beem-component 1.5.6 → 1.5.9

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

@@ -1,27 +1,31 @@
 "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.FormAccordion = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _ = require("../..");
 
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _.BmChatForm,
-  title: "components/Chat/Components/FormAccordion"
+  title: 'components/Chat/Components/FormAccordion'
 };
 exports.default = _default;
 
 var FormAccordion = function FormAccordion() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: "30%"
+      width: '30%'
     }
-  }, /*#__PURE__*/React.createElement(_.BmAccordion, null, /*#__PURE__*/React.createElement(_.BmAccordion.Title, null, /*#__PURE__*/React.createElement("h3", null, "Information")), /*#__PURE__*/React.createElement(_.BmAccordion.Body, null, /*#__PURE__*/React.createElement(_.BmChatForm, null, /*#__PURE__*/React.createElement(_.BmChatForm.Group, null, /*#__PURE__*/React.createElement(_.BmChatForm.Label, null, /*#__PURE__*/React.createElement("h4", null, "Account No.")), /*#__PURE__*/React.createElement(_.BmChatForm.Input, {
+  }, /*#__PURE__*/_react.default.createElement(_.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Information")), /*#__PURE__*/_react.default.createElement(_.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_.BmChatForm, null, /*#__PURE__*/_react.default.createElement(_.BmChatForm.Group, null, /*#__PURE__*/_react.default.createElement(_.BmChatForm.Label, null, /*#__PURE__*/_react.default.createElement("h4", null, "Account No.")), /*#__PURE__*/_react.default.createElement(_.BmChatForm.Input, {
     placeholder: "Enter here"
-  })), /*#__PURE__*/React.createElement(_.BmChatForm.Group, null, /*#__PURE__*/React.createElement(_.BmChatForm.Label, null, /*#__PURE__*/React.createElement("h4", null, "Preferred Language")), /*#__PURE__*/React.createElement(_.BmChatForm.Input, {
+  })), /*#__PURE__*/_react.default.createElement(_.BmChatForm.Group, null, /*#__PURE__*/_react.default.createElement(_.BmChatForm.Label, null, /*#__PURE__*/_react.default.createElement("h4", null, "Preferred Language")), /*#__PURE__*/_react.default.createElement(_.BmChatForm.Input, {
     placeholder: "Enter here"
   })))))));
 };

package/dist/components/ChatComponents/InfoTab/infoTab.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,17 +9,17 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3;
-
-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 BmInfoTab = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem;\n  ", "\n  > *:not(:last-child) {\n    margin-bottom: 1rem;\n  }\n"])), ''
+var BmInfoTab = _styledComponents.default.div.withConfig({
+  displayName: "infoTab__BmInfoTab"
+})(["display:flex;flex-direction:column;padding:1.5rem;", " > *:not(:last-child){margin-bottom:1rem;}"], ''
 /* border: 0.071rem solid ${BmGrey400}; */
 );
 
-BmInfoTab.Content = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
-BmInfoTab.Tabs = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  >*:not(:first-child) {\n    margin-top: 0.5rem;\n  }\n"])));
+BmInfoTab.Content = _styledComponents.default.div.withConfig({
+  displayName: "infoTab__Content"
+})(["display:flex;flex-direction:row;justify-content:space-between;"]);
+BmInfoTab.Tabs = _styledComponents.default.div.withConfig({
+  displayName: "infoTab__Tabs"
+})(["display:flex;flex-direction:column;> *:not(:first-child){margin-top:0.5rem;}"]);
 var _default = BmInfoTab;
 exports.default = _default;

package/dist/components/ChatComponents/InfoTab/infoTab.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,27 +9,25 @@ exports.default = exports.InfoTab = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _icons = require("@material-ui/icons");
+
 var _infoTab = _interopRequireDefault(require("./infoTab"));
 
 var _buttonIconsOnly = require("../../Buttons/buttonIconsOnly");
 
-var _icons = require("@material-ui/icons");
-
 var _iconStyles = require("../../iconStyles");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _infoTab.default,
-  title: "components/Chat/Components/InfoTab"
+  title: 'components/Chat/Components/InfoTab'
 };
 exports.default = _default;
 
 var InfoTab = function InfoTab() {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      maxWidth: "30%"
+      maxWidth: '30%'
     }
   }, /*#__PURE__*/_react.default.createElement(_infoTab.default, null, /*#__PURE__*/_react.default.createElement(_infoTab.default.Content, null, /*#__PURE__*/_react.default.createElement("h2", null, "Contact Name"), /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.MoreVert, null)

package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.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.default = 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 BmChatLabels = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0rem 0.5rem;\n  > *:not(:last-child) {\n    margin-bottom: 1rem;\n  }\n  > * {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    width: 100%;\n  }\n"])));
+var BmChatLabels = _styledComponents.default.div.withConfig({
+  displayName: "LabelAccordion__BmChatLabels"
+})(["display:flex;flex-direction:column;padding:0rem 0.5rem;> *:not(:last-child){margin-bottom:1rem;}> *{display:flex;flex-direction:row;justify-content:space-between;width:100%;}"]);
 
 var _default = BmChatLabels;
 exports.default = _default;

package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js

@@ -1,31 +1,36 @@
 "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.LabelAccordion = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _ = require("../..");
 
+/* eslint-disable jsx-a11y/anchor-is-valid */
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _.BmChatLabels,
-  title: "components/Chat/Components/LabelAccordion"
+  title: 'components/Chat/Components/LabelAccordion'
 };
 exports.default = _default;
 
 var LabelAccordion = function LabelAccordion() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: "30%"
+      width: '30%'
     }
-  }, /*#__PURE__*/React.createElement(_.BmAccordion, null, /*#__PURE__*/React.createElement(_.BmAccordion.Title, null, /*#__PURE__*/React.createElement("h3", null, "Labels"), /*#__PURE__*/React.createElement("a", null, "Manage Labels")), /*#__PURE__*/React.createElement(_.BmAccordion.Body, null, /*#__PURE__*/React.createElement(_.BmChatLabels, null, /*#__PURE__*/React.createElement("h4", null, "Added labels"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_.BmTag, {
+  }, /*#__PURE__*/_react.default.createElement(_.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Labels"), /*#__PURE__*/_react.default.createElement("a", null, "Manage Labels")), /*#__PURE__*/_react.default.createElement(_.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_.BmChatLabels, null, /*#__PURE__*/_react.default.createElement("h4", null, "Added labels"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.BmTag, {
     variant: "success"
-  }, /*#__PURE__*/React.createElement("p", null, "label")), /*#__PURE__*/React.createElement(_.BmTag, {
+  }, /*#__PURE__*/_react.default.createElement("p", null, "label")), /*#__PURE__*/_react.default.createElement(_.BmTag, {
     variant: "warning"
-  }, /*#__PURE__*/React.createElement("p", null, "label")), /*#__PURE__*/React.createElement(_.BmTag, {
+  }, /*#__PURE__*/_react.default.createElement("p", null, "label")), /*#__PURE__*/_react.default.createElement(_.BmTag, {
     variant: "error"
-  }, /*#__PURE__*/React.createElement("p", null, "label"))))))));
+  }, /*#__PURE__*/_react.default.createElement("p", null, "label"))))))));
 };
 
 exports.LabelAccordion = LabelAccordion;

package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.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
 });
@@ -9,15 +11,15 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _colors = require("../../colors");
 
-var _templateObject, _templateObject2, _templateObject3;
-
-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 BmChatNotes = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0rem 0.5rem;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])));
+var BmChatNotes = _styledComponents.default.div.withConfig({
+  displayName: "NoteAccordion__BmChatNotes"
+})(["display:flex;flex-direction:column;padding:0rem 0.5rem;> *:not(:last-child){margin-bottom:0.5rem;}"]);
 
-BmChatNotes.Input = _styledComponents.default.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1rem 1.5rem;\n  display: flex;\n  flex-grow: 1;\n  background: ", ";\n  border: none !important;\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    outline: none !important;\n    text-decoration: none !important;\n  }\n  width: 100%;\n"])), _colors.BmGrey100);
-BmChatNotes.Details = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem 1rem;\n  border: 1px solid ", ";\n  border-radius: 0.25rem;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n\n  > * {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n"])), _colors.BmGrey200);
+BmChatNotes.Input = _styledComponents.default.input.withConfig({
+  displayName: "NoteAccordion__Input"
+})(["padding:1rem 1.5rem;display:flex;flex-grow:1;background:", ";border:none !important;&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none !important;}width:100%;"], _colors.BmGrey100);
+BmChatNotes.Details = _styledComponents.default.div.withConfig({
+  displayName: "NoteAccordion__Details"
+})(["display:flex;flex-direction:column;padding:0.5rem 1rem;border:1px solid ", ";border-radius:0.25rem;> *:not(:last-child){margin-bottom:0.5rem;}> *{display:flex;flex-direction:row;justify-content:space-between;}"], _colors.BmGrey200);
 var _default = BmChatNotes;
 exports.default = _default;

package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js

@@ -1,43 +1,45 @@
 "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.NoteAccordion = void 0;
 
-var _ = require("../..");
+var _react = _interopRequireDefault(require("react"));
 
 var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
 
 var _icons = require("@material-ui/icons");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _ = require("../..");
 
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _.BmChatLabels,
-  title: "components/Chat/Components/NoteAccordion"
+  title: 'components/Chat/Components/NoteAccordion'
 };
 exports.default = _default;
 
 var NoteAccordion = function NoteAccordion() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: "30%"
+      width: '30%'
     }
-  }, /*#__PURE__*/React.createElement(_.BmAccordion, null, /*#__PURE__*/React.createElement(_.BmAccordion.Title, null, /*#__PURE__*/React.createElement("h3", null, "Notes")), /*#__PURE__*/React.createElement(_.BmAccordion.Body, null, /*#__PURE__*/React.createElement(_.BmChatNotes, null, /*#__PURE__*/React.createElement(_.BmChatNotes.Input, {
+  }, /*#__PURE__*/_react.default.createElement(_.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Notes")), /*#__PURE__*/_react.default.createElement(_.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_.BmChatNotes, null, /*#__PURE__*/_react.default.createElement(_.BmChatNotes.Input, {
     type: "text",
     placeholder: "Add Note"
-  }), /*#__PURE__*/React.createElement(_.BmChatNotes.Details, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Description")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_.BmIcons, {
-    icon: /*#__PURE__*/React.createElement(_icons.Edit, null),
+  }), /*#__PURE__*/_react.default.createElement(_.BmChatNotes.Details, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Description")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.Edit, null),
     size: "xsmall"
-  }), /*#__PURE__*/React.createElement(_.BmIcons, {
-    icon: /*#__PURE__*/React.createElement(_ContentCopy.default, null),
+  }), /*#__PURE__*/_react.default.createElement(_.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_ContentCopy.default, null),
     size: "xsmall"
-  }), /*#__PURE__*/React.createElement(_.BmIcons, {
-    icon: /*#__PURE__*/React.createElement(_icons.Delete, null),
+  }), /*#__PURE__*/_react.default.createElement(_.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.Delete, null),
     size: "xsmall"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("i", null, "By User")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("i", null, "12:00pm")))))))));
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", null, "By User")), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", null, "12:00pm")))))))));
 };
 
 exports.NoteAccordion = NoteAccordion;

package/dist/components/Chats/chat.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.FileIcons = exports.BmUserChat = exports.BmImageWrapper = exports.BmImageFileName = exports.BmImageChat = exports.BmImage = exports.BmFileWrapper = exports.BmFileText = exports.BmFileChat = exports.BmDisplayTime = exports.BmDisplay = exports.BmChatWrapper = exports.BmChatText = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _icons = require("@material-ui/icons");
 
 var _react = _interopRequireDefault(require("react"));
@@ -19,19 +23,9 @@ var _excluded = ["children", "displayTime", "type", "size", "color", "status"],
     _excluded2 = ["children", "displayTime", "type"],
     _excluded3 = ["children", "displayTime", "type"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-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 BmChatWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 1.143rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem 0.21875rem 0.21875rem 0rem;\n  max-width: 50%;\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  margin: 0rem;\n"])), function (_ref) {
+var BmChatWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chat__BmChatWrapper"
+})(["display:flex;flex-direction:row;align-items:center;padding:1.143rem;background:", ";border:0.071rem solid ", ";border-radius:0.25rem 0.21875rem 0.21875rem 0rem;max-width:50%;overflow-wrap:break-word !important;word-wrap:break-word !important;margin:0rem;"], function (_ref) {
   var type = _ref.type;
 
   if (type) {
@@ -44,7 +38,9 @@ var BmChatWrapper = _styledComponents.default.div(_templateObject || (_templateO
 
 exports.BmChatWrapper = BmChatWrapper;
 
-var BmChatText = _styledComponents.default.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  max-width: 100%;\n  color: ", ";\n"])), function (_ref2) {
+var BmChatText = _styledComponents.default.p.withConfig({
+  displayName: "chat__BmChatText"
+})(["overflow-wrap:break-word;word-wrap:break-word;max-width:100%;color:", ";"], function (_ref2) {
   var type = _ref2.type;
 
   if (type) {
@@ -57,11 +53,15 @@ var BmChatText = _styledComponents.default.p(_templateObject2 || (_templateObjec
 
 exports.BmChatText = BmChatText;
 
-var BmDisplayTime = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding-top: 0.571rem !important;\n  padding-bottom: 1.143rem;\n"])), _colors.BmPrimaryBlack);
+var BmDisplayTime = _styledComponents.default.p.withConfig({
+  displayName: "chat__BmDisplayTime"
+})(["color:", ";padding-top:0.571rem !important;padding-bottom:1.143rem;"], _colors.BmPrimaryBlack);
 
 exports.BmDisplayTime = BmDisplayTime;
 
-var BmDisplay = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  ", " {\n    margin-left: 0.5rem;\n  }\n"])), BmDisplayTime);
+var BmDisplay = _styledComponents.default.div.withConfig({
+  displayName: "chat__BmDisplay"
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;", "{margin-left:0.5rem;}"], BmDisplayTime);
 
 exports.BmDisplay = BmDisplay;
 
@@ -72,11 +72,10 @@ var BmUserChat = function BmUserChat(_ref3) {
       size = _ref3.size,
       color = _ref3.color,
       status = _ref3.status,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmChatWrapper, _extends({}, rest, {
+      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmChatWrapper, Object.assign({}, rest, {
     type: type
-  }), /*#__PURE__*/_react.default.createElement(BmChatText, _extends({}, rest, {
+  }), /*#__PURE__*/_react.default.createElement(BmChatText, Object.assign({}, rest, {
     type: type
   }), children)), /*#__PURE__*/_react.default.createElement(BmDisplay, null, type === "outbound" && status === "sent" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.DoneAll, null),
@@ -92,7 +91,9 @@ var BmUserChat = function BmUserChat(_ref3) {
 
 exports.BmUserChat = BmUserChat;
 
-var BmFileWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 1.143rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 3.357rem 3.357rem 3.357rem 0rem;\n  max-width: 50%;\n  align-items: center;\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  margin: 0rem;\n"])), function (_ref4) {
+var BmFileWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chat__BmFileWrapper"
+})(["display:flex;flex-direction:row;align-items:center;padding:1.143rem;background:", ";border:0.071rem solid ", ";border-radius:3.357rem 3.357rem 3.357rem 0rem;max-width:50%;align-items:center;overflow-wrap:break-word !important;word-wrap:break-word !important;margin:0rem;"], function (_ref4) {
   var type = _ref4.type;
 
   if (type) {
@@ -105,7 +106,9 @@ var BmFileWrapper = _styledComponents.default.div(_templateObject5 || (_template
 
 exports.BmFileWrapper = BmFileWrapper;
 
-var BmFileText = _styledComponents.default.p(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  max-width: 100%;\n  color: ", ";\n  margin: 0rem 1rem 0rem 0.5rem;\n  flex-grow: 1;\n"])), function (_ref5) {
+var BmFileText = _styledComponents.default.p.withConfig({
+  displayName: "chat__BmFileText"
+})(["overflow-wrap:break-word;word-wrap:break-word;max-width:100%;color:", ";margin:0rem 1rem 0rem 0.5rem;flex-grow:1;"], function (_ref5) {
   var type = _ref5.type;
 
   if (type) {
@@ -117,7 +120,9 @@ var BmFileText = _styledComponents.default.p(_templateObject6 || (_templateObjec
 });
 
 exports.BmFileText = BmFileText;
-var FileIcons = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref6) {
+var FileIcons = (0, _styledComponents.default)(_iconStyles.BmIcons).withConfig({
+  displayName: "chat__FileIcons"
+})(["color:", ";"], function (_ref6) {
   var type = _ref6.type;
 
   if (type) {
@@ -133,9 +138,8 @@ var BmFileChat = function BmFileChat(_ref7) {
   var children = _ref7.children,
       displayTime = _ref7.displayTime,
       type = _ref7.type,
-      rest = _objectWithoutProperties(_ref7, _excluded2);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmFileWrapper, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmFileWrapper, Object.assign({
     type: type
   }, rest), /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.AttachFile, null),
@@ -150,25 +154,30 @@ var BmFileChat = function BmFileChat(_ref7) {
 
 exports.BmFileChat = BmFileChat;
 
-var BmImageWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem 0.21875rem 0rem 0.21875rem;\n  display: flex;\n  flex-direction: column;\n  max-width: 50%;\n  max-height: 50%;\n"])), _colors.BmGrey100, _colors.BmGrey400);
+var BmImageWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chat__BmImageWrapper"
+})(["background:", ";border:0.071rem solid ", ";border-radius:0.25rem 0.21875rem 0rem 0.21875rem;display:flex;flex-direction:column;max-width:50%;max-height:50%;"], _colors.BmGrey100, _colors.BmGrey400);
 
 exports.BmImageWrapper = BmImageWrapper;
 
-var BmImage = _styledComponents.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  object-fit: cover;\n  flex-grow: 1;\n"])), ""
+var BmImage = _styledComponents.default.img.withConfig({
+  displayName: "chat__BmImage"
+})(["width:100%;", " object-fit:cover;flex-grow:1;"], ""
 /* height: 100%; */
 );
 
 exports.BmImage = BmImage;
-var BmImageFileName = (0, _styledComponents.default)(BmFileChat)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0.5rem 1rem;\n  max-width: 100%;\n  border: none;\n  border-top: 0.071rem solid ", ";\n  border-radius: 0rem;\n  display: flex;\n"])), _colors.BmSecondaryGrey);
+var BmImageFileName = (0, _styledComponents.default)(BmFileChat).withConfig({
+  displayName: "chat__BmImageFileName"
+})(["padding:0.5rem 1rem;max-width:100%;border:none;border-top:0.071rem solid ", ";border-radius:0rem;display:flex;"], _colors.BmSecondaryGrey);
 exports.BmImageFileName = BmImageFileName;
 
 var BmImageChat = function BmImageChat(_ref8) {
   var children = _ref8.children,
       displayTime = _ref8.displayTime,
       type = _ref8.type,
-      rest = _objectWithoutProperties(_ref8, _excluded3);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmImageWrapper, _extends({}, rest, {
+      rest = (0, _objectWithoutProperties2.default)(_ref8, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmImageWrapper, Object.assign({}, rest, {
     type: type
   }), children), displayTime && /*#__PURE__*/_react.default.createElement(BmDisplayTime, rest, displayTime));
 };

package/dist/components/Chats/chatInput.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
 });
@@ -17,37 +19,39 @@ var _icons = require("@material-ui/icons");
 
 var _input = require("../input");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // Main wrapper
-var BmMessageTab = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  ", "\n  background: ", ";\n  padding: 0.786rem 1.786rem !important;\n"])), ''
+var BmMessageTab = _styledComponents.default.div.withConfig({
+  displayName: "chatInput__BmMessageTab"
+})(["display:flex;flex-direction:row;justify-content:center;align-items:center;", " background:", ";padding:0.786rem 1.786rem !important;"], ''
 /* height: 15%; */
 , _colors.BmGrey50);
 
 exports.BmMessageTab = BmMessageTab;
-var BmMessageTabInput = (0, _styledComponents.default)(_input.BmInputField)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  flex-grow: 1;\n  padding: 0rem !important;\n  border: none !important;\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    outline: none !important;\n    text-decoration: none !important;\n  }\n  max-width: 100%;\n"])), _colors.BmSecondaryGrey);
+var BmMessageTabInput = (0, _styledComponents.default)(_input.BmInputField).withConfig({
+  displayName: "chatInput__BmMessageTabInput"
+})(["color:", ";flex-grow:1;padding:0rem !important;border:none !important;&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none !important;}max-width:100%;"], _colors.BmSecondaryGrey);
 exports.BmMessageTabInput = BmMessageTabInput;
 
-var BmSendIconWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-left: 1.429rem;\n"])));
+var BmSendIconWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chatInput__BmSendIconWrapper"
+})(["padding-left:1.429rem;"]);
 
 exports.BmSendIconWrapper = BmSendIconWrapper;
 
 var BmSend = function BmSend(props) {
-  return /*#__PURE__*/_react.default.createElement(BmSendIconWrapper, null, /*#__PURE__*/_react.default.createElement(_iconStyles.BmEmojiIcon, _extends({
+  return /*#__PURE__*/_react.default.createElement(BmSendIconWrapper, null, /*#__PURE__*/_react.default.createElement(_iconStyles.BmEmojiIcon, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_icons.Send, null)
   }, props)));
 }; // Div for attachments
 
 
 exports.BmSend = BmSend;
-var BmAttachment = (0, _styledComponents.default)("div")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: center;\n  padding-right: 1.143rem !important;\n"]))); // Div for message input
+var BmAttachment = (0, _styledComponents.default)("div").withConfig({
+  displayName: "chatInput__BmAttachment"
+})(["justify-content:center;padding-right:1.143rem !important;"]); // Div for message input
 
 exports.BmAttachment = BmAttachment;
-var BmMessage = (0, _styledComponents.default)("div")(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0.714rem 1.143rem !important;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  box-sizing: border-box;\n  border-radius: 0.25rem;\n  flex-grow: 1;\n  max-width: 75%;\n"])), _colors.BmPrimaryWhite, _colors.BmGrey400);
+var BmMessage = (0, _styledComponents.default)("div").withConfig({
+  displayName: "chatInput__BmMessage"
+})(["display:flex;flex-direction:row;align-items:center;padding:0.714rem 1.143rem !important;background:", ";border:0.071rem solid ", ";box-sizing:border-box;border-radius:0.25rem;flex-grow:1;max-width:75%;"], _colors.BmPrimaryWhite, _colors.BmGrey400);
 exports.BmMessage = BmMessage;

package/dist/components/Chats/chatwrapper.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
 });
@@ -9,42 +11,48 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _colors = require("../colors");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-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) } })); }
-
 // Main wrapper
-var Main = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-item: center;\n  ", "\n  max-height: calc(100vh - 12.857rem);\n  height: calc(100vh - 12.857rem);\n  max-width: 100%;\n  width: 100%;\n"])), ''
+var Main = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__Main"
+})(["display:flex;flex-direction:row;align-item:center;", " max-height:calc(100vh - 12.857rem);height:calc(100vh - 12.857rem);max-width:100%;width:100%;"], ''
 /* justify-content: space-between; */
 ); // Main Chat Wrapper
 
 
 exports.Main = Main;
 
-var BmChat = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  ", "\n  border-top: 0.0625rem solid ", ";\n  border-bottom: 0.0625rem solid ", ";\n  max-width: 70%;\n  width: 70%;\n  max-height: 100%;\n  height: 100%;\n"])), _colors.BmBgGreyBlue, ''
+var BmChat = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__BmChat"
+})(["background:", ";display:flex;flex-direction:column;", " border-top:0.0625rem solid ", ";border-bottom:0.0625rem solid ", ";max-width:70%;width:70%;max-height:100%;height:100%;"], _colors.BmBgGreyBlue, ''
 /* flex-grow: 1; */
 , _colors.BmGrey400, _colors.BmGrey400);
 
 exports.BmChat = BmChat;
 
-var BmChatMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 1.5rem !important;\n  flex-grow: 1;\n  height: 100%;\n  max-height: 100%;\n  overflow: auto;\n  flex-direction: column-reverse;\n  ", "\n"])), ''
+var BmChatMenu = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__BmChatMenu"
+})(["display:flex;padding:1.5rem !important;flex-grow:1;height:100%;max-height:100%;overflow:auto;flex-direction:column-reverse;", ""], ''
 /* border: 0.714rem solid yellow; */
 ); // Incoming message
 
 
 exports.BmChatMenu = BmChatMenu;
 
-var MessageIn = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  padding: 0.5rem 0rem !important;\n"]))); // Outgoing message
+var MessageIn = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MessageIn"
+})(["display:flex;align-items:flex-start;flex-direction:column;padding:0.5rem 0rem !important;"]); // Outgoing message
 
 
 exports.MessageIn = MessageIn;
 
-var MessageOut = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  padding: 0.5rem 0rem !important;\n"])));
+var MessageOut = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MessageOut"
+})(["display:flex;align-items:flex-end;flex-direction:column;padding:0.5rem 0rem !important;"]);
 
 exports.MessageOut = MessageOut;
 
-var MainWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 2.1875rem;\n  background-color: ", ";\n"])), _colors.BmBgGreyBlue);
+var MainWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MainWrapper"
+})(["padding:2.1875rem;background-color:", ";"], _colors.BmBgGreyBlue);
 
 exports.MainWrapper = MainWrapper;