@crystaldesign/diva-support 24.12.1 → 24.12.2-rc.0

package/build/esm/index.js

@@ -6030,8 +6030,8 @@ var FeatureRestriction = /*#__PURE__*/_createClass(function FeatureRestriction(U
 //     });
 // }
 );
-/**
- * Core Chat
+/**
+ * Core Chat
  */
 _defineProperty(FeatureRestriction, "chat_users_list_enabled", "core.chat.users.list.enabled");
 _defineProperty(FeatureRestriction, "chat_users_presence_enabled", "core.chat.users.presence.enabled");
@@ -6052,8 +6052,8 @@ _defineProperty(FeatureRestriction, "chat_messages_custom_enabled", "core.chat.m
 _defineProperty(FeatureRestriction, "chat_one_on_one_enabled", "core.chat.one-on-one.enabled");
 _defineProperty(FeatureRestriction, "chat_voice_notes_enabled", "core.chat.voice-notes.enabled");
 _defineProperty(FeatureRestriction, "chat_typing_indicator_enabled", "core.chat.typing-indicator.enabled");
-/**
- * Voice & Video Calling/Conferencing
+/**
+ * Voice & Video Calling/Conferencing
  */
 _defineProperty(FeatureRestriction, "calls_enabled", "core.call.enabled");
 _defineProperty(FeatureRestriction, "call_one_on_one_video_enabled", "core.call.one-on-one.video.enabled");
@@ -6063,13 +6063,13 @@ _defineProperty(FeatureRestriction, "call_groups_audio_enabled", "core.call.grou
 _defineProperty(FeatureRestriction, "call_recording_enabled", "core.call.recording.enabled");
 _defineProperty(FeatureRestriction, "call_live_streaming_enabled", "core.call.live-streaming.enabled");
 _defineProperty(FeatureRestriction, "call_transcript_enabled", "core.call.transcript.enabled");
-/**
- * Collaboration
+/**
+ * Collaboration
  */
 _defineProperty(FeatureRestriction, "collaboration_whiteboard_enabled", "features.collaboration.whiteboard.enabled");
 _defineProperty(FeatureRestriction, "collaboration_document_enabled", "features.collaboration.document.enabled");
-/**
- * Moderation
+/**
+ * Moderation
  */
 _defineProperty(FeatureRestriction, "moderation_groups_moderators_enabled", "features.moderation.groups.moderators.enabled");
 _defineProperty(FeatureRestriction, "moderation_users_block_enabled", "features.moderation.users.block.enabled");
@@ -6082,8 +6082,8 @@ _defineProperty(FeatureRestriction, "moderation_data_masking_enabled", "features
 _defineProperty(FeatureRestriction, "moderation_malware_scanner_enabled", "features.moderation.malware-scanner.enabled");
 _defineProperty(FeatureRestriction, "moderation_sentiment_analysis_enabled", "features.moderation.sentiment-analysis.enabled");
 _defineProperty(FeatureRestriction, "moderation_inflight_message_moderation_enabled", "features.moderation.inflight-message-moderation.enabled");
-/**
- * User Engagement
+/**
+ * User Engagement
  */
 _defineProperty(FeatureRestriction, "reactions_enabled", "features.ue.reactions.enabled");
 _defineProperty(FeatureRestriction, "emojis_enabled", "features.ue.emojis.enabled");
@@ -6094,8 +6094,8 @@ _defineProperty(FeatureRestriction, "polls_enabled", "features.ue.polls.enabled"
 _defineProperty(FeatureRestriction, "live_reactions_enabled", "features.ue.live-reactions.enabled");
 _defineProperty(FeatureRestriction, "smart_replies_enabled", "features.ue.smart-replies.enabled");
 _defineProperty(FeatureRestriction, "mentions_enabled", "features.ue.mentions.enabled");
-/**
- * User Experience
+/**
+ * User Experience
  */
 _defineProperty(FeatureRestriction, "thumbnail_generation_enabled", "features.ux.thumbnail-generation.enabled");
 _defineProperty(FeatureRestriction, "link_preview_enabled", "features.ux.link-preview.enabled");
@@ -6103,8 +6103,8 @@ _defineProperty(FeatureRestriction, "messages_saved_enabled", "features.ux.messa
 _defineProperty(FeatureRestriction, "messages_pinned_enabled", "features.ux.messages.pinned.enabled");
 _defineProperty(FeatureRestriction, "rich_media_preview_enabled", "features.ux.rich-media-preview.enabled");
 _defineProperty(FeatureRestriction, "voice_transcription_enabled", "features.ux.voice-transcription.enabled");
-/**
- * Extensions slug
+/**
+ * Extensions slug
  */
 _defineProperty(FeatureRestriction, "dataMasking", "data-masking");
 _defineProperty(FeatureRestriction, "profanityFilter", "profanity-filter");
@@ -7203,7 +7203,7 @@ _defineProperty(SoundManager, "onIncomingMessage", function (context) {
   _SoundManager.enableSoundForMessages(context).then(function (response) {
     if (response === true) {
       if (_SoundManager.incomingMessageAudio === null) {
-        import('./incomingmessage-1e352c15.js').then(function (response) {
+        import('./incomingmessage-44f48674.js').then(function (response) {
           _SoundManager.incomingMessageAudio = new Audio(response["default"]);
           _SoundManager.playMessageAlert(_SoundManager.incomingMessageAudio);
         });
@@ -7217,7 +7217,7 @@ _defineProperty(SoundManager, "onIncomingOtherMessage", function (context) {
   _SoundManager.enableSoundForMessages(context).then(function (response) {
     if (response === true) {
       if (_SoundManager.incomingOtherMessageAudio === null) {
-        import('./incomingothermessage-57e4bf63.js').then(function (response) {
+        import('./incomingothermessage-06ead268.js').then(function (response) {
           _SoundManager.incomingOtherMessageAudio = new Audio(response["default"]);
           _SoundManager.playMessageAlert(_SoundManager.incomingOtherMessageAudio);
         });
@@ -7231,7 +7231,7 @@ _defineProperty(SoundManager, "onOutgoingMessage", function (context) {
   _SoundManager.enableSoundForMessages(context).then(function (response) {
     if (response === true) {
       if (_SoundManager.outgoingMessageAudio === null) {
-        import('./outgoingmessage-7a737a89.js').then(function (response) {
+        import('./outgoingmessage-34700b6f.js').then(function (response) {
           _SoundManager.outgoingMessageAudio = new Audio(response["default"]);
           _SoundManager.playMessageAlert(_SoundManager.outgoingMessageAudio);
         });
@@ -7249,7 +7249,7 @@ _defineProperty(SoundManager, "onIncomingCall", function (context) {
   _SoundManager.enableSoundForCalls(context).then(function (response) {
     if (response === true) {
       if (_SoundManager.incomingCallAudio === null) {
-        import('./incomingcall-e073d56b.js').then(function (response) {
+        import('./incomingcall-479f3c9b.js').then(function (response) {
           _SoundManager.incomingCallAudio = new Audio(response["default"]);
           _SoundManager.playCallAlert(_SoundManager.incomingCallAudio);
         });
@@ -7263,7 +7263,7 @@ _defineProperty(SoundManager, "onOutgoingCall", function (context) {
   _SoundManager.enableSoundForCalls(context).then(function (response) {
     if (response === true) {
       if (_SoundManager.outgoingCallAudio === null) {
-        import('./outgoingcall-958a4fc8.js').then(function (response) {
+        import('./outgoingcall-10e09aa1.js').then(function (response) {
           _SoundManager.outgoingCallAudio = new Audio(response["default"]);
           _SoundManager.playCallAlert(_SoundManager.outgoingCallAudio);
         });
@@ -9331,8 +9331,8 @@ var CometChatConversationList = /*#__PURE__*/function (_React$Component) {
         return false;
       }
 
-      /**
-       * Sound alert for incoming messages
+      /**
+       * Sound alert for incoming messages
        */
       var receiverType = message.getReceiverType();
       var receiverId = receiverType === CometChat.RECEIVER_TYPE.USER ? message.getSender().uid : message.getReceiverId();
@@ -9354,8 +9354,8 @@ var CometChatConversationList = /*#__PURE__*/function (_React$Component) {
           if ((conversation === null || conversation === void 0 ? void 0 : conversation.conversationType) === CometChat.RECEIVER_TYPE.USER && messageReceipt.receiver === (conversation === null || conversation === void 0 || (_conversation$convers = conversation.conversationWith) === null || _conversation$convers === void 0 ? void 0 : _conversation$convers.uid) || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationType) === CometChat.RECEIVER_TYPE.GROUP && messageReceipt.receiver === (conversation === null || conversation === void 0 || (_conversation$convers2 = conversation.conversationWith) === null || _conversation$convers2 === void 0 ? void 0 : _conversation$convers2.guid)) {
             var _conversation$lastMes;
             var unreadMessageCount = conversation.unreadMessageCount;
-            /**
-             * If the message id of the read reciept if greater than or equal to the lastmessage id, set unreadmessagecount to 0
+            /**
+             * If the message id of the read reciept if greater than or equal to the lastmessage id, set unreadmessagecount to 0
              */
             if ((messageReceipt === null || messageReceipt === void 0 ? void 0 : messageReceipt.messageId) >= (conversation === null || conversation === void 0 || (_conversation$lastMes = conversation.lastMessage) === null || _conversation$lastMes === void 0 ? void 0 : _conversation$lastMes.id)) {
               unreadMessageCount = 0;
@@ -9393,8 +9393,8 @@ var CometChatConversationList = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "makeUnreadMessageCount", function (message) {
       var conversation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      /**
-       * If the received message is sent by the logged in user, don't increment the unread count
+      /**
+       * If the received message is sent by the logged in user, don't increment the unread count
        */
       if (Object.keys(conversation).length === 0) {
         var _this$loggedInUser;
@@ -10430,8 +10430,8 @@ var CometChatConversationListItem = /*#__PURE__*/function (_React$PureComponent)
     });
     _defineProperty(_this, "enableUnreadCount", function () {
       _this.context.FeatureRestriction.isUnreadCountEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableUnreadCount) {
           _this.setState({
@@ -12791,8 +12791,8 @@ var CometChatMessageReactions = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper$O(this, CometChatMessageReactions, [props, context]);
     _defineProperty(_this, "loggedInUser", void 0);
     _defineProperty(_this, "enableMessageReaction", function () {
-      /**
-       * If reacting to messages feature is disabled
+      /**
+       * If reacting to messages feature is disabled
        */
       _this.context.FeatureRestriction.isReactionsEnabled().then(function (response) {
         if (response !== _this.state.enableMessageReaction && _this._isMounted) {
@@ -23925,13 +23925,13 @@ var Emojis = [{
   }
 }];
 
-/**
- * @class CometChatEmojiCategory
- * @description CometChatEmojiCategory class is used for defining the category.
- * @param {String} id
- * @param {String} name
- * @param {String} symbol
- * @param {Object} emojis
+/**
+ * @class CometChatEmojiCategory
+ * @description CometChatEmojiCategory class is used for defining the category.
+ * @param {String} id
+ * @param {String} name
+ * @param {String} symbol
+ * @param {Object} emojis
  */
 var CometChatEmojiCategory = /*#__PURE__*/_createClass(function CometChatEmojiCategory(_ref) {
   var id = _ref.id,
@@ -23949,12 +23949,12 @@ var CometChatEmojiCategory = /*#__PURE__*/_createClass(function CometChatEmojiCa
   this.symbol = symbol;
 });
 
-/**
- * @class CometChatEmoji
- * @description CometChatEmoji class is used for defining the emoji.
- *
- * @param {String} char
- * @param {Array} keywords
+/**
+ * @class CometChatEmoji
+ * @description CometChatEmoji class is used for defining the emoji.
+ *
+ * @param {String} char
+ * @param {Array} keywords
  */
 var CometChatEmoji = /*#__PURE__*/_createClass(function CometChatEmoji(_ref) {
   var _char = _ref["char"],
@@ -24613,8 +24613,8 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "enableMessageReaction", function () {
-      /**
-       * If reacting to messages feature is disabled
+      /**
+       * If reacting to messages feature is disabled
        */
       _this.context.FeatureRestriction.isReactionsEnabled().then(function (response) {
         if (response === true) {
@@ -24633,15 +24633,15 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
     _defineProperty(_this, "enableThreadedChats", function () {
-      /**
-       * If threaded chats are open, return false
+      /**
+       * If threaded chats are open, return false
        */
       if (_this.props.message.hasOwnProperty('parentMessageId') === true) {
         return false;
       }
 
-      /**
-       * If threaded replies feature is disabled
+      /**
+       * If threaded replies feature is disabled
        */
       _this.context.FeatureRestriction.isThreadedMessagesEnabled().then(function (response) {
         if (response === true) {
@@ -24695,8 +24695,8 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "enableEditMessage", function () {
       var _this$props$message$s, _this$state$loggedInU;
-      /**
-       * If the message is not sent by the logged in user or the message type is not text
+      /**
+       * If the message is not sent by the logged in user or the message type is not text
        */
       if (((_this$props$message$s = _this.props.message.sender) === null || _this$props$message$s === void 0 ? void 0 : _this$props$message$s.uid) !== ((_this$state$loggedInU = _this.state.loggedInUser) === null || _this$state$loggedInU === void 0 ? void 0 : _this$state$loggedInU.uid) || _this.props.message.type !== CometChat.MESSAGE_TYPE.TEXT) {
         return false;
@@ -24718,8 +24718,8 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
     _defineProperty(_this, "enableTranslateMessage", function () {
-      /**
-       * message type is not text
+      /**
+       * message type is not text
        */
       if (_this.props.message.type !== CometChat.MESSAGE_TYPE.TEXT) {
         return false;
@@ -24740,8 +24740,8 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     });
-    /**
-     * If message in private feature is enabled
+    /**
+     * If message in private feature is enabled
      */
     _defineProperty(_this, "enableMessageInPrivate", function () {
       _this.context.FeatureRestriction.isMessageInPrivateEnabled().then(function (response) {
@@ -24865,9 +24865,9 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
         }));
       }
 
-      /**
-       * in one-on-one chat, allow deleting self messages if delete feature is enabled
-       * in group chat, allow deleting other's messages for moderators and admins if moderator delete feature && delete feature is enabled
+      /**
+       * in one-on-one chat, allow deleting self messages if delete feature is enabled
+       * in group chat, allow deleting other's messages for moderators and admins if moderator delete feature && delete feature is enabled
        */
       var deleteMessage = null;
       if (((_this$props$message$s2 = this.props.message.sender) === null || _this$props$message$s2 === void 0 ? void 0 : _this$props$message$s2.uid) === ((_this$state$loggedInU2 = this.state.loggedInUser) === null || _this$state$loggedInU2 === void 0 ? void 0 : _this$state$loggedInU2.uid) && this.state.enableDeleteMessage || this.context.type === CometChat.ACTION_TYPE.TYPE_GROUP && ((_this$props$message$s3 = this.props.message.sender) === null || _this$props$message$s3 === void 0 ? void 0 : _this$props$message$s3.uid) !== ((_this$state$loggedInU3 = this.state.loggedInUser) === null || _this$state$loggedInU3 === void 0 ? void 0 : _this$state$loggedInU3.uid) && this.context.item.hasOwnProperty('scope') && this.context.item.scope !== CometChat.GROUP_MEMBER_SCOPE.PARTICIPANT && this.state.enableDeleteMessageForModerator && this.state.enableDeleteMessage) {
@@ -24927,8 +24927,8 @@ var CometChatMessageActions = /*#__PURE__*/function (_React$PureComponent) {
         }));
       }
 
-      /**
-       * if send message in private feature is enabled, if group chat window is open, and messages are not sent by the loggedin user...
+      /**
+       * if send message in private feature is enabled, if group chat window is open, and messages are not sent by the loggedin user...
        */
       var messageInPrivate = null;
       if (this.state.enableMessageInPrivate === true && this.context.type === CometChat.ACTION_TYPE.TYPE_GROUP && ((_this$props$message2 = this.props.message) === null || _this$props$message2 === void 0 || (_this$props$message2 = _this$props$message2.sender) === null || _this$props$message2 === void 0 ? void 0 : _this$props$message2.uid) !== ((_this$state$loggedInU4 = this.state.loggedInUser) === null || _this$state$loggedInU4 === void 0 ? void 0 : _this$state$loggedInU4.uid)) {
@@ -25277,8 +25277,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_this, "range", void 0);
     _defineProperty(_this, "sel", void 0);
     _defineProperty(_this, "chatWindow", void 0);
-    /**
-     * if live reactions feature is disabled
+    /**
+     * if live reactions feature is disabled
      */
     _defineProperty(_this, "enableLiveReaction", function () {
       _this.context.FeatureRestriction.isLiveReactionsEnabled().then(function (response) {
@@ -25295,8 +25295,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if polls feature is disabled
+    /**
+     * if polls feature is disabled
      */
     _defineProperty(_this, "enablePolls", function () {
       _this.context.FeatureRestriction.isPollsEnabled().then(function (response) {
@@ -25313,8 +25313,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if typing indicator feature is disabled
+    /**
+     * if typing indicator feature is disabled
      */
     _defineProperty(_this, "enableTypingIndicator", function () {
       _this.context.FeatureRestriction.isTypingIndicatorsEnabled().then(function (response) {
@@ -25331,8 +25331,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if stickers feature is disabled
+    /**
+     * if stickers feature is disabled
      */
     _defineProperty(_this, "enableStickers", function () {
       _this.context.FeatureRestriction.isStickersEnabled().then(function (response) {
@@ -25349,8 +25349,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if uploding photos, videos feature is disabled
+    /**
+     * if uploding photos, videos feature is disabled
      */
     _defineProperty(_this, "enablePhotosVideos", function () {
       _this.context.FeatureRestriction.isPhotosVideosEnabled().then(function (response) {
@@ -25367,8 +25367,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if uploding files feature is disabled
+    /**
+     * if uploding files feature is disabled
      */
     _defineProperty(_this, "enableFiles", function () {
       _this.context.FeatureRestriction.isFilesEnabled().then(function (response) {
@@ -25385,8 +25385,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if sending emojis feature is disabled
+    /**
+     * if sending emojis feature is disabled
      */
     _defineProperty(_this, "enableEmojis", function () {
       _this.context.FeatureRestriction.isEmojisEnabled().then(function (response) {
@@ -25403,8 +25403,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if sharing collborative document feature is disabled
+    /**
+     * if sharing collborative document feature is disabled
      */
     _defineProperty(_this, "enableCollaborativeDocument", function () {
       _this.context.FeatureRestriction.isCollaborativeDocumentEnabled().then(function (response) {
@@ -25421,8 +25421,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if sharing collborative whiteboard feature is disabled
+    /**
+     * if sharing collborative whiteboard feature is disabled
      */
     _defineProperty(_this, "enableCollaborativeWhiteboard", function () {
       _this.context.FeatureRestriction.isCollaborativeWhiteBoardEnabled().then(function (response) {
@@ -26090,8 +26090,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "updateSelection",
     value:
-    /**
-     * Updates caret selection object
+    /**
+     * Updates caret selection object
      */
     function updateSelection() {
       try {
@@ -26106,8 +26106,8 @@ var CometChatMessageComposer = /*#__PURE__*/function (_React$PureComponent) {
       }
     }
 
-    /**
-     * Pastes given html at caret position
+    /**
+     * Pastes given html at caret position
      */
   }, {
     key: "pasteHtmlAtCaret",
@@ -26729,8 +26729,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "onTypingStarted", function (item) {
       var showTyping = function showTyping(typingText) {
-        /**
-         * if metadata is available, show live reactions else show typing
+        /**
+         * if metadata is available, show live reactions else show typing
          */
         // if (item.hasOwnProperty("metadata") && item.metadata && item.metadata.hasOwnProperty("type") && item.metadata.type === enums.CONSTANTS["METADATA_TYPE_LIVEREACTION"]) {
         // 	this.props.actionGenerated(enums.ACTIONS["SHOW_LIVE_REACTION"], item);
@@ -26753,8 +26753,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "onTypingEnded", function (item) {
       var endTyping = function endTyping() {
-        /**
-         * if metadata is available, end live reactions else end typing
+        /**
+         * if metadata is available, end live reactions else end typing
          */
         // if (item.hasOwnProperty("metadata") && item.metadata && item.metadata.hasOwnProperty("type") && item.metadata.type === enums.CONSTANTS["METADATA_TYPE_LIVEREACTION"]) {
         // 	this.props.actionGenerated(enums.ACTIONS["STOP_LIVE_REACTION"], item);
@@ -26799,8 +26799,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
       _this.context.setItem({});
       _this.props.actionGenerated(ACTIONS["TOGGLE_SIDEBAR"]);
     });
-    /**
-     * if typing indicator feature is disabled
+    /**
+     * if typing indicator feature is disabled
      */
     _defineProperty(_this, "enableTypingIndicator", function () {
       _this.context.FeatureRestriction.isTypingIndicatorsEnabled().then(function (response) {
@@ -26820,8 +26820,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "enableGroupVoiceCall", function () {});
     _defineProperty(_this, "enableGroupVideoCall", function () {
       _this.context.FeatureRestriction.isGroupVideoCallEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableGroupVideoCall) {
           _this.setState({
@@ -26838,8 +26838,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableOneOnOneVoiceCall", function () {
       _this.context.FeatureRestriction.isOneOnOneAudioCallEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         var combinedResponse = response && !_this.context.item.blockedByMe;
         if (combinedResponse !== _this.state.enableOneOnOneVoiceCall) {
@@ -26857,8 +26857,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableOneOnOneVideoCall", function () {
       _this.context.FeatureRestriction.isOneOnOneVideoCallEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         var combinedResponse = response && !_this.context.item.blockedByMe;
         if (combinedResponse !== _this.state.enableOneOnOneVideoCall) {
@@ -26891,8 +26891,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableAddGroupMembers", function () {
       _this.context.FeatureRestriction.isAddingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableAddGroupMembers) {
           _this.setState({
@@ -26909,8 +26909,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableChangeScope", function () {
       _this.context.FeatureRestriction.isChangingGroupMemberScopeEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableChangeScope) {
           _this.setState({
@@ -26927,8 +26927,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableKickGroupMembers", function () {
       _this.context.FeatureRestriction.isKickingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableKickGroupMembers) {
           _this.setState({
@@ -26945,8 +26945,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableBanGroupMembers", function () {
       _this.context.FeatureRestriction.isBanningGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableBanGroupMembers) {
           _this.setState({
@@ -26963,8 +26963,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableDeleteGroup", function () {
       _this.context.FeatureRestriction.isGroupDeletionEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableDeleteGroup) {
           _this.setState({
@@ -26981,8 +26981,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableViewGroupMembers", function () {
       _this.context.FeatureRestriction.isViewingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableViewGroupMembers) {
           _this.setState({
@@ -26999,8 +26999,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableLeaveGroup", function () {
       _this.context.FeatureRestriction.isJoinLeaveGroupsEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableLeaveGroup) {
           _this.setState({
@@ -27017,8 +27017,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableSharedMedia", function () {
       _this.context.FeatureRestriction.isSharedMediaEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableSharedMedia) {
           _this.setState({
@@ -27035,8 +27035,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableBlockUser", function () {
       _this.context.FeatureRestriction.isBlockUserEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableBlockUser) {
           _this.setState({
@@ -27226,8 +27226,8 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
         onClick: this.viewDetail
       }, jsx("i", null));
 
-      /**
-       * If the chat window open is of users and block user and shared media feature is disabled, hide view detail button
+      /**
+       * If the chat window open is of users and block user and shared media feature is disabled, hide view detail button
        */
       if (this.context.type === CometChat.ACTION_TYPE.TYPE_USER) {
         if (this.state.enableBlockUser === false && this.state.enableSharedMedia === false) {
@@ -27235,26 +27235,26 @@ var CometChatMessageHeader = /*#__PURE__*/function (_React$Component) {
         }
       } else if (this.context.type === CometChat.ACTION_TYPE.TYPE_GROUP) {
         var _this$context$item, _this$context$item2, _this$context$item3;
-        /**
-         * If the chat window open is of group
+        /**
+         * If the chat window open is of group
          */
         if (((_this$context$item = this.context.item) === null || _this$context$item === void 0 ? void 0 : _this$context$item.scope) === CometChat.GROUP_MEMBER_SCOPE.PARTICIPANT) {
-          /**
-           * If the loggedin user scope is participant, leave group, view group members, and shared media feature is disabled, hide view detail button
+          /**
+           * If the loggedin user scope is participant, leave group, view group members, and shared media feature is disabled, hide view detail button
            */
           if (this.state.enableLeaveGroup === false && this.state.enableSharedMedia === false && this.state.enableViewGroupMembers === false) {
             viewDetailBtn = null;
           }
         } else if (((_this$context$item2 = this.context.item) === null || _this$context$item2 === void 0 ? void 0 : _this$context$item2.scope) === CometChat.GROUP_MEMBER_SCOPE.MODERATOR) {
-          /**
-           * If the loggedin user scope is moderator, leave group, view group members, kick & ban group members, changing scope of group members and shared media feature is disabled, hide view detail button
+          /**
+           * If the loggedin user scope is moderator, leave group, view group members, kick & ban group members, changing scope of group members and shared media feature is disabled, hide view detail button
            */
           if (this.state.enableLeaveGroup === false && this.state.enableSharedMedia === false && this.state.enableViewGroupMembers === false && this.state.enableKickGroupMembers === false && this.state.enableBanGroupMembers === false && this.state.enableChangeScope === false) {
             viewDetailBtn = null;
           }
         } else if (((_this$context$item3 = this.context.item) === null || _this$context$item3 === void 0 ? void 0 : _this$context$item3.scope) === CometChat.GROUP_MEMBER_SCOPE.ADMIN) {
-          /**
-           * If the loggedin user scope is admin, add group members, view group members, kick & ban group members, changing scope of group members, leave and delete group and shared media feature is disabled, hide view detail button
+          /**
+           * If the loggedin user scope is admin, add group members, view group members, kick & ban group members, changing scope of group members, leave and delete group and shared media feature is disabled, hide view detail button
            */
           if (this.state.enableLeaveGroup === false && this.state.enableSharedMedia === false && this.state.enableViewGroupMembers === false && this.state.enableKickGroupMembers === false && this.state.enableBanGroupMembers === false && this.state.enableChangeScope === false && this.state.enableDeleteGroup === false && this.state.enableAddGroupMembers === false) {
             viewDetailBtn = null;
@@ -27789,17 +27789,17 @@ var CometChatMessageList = /*#__PURE__*/function (_React$PureComponent) {
       //mark the message as delivered
       _this.markMessageAsDelivered(message);
 
-      /**
-       * message receiver is chat window group
+      /**
+       * message receiver is chat window group
        */
       if (_this.context.type === CometChat.RECEIVER_TYPE.GROUP && message.getReceiverType() === CometChat.RECEIVER_TYPE.GROUP && message.getReceiverId() === _this.context.item.guid) {
         _this.messageReceivedHandler(message, CometChat.RECEIVER_TYPE.GROUP);
       } else if (_this.context.type === CometChat.RECEIVER_TYPE.USER && message.getReceiverType() === CometChat.RECEIVER_TYPE.USER) {
         var _this$state$loggedInU6, _this$state$loggedInU7;
-        /**
-         * If the message sender is chat window user and message receiver is logged-in user
-         * OR
-         * If the message sender is logged-in user and message receiver is chat window user
+        /**
+         * If the message sender is chat window user and message receiver is logged-in user
+         * OR
+         * If the message sender is logged-in user and message receiver is chat window user
          */
         if (message.getSender().uid === _this.context.item.uid && message.getReceiverId() === ((_this$state$loggedInU6 = _this.state.loggedInUser) === null || _this$state$loggedInU6 === void 0 ? void 0 : _this$state$loggedInU6.uid) || message.getSender().uid === ((_this$state$loggedInU7 = _this.state.loggedInUser) === null || _this$state$loggedInU7 === void 0 ? void 0 : _this$state$loggedInU7.uid) && message.getReceiverId() === _this.context.item.uid) {
           _this.messageReceivedHandler(message, CometChat.RECEIVER_TYPE.USER);
@@ -28947,8 +28947,8 @@ var CometChatUserDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableSharedMedia", function () {
       _this.context.FeatureRestriction.isSharedMediaEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableSharedMedia && _this._isMounted) {
           _this.setState({
@@ -28965,8 +28965,8 @@ var CometChatUserDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableBlockUser", function () {
       _this.context.FeatureRestriction.isBlockUserEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableBlockUser && _this._isMounted) {
           _this.setState({
@@ -29446,8 +29446,8 @@ var CometChatUserList = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_this, "timeout", void 0);
     _defineProperty(_this, "toggleUserSearch", function () {
       _this.getContext().FeatureRestriction.isUserSearchEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableSearchUser) {
           _this.setState({
@@ -30153,8 +30153,8 @@ var CometChatCreateGroup = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper$t(this, CometChatCreateGroup, [props]);
     _defineProperty(_this, "enablePublicGroup", function () {
       _this.context.FeatureRestriction.isPublicGroupEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enablePublicGroup) {
           _this.setState({
@@ -30171,8 +30171,8 @@ var CometChatCreateGroup = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enablePasswordGroup", function () {
       _this.context.FeatureRestriction.isPasswordGroupEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enablePasswordGroup) {
           _this.setState({
@@ -30189,8 +30189,8 @@ var CometChatCreateGroup = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enablePrivateGroup", function () {
       _this.context.FeatureRestriction.isPrivateGroupEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enablePrivateGroup) {
           _this.setState({
@@ -30658,8 +30658,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "item", void 0);
     _defineProperty(_this, "enableAddGroupMembers", function () {
       _this.context.FeatureRestriction.isAddingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableAddGroupMembers && _this._isMounted) {
           _this.setState({
@@ -30676,8 +30676,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableChangeScope", function () {
       _this.context.FeatureRestriction.isChangingGroupMemberScopeEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableChangeScope && _this._isMounted) {
           _this.setState({
@@ -30694,8 +30694,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableKickGroupMembers", function () {
       _this.context.FeatureRestriction.isKickingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableKickGroupMembers && _this._isMounted) {
           _this.setState({
@@ -30712,8 +30712,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableBanGroupMembers", function () {
       _this.context.FeatureRestriction.isBanningGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableBanGroupMembers && _this._isMounted) {
           _this.setState({
@@ -30730,8 +30730,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableDeleteGroup", function () {
       _this.context.FeatureRestriction.isGroupDeletionEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableDeleteGroup && _this._isMounted) {
           _this.setState({
@@ -30748,8 +30748,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableViewGroupMembers", function () {
       _this.context.FeatureRestriction.isViewingGroupMembersEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableViewGroupMembers && _this._isMounted) {
           _this.setState({
@@ -30766,8 +30766,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableLeaveGroup", function () {
       _this.context.FeatureRestriction.isJoinLeaveGroupsEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableLeaveGroup && _this._isMounted) {
           _this.setState({
@@ -30784,8 +30784,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableSharedMedia", function () {
       _this.context.FeatureRestriction.isSharedMediaEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableSharedMedia && _this._isMounted) {
           _this.setState({
@@ -30802,8 +30802,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "enableBlockUser", function () {
       _this.context.FeatureRestriction.isBlockUserEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableBlockUser && _this._isMounted) {
           _this.setState({
@@ -30870,8 +30870,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
           break;
       }
     });
-    /*
-      Updating group members presence
+    /*
+      Updating group members presence
       */
     _defineProperty(_this, "updateGroupMemberPresence", function (member) {
       var memberlist = _toConsumableArray(_this.context.groupMembers);
@@ -30987,8 +30987,8 @@ var CometChatGroupDetails = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "leaveGroup", function () {
       var _this$context$item, _this$state$loggedInU;
-      /**
-       * If loggeduser is the owner of the group; ask him to transfer ownership before leaving the group else show leave group confirmtion dialog
+      /**
+       * If loggeduser is the owner of the group; ask him to transfer ownership before leaving the group else show leave group confirmtion dialog
        */
       if (((_this$context$item = _this.context.item) === null || _this$context$item === void 0 ? void 0 : _this$context$item.owner) === ((_this$state$loggedInU = _this.state.loggedInUser) === null || _this$state$loggedInU === void 0 ? void 0 : _this$state$loggedInU.uid)) {
         _this.setState({
@@ -31699,13 +31699,13 @@ var CometChatGroupList = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_this, "item", void 0);
     _defineProperty(_this, "timeout", void 0);
     _defineProperty(_this, "loggedInUser", null);
-    /**
-     * if search group feature is disabled
+    /**
+     * if search group feature is disabled
      */
     _defineProperty(_this, "enableSearchGroup", function () {
       _this.getContext().FeatureRestriction.isGroupSearchEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableSearchGroup) {
           _this.setState({
@@ -31720,13 +31720,13 @@ var CometChatGroupList = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if create group feature is disabled
+    /**
+     * if create group feature is disabled
      */
     _defineProperty(_this, "enableCreateGroup", function () {
       _this.getContext().FeatureRestriction.isGroupCreationEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableCreateGroup) {
           _this.setState({
@@ -31741,13 +31741,13 @@ var CometChatGroupList = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    /**
-     * if join group feature is disabled
+    /**
+     * if join group feature is disabled
      */
     _defineProperty(_this, "enableJoinGroup", function () {
       _this.getContext().FeatureRestriction.isJoinLeaveGroupsEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableJoinGroup) {
           _this.setState({
@@ -33113,8 +33113,8 @@ var CometChatViewGroupMemberListItem = /*#__PURE__*/function (_React$Component)
           className: "kick"
         }, kick));
 
-        /**
-         * if kick and ban feature is disabled
+        /**
+         * if kick and ban feature is disabled
          */
         if (this.props.enableBanGroupMembers === false && this.props.enableKickGroupMembers === false) {
           editAccess = null;
@@ -33132,8 +33132,8 @@ var CometChatViewGroupMemberListItem = /*#__PURE__*/function (_React$Component)
           }, ban);
         }
 
-        /**
-         * if promote_demote_members feature is disabled
+        /**
+         * if promote_demote_members feature is disabled
          */
         if (this.props.enableChangeScope === false) {
           changescope = scope;
@@ -34393,8 +34393,8 @@ var CometChatGroupListWithMessages = /*#__PURE__*/function (_React$Component) {
         sidebarview: !sidebarview
       });
     });
-    /**
-     If the logged in user is banned, kicked or scope changed, update the chat window accordingly
+    /**
+     If the logged in user is banned, kicked or scope changed, update the chat window accordingly
     */
     _defineProperty(_this, "groupUpdated", function (key, message, group, options) {
       switch (key) {
@@ -35139,8 +35139,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
     _this = _callSuper$i(this, CometChatMessages, [props]);
     _defineProperty(_this, "enableGroupActionMessages", function () {
       _this.getContext().FeatureRestriction.isGroupActionMessagesEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableGroupActionMessages) {
           _this.setState({
@@ -35157,8 +35157,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "enableCallActionMessages", function () {
       _this.getContext().FeatureRestriction.isCallActionMessagesEnabled().then(function (response) {
-        /**
-         * Don't update state if the response has the same value
+        /**
+         * Don't update state if the response has the same value
          */
         if (response !== _this.state.enableCallActionMessages) {
           _this.setState({
@@ -35584,8 +35584,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         viewdetailscreen: false
       });
     });
-    /*
-    Updating parent message of threaded conversation, when the message is edited or deleted
+    /*
+    Updating parent message of threaded conversation, when the message is edited or deleted
     */
     _defineProperty(_this, "updateParentThreadedMessage", function (message, action) {
       if (_this.state.threadmessageview === false || message.id !== _this.state.threadmessageparent.id) {
@@ -35635,8 +35635,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
     _defineProperty(_this, "videoCall", function () {
-      /*
-      Direct calling for groups
+      /*
+      Direct calling for groups
       */
       if (_this.getContext().type === CometChat.RECEIVER_TYPE.GROUP) {
         var sessionID = _this.getContext().type === CometChat.ACTION_TYPE.TYPE_GROUP ? _this.getContext().item.guid : null;
@@ -35648,8 +35648,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
 
-      /*
-      Default calling for one-on-one
+      /*
+      Default calling for one-on-one
       */
       var _this$getReceiverDeta2 = _this.getReceiverDetails(),
         receiverId = _this$getReceiverDeta2.receiverId,
@@ -35906,8 +35906,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         return false;
       }
 
-      /**
-       * If smart-replies feature is enabled
+      /**
+       * If smart-replies feature is enabled
        */
       _this.getContext().FeatureRestriction.isSmartRepliesEnabled().then(function (response) {
         if (response === true) {
@@ -36018,8 +36018,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
       this.enableSendingGroupMessage();
       this.enableHideDeletedMessages();
 
-      /**
-       * Custom message to be appended or updated for direct calling
+      /**
+       * Custom message to be appended or updated for direct calling
        */
       if (Object.keys(this.props.widgetsettings).length) {
         if (Object.keys(this.getContext().directCallCustomMessage).length && this.getContext().directCallCustomMessageAction.trim().length && (this.getContext().directCallCustomMessage !== this.directCallCustomMessage || this.getContext().directCallCustomMessageAction !== this.directCallCustomMessageAction)) {
@@ -36053,8 +36053,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         _this$getContext,
         _this$getContext2,
         _this$getContext3;
-      /**
-       * If used as standalone component
+      /**
+       * If used as standalone component
        */
       if (this.props._parent.trim().length === 0 && this.props.chatWithUser.trim().length === 0 && this.props.chatWithGroup.trim().length === 0) {
         return jsx(CometChatContextProvider, {
@@ -36135,8 +36135,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         }));
       }
 
-      /*
-      If used as a standalone component
+      /*
+      If used as a standalone component
       */
       var incomingCallView = null;
       var incomingDirectCallView = null;
@@ -36227,8 +36227,8 @@ var CometChatMessages = /*#__PURE__*/function (_React$PureComponent) {
         lang: this.props.lang
       }), originalImageView, detailScreen, threadMessageView, incomingCallView, outgoingCallView, incomingDirectCallView, outgoingDirectCallView);
       var messageWrapper = messageComponent;
-      /*
-      If used as a standalone component
+      /*
+      If used as a standalone component
       **/
       if (this.props._parent.trim().length === 0) {
         messageWrapper = jsx(CometChatContextProvider, {
@@ -37050,8 +37050,8 @@ var CometChatReadReceipt = /*#__PURE__*/function (_React$PureComponent) {
     _this = _callSuper$g(this, CometChatReadReceipt, [props, context]);
     _defineProperty(_this, "loggedInUser", void 0);
     _defineProperty(_this, "toggleReadReceipts", function () {
-      /**
-       * if delivery receipts feature is disabled
+      /**
+       * if delivery receipts feature is disabled
        */
       _this.context.FeatureRestriction.isDeliveryReceiptsEnabled().then(function (response) {
         if (response !== _this.state.receipts && _this._isMounted) {
@@ -40734,8 +40734,8 @@ var CometChatConversationListWithMessages = /*#__PURE__*/function (_React$Compon
         sidebarview: !sidebarview
       });
     });
-    /**
-    If the logged in user is banned, kicked or scope changed, update the chat window accordingly
+    /**
+    If the logged in user is banned, kicked or scope changed, update the chat window accordingly
     */
     _defineProperty(_this, "groupUpdated", function (key, message, group, options) {
       switch (key) {
@@ -41509,8 +41509,8 @@ var CometChatUI = /*#__PURE__*/function (_React$Component) {
         sidebarview: !sidebarview
       });
     });
-    /**
-     If the logged in user is banned, kicked or scope changed, update the chat window accordingly
+    /**
+     If the logged in user is banned, kicked or scope changed, update the chat window accordingly
      */
     _defineProperty(_this, "groupUpdated", function (key, message, group, options) {
       switch (key) {
@@ -41636,7 +41636,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$6 = ".chat-popup {\r\n  width: 350px;\r\n  height: 450px;\r\n  position: fixed;\r\n  left: calc(37% + 16px);\r\n  top: 157px;\r\n  background-color: white;\r\n  transition: width 0.5s, height 0.5s;\r\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.grab-icon {\r\n  cursor: grab;\r\n}\r\n\r\n.grabbing-icon {\r\n  cursor: grabbing;\r\n}\r\n\r\n.collapsed-icon {\r\n  display: none;\r\n}\r\n\r\n.icon-box {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 10px;\r\n}\r\n\r\n.close-icon,\r\n.height-icon {\r\n  cursor: pointer;\r\n}\r\n\r\n.chat-popup-header {\r\n  height: 40px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0 10px;\r\n  font-size: 15px;\r\n}\r\n\r\n.chat-popup-body {\r\n  height: calc(100% - 40px);\r\n  background-color: white;\r\n  overflow: hidden;\r\n}\r\n\r\n/* collapsed */\r\n.chat-popup.collapsed {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50px;\r\n  background-color: transparent;\r\n  box-shadow: none;\r\n}\r\n\r\n.chat-popup.collapsed .collapsed-icon {\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.chat-popup.collapsed .chat-popup-header,\r\n.chat-popup.collapsed .chat-popup-body {\r\n  display: none;\r\n}\r\n\r\n/* is big */\r\n.chat-popup.is-big:not(.collapsed) {\r\n  width: 500px;\r\n  height: 600px;\r\n}\r\n\r\n/* CometChat */\r\n.chat-popup .callscreen__container.minimized {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  position: absolute !important;\r\n}\r\n\r\n.chat-popup .callscreen__container.maximized {\r\n  position: fixed !important;\r\n  top: 80px !important;\r\n  height: calc(100% - 80px - 34px) !important;\r\n}\r\n";
+var css_248z$6 = ".chat-popup {\n  width: 350px;\n  height: 450px;\n  position: fixed;\n  left: calc(37% + 16px);\n  top: 157px;\n  background-color: white;\n  transition: width 0.5s, height 0.5s;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.grab-icon {\n  cursor: grab;\n}\n\n.grabbing-icon {\n  cursor: grabbing;\n}\n\n.collapsed-icon {\n  display: none;\n}\n\n.icon-box {\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n}\n\n.close-icon,\n.height-icon {\n  cursor: pointer;\n}\n\n.chat-popup-header {\n  height: 40px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 10px;\n  font-size: 15px;\n}\n\n.chat-popup-body {\n  height: calc(100% - 40px);\n  background-color: white;\n  overflow: hidden;\n}\n\n/* collapsed */\n.chat-popup.collapsed {\n  width: 50px;\n  height: 50px;\n  border-radius: 50px;\n  background-color: transparent;\n  box-shadow: none;\n}\n\n.chat-popup.collapsed .collapsed-icon {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.chat-popup.collapsed .chat-popup-header,\n.chat-popup.collapsed .chat-popup-body {\n  display: none;\n}\n\n/* is big */\n.chat-popup.is-big:not(.collapsed) {\n  width: 500px;\n  height: 600px;\n}\n\n/* CometChat */\n.chat-popup .callscreen__container.minimized {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.chat-popup .callscreen__container.maximized {\n  position: fixed !important;\n  top: 80px !important;\n  height: calc(100% - 80px - 34px) !important;\n}\n";
 styleInject(css_248z$6);
 
 var ChatPopup = function ChatPopup(props) {
@@ -41918,7 +41918,7 @@ var InviteFriendDialog = function InviteFriendDialog(props) {
 };
 var InviteFriendDialog$1 = observer(InviteFriendDialog);
 
-var css_248z$5 = ".friends-section {\r\n  width: 100%;\r\n  height: calc(100vh - 100px);\r\n  background-color: #a25f5e;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 50px;\r\n  margin-bottom: 75px;\r\n  align-items: center;\r\n  justify-content: space-evenly;\r\n  z-index: 20;\r\n  top: 0;\r\n  position: sticky;\r\n}\r\n\r\n.friends-section h5 {\r\n  max-width: 370px;\r\n  text-align: center;\r\n}\r\n\r\n.share-button {\r\n  width: 300px;\r\n  height: 50px;\r\n  background-color: var(--primaryColor);\r\n  border: 2px solid white;\r\n  color: white;\r\n  font-size: 1rem;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n\r\n.image-row {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 25px;\r\n}\r\n\r\n.friend-image {\r\n  width: 75px;\r\n  height: 75px;\r\n  border-radius: 75px;\r\n  border: 3px solid white;\r\n  cursor: pointer;\r\n}\r\n\r\n.live-planner-component {\r\n  width: 300px;\r\n  height: 300px;\r\n  background-color: white;\r\n}\r\n\r\n#wcConfigurator {\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n";
+var css_248z$5 = ".friends-section {\n  width: 100%;\n  height: calc(100vh - 100px);\n  background-color: #a25f5e;\n  display: flex;\n  flex-direction: column;\n  margin-top: 50px;\n  margin-bottom: 75px;\n  align-items: center;\n  justify-content: space-evenly;\n  z-index: 20;\n  top: 0;\n  position: sticky;\n}\n\n.friends-section h5 {\n  max-width: 370px;\n  text-align: center;\n}\n\n.share-button {\n  width: 300px;\n  height: 50px;\n  background-color: var(--primaryColor);\n  border: 2px solid white;\n  color: white;\n  font-size: 1rem;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n\n.image-row {\n  display: flex;\n  flex-direction: row;\n  gap: 25px;\n}\n\n.friend-image {\n  width: 75px;\n  height: 75px;\n  border-radius: 75px;\n  border: 3px solid white;\n  cursor: pointer;\n}\n\n.live-planner-component {\n  width: 300px;\n  height: 300px;\n  background-color: white;\n}\n\n#wcConfigurator {\n  position: sticky;\n  top: 0;\n}\n";
 styleInject(css_248z$5);
 
 var FriendsSection = function FriendsSection(props) {
@@ -42051,7 +42051,7 @@ var FriendsSection = function FriendsSection(props) {
   });
 };
 
-var css_248z$4 = ".retailer-finder {\r\n  width: 100%;\r\n  background-color: #f2f2f2;\r\n  position: relative;\r\n  z-index: 20;\r\n}\r\n\r\n.map-wrapper {\r\n  max-width: 1200px;\r\n  height: calc(100vh - 120px);\r\n  padding: 5px;\r\n  display: flex;\r\n  margin: auto;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.input-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 200px;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  gap: 40px;\r\n  margin-top: 35px;\r\n}\r\n\r\n.plz-input {\r\n  width: 300px;\r\n}\r\n\r\n.retailer-selector {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  gap: 15px;\r\n}\r\n\r\n.consultant {\r\n  position: relative;\r\n  width: 75px;\r\n  height: 100px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n\r\n.consultant-image {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 12.5px;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50px;\r\n}\r\n\r\n.retailer-image {\r\n  width: 71px;\r\n  height: 71px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n}\r\n\r\n.consultant.selected {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.info-popup {\r\n  width: 300px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 10px;\r\n}\r\n\r\n.consultant-popover {\r\n  position: absolute;\r\n  background-color: white;\r\n  width: 200px;\r\n  height: 250px;\r\n  bottom: 70px;\r\n  left: -50px;\r\n  z-index: 999;\r\n  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.title-row {\r\n  display: flex;\r\n  padding: 8px;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n  background-color: #eeeeee;\r\n}\r\n\r\n.popover-body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n.data-section {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 5px;\r\n}\r\n\r\n.popover-image {\r\n  width: 100px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n}\r\n\r\n.request-form .MuiDialogContent-root {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n}\r\n";
+var css_248z$4 = ".retailer-finder {\n  width: 100%;\n  background-color: #f2f2f2;\n  position: relative;\n  z-index: 20;\n}\n\n.map-wrapper {\n  max-width: 1200px;\n  height: calc(100vh - 120px);\n  padding: 5px;\n  display: flex;\n  margin: auto;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.input-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  width: 100%;\n  max-width: 500px;\n  gap: 40px;\n  margin-top: 35px;\n}\n\n.plz-input {\n  width: 300px;\n}\n\n.retailer-selector {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  gap: 15px;\n}\n\n.consultant {\n  position: relative;\n  width: 75px;\n  height: 100px;\n  display: flex;\n  align-items: flex-end;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.consultant-image {\n  position: absolute;\n  top: 0;\n  left: 12.5px;\n  width: 50px;\n  height: 50px;\n  border-radius: 50px;\n}\n\n.retailer-image {\n  width: 71px;\n  height: 71px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.consultant.selected {\n  transform: scale(1.2);\n}\n\n.info-popup {\n  width: 300px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n}\n\n.consultant-popover {\n  position: absolute;\n  background-color: white;\n  width: 200px;\n  height: 250px;\n  bottom: 70px;\n  left: -50px;\n  z-index: 999;\n  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);\n}\n\n.title-row {\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  margin-bottom: 5px;\n  background-color: #eeeeee;\n}\n\n.popover-body {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.data-section {\n  display: flex;\n  flex-direction: row;\n  gap: 5px;\n}\n\n.popover-image {\n  width: 100px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.request-form .MuiDialogContent-root {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n";
 styleInject(css_248z$4);
 
 var _this = undefined;
@@ -42791,7 +42791,7 @@ var SupportSection = function SupportSection(props) {
   });
 };
 
-var css_248z$3 = ":root {\r\n  --grey: #eaeaea;\r\n}\r\n\r\n.live-session,\r\n.live-session * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.live-session {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 30px;\r\n}\r\n\r\n.live-session-content {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 30px;\r\n}\r\n\r\n.half {\r\n  width: 50%;\r\n  height: 100%;\r\n}\r\n\r\n.configurator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.conversation-box {\r\n  padding: 30px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  background: rgba(241, 241, 241, 0.6);\r\n}\r\n\r\n.conversation-box h2 {\r\n  text-align: center;\r\n  margin-top: 0;\r\n}\r\n\r\n.conversation-list {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.conversation-list .conversation {\r\n  width: 123px;\r\n  height: 123px;\r\n  cursor: pointer;\r\n}\r\n\r\n.conversation-list .profile-picture {\r\n  width: 100%;\r\n  height: 100px;\r\n  background-color: white;\r\n  border-radius: 20px;\r\n}\r\n\r\n.conversation-list .profile-picture .live-planner {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.conversation-list .conversation-name {\r\n  margin-top: 10px;\r\n  font-size: 13px;\r\n  text-align: center;\r\n}\r\n\r\n.right-half {\r\n  border: 1px solid #eaeaea;\r\n  border: 1px solid var(--grey);\r\n  position: relative;\r\n}\r\n\r\n.main__chat {\r\n  border: none !important;\r\n}\r\n\r\n.live-session .callscreen__container.minimized {\r\n  position: absolute !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n}\r\n\r\n.live-session .callscreen__container.maximized {\r\n  position: fixed !important;\r\n  top: 80px !important;\r\n  height: calc(100% - 80px - 34px) !important;\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n  .live-session {\r\n    padding: 0;\r\n    flex-direction: column;\r\n    gap: 0;\r\n  }\r\n\r\n  .live-session .half {\r\n    height: 100%;\r\n    width: 100%;\r\n    position: absolute;\r\n    border: none;\r\n  }\r\n\r\n  .configurator {\r\n    border: none;\r\n  }\r\n\r\n  .conversation-box {\r\n    display: none;\r\n  }\r\n\r\n  /* cometchat */\r\n  .live-session .chat__sidebar-menu,\r\n  .live-session .button__reactions {\r\n    display: none !important;\r\n  }\r\n\r\n  .live-session .chat__thumbnail {\r\n    margin-left: 0 !important;\r\n  }\r\n\r\n  .live-session .chat__list {\r\n    background-color: transparent !important;\r\n    background-color: initial !important;\r\n  }\r\n}\r\n";
+var css_248z$3 = ":root {\n  --grey: #eaeaea;\n}\n\n.live-session,\n.live-session * {\n  box-sizing: border-box;\n}\n\n.live-session {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  padding: 30px;\n}\n\n.live-session-content {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  gap: 30px;\n}\n\n.half {\n  width: 50%;\n  height: 100%;\n}\n\n.configurator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.conversation-box {\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  background: rgba(241, 241, 241, 0.6);\n}\n\n.conversation-box h2 {\n  text-align: center;\n  margin-top: 0;\n}\n\n.conversation-list {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n}\n\n.conversation-list .conversation {\n  width: 123px;\n  height: 123px;\n  cursor: pointer;\n}\n\n.conversation-list .profile-picture {\n  width: 100%;\n  height: 100px;\n  background-color: white;\n  border-radius: 20px;\n}\n\n.conversation-list .profile-picture .live-planner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.conversation-list .conversation-name {\n  margin-top: 10px;\n  font-size: 13px;\n  text-align: center;\n}\n\n.right-half {\n  border: 1px solid #eaeaea;\n  border: 1px solid var(--grey);\n  position: relative;\n}\n\n.main__chat {\n  border: none !important;\n}\n\n.live-session .callscreen__container.minimized {\n  position: absolute !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.live-session .callscreen__container.maximized {\n  position: fixed !important;\n  top: 80px !important;\n  height: calc(100% - 80px - 34px) !important;\n}\n\n@media only screen and (max-width: 1000px) {\n  .live-session {\n    padding: 0;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .live-session .half {\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    border: none;\n  }\n\n  .configurator {\n    border: none;\n  }\n\n  .conversation-box {\n    display: none;\n  }\n\n  /* cometchat */\n  .live-session .chat__sidebar-menu,\n  .live-session .button__reactions {\n    display: none !important;\n  }\n\n  .live-session .chat__thumbnail {\n    margin-left: 0 !important;\n  }\n\n  .live-session .chat__list {\n    background-color: transparent !important;\n    background-color: initial !important;\n  }\n}\n";
 styleInject(css_248z$3);
 
 var LiveSessionView = function LiveSessionView(_ref) {
@@ -42972,7 +42972,7 @@ var componentConfig$1 = {
   renderFunction: LiveSessionView
 };
 
-var css_248z$2 = ".requests2 {\r\n  height: 100%;\r\n  padding: 50px;\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n\r\n.requests2 .map {\r\n  width: 50%;\r\n  height: 100%;\r\n}\r\n\r\n.requests2 .list {\r\n  width: 50%;\r\n  padding: 10px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.list-item {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  border-bottom: 1px solid lightgrey;\r\n  padding: 10px 0;\r\n}\r\n\r\n.list-item .live-planner {\r\n  width: 150px !important;\r\n}\r\n\r\n.list-item .live-planner {\r\n  flex-shrink: 0;\r\n  margin: auto;\r\n}\r\n\r\n.list-item .middle-container {\r\n  width: 100%;\r\n  padding: 15px 5px 5px 5px;\r\n}\r\n\r\n.list-item .name-container {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n.list-item .online-status {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 20px;\r\n  background-color: #f45f30;\r\n  margin-left: 8px;\r\n}\r\n\r\n.list-item .online-status.online {\r\n  background-color: #b5ea1e;\r\n}\r\n\r\n.list-item .name {\r\n  margin-left: 13px;\r\n  font-weight: 300;\r\n}\r\n\r\n.list-item .request-status {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  margin-top: 8px;\r\n}\r\n\r\n.list-item .request-status-text {\r\n  font-size: 14px;\r\n  color: #8e8e93;\r\n  margin-left: 5px;\r\n}\r\n\r\n.list-item .date {\r\n  flex-shrink: 0;\r\n  color: #8e8e93;\r\n  font-size: 13px;\r\n  padding: 10px 0;\r\n}\r\n\r\n.list-item .arrow {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 60px;\r\n}\r\n";
+var css_248z$2 = ".requests2 {\n  height: 100%;\n  padding: 50px;\n  display: flex;\n  flex-direction: row;\n}\n\n.requests2 .map {\n  width: 50%;\n  height: 100%;\n}\n\n.requests2 .list {\n  width: 50%;\n  padding: 10px;\n  overflow-y: auto;\n}\n\n.list-item {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  border-bottom: 1px solid lightgrey;\n  padding: 10px 0;\n}\n\n.list-item .live-planner {\n  width: 150px !important;\n}\n\n.list-item .live-planner {\n  flex-shrink: 0;\n  margin: auto;\n}\n\n.list-item .middle-container {\n  width: 100%;\n  padding: 15px 5px 5px 5px;\n}\n\n.list-item .name-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.list-item .online-status {\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  background-color: #f45f30;\n  margin-left: 8px;\n}\n\n.list-item .online-status.online {\n  background-color: #b5ea1e;\n}\n\n.list-item .name {\n  margin-left: 13px;\n  font-weight: 300;\n}\n\n.list-item .request-status {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-top: 8px;\n}\n\n.list-item .request-status-text {\n  font-size: 14px;\n  color: #8e8e93;\n  margin-left: 5px;\n}\n\n.list-item .date {\n  flex-shrink: 0;\n  color: #8e8e93;\n  font-size: 13px;\n  padding: 10px 0;\n}\n\n.list-item .arrow {\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 60px;\n}\n";
 styleInject(css_248z$2);
 
 var PlanningsTab = function PlanningsTab(props) {
@@ -43054,7 +43054,7 @@ var PlanningsTab = function PlanningsTab(props) {
   });
 };
 
-var css_248z$1 = ".requests {\r\n  height: 100%;\r\n  overflow-y: auto;\r\n}\r\n\r\n.list-item {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  border-bottom: 1px solid lightgrey;\r\n  padding: 10px 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.list-item .live-planner {\r\n  width: 150px !important;\r\n}\r\n\r\n.list-item .live-planner {\r\n  flex-shrink: 0;\r\n  margin: auto;\r\n}\r\n\r\n.list-item .middle-container {\r\n  width: 100%;\r\n  padding: 15px 5px 5px 5px;\r\n}\r\n\r\n.list-item .name-container {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n.list-item .online-status {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 20px;\r\n  margin-left: 8px;\r\n}\r\n\r\n.list-item .online-status.green {\r\n  background-color: #b5ea1e;\r\n}\r\n\r\n.list-item .online-status.gray {\r\n  background-color: #aaaaaa;\r\n}\r\n\r\n.list-item .online-status.red {\r\n  background-color: #f45f30;\r\n}\r\n\r\n.list-item .name {\r\n  margin-left: 13px;\r\n  font-weight: 300;\r\n}\r\n\r\n.list-item .request-status {\r\n  display: flex;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  margin-top: 8px;\r\n  padding-right: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.list-item .request-status:hover {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.list-item .request-status-text {\r\n  font-size: 14px;\r\n  color: #8e8e93;\r\n  margin-left: 5px;\r\n}\r\n\r\n.list-item .MuiSvgIcon-root {\r\n  font-size: 17px;\r\n  color: #8e8e93;\r\n}\r\n\r\n.list-item .date {\r\n  flex-shrink: 0;\r\n  color: #8e8e93;\r\n  font-size: 13px;\r\n  padding: 10px 0;\r\n  word-wrap: break-word;\r\n}\r\n\r\n.list-item .arrow {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  align-self: center;\r\n  width: 30px;\r\n  height: 30px;\r\n  border-radius: 30px;\r\n  margin: 0 20px;\r\n}\r\n.list-item .arrow:hover {\r\n  background-color: #f6f6f6;\r\n}\r\n";
+var css_248z$1 = ".requests {\n  height: 100%;\n  overflow-y: auto;\n}\n\n.list-item {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  border-bottom: 1px solid lightgrey;\n  padding: 10px 0;\n  cursor: pointer;\n}\n\n.list-item .live-planner {\n  width: 150px !important;\n}\n\n.list-item .live-planner {\n  flex-shrink: 0;\n  margin: auto;\n}\n\n.list-item .middle-container {\n  width: 100%;\n  padding: 15px 5px 5px 5px;\n}\n\n.list-item .name-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.list-item .online-status {\n  width: 20px;\n  height: 20px;\n  border-radius: 20px;\n  margin-left: 8px;\n}\n\n.list-item .online-status.green {\n  background-color: #b5ea1e;\n}\n\n.list-item .online-status.gray {\n  background-color: #aaaaaa;\n}\n\n.list-item .online-status.red {\n  background-color: #f45f30;\n}\n\n.list-item .name {\n  margin-left: 13px;\n  font-weight: 300;\n}\n\n.list-item .request-status {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  flex-direction: row;\n  align-items: center;\n  margin-top: 8px;\n  padding-right: 5px;\n  cursor: pointer;\n}\n\n.list-item .request-status:hover {\n  background-color: #f6f6f6;\n}\n\n.list-item .request-status-text {\n  font-size: 14px;\n  color: #8e8e93;\n  margin-left: 5px;\n}\n\n.list-item .MuiSvgIcon-root {\n  font-size: 17px;\n  color: #8e8e93;\n}\n\n.list-item .date {\n  flex-shrink: 0;\n  color: #8e8e93;\n  font-size: 13px;\n  padding: 10px 0;\n  word-wrap: break-word;\n}\n\n.list-item .arrow {\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  align-self: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 30px;\n  margin: 0 20px;\n}\n.list-item .arrow:hover {\n  background-color: #f6f6f6;\n}\n";
 styleInject(css_248z$1);
 
 var RequestTab = function RequestTab(props) {
@@ -43225,7 +43225,7 @@ var RequestTab = function RequestTab(props) {
   });
 };
 
-var css_248z = ".consultant-dashboard {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 50px;\r\n  padding-right: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 5px;\r\n}\r\n\r\n.consultant-dashboard * {\r\n  box-sizing: border-box;\r\n}\r\n.consultant-dashboard .map {\r\n  width: 50%;\r\n  height: 100%;\r\n}\r\n\r\n.list-container {\r\n  width: 50%;\r\n  height: 100%;\r\n}\r\n\r\n.list-header {\r\n  height: 60px;\r\n}\r\n\r\n.list {\r\n  height: calc(100% - 60px);\r\n}\r\n\r\n.list.hidden {\r\n  display: none;\r\n\r\n}\r\n\r\n.consultant-dashboard .MuiGridList-root {\r\n  justify-content: space-evenly;\r\n}\r\n";
+var css_248z = ".consultant-dashboard {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 50px;\n  padding-right: 0;\n  display: flex;\n  flex-direction: row;\n  gap: 5px;\n}\n\n.consultant-dashboard * {\n  box-sizing: border-box;\n}\n.consultant-dashboard .map {\n  width: 50%;\n  height: 100%;\n}\n\n.list-container {\n  width: 50%;\n  height: 100%;\n}\n\n.list-header {\n  height: 60px;\n}\n\n.list {\n  height: calc(100% - 60px);\n}\n\n.list.hidden {\n  display: none;\n\n}\n\n.consultant-dashboard .MuiGridList-root {\n  justify-content: space-evenly;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }