@microsoft/omnichannel-chat-widget 0.1.0-main.bcfe8a3 → 0.1.0-main.bf74329

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware.js

@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createAvatarMiddleware = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Constants = require("../../../../../common/Constants");
-
 var _defaultAvatarStyles = require("./defaultStyles/defaultAvatarStyles");
-
 var _defaultAvatarTextStyles = require("./defaultStyles/defaultAvatarTextStyles");
-
 var _utils = require("../../../../../common/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /******
  * AvatarMiddleware
  * 
  * This middleware handles the avatar icon for each non-system message. It does the following processing:
  * 1. Renders the first two letters of the sender as the profile pic
  ******/
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
 const createAvatarMiddleware = (avatarStyleProps, avatarTextStyleProps) => () => next => function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   const [params] = args;
   const {
     activity: {
@@ -41,23 +34,22 @@ const createAvatarMiddleware = (avatarStyleProps, avatarTextStyleProps) => () =>
     },
     fromUser
   } = params;
-
   if (fromUser !== false || tags && tags.includes(_Constants.Constants.systemMessageTag)) {
     return false;
   }
-
-  const avatarStyles = { ..._defaultAvatarStyles.defaultAvatarStyles,
+  const avatarStyles = {
+    ..._defaultAvatarStyles.defaultAvatarStyles,
     ...avatarStyleProps
   };
-  const avatarTextStyles = { ..._defaultAvatarTextStyles.defaultAvatarTextStyles,
+  const avatarTextStyles = {
+    ..._defaultAvatarTextStyles.defaultAvatarTextStyles,
     ...avatarTextStyleProps
-  }; // eslint-disable-next-line react/display-name
-
+  };
+  // eslint-disable-next-line react/display-name
   return () => /*#__PURE__*/_react.default.createElement("div", {
     style: avatarStyles
   }, /*#__PURE__*/_react.default.createElement("p", {
     style: avatarTextStyles
   }, " ", (0, _utils.getIconText)(name), " "));
 };
-
 exports.createAvatarMiddleware = createAvatarMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware.js

@@ -4,49 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createCardActionMiddleware = void 0;
-
 var _BotMagicCodeStore = require("../../BotMagicCodeStore");
-
 var CardActionType;
-
 (function (CardActionType) {
   CardActionType["OpenUrl"] = "openUrl";
   CardActionType["SignIn"] = "signin";
 })(CardActionType || (CardActionType = {}));
-
 const validCardActionTypes = [CardActionType.OpenUrl, CardActionType.SignIn];
 const botOauthUrlRegex = /[\S]+.botframework.com\/api\/oauth\/signin\?signin=([\S]+)/;
-
 const createCardActionMiddleware = botMagicCodeConfig => {
   const cardActionMiddleware = () => next => function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     // eslint-disable-line @typescript-eslint/no-explicit-any
     const [card] = args;
-
     if (card.cardAction && validCardActionTypes.indexOf(card.cardAction.type) >= 0 && card.cardAction.value) {
       // Override signin url only if fwdUrl is valid & feature is enabled
       if ((botMagicCodeConfig === null || botMagicCodeConfig === void 0 ? void 0 : botMagicCodeConfig.disabled) === true && botMagicCodeConfig !== null && botMagicCodeConfig !== void 0 && botMagicCodeConfig.fwdUrl) {
         const baseUrl = window.location.origin;
         const result = botOauthUrlRegex.exec(card.cardAction.value);
-
         if (result) {
           _BotMagicCodeStore.BotMagicCodeStore.botOAuthSignInId = `${result[1]}`;
-        } // fwdUrl must be on the same domain as the chat widget
-
+        }
 
+        // fwdUrl must be on the same domain as the chat widget
         if (botMagicCodeConfig !== null && botMagicCodeConfig !== void 0 && botMagicCodeConfig.fwdUrl.startsWith(baseUrl)) {
           card.cardAction.value += `&fwdUrl=${botMagicCodeConfig.fwdUrl}`;
         }
       }
     }
-
     return next(...args);
   };
-
   return cardActionMiddleware;
 };
-
 exports.createCardActionMiddleware = createCardActionMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware.spec.js

@@ -1,14 +1,10 @@
 "use strict";
 
 require("@testing-library/jest-dom/extend-expect");
-
 var _cardActionMiddleware = require("./cardActionMiddleware");
-
 describe("cardActionMiddleware test", () => {
   it("createCardActionMiddleware() with undefined botMagicCodeConfig should not change the sign in card url", () => {
     const next = args => args; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-
     const signInUrl = "https://token.botframework.com/api/oauth/signin?signin=[signin]";
     const args = {
       cardAction: {
@@ -23,10 +19,7 @@ describe("cardActionMiddleware test", () => {
     const botMagicCodeConfig = {
       disabled: false
     };
-
     const next = args => args; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-
     const signInUrl = "https://token.botframework.com/api/oauth/signin?signin=[signin]";
     const args = {
       cardAction: {
@@ -41,10 +34,7 @@ describe("cardActionMiddleware test", () => {
     const botMagicCodeConfig = {
       disabled: true
     };
-
     const next = args => args; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-
     const signInUrl = "https://token.botframework.com/api/oauth/signin?signin=[signin]";
     const args = {
       cardAction: {
@@ -60,10 +50,7 @@ describe("cardActionMiddleware test", () => {
       disabled: true,
       fwdUrl: "http://localhost/forwarder.html"
     };
-
     const next = args => args; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-
     const signInUrl = "https://token.botframework.com/api/oauth/signin?signin=[signin]";
     const args = {
       cardAction: {
@@ -80,10 +67,7 @@ describe("cardActionMiddleware test", () => {
       disabled: true,
       fwdUrl: "https://localhost/forwarder.html"
     };
-
     const next = args => args; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-
     const signInUrl = "https://token.botframework.com/api/oauth/signin?signin=[signin]";
     const args = {
       cardAction: {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultReceivedMessageAnchorStyles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultReceivedMessageAnchorStyles = void 0;
+const defaultReceivedMessageAnchorStyles = {
+  color: "white"
+};
+exports.defaultReceivedMessageAnchorStyles = defaultReceivedMessageAnchorStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageBoxStyles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSystemMessageBoxStyles = void 0;
+const defaultSystemMessageBoxStyles = {
+  maxWidth: "75%"
+};
+exports.defaultSystemMessageBoxStyles = defaultSystemMessageBoxStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultTimestampFailedStyles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTimestampFailedStyles = void 0;
-
 var _defaultTimestampContentStyles = require("./defaultTimestampContentStyles");
-
-const defaultTimestampFailedStyles = { ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+const defaultTimestampFailedStyles = {
+  ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
   color: "#A80000"
 };
 exports.defaultTimestampFailedStyles = defaultTimestampFailedStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultTimestampRetryStyles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTimestampRetryStyles = void 0;
-
 var _defaultTimestampContentStyles = require("./defaultTimestampContentStyles");
-
-const defaultTimestampRetryStyles = { ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+const defaultTimestampRetryStyles = {
+  ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
   color: "#0063B1",
   cursor: "pointer"
 };

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultUserMessageBoxStyles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultUserMessageBoxStyles = void 0;
+const defaultUserMessageBoxStyles = {
+  maxWidth: "75%"
+};
+exports.defaultUserMessageBoxStyles = defaultUserMessageBoxStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/groupActivitiesMiddleware.js

@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupActivitiesMiddleware = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
 /******
  * GroupActivitiesMiddleware
  * 
  * This middleware controls which messages are grouped together regarding to timestamps. It does the following processing:
  * 1. Distinguishes different messages by sender name and whether it is a system message
  ******/
+
 function bin(items, grouping) {
   let lastBin;
   const bins = [];
   let lastItem;
-
   if (items.length > 0) {
     items.forEach(item => {
       if (lastItem && grouping(lastItem, item)) {
@@ -26,20 +24,17 @@ function bin(items, grouping) {
         lastBin = [item];
         bins.push(lastBin);
       }
-
       lastItem = item;
     });
   }
-
   return bins;
-} // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
-
+}
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
 const groupActivitiesMiddleware = () => next => args => {
   const {
     activities
   } = args;
-
   if (activities != null && activities.length > 0) {
     const {
       status
@@ -59,5 +54,4 @@ const groupActivitiesMiddleware = () => next => args => {
     return () => false;
   }
 };
-
 exports.groupActivitiesMiddleware = groupActivitiesMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _WebChatActionType = require("../../enums/WebChatActionType");
-
 var _Constants = require("../../../../../common/Constants");
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const createMessageTimeStampMiddleware = _ref => {
   let {
@@ -18,100 +15,75 @@ const createMessageTimeStampMiddleware = _ref => {
     if (isApplicable(action)) {
       return next(evaluateTagsAndOverrideTimeStamp(action));
     }
-
     return next(action);
   };
 };
-
 const isApplicable = action => {
   return action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && isPVAConversation(action) && isPayloadValid(action) && isValidChannel(action);
 };
-
 const isPayloadValid = action => {
   var _action$payload;
-
   return action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.activity;
 };
-
 const isValidChannel = action => {
   var _action$payload2, _action$payload2$acti;
-
   return (action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : (_action$payload2$acti = _action$payload2.activity) === null || _action$payload2$acti === void 0 ? void 0 : _action$payload2$acti.channelId) === _Constants.Constants.acsChannel;
 };
-
 const isPVAConversation = action => {
   return !isTagIncluded(action, _Constants.Constants.systemMessageTag) && !isTagIncluded(action, _Constants.Constants.publicMessageTag) && !isRoleUserOn(action);
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isTagIncluded = (action, tag) => {
   return isDataTagsPresent(action) && action.payload.activity.channelData.tags.includes(tag);
 };
-
 const isRoleUserOn = action => {
   var _action$payload3, _action$payload3$acti, _action$payload3$acti2;
-
   return (action === null || action === void 0 ? void 0 : (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : (_action$payload3$acti = _action$payload3.activity) === null || _action$payload3$acti === void 0 ? void 0 : (_action$payload3$acti2 = _action$payload3$acti.from) === null || _action$payload3$acti2 === void 0 ? void 0 : _action$payload3$acti2.role) === _Constants.Constants.userMessageTag;
 };
-
 const overrideTimeStamp = (timestampOriginal, timeStampNew) => {
   return isTimestampValid(timeStampNew) ? timeStampNew : timestampOriginal;
 };
-
 const isTimestampValid = timeStamp => {
   const regex = /(\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])(T)(\d{2})(:{1})(\d{2})(:{1})(\d{2})(.\d+)([Z]{1}))/;
   return regex.test(timeStamp);
 };
-
 const isDataTagsPresent = action => {
   var _action$payload4, _action$payload4$acti, _action$payload4$acti2;
-
   return (action === null || action === void 0 ? void 0 : (_action$payload4 = action.payload) === null || _action$payload4 === void 0 ? void 0 : (_action$payload4$acti = _action$payload4.activity) === null || _action$payload4$acti === void 0 ? void 0 : (_action$payload4$acti2 = _action$payload4$acti.channelData) === null || _action$payload4$acti2 === void 0 ? void 0 : _action$payload4$acti2.tags) && action.payload.activity.channelData.tags.length > 0;
 };
-
 const evaluateTagsAndOverrideTimeStamp = action => {
   const tagValue = tagLookup(action, _Constants.Constants.prefixTimestampTag);
-
   if (tagValue) {
     const newTimestamp = extractTimeStamp(tagValue);
     action.payload.activity.timestamp = overrideTimeStamp(action.payload.activity.timestamp, newTimestamp);
   }
-
   return action;
 };
-
 const extractTimeStamp = timeStamp => {
   if (timeStamp && timeStamp.length > 0) {
     const ts = timeStamp.split(_Constants.Constants.prefixTimestampTag);
-
     if (ts && ts.length > 1) {
       return ts[1];
     }
   }
-
   return timeStamp;
 };
-
 const tagLookup = (action, tag) => {
   if (!isDataTagsPresent(action)) {
     return null;
   }
-
   const tags = action.payload.activity.channelData.tags;
   let value;
-
   if (tags && tags.length > 0) {
     for (let i = 0; i < tags.length; i++) {
       value = tags[i];
-
       if (value && value.indexOf(tag) > -1) {
         return value;
       }
     }
   }
-
   return null;
 };
-
 var _default = createMessageTimeStampMiddleware;
 exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveredTimestamp = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _DirectLineSenderRole = require("../../../enums/DirectLineSenderRole");
-
 var _react2 = require("@fluentui/react");
-
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
-
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
-
 var _utils = require("../../../../../../common/utils");
-
 var _ = require("../../../../../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const DeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-
   let {
     args,
     role,
@@ -32,7 +22,8 @@ const DeliveredTimestamp = _ref => {
   } = _ref;
   const [state] = (0, _.useChatContextStore)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
-  const contentStyles = { ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+  const contentStyles = {
+    ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
   };
   const {
@@ -52,5 +43,4 @@ const DeliveredTimestamp = _ref => {
     "aria-hidden": "false"
   }, ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED));
 };
-
 exports.DeliveredTimestamp = DeliveredTimestamp;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/NotDeliveredTimestamp.js

@@ -4,37 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotDeliveredTimestamp = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Constants = require("../../../../../../common/Constants");
-
 var _KeyCodes = require("../../../../../../common/KeyCodes");
-
 var _react2 = require("@fluentui/react");
-
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
-
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
-
 var _defaultTimestampFailedStyles = require("../defaultStyles/defaultTimestampFailedStyles");
-
 var _defaultTimestampRetryStyles = require("../defaultStyles/defaultTimestampRetryStyles");
-
 var _utils = require("../../../../../../common/utils");
-
 var _botframeworkWebchat = require("botframework-webchat");
-
 var _ = require("../../../../../..");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const NotDeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$m, _state$domainStates$m2;
-
   let {
     args
   } = _ref;
@@ -53,54 +38,48 @@ const NotDeliveredTimestamp = _ref => {
   } = activity;
   const [state] = (0, _.useChatContextStore)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
-  const contentStyles = { ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+  const contentStyles = {
+    ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
   };
-  const failedTextStyles = { ..._defaultTimestampFailedStyles.defaultTimestampFailedStyles,
+  const failedTextStyles = {
+    ..._defaultTimestampFailedStyles.defaultTimestampFailedStyles,
     ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.timestampFailedTextStyleProps)
   };
-  const retryTextStyles = { ..._defaultTimestampRetryStyles.defaultTimestampRetryStyles,
+  const retryTextStyles = {
+    ..._defaultTimestampRetryStyles.defaultTimestampRetryStyles,
     ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.timestampRetryTextStyleProps)
   };
   (0, _react.useEffect)(() => {
     var _timestampRef$current;
-
     const timestampWebChatNodes = timestampRef === null || timestampRef === void 0 ? void 0 : (_timestampRef$current = timestampRef.current) === null || _timestampRef$current === void 0 ? void 0 : _timestampRef$current.childNodes;
-
     if ((timestampWebChatNodes === null || timestampWebChatNodes === void 0 ? void 0 : timestampWebChatNodes.length) > 1) {
       timestampWebChatNodes[1].innerText = (0, _utils.getTimestampHourMinute)(timestamp);
     }
   }, [timestampRef]);
   const onRetryClick = (0, _react.useCallback)(async event => {
     var _activity$channelData;
-
     removeNotDeliveredTimestamp(event);
     activity.previousClientActivityID = (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.clientActivityID;
     await postActivity(activity);
     focus("sendBox");
   }, [activity, focus, postActivity]);
-
   const onRetryKeyEnter = event => {
     if (event.code === _KeyCodes.KeyCodes.ENTER) {
       event.preventDefault();
       onRetryClick(event);
     }
   };
-
   const removeNotDeliveredTimestamp = event => {
     let parent = event.target.parentElement;
-
     while (parent.tagName !== _Constants.HtmlAttributeNames.listItem) {
       parent = parent.parentElement;
-
       if (parent.tagName === _Constants.HtmlAttributeNames.unorderedList) {
         return;
       }
     }
-
     parent.parentNode.removeChild(parent);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react2.Stack, {
     style: contentStyles,
     dir: dir,
@@ -114,5 +93,4 @@ const NotDeliveredTimestamp = _ref => {
     tabIndex: 0
   }, " ", ((_state$domainStates$m2 = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m2 === void 0 ? void 0 : _state$domainStates$m2.MIDDLEWARE_MESSAGE_RETRY) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_RETRY, " "));
 };
-
 exports.NotDeliveredTimestamp = NotDeliveredTimestamp;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/SendingTimestamp.js

@@ -4,31 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SendingTimestamp = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@fluentui/react");
-
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
-
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
-
 var _utils = require("../../../../../../common/utils");
-
 var _ = require("../../../../../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const SendingTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-
   let {
     args
   } = _ref;
   const [state] = (0, _.useChatContextStore)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
-  const contentStyles = { ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+  const contentStyles = {
+    ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
   };
   const {
@@ -42,5 +34,4 @@ const SendingTimestamp = _ref => {
     horizontal: true
   }, /*#__PURE__*/_react.default.createElement("span", null, " ", (0, _utils.getTimestampHourMinute)(timestamp)), /*#__PURE__*/_react.default.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/_react.default.createElement("span", null, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_SENDING) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_SENDING, " "));
 };
-
 exports.SendingTimestamp = SendingTimestamp;