beem-component 1.6.0 → 1.6.1

package/dist/components/Avatars/avatars.js

@@ -15,6 +15,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _SmartToy = _interopRequireDefault(require("@mui/icons-material/SmartToy"));
 
+var _Chat = _interopRequireDefault(require("@mui/icons-material/Chat"));
+
 var _colors = require("../colors");
 
 var _iconStyles = require("../iconStyles");
@@ -53,6 +55,7 @@ var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templat
   var user = _ref3.user;
   if (user === 'chatbot') return "".concat(_colors.BmPrimaryBlue);
   if (user === 'employee') return "".concat(_colors.BmPrimaryBlue);
+  if (user === 'sms') return "".concat(_colors.BmPrimaryBlue);
   return "".concat(_colors.BmGrey100);
 }, function (_ref4) {
   var type = _ref4.type;
@@ -63,6 +66,7 @@ var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templat
   var user = _ref5.user;
   if (user === 'chatbot') return "".concat(_colors.BmPrimaryBlue);
   if (user === 'employee') return "".concat(_colors.BmPrimaryBlue);
+  if (user === 'sms') return "".concat(_colors.BmPrimaryBlue);
   return "".concat(_colors.BmGrey100);
 });
 
@@ -85,7 +89,11 @@ var BmAvatar = function BmAvatar(props) {
     icon: /*#__PURE__*/_react.default.createElement(_SmartToy.default, null),
     size: size,
     color: color
-  }, rest)), user !== 'chatbot' && user !== 'employee' && user !== 'default' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmAvatarIcon, _extends({
+  }, rest)), user === 'sms' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmAvatarIcon, _extends({
+    icon: /*#__PURE__*/_react.default.createElement(_Chat.default, null),
+    size: size,
+    color: color
+  }, rest)), user !== 'chatbot' && user !== 'employee' && user !== 'sms' && user !== 'default' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmAvatarIcon, _extends({
     icon: user,
     size: size,
     color: color

package/dist/components/ChatComponents/ChatBody/chatBody.js

@@ -110,6 +110,13 @@ var handleState = function handleState(_ref5) {
       user: "employee"
     });
   }
+
+  if (session === 'sms') {
+    return /*#__PURE__*/_react.default.createElement(_avatars.default, {
+      size: "small",
+      user: "sms"
+    });
+  }
 }; // Start of File Attachment
 
 

package/dist/components/ChatComponents/ChatBody/chatBody.stories.js

@@ -36,7 +36,7 @@ exports.default = _default;
 var ChatBody = function ChatBody() {
   return /*#__PURE__*/_react.default.createElement(_chatBody.default, null, /*#__PURE__*/_react.default.createElement(_chatBody.default.Body, null, /*#__PURE__*/_react.default.createElement(_chatBody.default.Details, {
     state: "inbound",
-    session: "bot",
+    session: "sms",
     displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
     status: "sent",
     sessionDetails: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.6.0",
+    "version": "1.6.1",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/lib/components/Avatars/avatars.js

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import SmartToyIcon from '@mui/icons-material/SmartToy';
+import ChatIcon from '@mui/icons-material/Chat';
 import { BmGrey100, BmPrimaryBlue } from '../colors';
 import { BmAvatarIcon } from '../iconStyles';
 
@@ -29,6 +30,7 @@ export const BmAvatarWrapper = styled.div`
   background: ${({ user }) => {
     if (user === 'chatbot') return `${BmPrimaryBlue}`;
     if (user === 'employee') return `${BmPrimaryBlue}`;
+    if (user === 'sms') return `${BmPrimaryBlue}`;
     return `${BmGrey100}`;
   }};
   border-radius: ${({ type }) => {
@@ -40,6 +42,8 @@ export const BmAvatarWrapper = styled.div`
     ${({ user }) => {
       if (user === 'chatbot') return `${BmPrimaryBlue}`;
       if (user === 'employee') return `${BmPrimaryBlue}`;
+      if (user === 'sms') return `${BmPrimaryBlue}`;
+
       return `${BmGrey100}`;
     }};
 `;
@@ -59,9 +63,15 @@ const BmAvatar = (props) => {
           {...rest}
         />
       )}
-      {user !== 'chatbot' && user !== 'employee' && user !== 'default' && (
-        <BmAvatarIcon icon={user} size={size} color={color} {...rest} />
+      {user === 'sms' && (
+        <BmAvatarIcon icon={<ChatIcon />} size={size} color={color} {...rest} />
       )}
+      {user !== 'chatbot' &&
+        user !== 'employee' &&
+        user !== 'sms' &&
+        user !== 'default' && (
+          <BmAvatarIcon icon={user} size={size} color={color} {...rest} />
+        )}
     </BmAvatarWrapper>
   );
 };

package/src/lib/components/ChatComponents/ChatBody/chatBody.js

@@ -111,6 +111,9 @@ const handleState = ({ session }) => {
   if (session === 'live') {
     return <BmAvatar size="small" user="employee" />;
   }
+  if (session === 'sms') {
+    return <BmAvatar size="small" user="sms" />;
+  }
 };
 
 // Start of File Attachment

package/src/lib/components/ChatComponents/ChatBody/chatBody.stories.js

@@ -20,7 +20,7 @@ export const ChatBody = () => {
       <BmChat.Body>
         <BmChat.Details
           state="inbound"
-          session="bot"
+          session="sms"
           displayTime={<p>12:00pm</p>}
           status="sent"
           sessionDetails={{