@azure/communication-react 1.14.0-alpha-202403120012 → 1.14.0-alpha-202403130012

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DdhoRD21.js → RichTextSendBoxWrapper-Be7pr6o4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-C48Yhr_k.js');
+var index = require('./index-C3IKJHX1.js');
 require('@fluentui/react');
 require('@fluentui/react-file-type-icons');
 require('@azure/communication-common');
@@ -48,4 +48,4 @@ const RichTextSendBoxWrapper = () => {
 };
 
 exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
-//# sourceMappingURL=RichTextSendBoxWrapper-DdhoRD21.js.map
+//# sourceMappingURL=RichTextSendBoxWrapper-Be7pr6o4.js.map

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DdhoRD21.js.map → RichTextSendBoxWrapper-Be7pr6o4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextSendBoxWrapper-DdhoRD21.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}
+{"version":3,"file":"RichTextSendBoxWrapper-Be7pr6o4.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}

package/dist/dist-cjs/communication-react/{index-C48Yhr_k.js → index-C3IKJHX1.js}

@@ -173,7 +173,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.14.0-alpha-202403120012';
+var telemetryVersion = '1.14.0-alpha-202403130012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -2111,6 +2111,11 @@ let CallContext$2 = class CallContext {
                 addRemoteParticipant.forEach((participant) => {
                     call.remoteParticipants[toFlatCommunicationIdentifier(participant.identifier)] = participant;
                 });
+                // TODO: need to remove after contentSharingRole avaible in WebCalling SDK.
+                /* @conditional-compile-remove(ppt-live) */
+                if (!call.contentSharingRemoteParticipant) {
+                    call.contentSharingRemoteParticipant = toFlatCommunicationIdentifier(addRemoteParticipant[0].identifier);
+                }
             }
         });
     }
@@ -3723,7 +3728,7 @@ var __awaiter$K = (window && window.__awaiter) || function (thisArg, _arguments,
  * @private
  */
 class PPTLiveSubscriber {
-    constructor(callIdRef, context, pptLive) {
+    constructor(callIdRef, context, call) {
         this.subscribe = () => {
             this._pptLive.on('isActiveChanged', this.isAvailableChanged);
         };
@@ -3736,6 +3741,10 @@ class PPTLiveSubscriber {
         };
         this.checkAndUpdatePPTLiveParticipant = () => __awaiter$K(this, void 0, void 0, function* () {
             if (this._pptLive.isActive) {
+                // TODO： need to refactor if Web Calling SDK has this logic ready
+                if (this._call.isScreenSharingOn) {
+                    yield this._call.stopScreenSharing();
+                }
                 this._context.setCallParticipantPPTLive(this._callIdRef.callId, this._pptLive.target);
             }
             else {
@@ -3744,7 +3753,8 @@ class PPTLiveSubscriber {
         });
         this._callIdRef = callIdRef;
         this._context = context;
-        this._pptLive = pptLive;
+        this._pptLive = call.feature(communicationCalling.Features.PPTLive);
+        this._call = call;
         this.subscribe();
     }
 }
@@ -4152,7 +4162,7 @@ class CallSubscriber {
         this._participantSubscribers = new Map();
         this._recordingSubscriber = new RecordingSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Recording));
         /* @conditional-compile-remove(ppt-live) */
-        this._pptLiveSubscriber = new PPTLiveSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.PPTLive));
+        this._pptLiveSubscriber = new PPTLiveSubscriber(this._callIdRef, this._context, this._call);
         this._transcriptionSubscriber = new TranscriptionSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Transcription));
         /* @conditional-compile-remove(raise-hand) */
         this._raiseHandSubscriber = new RaiseHandSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RaiseHand));
@@ -8526,7 +8536,7 @@ const iconWrapperStyle$1 = react.mergeStyles({
  * @private
  */
 const InputBoxButton = (props) => {
-    const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent } = props;
+    const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent, 'data-testId': dataTestId } = props;
     const [isHover, setIsHover] = React.useState(false);
     const mergedButtonStyle = react.mergeStyles(inputBoxButtonStyle, className);
     const theme = react.useTheme();
@@ -8544,7 +8554,7 @@ const InputBoxButton = (props) => {
                 setIsHover(false);
             }, 
             // VoiceOver fix: Avoid icon from stealing focus when IconButton is double-tapped to send message by wrapping with Stack with pointerEvents style to none
-            onRenderIcon: () => React.createElement(react.Stack, { className: iconWrapperStyle$1 }, onRenderIcon(isHover)) })));
+            onRenderIcon: () => React.createElement(react.Stack, { className: iconWrapperStyle$1 }, onRenderIcon(isHover)), "data-testid": dataTestId })));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8575,7 +8585,7 @@ const SendBoxErrorBar = (props) => {
     if (errorMessage) {
         return (React.createElement(React.Fragment, null,
             React.createElement(Announcer$1, { announcementString: errorMessage, ariaLive: 'polite' }),
-            React.createElement(react.MessageBar, { "data-test-id": 'send-box-message-bar', messageBarType: react.MessageBarType.warning, styles: {
+            React.createElement(react.MessageBar, { "data-testid": 'send-box-message-bar', messageBarType: react.MessageBarType.warning, styles: {
                     iconContainer: {
                         display: 'none'
                     }
@@ -9459,16 +9469,16 @@ const RichTextEditor = React.forwardRef((props, ref) => {
                     isBeakVisible: false,
                     styles: ribbonOverflowButtonStyle(theme)
                 }
-            }, strings: ribbonButtonsStrings(strings) }));
+            }, strings: ribbonButtonsStrings(strings), "data-testid": 'rich-text-editor-ribbon' }));
     }, [strings, ribbonPlugin, theme]);
-    return (React.createElement("div", null,
+    return (React.createElement("div", { "data-testid": 'rich-text-editor-wrapper' },
         showRichTextEditorFormatting && ribbon,
         React.createElement("div", { className: richTextEditorWrapperStyle(theme, !showRichTextEditorFormatting, showRichTextEditorFormatting) },
             React.createElement(roosterjsReact.Rooster, { initialContent: initialContent, inDarkMode: isDarkThemed(theme), plugins: plugins, className: richTextEditorStyle(props.styles), editorCreator: editorCreator, 
                 // TODO: confirm the color during inline images implementation
                 imageSelectionBorderColor: 'blue', 
                 // doNotAdjustEditorColor is used to fix the default background color for Rooster component
-                doNotAdjustEditorColor: true, 
+                doNotAdjustEditorColor: true, "data-testid": 'rooster-rich-text-editor', 
                 // if we don't use 'allowKeyboardEventPropagation' only the enter key is caught
                 onKeyDown: props.onKeyDown }))));
 });
@@ -9519,7 +9529,7 @@ const RichTextInputBoxComponent = (props) => {
                         setShowRichTextEditorFormatting(!showRichTextEditorFormatting);
                         (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                         e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
-                    }, ariaLabel: strings.richTextFormatButtonTooltip, tooltipContent: strings.richTextFormatButtonTooltip, className: richTextActionButtonsStyle }),
+                    }, ariaLabel: strings.richTextFormatButtonTooltip, tooltipContent: strings.richTextFormatButtonTooltip, className: richTextActionButtonsStyle, "data-testId": 'rich-text-input-box-format-button' }),
                 React.createElement(react.Icon, { iconName: "RichTextDividerIcon", className: richTextActionButtonsDividerStyle(theme) }),
                 actionComponents)));
     }, [
@@ -14710,7 +14720,9 @@ const loadingStyle = react.mergeStyles({
  * https://reactjs.org/docs/react-api.html#reactmemo
  */
 const RemoteScreenShare = React.memo((props) => {
-    const { userId, displayName, isMuted, renderElement, onCreateRemoteStreamView, onDisposeRemoteStreamView, isReceiving, participantVideoScalingMode } = props;
+    const { userId, displayName, isMuted, renderElement, onCreateRemoteStreamView, onDisposeRemoteStreamView, isReceiving, participantVideoScalingMode, 
+    /* @conditional-compile-remove(ppt-live) */
+    isPPTLive } = props;
     const locale = useLocale$1();
     if (!renderElement) {
         /**
@@ -14734,6 +14746,10 @@ const RemoteScreenShare = React.memo((props) => {
             participant: displayName
         })
         : '';
+    /* @conditional-compile-remove(ppt-live) */
+    if (isPPTLive) {
+        return (React.createElement(VideoTile, { renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }) }));
+    }
     return (React.createElement(VideoTile, { displayName: displayName, isMuted: isMuted, renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }) }));
 });
 const LoadingSpinner = (props) => {
@@ -17063,7 +17079,7 @@ const MAX_PINNED_REMOTE_VIDEO_TILES = 4;
  * @public
  */
 const VideoGallery = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { localParticipant, remoteParticipants = [], localVideoViewOptions, remoteVideoViewOptions, dominantSpeakers, onRenderLocalVideoTile, onRenderRemoteVideoTile, onCreateLocalStreamView, onDisposeLocalStreamView, onCreateRemoteStreamView, onDisposeRemoteScreenShareStreamView, onDisposeRemoteVideoStreamView, styles, layout, onRenderAvatar, showMuteIndicator, maxRemoteVideoStreams = DEFAULT_MAX_REMOTE_VIDEO_STREAMS, showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps, onPinParticipant: onPinParticipantHandler, onUnpinParticipant: onUnpinParticipantHandler, remoteVideoTileMenu = DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS, 
     /* @conditional-compile-remove(vertical-gallery) */
     overflowGalleryPosition = 'horizontalBottom', 
@@ -17291,7 +17307,9 @@ const VideoGallery = (props) => {
     ]);
     const screenShareParticipant = remoteParticipants.find((participant) => { var _a; return (_a = participant.screenShareStream) === null || _a === void 0 ? void 0 : _a.isAvailable; });
     const localScreenShareStreamComponent = React.createElement(LocalScreenShare, { localParticipant: localParticipant });
-    const remoteScreenShareComponent = screenShareParticipant && (React.createElement(RemoteScreenShare, Object.assign({}, screenShareParticipant, { renderElement: (_b = screenShareParticipant.screenShareStream) === null || _b === void 0 ? void 0 : _b.renderElement, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteScreenShareStreamView, isReceiving: (_c = screenShareParticipant.screenShareStream) === null || _c === void 0 ? void 0 : _c.isReceiving, participantVideoScalingMode: selectedScalingModeState[screenShareParticipant.userId] })));
+    const remoteScreenShareComponent = screenShareParticipant && (React.createElement(RemoteScreenShare, Object.assign({}, screenShareParticipant, { renderElement: (_b = screenShareParticipant.screenShareStream) === null || _b === void 0 ? void 0 : _b.renderElement, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteScreenShareStreamView, isReceiving: (_c = screenShareParticipant.screenShareStream) === null || _c === void 0 ? void 0 : _c.isReceiving, participantVideoScalingMode: selectedScalingModeState[screenShareParticipant.userId], 
+        /* @conditional-compile-remove(ppt-live) */
+        isPPTLive: !((_d = screenShareParticipant.screenShareStream) === null || _d === void 0 ? void 0 : _d.id) })));
     const screenShareComponent = remoteScreenShareComponent
         ? remoteScreenShareComponent
         : localParticipant.isScreenSharingOn
@@ -22591,12 +22609,13 @@ var __awaiter$t = (window && window.__awaiter) || function (thisArg, _arguments,
  * @private
  */
 class ResourceDownloadQueue {
-    constructor(context, credential) {
+    constructor(context, authentication) {
         this._messagesNeedingResourceRetrieval = [];
         this.isActive = false;
         this._requestsToCancel = {};
         this._context = context;
-        this._credential = credential;
+        this._credential = authentication.credential;
+        this._endpoint = authentication.endpoint;
     }
     containsMessageWithSameAttachments(message) {
         var _a, _b, _c;
@@ -22700,7 +22719,7 @@ class ResourceDownloadQueue {
     downloadResource(operation, url, abortController) {
         return __awaiter$t(this, void 0, void 0, function* () {
             this._requestsToCancel[url] = { src: url, abortController };
-            const blobUrl = yield operation(url, this._credential, { abortController });
+            const blobUrl = yield operation(url, { credential: this._credential, endpoint: this._endpoint }, { abortController });
             delete this._requestsToCancel[url];
             return blobUrl;
         });
@@ -22710,21 +22729,16 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, credential, options) => __awaiter$t(void 0, void 0, void 0, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$t(void 0, void 0, void 0, function* () {
     function fetchWithAuthentication(url, token, options) {
         return __awaiter$t(this, void 0, void 0, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
-            try {
-                return yield fetchWithTimeout(url, {
-                    timeout: options.timeout,
-                    headers,
-                    abortController: options.abortController
-                });
-            }
-            catch (err) {
-                throw new ChatError('ChatThreadClient.getMessage', err);
-            }
+            return yield fetchWithTimeout(url, {
+                timeout: options.timeout,
+                headers,
+                abortController: options.abortController
+            });
         });
     }
     function fetchWithTimeout(resource, options) {
@@ -22739,8 +22753,13 @@ const fetchImageSource = (src, credential, options) => __awaiter$t(void 0, void
             return response;
         });
     }
-    const accessToken = yield credential.getToken();
-    const response = yield fetchWithAuthentication(src, accessToken.token, options);
+    const fetchUrl = new URL(src);
+    const endpoint = new URL(authentication.endpoint);
+    let token = '';
+    if (fetchUrl.hostname === endpoint.hostname && fetchUrl.protocol === 'https:') {
+        token = (yield authentication.credential.getToken()).token;
+    }
+    const response = yield fetchWithAuthentication(src, token, options);
     const blob = yield response.blob();
     return URL.createObjectURL(blob);
 });
@@ -22764,7 +22783,8 @@ immer.enablePatches();
  */
 let ChatContext$1 = class ChatContext {
     constructor(maxListeners, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ credential) {
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ credential, 
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ endpoint) {
         this._state = {
             userId: { id: '' },
             displayName: '',
@@ -22781,8 +22801,8 @@ let ChatContext$1 = class ChatContext {
         this._emitter = new EventEmitter();
         /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         if (credential) {
-            this._inlineImageQueue = new ResourceDownloadQueue(this, credential);
-            this._fullsizeImageQueue = new ResourceDownloadQueue(this, credential);
+            this._inlineImageQueue = new ResourceDownloadQueue(this, { credential, endpoint: endpoint !== null && endpoint !== void 0 ? endpoint : '' });
+            this._fullsizeImageQueue = new ResourceDownloadQueue(this, { credential, endpoint: endpoint !== null && endpoint !== void 0 ? endpoint : '' });
         }
         if (maxListeners) {
             this._emitter.setMaxListeners(maxListeners);
@@ -23794,7 +23814,8 @@ const _createStatefulChatClientInner = (args, options, telemetryImplementationHi
  */
 const _createStatefulChatClientWithDeps = (chatClient, args, options) => {
     const context = new ChatContext$1(options === null || options === void 0 ? void 0 : options.maxStateChangeListeners, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ args.credential);
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ args.credential, 
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ args.endpoint);
     let eventSubscriber;
     context.updateChatConfig(communicationCommon.getIdentifierKind(args.userId), args.displayName);
     const proxy = new Proxy(chatClient, proxyChatClient);
@@ -25452,7 +25473,7 @@ const useSelector$2 = (selector, selectorProps) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DdhoRD21.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Be7pr6o4.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
@@ -27092,7 +27113,6 @@ const Microphone = (props) => {
     const microphoneButtonProps = usePropsFor$1(MicrophoneButton);
     const callStatus = useSelector$1(getCallStatus);
     const isLocalMicrophoneEnabled = useSelector$1(getLocalMicrophoneEnabled);
-    const strings = useLocale().strings.call;
     /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
     const adapter = useAdapter();
     /* @conditional-compile-remove(rooms) */
@@ -27108,17 +27128,9 @@ const Microphone = (props) => {
         // page until the user successfully joins the call.
         microphoneButtonProps.checked = isLocalMicrophoneEnabled;
     }
-    const microphoneButtonStrings = _isInLobbyOrConnecting(callStatus)
-        ? {
-            strings: {
-                tooltipOffContent: strings.microphoneToggleInLobbyNotAllowed,
-                tooltipOnContent: strings.microphoneToggleInLobbyNotAllowed
-            }
-        }
-        : {};
     const styles = React.useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
     // tab focus on MicrophoneButton on page load
-    return (React.createElement(MicrophoneButton, Object.assign({ "data-ui-id": "call-composite-microphone-button" }, microphoneButtonProps, { showLabel: props.displayType !== 'compact', disableTooltip: props.disableTooltip, styles: styles }, microphoneButtonStrings, { enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disabled: microphoneButtonProps.disabled ||
+    return (React.createElement(MicrophoneButton, Object.assign({ "data-ui-id": "call-composite-microphone-button" }, microphoneButtonProps, { showLabel: props.displayType !== 'compact', disableTooltip: props.disableTooltip, styles: styles, enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disabled: microphoneButtonProps.disabled ||
             props.disabled ||
             /* @conditional-compile-remove(rooms) */ (isRoomsCall && ((_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.role) === 'Unknown'), 
         /* @conditional-compile-remove(capabilities) */
@@ -38037,4 +38049,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-C48Yhr_k.js.map
+//# sourceMappingURL=index-C3IKJHX1.js.map