@cloudflare/realtimekit-ui 1.0.7-staging.4 → 1.0.7

package/dist/cjs/rtk-sidebar-ui.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const index = require('./index-77d3cd4a.js');
-const uiStore = require('./ui-store-4edab2a5.js');
+const index = require('./index-fb18156f.js');
+const uiStore = require('./ui-store-e096fdc6.js');
 
 const rtkSidebarUiCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";
 const RtkSidebarUiStyle0 = rtkSidebarUiCss;

package/dist/cjs/rtk-sidebar.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const sidebar = require('./sidebar-18f10845.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const sidebar = require('./sidebar-89748c6c.js');
+const index = require('./index-fb18156f.js');
 const index$2 = require('./index-821d14b7.js');
 
 const rtkSidebarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;max-width:var(--rtk-space-96, 384px);box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}";

package/dist/cjs/rtk-simple-grid.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
+const uiStore = require('./ui-store-e096fdc6.js');
 const index$2 = require('./index-821d14b7.js');
 const grid = require('./grid-edc342a7.js');
 const ResizeObserver_es = require('./ResizeObserver.es-ba961f16.js');
-const index = require('./index-77d3cd4a.js');
+const index = require('./index-fb18156f.js');
 
 const rtkSimpleGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:100%;width:100%}";
 const RtkSimpleGridStyle0 = rtkSimpleGridCss;

package/dist/cjs/rtk-spotlight-grid.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
+const uiStore = require('./ui-store-e096fdc6.js');
 const grid = require('./grid-edc342a7.js');
 const index$2 = require('./index-821d14b7.js');
-const index = require('./index-77d3cd4a.js');
+const index = require('./index-fb18156f.js');
 
 const rtkSpotlightGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";
 const RtkSpotlightGridStyle0 = rtkSpotlightGridCss;

package/dist/cjs/rtk-spotlight-indicator.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const rtkSpotlightIndicatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}";
 const RtkSpotlightIndicatorStyle0 = rtkSpotlightIndicatorCss;

package/dist/cjs/rtk-stage-toggle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const canJoinStage = (meeting) => {
     var _a, _b;

package/dist/cjs/rtk-stage.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const rtkStageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;position:relative;overflow:hidden}";
 const RtkStageStyle0 = rtkStageCss;

package/dist/cjs/rtk-transcript.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const rtkTranscriptCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkTranscriptStyle0 = rtkTranscriptCss;

package/dist/cjs/rtk-transcripts.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const rtkTranscriptsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;justify-content:center;width:100%;z-index:5}rtk-transcript{margin-top:var(--rtk-space-2, 8px)}";
 const RtkTranscriptsStyle0 = rtkTranscriptsCss;

package/dist/cjs/rtk-ui-provider.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const merge = require('./merge-1094ad20.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const merge = require('./merge-ca0928c5.js');
 
 const rtkUiProviderCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";
 const RtkUiProviderStyle0 = rtkUiProviderCss;

package/dist/cjs/rtk-waiting-screen.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-4edab2a5.js');
-const index = require('./index-77d3cd4a.js');
+const uiStore = require('./ui-store-e096fdc6.js');
+const index = require('./index-fb18156f.js');
 
 const rtkWaitingScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center}rtk-logo{margin-bottom:var(--rtk-space-8, 32px);height:var(--rtk-space-12, 48px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkWaitingScreenStyle0 = rtkWaitingScreenCss;

package/dist/cjs/{sidebar-18f10845.js → sidebar-89748c6c.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-const uiStore = require('./ui-store-4edab2a5.js');
+const uiStore = require('./ui-store-e096fdc6.js');
 
 const canViewChat = (meeting) => {
     if (meeting && !meeting.chat)
         return false;
     const { chatPublic, chatPrivate } = meeting.self.permissions;
     return (chatPublic.canSend ||
-        chatPublic.canReceive || // TODO(ravindra-dyte): add web-core equivalent of chatPublic.canReceive, remove type casting
+        chatPublic.canReceive || // TODO(ravindra-cloudflare): add web-core equivalent of chatPublic.canReceive, remove type casting
         chatPublic.text ||
         chatPublic.files ||
         chatPrivate.canSend ||

package/dist/cjs/{string-a410fab6.js → string-9bce3253.js}

@@ -30,7 +30,7 @@ const hasOnlyEmojis = (str) => {
 const sanitizeLink = (link) => {
     // TODO: needs more work
     if (link === null || link === void 0 ? void 0 : link.trim().toLowerCase().startsWith('javascript:')) {
-        return 'https://dyte.io';
+        return 'https://realtime.cloudflare.com';
     }
     return link;
 };

package/dist/cjs/{ui-store-4edab2a5.js → ui-store-e096fdc6.js}

@@ -3938,9 +3938,9 @@ function appendElement(propName, element, targetStore = uiStore) {
     else {
         try {
             /**
-             * NOTE(ravindra-dyte):
+             * NOTE(ravindra-cloudflare):
              * If the element+propName exists already, remove it first
-             * This could happen in https://github.com/dyte-io/react-samples/tree/main/samples/back-to-back-meetings,
+             * This could happen in https://github.com/cloudflare/realtimekit-web-examples/tree/main/react-examples/examples/back-to-back-meetings,
              * where the same component is re-rendered multiple times under different providers
              *  */
             removeElement(propName, element, targetStore);

package/dist/collection/components/rtk-livestream-player/rtk-livestream-player.js

@@ -248,7 +248,7 @@ export class RtkLivestreamPlayer {
                             });
                             if (this.playbackUrl && this.livestreamState === 'LIVESTREAMING') {
                                 /*
-                                  NOTE(ravindra-dyte): Maybe manifest is not ready,
+                                  NOTE(ravindra-cloudflare): Maybe manifest is not ready,
                                   maybe levels are not available yet.
                                   Keep on retrying every 5 seconds till either livestream is stopped or error is resolved.
                                 */

package/dist/collection/components/rtk-permissions-message/rtk-permissions-message.js

@@ -42,7 +42,7 @@ export class RtkPermissionsMessage {
             function replaceAll(target, search, replacement) {
                 return target.split(search).join(replacement);
             }
-            const svgReq = await fetch(`https://assets.dyte.io/ui-kit/permissions/${stepURL}`);
+            const svgReq = await fetch(`https://rtk-assets.realtime.cloudflare.com/ui-kit/permissions/${stepURL}`);
             let svg = await svgReq.text();
             svg = replaceAll(svg, 'yoursite.com', location.host);
             svg = replaceAll(svg, 'Yoursite', document.title.length > 14 ? `${document.title.slice(0, 14)}...` : document.title);
@@ -136,7 +136,7 @@ export class RtkPermissionsMessage {
         const isDeniedBySystem = this.isDeniedBySystem();
         const browser = (_a = browserName.toLowerCase()) !== null && _a !== void 0 ? _a : 'others';
         const os = osName !== null && osName !== void 0 ? osName : 'others';
-        /* NOTE(ravindra-dyte):
+        /* NOTE(ravindra-cloudflare):
           If in case a unknown browser or os doesn't have a translation,
           use the translation for `others`, instead of showing ugly error string,
           such as `perm_denied.video.yandex browser.message`.
@@ -161,7 +161,7 @@ export class RtkPermissionsMessage {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: '5382ef58e7cd1b901c615f2137460d9cdf255218' }, h("h2", { key: '62cbe05476171bd2faaca3c1c6142bf17949e405' }, h("rtk-icon", { key: '1727839b136ad2e87d7109883d3ba22f0db16418', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: 'ebabd8b9725e2a65218ab7826643565bf0f14884', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: 'a9686c1c427f120d0879c3d57dda17941b06758e' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: '841dc8ff76cc10e376171c4267efcca71d2ef2a6', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: '6cded0b28e0cd0f25aa58476c7f9f60cacd8abbf', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '45a90d83f86799bc5e6c5df08adec1b261caad9a', class: "actions" }, h("rtk-button", { key: 'f882b2b00cea111bd87a23e9985a60a7e45e9e18', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '091e35565236749006f6aac7dd8368dd7045b1b1' })));
+        return (h(Host, { key: '9e1ddfa94e56f005310a17a451647055d687afdb' }, h("h2", { key: '0f4105daa1ca09074175e27931f4883814a527fb' }, h("rtk-icon", { key: '439a834c97fd162637202e8f682f115de8e0188f', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '9f65d4789625e7fbfa8f3c7e5b916584febf3bc9', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: 'c419b837d680c5e003dfbd58e66dfab790ae13ce' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: '9fd27220623637172a1fc0679cb1f60410dbb1b9', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: 'c237332bdbc21bd33350c3e94928c08526bf63d9', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: 'b0345160cc94639ed4d8bb9bdda4dd29a7defe83', class: "actions" }, h("rtk-button", { key: '21e95a3acf84a9d4209039ea9b1ccf29987d2195', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: 'b08b0d9a9f91874e10d1b2e0fa8ededb71054e60' })));
     }
     static get is() { return "rtk-permissions-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-speaker-selector/rtk-speaker-selector.js

@@ -109,7 +109,7 @@ export class RtkSpeakerSelector {
         if (!this.meeting)
             return null;
         let unnamedSpeakerCount = 0;
-        return (h(Host, null, h("audio", { preload: "auto", src: "https://assets.dyte.io/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !disableSettingSinkId(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
+        return (h(Host, null, h("audio", { preload: "auto", src: "https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !disableSettingSinkId(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
             var _a;
             return (h("option", { value: deviceId, selected: ((_a = this.currentDevices.speaker) === null || _a === void 0 ? void 0 : _a.deviceId) === deviceId }, label || `Speaker ${++unnamedSpeakerCount}`));
         }))))), this.variant === 'full' && (h("rtk-button", { variant: "secondary", onClick: () => this.testAudio() }, h("rtk-icon", { icon: this.iconPack.speaker, slot: "start" }), this.t('test'))))));

package/dist/collection/lib/notification.js

@@ -1,8 +1,8 @@
 import { disableSettingSinkId } from "../utils/flags";
 const SOUNDS = {
-    joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
-    left: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
-    message: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_message.mp3',
+    joined: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
+    left: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
+    message: 'https://rtk-uploads.realtime.cloudflare.com/notification_message.mp3',
 };
 /**
  * Handles notification sounds in a meeting

package/dist/collection/utils/assets.js

@@ -1,4 +1,4 @@
-const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
+const EMOJI_ASSET_URL = 'https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json';
 let cachedEmojis;
 /**
  * fetches the latest emoji list from CDN

package/dist/collection/utils/sidebar.js

@@ -4,7 +4,7 @@ export const canViewChat = (meeting) => {
         return false;
     const { chatPublic, chatPrivate } = meeting.self.permissions;
     return (chatPublic.canSend ||
-        chatPublic.canReceive || // TODO(ravindra-dyte): add web-core equivalent of chatPublic.canReceive, remove type casting
+        chatPublic.canReceive || // TODO(ravindra-cloudflare): add web-core equivalent of chatPublic.canReceive, remove type casting
         chatPublic.text ||
         chatPublic.files ||
         chatPrivate.canSend ||

package/dist/collection/utils/string.js

@@ -28,7 +28,7 @@ export const hasOnlyEmojis = (str) => {
 export const sanitizeLink = (link) => {
     // TODO: needs more work
     if (link === null || link === void 0 ? void 0 : link.trim().toLowerCase().startsWith('javascript:')) {
-        return 'https://dyte.io';
+        return 'https://realtime.cloudflare.com';
     }
     return link;
 };

package/dist/collection/utils/sync-with-store/index.js

@@ -8,7 +8,7 @@ export function SyncWithStore() {
             const value = host[propName];
             host[`_rtkStoreToCleanup-${propName}`] = legacyGlobalUIStore;
             /**
-             * NOTE(ravindra-dyte):
+             * NOTE(ravindra-cloudflare):
              * For backward compatibility, let's use global store.
              * If rtk-ui-provider in parent hierarchy is available, we will use peer specific store.
              * If provider is found, All states will be solely controlled by RtkUiProvider.
@@ -26,7 +26,7 @@ export function SyncWithStore() {
                     const storeValue = event.detail.store.state[propName];
                     host.componentOnReady().then(() => {
                         /**
-                         * NOTE(ravindra-dyte):
+                         * NOTE(ravindra-cloudflare):
                          * https://stenciljs.com/docs/api#componentonready
                          * This psudo ready callback is to ensure that the component is ready to accept props
                          * Without this, changing the prop would not trigger @Watch of prop in the initial mount phase

package/dist/collection/utils/sync-with-store/ui-store.js

@@ -93,9 +93,9 @@ function appendElement(propName, element, targetStore = uiStore) {
     else {
         try {
             /**
-             * NOTE(ravindra-dyte):
+             * NOTE(ravindra-cloudflare):
              * If the element+propName exists already, remove it first
-             * This could happen in https://github.com/dyte-io/react-samples/tree/main/samples/back-to-back-meetings,
+             * This could happen in https://github.com/cloudflare/realtimekit-web-examples/tree/main/react-examples/examples/back-to-back-meetings,
              * where the same component is re-rendered multiple times under different providers
              *  */
             removeElement(propName, element, targetStore);

package/dist/components/index.js

@@ -1,10 +1,10 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { c as createDefaultConfig } from './p-74e01969.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-74e01969.js';
-export { p as provideRtkDesignSystem } from './p-d4ada89c.js';
-import { g as generateConfig } from './p-66cf8c03.js';
-export { e as extendConfig, g as generateConfig } from './p-66cf8c03.js';
-export { R as RtkNotificationsAudio } from './p-07411961.js';
+import { c as createDefaultConfig } from './p-bf700149.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-bf700149.js';
+export { p as provideRtkDesignSystem } from './p-3de94128.js';
+import { g as generateConfig } from './p-517eed51.js';
+export { e as extendConfig, g as generateConfig } from './p-517eed51.js';
+export { R as RtkNotificationsAudio } from './p-6f1af797.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**

package/dist/components/{p-a9d80b81.js → p-00b48a12.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 
 const rtkMenuListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
 const RtkMenuListStyle0 = rtkMenuListCss;

package/dist/components/{p-ac49fc4f.js → p-00cddac4.js}

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
 import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$b } from './p-1391bef0.js';
-import { d as defineCustomElement$a } from './p-f45ceaa6.js';
-import { d as defineCustomElement$9 } from './p-c8b8a942.js';
-import { d as defineCustomElement$8 } from './p-25a4363c.js';
-import { d as defineCustomElement$7 } from './p-4a4c2102.js';
+import { d as defineCustomElement$a } from './p-1d32657e.js';
+import { d as defineCustomElement$9 } from './p-f45ff21a.js';
+import { d as defineCustomElement$8 } from './p-a3948b63.js';
+import { d as defineCustomElement$7 } from './p-a960414f.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
 import { d as defineCustomElement$5 } from './p-f5f0b499.js';
-import { d as defineCustomElement$4 } from './p-a59a9c97.js';
-import { d as defineCustomElement$3 } from './p-262377bc.js';
-import { d as defineCustomElement$2 } from './p-3570bda3.js';
+import { d as defineCustomElement$4 } from './p-8dd72d80.js';
+import { d as defineCustomElement$3 } from './p-53ff409b.js';
+import { d as defineCustomElement$2 } from './p-93e1439e.js';
 import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkChatComposerViewCss = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";

package/dist/components/{p-27f15618.js → p-00d593e1.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-74e01969.js';
+import { e as defaultIconPack } from './p-bf700149.js';
 import './p-a83ccdbd.js';
-import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.js';
+import { a as sanitizeLink } from './p-efabd2ce.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
+import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 

package/dist/components/{p-b2c7ff74.js → p-0599a377.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
 import './p-a83ccdbd.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-74942069.js';
-import { d as defineCustomElement$2 } from './p-89ce3d1b.js';
+import { d as defineCustomElement$3 } from './p-2ecff14a.js';
+import { d as defineCustomElement$2 } from './p-dcb240cb.js';
 import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkPollsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{margin-top:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{box-sizing:border-box;padding:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);display:flex;flex:1 1 0%;flex-direction:column}.polls-view{overflow-y:auto;flex:1 1 0%;flex-basis:0}.empty-polls{display:flex;height:100%;width:100%;align-items:center;justify-content:center}";

package/dist/components/{p-61a18b1f.js → p-073066d9.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 

package/dist/components/{p-0a50c14c.js → p-0a74af4f.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$d } from './p-4e9d44f6.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
+import { d as defineCustomElement$d } from './p-9645c983.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-27f15618.js';
+import { d as defineCustomElement$b } from './p-00d593e1.js';
 import { d as defineCustomElement$a } from './p-3b29dda1.js';
-import { d as defineCustomElement$9 } from './p-e891d522.js';
+import { d as defineCustomElement$9 } from './p-9c762c7c.js';
 import { d as defineCustomElement$8 } from './p-f5f0b499.js';
-import { d as defineCustomElement$7 } from './p-919e71b8.js';
-import { d as defineCustomElement$6 } from './p-5205ea87.js';
-import { d as defineCustomElement$5 } from './p-a9d80b81.js';
-import { d as defineCustomElement$4 } from './p-86b95be0.js';
-import { d as defineCustomElement$3 } from './p-ff8e5929.js';
-import { d as defineCustomElement$2 } from './p-a59a9c97.js';
-import { d as defineCustomElement$1 } from './p-3570bda3.js';
+import { d as defineCustomElement$7 } from './p-aceb63f7.js';
+import { d as defineCustomElement$6 } from './p-23ab84b1.js';
+import { d as defineCustomElement$5 } from './p-00b48a12.js';
+import { d as defineCustomElement$4 } from './p-c46fca60.js';
+import { d as defineCustomElement$3 } from './p-8aa0a20a.js';
+import { d as defineCustomElement$2 } from './p-8dd72d80.js';
+import { d as defineCustomElement$1 } from './p-93e1439e.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;

package/dist/components/{p-ba531eb3.js → p-0ebf838c.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkOverlayModalCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);z-index:50}rtk-icon{height:var(--rtk-space-20, 80px)}h2{margin:var(--rtk-space-2, 8px);font-weight:500}p{margin:var(--rtk-space-0, 0px);font-size:16px}";

package/dist/components/{p-632e7c39.js → p-1425697e.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$5 } from './p-4e9d44f6.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
+import { d as defineCustomElement$5 } from './p-9645c983.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
 import { d as defineCustomElement$3 } from './p-f5f0b499.js';
-import { d as defineCustomElement$2 } from './p-a59a9c97.js';
-import { d as defineCustomElement$1 } from './p-3570bda3.js';
+import { d as defineCustomElement$2 } from './p-8dd72d80.js';
+import { d as defineCustomElement$1 } from './p-93e1439e.js';
 import { d as debounce } from './p-1dca17d1.js';
 
 const rtkChannelSelectorViewCss = ".scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";

package/dist/components/{p-39e53154.js → p-176c5195.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, M as showLivestream } from './p-74e01969.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage, M as showLivestream } from './p-bf700149.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkViewerCountCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:14px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([variant='embedded']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0.5;margin-top:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:12px}:host([variant='embedded']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";

package/dist/components/{p-f45ceaa6.js → p-1d32657e.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';

package/dist/components/{p-7da6a349.js → p-1fb97660.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-74e01969.js';
+import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-bf700149.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { S as SyncWithStore } from './p-bbe38af7.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
-import { d as defineCustomElement$4 } from './p-c5b6ed4f.js';
-import { d as defineCustomElement$3 } from './p-adca9df1.js';
+import { d as defineCustomElement$4 } from './p-b3f547d5.js';
+import { d as defineCustomElement$3 } from './p-54c33b11.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-8dd72d80.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {
@@ -35866,7 +35866,7 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
                             });
                             if (this.playbackUrl && this.livestreamState === 'LIVESTREAMING') {
                                 /*
-                                  NOTE(ravindra-dyte): Maybe manifest is not ready,
+                                  NOTE(ravindra-cloudflare): Maybe manifest is not ready,
                                   maybe levels are not available yet.
                                   Keep on retrying every 5 seconds till either livestream is stopped or error is resolved.
                                 */