beem-component 1.5.6 → 1.5.9

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MessageState = exports.BmImageWrapper = exports.BmImageChat = exports.BmImage = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _icons = require("@material-ui/icons");
@@ -27,48 +31,46 @@ var _excluded = ["state", "file", "src", "fileName", "onDownload"],
     _excluded2 = ["state", "src", "fileName"],
     _excluded3 = ["children", "state", "displayTime", "status", "session", "src", "file", "fileName", "sessionDetails"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmChat = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  ", "\n"])), ""
+var BmChat = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__BmChat"
+})(["display:flex;flex-direction:column;height:100%;", ""], ''
 /* border: 0.071rem solid ${BmGrey400}; */
 );
 
-BmChat.Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  padding: 0rem 1rem;\n  flex-grow: 1;\n  overflow: auto;\n  height: 100%;\n"])));
+BmChat.Body = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__Body"
+})(["display:flex;flex-direction:column-reverse;padding:0rem 1rem;flex-grow:1;overflow:auto;height:100%;"]);
 
-var Details = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: ", ";\n  > *:not(:last-child) {\n    margin-right: 1rem;\n    margin-bottom: 0.5rem;\n  }\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  margin: 0rem;\n  flex-grow: 1;\n  ", "\n"])), function (_ref) {
+var Details = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__Details"
+})(["display:flex;justify-content:", ";> *:not(:last-child){margin-right:1rem;margin-bottom:0.5rem;}overflow-wrap:break-word !important;word-wrap:break-word !important;margin:0rem;flex-grow:1;", ""], function (_ref) {
   var state = _ref.state;
 
-  if (state === "inbound") {
-    return "flex-start";
+  if (state === 'inbound') {
+    return 'flex-start';
   }
 
-  if (state === "outbound") {
-    return "flex-end";
+  if (state === 'outbound') {
+    return 'flex-end';
   }
 
-  return "row";
-}, ""
+  return 'row';
+}, ''
 /* border: 1px solid red; */
 );
 
-var MessageDetails = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-width: 70%;\n  > * {\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n  }\n"])));
+var MessageDetails = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__MessageDetails"
+})(["display:flex;flex-direction:column;max-width:70%;> *{margin-top:0.5rem;margin-bottom:0.5rem;}"]);
 
-var Messages = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0.5rem;\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  border: 0.071rem solid ", ";\n  word-break: keep-all;\n  margin: 0rem;\n"])), function (_ref2) {
+var Messages = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__Messages"
+})(["display:flex;flex-direction:row;align-items:center;padding:0.5rem;background:", ";color:", ";border-radius:", ";border:0.071rem solid ", ";word-break:keep-all;margin:0rem;"], function (_ref2) {
   var state = _ref2.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryWhite);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryBlue);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryBlue);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -76,8 +78,8 @@ var Messages = _styledComponents.default.div(_templateObject5 || (_templateObjec
   var state = _ref3.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryBlack);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -85,26 +87,28 @@ var Messages = _styledComponents.default.div(_templateObject5 || (_templateObjec
   var state = _ref4.state;
 
   if (state) {
-    if (state === "inbound") return "0.21875rem 0.21875rem 0.21875rem 0rem";
-    if (state === "outbound") return "0.21875rem 0.21875rem 0rem 0.21875rem";
+    if (state === 'inbound') return '0.21875rem 0.21875rem 0.21875rem 0rem';
+    if (state === 'outbound') return '0.21875rem 0.21875rem 0rem 0.21875rem';
   }
 
   return "".concat(_colors.BmPrimaryWhite);
 }, _colors.BmGrey200);
 
-var MessagesSubDetails = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n  margin-top: 0.5rem;\n"])));
+var MessagesSubDetails = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__MessagesSubDetails"
+})(["display:flex;flex-direction:row;align-items:center;> *:not(:last-child){margin-right:0.5rem;}margin-top:0.5rem;"]);
 
 var handleState = function handleState(_ref5) {
   var session = _ref5.session;
 
-  if (session === "bot") {
+  if (session === 'bot') {
     return /*#__PURE__*/_react.default.createElement(_avatars.default, {
       size: "small",
       user: "chatbot"
     });
   }
 
-  if (session === "live") {
+  if (session === 'live') {
     return /*#__PURE__*/_react.default.createElement(_avatars.default, {
       size: "small",
       user: "employee"
@@ -113,12 +117,14 @@ var handleState = function handleState(_ref5) {
 }; // Start of File Attachment
 
 
-var FileAttachmentWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointer;\n  flex-direction: row;\n  padding: 1rem;\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  border: 0.071rem solid ", ";\n  > * {\n    &:last-child {\n      margin-left: auto;\n    }\n    :not(:last-child) {\n      margin-right: 0.5rem;\n    }\n  }\n  &&& > * {\n    align-items: center;\n    color: ", ";\n  }\n  ", "\n  ", "\n"])), function (_ref6) {
+var FileAttachmentWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__FileAttachmentWrapper"
+})(["display:flex;cursor:pointer;flex-direction:row;padding:1rem;background:", ";color:", ";border-radius:", ";border:0.071rem solid ", ";> *{&:last-child{margin-left:auto;}:not(:last-child){margin-right:0.5rem;}}&&& > *{align-items:center;color:", ";}", " ", ""], function (_ref6) {
   var state = _ref6.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryWhite);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryBlue);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryBlue);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -126,8 +132,8 @@ var FileAttachmentWrapper = _styledComponents.default.div(_templateObject7 || (_
   var state = _ref7.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryBlack);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -135,8 +141,8 @@ var FileAttachmentWrapper = _styledComponents.default.div(_templateObject7 || (_
   var state = _ref8.state;
 
   if (state) {
-    if (state === "inbound") return "0.21875rem 0.21875rem 0.21875rem 0rem";
-    if (state === "outbound") return "0.21875rem 0.21875rem 0rem 0.21875rem";
+    if (state === 'inbound') return '0.21875rem 0.21875rem 0.21875rem 0rem';
+    if (state === 'outbound') return '0.21875rem 0.21875rem 0rem 0.21875rem';
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -144,14 +150,14 @@ var FileAttachmentWrapper = _styledComponents.default.div(_templateObject7 || (_
   var state = _ref9.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryBlue);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryBlue);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
-}, ""
+}, ''
 /* max-width: 100%; */
-, ""
+, ''
 /* max-height: 100%; */
 );
 
@@ -161,9 +167,8 @@ var BmFileAttachment = function BmFileAttachment(_ref10) {
       src = _ref10.src,
       fileName = _ref10.fileName,
       onDownload = _ref10.onDownload,
-      rest = _objectWithoutProperties(_ref10, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(FileAttachmentWrapper, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref10, _excluded);
+  return /*#__PURE__*/_react.default.createElement(FileAttachmentWrapper, Object.assign({
     state: state
   }, rest), /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_FilePresent.default, null)
@@ -171,15 +176,17 @@ var BmFileAttachment = function BmFileAttachment(_ref10) {
     icon: /*#__PURE__*/_react.default.createElement(_Download.default, null),
     onClick: onDownload
   }));
-}; //Start of Component for Images
+}; // Start of Component for Images
 
 
-var BmImageWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  color: ", ";\n  border-radius: ", ";\n  border: 0.071rem solid ", ";\n"])), function (_ref11) {
+var BmImageWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__BmImageWrapper"
+})(["display:flex;flex-direction:column;color:", ";border-radius:", ";border:0.071rem solid ", ";"], function (_ref11) {
   var state = _ref11.state;
 
   if (state) {
-    if (state === "inbound") return "".concat(_colors.BmPrimaryBlack);
-    if (state === "outbound") return "".concat(_colors.BmPrimaryWhite);
+    if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
+    if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -187,8 +194,8 @@ var BmImageWrapper = _styledComponents.default.div(_templateObject8 || (_templat
   var state = _ref12.state;
 
   if (state) {
-    if (state === "inbound") return "0.21875rem 0.21875rem 0.21875rem 0rem";
-    if (state === "outbound") return "0.21875rem 0.21875rem 0rem 0.21875rem";
+    if (state === 'inbound') return '0.21875rem 0.21875rem 0.21875rem 0rem';
+    if (state === 'outbound') return '0.21875rem 0.21875rem 0rem 0.21875rem';
   }
 
   return "".concat(_colors.BmPrimaryWhite);
@@ -196,7 +203,9 @@ var BmImageWrapper = _styledComponents.default.div(_templateObject8 || (_templat
 
 exports.BmImageWrapper = BmImageWrapper;
 
-var BmImage = _styledComponents.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", "\n  width: 100%;\n  object-fit: cover;\n  flex-grow: 1;\n"])), ""
+var BmImage = _styledComponents.default.img.withConfig({
+  displayName: "chatBody__BmImage"
+})(["", " width:100%;object-fit:cover;flex-grow:1;"], ''
 /* Fix width */
 );
 
@@ -206,14 +215,13 @@ var BmImageChat = function BmImageChat(_ref13) {
   var state = _ref13.state,
       src = _ref13.src,
       fileName = _ref13.fileName,
-      rest = _objectWithoutProperties(_ref13, _excluded2);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmImageWrapper, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref13, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmImageWrapper, Object.assign({
     state: state
   }, rest), /*#__PURE__*/_react.default.createElement(BmImage, {
     src: src,
     alt: "src"
-  }), fileName && /*#__PURE__*/_react.default.createElement(BmFileAttachment, _extends({
+  }), fileName && /*#__PURE__*/_react.default.createElement(BmFileAttachment, Object.assign({
     state: state,
     file: src,
     fileName: fileName
@@ -222,7 +230,9 @@ var BmImageChat = function BmImageChat(_ref13) {
 
 exports.BmImageChat = BmImageChat;
 
-var MessageState = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  @media all and (max-width: 960px) {\n    display: none;\n  }\n"]))); //End of Component for Images
+var MessageState = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__MessageState"
+})(["@media all and (max-width:960px){display:none;}"]); // End of Component for Images
 
 
 exports.MessageState = MessageState;
@@ -237,40 +247,41 @@ BmChat.Details = function (_ref14) {
       file = _ref14.file,
       fileName = _ref14.fileName,
       sessionDetails = _ref14.sessionDetails,
-      rest = _objectWithoutProperties(_ref14, _excluded3);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sessionDetails && /*#__PURE__*/_react.default.createElement(_sessionDetails.SessionDetails, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref14, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sessionDetails && /*#__PURE__*/_react.default.createElement(_sessionDetails.SessionDetails, Object.assign({
     time: sessionDetails.time,
     message: sessionDetails.message
-  }, rest)), /*#__PURE__*/_react.default.createElement(Details, _extends({
+  }, rest)), /*#__PURE__*/_react.default.createElement(Details, Object.assign({
     state: state
-  }, rest), /*#__PURE__*/_react.default.createElement(MessageState, null, state === "inbound" && session && handleState({
+  }, rest), /*#__PURE__*/_react.default.createElement(MessageState, null, state === 'inbound' && session && handleState({
     state: state,
     session: session
-  })), /*#__PURE__*/_react.default.createElement(MessageDetails, null, src && /*#__PURE__*/_react.default.createElement(BmImageChat, _extends({
+  })), /*#__PURE__*/_react.default.createElement(MessageDetails, null, src && /*#__PURE__*/_react.default.createElement(BmImageChat, Object.assign({
     state: state,
     src: src,
     fileName: fileName
   }, rest)), children && /*#__PURE__*/_react.default.createElement(Messages, {
     state: state
-  }, children), file && /*#__PURE__*/_react.default.createElement(BmFileAttachment, _extends({
+  }, children), file && /*#__PURE__*/_react.default.createElement(BmFileAttachment, Object.assign({
     file: file,
     fileName: fileName,
     state: state
-  }, rest)), /*#__PURE__*/_react.default.createElement(MessagesSubDetails, null, displayTime && displayTime, status === "sent" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+  }, rest)), /*#__PURE__*/_react.default.createElement(MessagesSubDetails, null, displayTime && displayTime, status === 'sent' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.DoneAll, null),
     color: "".concat(_colors.BmSecondaryDarkGreen),
     size: "small"
-  }), status === "failed" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+  }), status === 'failed' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Done, null),
     color: "".concat(_colors.BmPrimaryBlack),
     size: "small"
-  }))), /*#__PURE__*/_react.default.createElement(MessageState, null, state === "outbound" && session && handleState({
+  }))), /*#__PURE__*/_react.default.createElement(MessageState, null, state === 'outbound' && session && handleState({
     state: state,
     session: session
   }))));
 };
 
-BmChat.Footer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem 0.5rem;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])));
+BmChat.Footer = _styledComponents.default.div.withConfig({
+  displayName: "chatBody__Footer"
+})(["display:flex;flex-direction:column;padding:0.5rem 0.5rem;> *:not(:last-child){margin-bottom:0.5rem;}"]);
 var _default = BmChat;
 exports.default = _default;

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

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,10 +9,6 @@ exports.default = exports.ChatBody = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _chatBody = _interopRequireDefault(require("./chatBody"));
-
-var _iconStyles = require("../../iconStyles");
-
 var _EmojiEmotions = _interopRequireDefault(require("@mui/icons-material/EmojiEmotions"));
 
 var _AttachFile = _interopRequireDefault(require("@mui/icons-material/AttachFile"));
@@ -19,12 +17,14 @@ var _Quickreply = _interopRequireDefault(require("@mui/icons-material/Quickreply
 
 var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
 
+var _iconStyles = require("../../iconStyles");
+
+var _chatBody = _interopRequireDefault(require("./chatBody"));
+
 var _input = require("../../input");
 
 var _chartImg = _interopRequireDefault(require("../../../assets/chart-img.png"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 // TODO: ADD DESCRIPTION
 var _default = {

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SessionDetails = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -13,26 +17,15 @@ var _colors = require("../../colors");
 
 var _excluded = ["message", "time"];
 
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var SessionDetailsWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  border-bottom: 0.071rem solid ", ";\n  margin: 1rem 0.5rem;\n"])), _colors.BmGrey200);
+var SessionDetailsWrapper = _styledComponents.default.div.withConfig({
+  displayName: "sessionDetails__SessionDetailsWrapper"
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;border-bottom:0.071rem solid ", ";margin:1rem 0.5rem;"], _colors.BmGrey200);
 
 var SessionDetails = function SessionDetails(_ref) {
   var message = _ref.message,
       time = _ref.time,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(SessionDetailsWrapper, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(SessionDetailsWrapper, Object.assign({
     time: time,
     message: message
   }, rest), /*#__PURE__*/_react.default.createElement("p", null, "\xA0"), message || /*#__PURE__*/_react.default.createElement("p", null, "\xA0"), time || /*#__PURE__*/_react.default.createElement("p", null, "\xA0"));

package/dist/components/ChatComponents/ChatHeader/chatHeader.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,14 +9,10 @@ exports.BmChatHeader = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // import { BmGrey400 } from "../colors";
-var BmChatHeader = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", "\n  padding: 1rem;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n"])), ""
+var BmChatHeader = _styledComponents.default.div.withConfig({
+  displayName: "chatHeader__BmChatHeader"
+})(["display:flex;flex-direction:row;align-items:center;", " padding:1rem;> *:not(:last-child){margin-right:0.5rem;}"], ''
 /* border: 0.071rem solid ${BmGrey400}; */
 );
 

package/dist/components/ChatComponents/ChatHeader/chatHeader.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,12 +13,10 @@ var _buttons = require("../../Buttons/buttons");
 
 var _chatHeader = require("./chatHeader");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _chatHeader.BmChatHeader,
-  title: "components/Chat/MainChat/ChatHeader"
+  title: 'components/Chat/MainChat/ChatHeader'
 };
 exports.default = _default;
 

package/dist/components/ChatComponents/ColorPicker/colorPicker.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,13 +9,9 @@ exports.BmColorPicker = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmColorPicker = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 1.429rem;\n  height: 1.429rem;\n  border-radius: 50%;\n  background: ", ";\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n"])), function (props) {
+var BmColorPicker = _styledComponents.default.div.withConfig({
+  displayName: "colorPicker__BmColorPicker"
+})(["width:1.429rem;height:1.429rem;border-radius:50%;background:", ";> *:not(:last-child){margin-right:0.5rem;}"], function (props) {
   return props.color ? props.color : 'green';
 });
 

package/dist/components/ChatComponents/ColorPicker/colorPicker.stories.js

@@ -1,22 +1,26 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ColorPicker = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _colorPicker = require("./colorPicker");
 
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _colorPicker.BmColorPicker,
-  title: "components/Chat/Components/ColorPicker"
+  title: 'components/Chat/Components/ColorPicker'
 };
 exports.default = _default;
 
 var ColorPicker = function ColorPicker() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ["#33b1ba", "#000000", "#F62E48", "#8CC63F"].map(function (color) {
-    return /*#__PURE__*/React.createElement(_colorPicker.BmColorPicker, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['#33b1ba', '#000000', '#F62E48', '#8CC63F'].map(function (color) {
+    return /*#__PURE__*/_react.default.createElement(_colorPicker.BmColorPicker, {
       key: color,
       color: color
     });

package/dist/components/ChatComponents/ContactCards/contactCards.js

@@ -1,29 +1,32 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BmContactCard = void 0;
+exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _colors = require("../../colors");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmContactCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-right: 1rem;\n  }\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n  cursor: pointer;\n  padding: 1rem 1.5rem;\n"])), _colors.BmSecondaryBlue12, function (_ref) {
+var BmContactCard = _styledComponents.default.div.withConfig({
+  displayName: "contactCards__BmContactCard"
+})(["display:flex;flex-direction:row;justify-content:space-between;> *:not(:last-child){margin-right:1rem;}&:hover{background:", ";}", " cursor:pointer;padding:1rem 1.5rem;"], _colors.BmSecondaryBlue12, function (_ref) {
   var active = _ref.active;
   return active && "    \n    background: ".concat(_colors.BmSecondaryBlue12, ";\n  ");
 });
 
-exports.BmContactCard = BmContactCard;
-BmContactCard.Profile = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n"])));
-BmContactCard.Details = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])));
-BmContactCard.SubDetails = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  > * {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    align-items: flex-start;\n  }\n  ", "\n  ", "\n"])), ''
+BmContactCard.Profile = _styledComponents.default.div.withConfig({
+  displayName: "contactCards__Profile"
+})(["display:flex;flex-direction:column;justify-content:space-between;align-items:center;"]);
+BmContactCard.Details = _styledComponents.default.div.withConfig({
+  displayName: "contactCards__Details"
+})(["display:flex;flex-direction:column;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;> *:not(:last-child){margin-bottom:0.5rem;}"]);
+BmContactCard.SubDetails = _styledComponents.default.div.withConfig({
+  displayName: "contactCards__SubDetails"
+})(["display:flex;flex-direction:row;justify-content:space-between;> *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:flex-start;}", " ", ""], ''
 /* TODO */
 , ''
 /* > :last-child {

package/dist/components/ChatComponents/ContactCards/contactCards.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,9 +15,7 @@ var _avatars = _interopRequireDefault(require("../../Avatars/avatars"));
 
 var _messageCounter = _interopRequireDefault(require("../../MessageCounter/messageCounter"));
 
-var _tags = require("../../tags");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _tags = require("../../Tags/tags");
 
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
@@ -25,7 +25,7 @@ var _default = {
     BmTag: _tags.BmTag,
     BmCounter: _messageCounter.default
   },
-  title: "components/Chat/Components/ContactCard"
+  title: 'components/Chat/Components/ContactCard'
 };
 exports.default = _default;
 

package/dist/components/ChatComponents/FormAccordion/FormAccordion.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,16 +9,18 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmChatForm = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0rem 0.5rem;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])));
+var BmChatForm = _styledComponents.default.div.withConfig({
+  displayName: "FormAccordion__BmChatForm"
+})(["display:flex;flex-direction:column;padding:0rem 0.5rem;justify-content:space-between;> *:not(:last-child){margin-bottom:0.5rem;}"]);
 
-BmChatForm.Group = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"])));
-BmChatForm.Label = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0rem;\n  text-align: left;\n  width: 50%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-BmChatForm.Input = _styledComponents.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  text-align: right;\n  width: 50%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    outline: none !important;\n    text-decoration: none;\n  }\n  background: transparent;\n"])));
+BmChatForm.Group = _styledComponents.default.div.withConfig({
+  displayName: "FormAccordion__Group"
+})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;"]);
+BmChatForm.Label = _styledComponents.default.div.withConfig({
+  displayName: "FormAccordion__Label"
+})(["margin:0rem;text-align:left;width:50%;overflow:hidden;text-overflow:ellipsis;"]);
+BmChatForm.Input = _styledComponents.default.input.withConfig({
+  displayName: "FormAccordion__Input"
+})(["text-align:right;width:50%;overflow:hidden;text-overflow:ellipsis;border:none;&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none;}background:transparent;"]);
 var _default = BmChatForm;
 exports.default = _default;