beem-component 1.7.9 → 1.8.0

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

@@ -4,30 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 active = _ref.active;
   return active && "    \n    background: ".concat(_colors.BmSecondaryBlue12, ";\n  ");
 });
-
 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"])), ''
-/* TODO */
-, ''
-/* > :last-child {
-margin-left: auto;
-} */
-);
+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"])), '' /* TODO */, '' /* > :last-child {
+                                                                                                                                                                                                                                                                                                                                                                            margin-left: auto;
+                                                                                                                                                                                                                                                                                                                                                                            } */);
 var _default = BmContactCard;
 exports.default = _default;

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ContactCard = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _contactCards = _interopRequireDefault(require("./contactCards"));
-
 var _avatars = _interopRequireDefault(require("../../Avatars/avatars"));
-
 var _messageCounter = _interopRequireDefault(require("../../MessageCounter/messageCounter"));
-
 var _tags = require("../../Tags/tags");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: {
@@ -28,7 +21,6 @@ var _default = {
   title: 'components/Chat/Components/ContactCard'
 };
 exports.default = _default;
-
 var ContactCard = function ContactCard() {
   return /*#__PURE__*/_react.default.createElement(_contactCards.default, null, /*#__PURE__*/_react.default.createElement(_contactCards.default.Profile, null, /*#__PURE__*/_react.default.createElement(_avatars.default, {
     user: "chatbot",
@@ -37,5 +29,4 @@ var ContactCard = function ContactCard() {
     variant: "success"
   }, "label"), /*#__PURE__*/_react.default.createElement("p", null, "10:00 am"))));
 };
-
 exports.ContactCard = ContactCard;

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"])));
-
 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"])));

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

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormAccordion = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _.BmChatForm,
   title: 'components/Chat/Components/FormAccordion'
 };
 exports.default = _default;
-
 var FormAccordion = function FormAccordion() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -29,5 +24,4 @@ var FormAccordion = function FormAccordion() {
     placeholder: "Enter here"
   })))))));
 };
-
 exports.FormAccordion = FormAccordion;

package/dist/components/ChatComponents/InfoTab/infoTab.js

@@ -4,18 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"])), ''
-/* border: 0.071rem solid ${BmGrey400}; */
-);
+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"])), '' /* 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"])));

package/dist/components/ChatComponents/InfoTab/infoTab.stories.js

@@ -4,26 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _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'
 };
 exports.default = _default;
-
 var InfoTab = function InfoTab() {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -43,5 +35,4 @@ var InfoTab = function InfoTab() {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Phone, null)
   }), /*#__PURE__*/_react.default.createElement("h4", null, "Call")))));
 };
-
 exports.InfoTab = InfoTab;

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

@@ -4,16 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _default = BmChatLabels;
 exports.default = _default;

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LabelAccordion = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/anchor-is-valid */
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
@@ -18,7 +14,6 @@ var _default = {
   title: 'components/Chat/Components/LabelAccordion'
 };
 exports.default = _default;
-
 var LabelAccordion = function LabelAccordion() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -32,5 +27,4 @@ var LabelAccordion = function LabelAccordion() {
     variant: "error"
   }, /*#__PURE__*/_react.default.createElement("p", null, "label"))))))));
 };
-
 exports.LabelAccordion = LabelAccordion;

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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"])));
-
 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);
 var _default = BmChatNotes;

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

@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NoteAccordion = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
-
 var _icons = require("@material-ui/icons");
-
 var _ = require("../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line import/no-anonymous-default-export
 var _default = {
   component: _.BmChatLabels,
   title: 'components/Chat/Components/NoteAccordion'
 };
 exports.default = _default;
-
 var NoteAccordion = function NoteAccordion() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -41,5 +34,4 @@ var NoteAccordion = function NoteAccordion() {
     size: "xsmall"
   })), /*#__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

@@ -4,76 +4,50 @@ 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 _icons = require("@material-ui/icons");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("../colors");
-
 var _iconStyles = require("../iconStyles");
-
 var _excluded = ["children", "displayTime", "type", "size", "color", "status"],
-    _excluded2 = ["children", "displayTime", "type"],
-    _excluded3 = ["children", "displayTime", "type"];
-
+  _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 type = _ref.type;
-
   if (type) {
     if (type === "inbound") return "".concat(_colors.BmPrimaryWhite);
     if (type === "outbound") return "".concat(_colors.BmPrimaryBlue);
   }
-
   return "".concat(_colors.BmPrimaryWhite);
 }, _colors.BmGrey400);
-
 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 type = _ref2.type;
-
   if (type) {
     if (type === "inbound") return "".concat(_colors.BmPrimaryBlack);
     if (type === "outbound") return "".concat(_colors.BmPrimaryWhite);
   }
-
   return "".concat(_colors.BmPrimaryBlack);
 });
-
 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);
-
 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);
-
 exports.BmDisplay = BmDisplay;
-
 var BmUserChat = function BmUserChat(_ref3) {
   var children = _ref3.children,
-      displayTime = _ref3.displayTime,
-      type = _ref3.type,
-      size = _ref3.size,
-      color = _ref3.color,
-      status = _ref3.status,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
+    displayTime = _ref3.displayTime,
+    type = _ref3.type,
+    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, {
     type: type
   }), /*#__PURE__*/_react.default.createElement(BmChatText, _extends({}, rest, {
@@ -87,54 +61,42 @@ var BmUserChat = function BmUserChat(_ref3) {
     size: size || "small",
     color: color || "".concat(_colors.BmPrimaryBlack)
   }), displayTime && /*#__PURE__*/_react.default.createElement(BmDisplayTime, rest, displayTime)));
-}; //File Attachments
-
+};
 
+//File Attachments
 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 type = _ref4.type;
-
   if (type) {
     if (type === "inbound") return "".concat(_colors.BmPrimaryWhite);
     if (type === "outbound") return "".concat(_colors.BmPrimaryBlue);
   }
-
   return "".concat(_colors.BmPrimaryWhite);
 }, _colors.BmGrey400);
-
 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 type = _ref5.type;
-
   if (type) {
     if (type === "inbound") return "".concat(_colors.BmPrimaryBlue);
     if (type === "outbound") return "".concat(_colors.BmPrimaryWhite);
   }
-
   return "".concat(_colors.BmPrimaryBlue);
 });
-
 exports.BmFileText = BmFileText;
 var FileIcons = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref6) {
   var type = _ref6.type;
-
   if (type) {
     if (type === "inbound") return "".concat(_colors.BmPrimaryBlack);
     if (type === "outbound") return "".concat(_colors.BmPrimaryWhite);
   }
-
   return "".concat(_colors.BmPrimaryBlack);
 });
 exports.FileIcons = FileIcons;
-
 var BmFileChat = function BmFileChat(_ref7) {
   var children = _ref7.children,
-      displayTime = _ref7.displayTime,
-      type = _ref7.type,
-      rest = _objectWithoutProperties(_ref7, _excluded2);
-
+    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({
     type: type
   }, rest), /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
@@ -147,30 +109,20 @@ var BmFileChat = function BmFileChat(_ref7) {
     color: type === "outbound" ? "".concat(_colors.BmPrimaryWhite) : "".concat(_colors.BmSecondaryGrey)
   })), displayTime && /*#__PURE__*/_react.default.createElement(BmDisplayTime, rest, displayTime));
 };
-
 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);
-
 exports.BmImageWrapper = BmImageWrapper;
-
-var BmImage = _styledComponents.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  object-fit: cover;\n  flex-grow: 1;\n"])), ""
-/* height: 100%; */
-);
-
+var BmImage = _styledComponents.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n  object-fit: cover;\n  flex-grow: 1;\n"])), "" /* 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);
 exports.BmImageFileName = BmImageFileName;
-
 var BmImageChat = function BmImageChat(_ref8) {
   var children = _ref8.children,
-      displayTime = _ref8.displayTime,
-      type = _ref8.type,
-      rest = _objectWithoutProperties(_ref8, _excluded3);
-
+    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, {
     type: type
   }), children), displayTime && /*#__PURE__*/_react.default.createElement(BmDisplayTime, rest, displayTime));
 };
-
 exports.BmImageChat = BmImageChat;

package/dist/components/Chats/chatInput.js

@@ -4,50 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmSendIconWrapper = exports.BmSend = exports.BmMessageTabInput = exports.BmMessageTab = exports.BmMessage = exports.BmAttachment = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("../colors");
-
 var _iconStyles = require("../iconStyles");
-
 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"])), ''
-/* height: 15%; */
-, _colors.BmGrey50);
-
+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"])), '' /* 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);
 exports.BmMessageTabInput = BmMessageTabInput;
-
 var BmSendIconWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-left: 1.429rem;\n"])));
-
 exports.BmSendIconWrapper = BmSendIconWrapper;
-
 var BmSend = function BmSend(props) {
   return /*#__PURE__*/_react.default.createElement(BmSendIconWrapper, null, /*#__PURE__*/_react.default.createElement(_iconStyles.BmEmojiIcon, _extends({
     icon: /*#__PURE__*/_react.default.createElement(_icons.Send, null)
   }, props)));
-}; // Div for attachments
-
+};
 
+// 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")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: center;\n  padding-right: 1.143rem !important;\n"])));
 
+// 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);
 exports.BmMessage = BmMessage;

package/dist/components/Chats/chatwrapper.js

@@ -4,47 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageOut = exports.MessageIn = exports.MainWrapper = exports.Main = exports.BmChatMenu = exports.BmChat = void 0;
-
 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"])), ''
-/* justify-content: space-between; */
-); // Main Chat 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"])), '' /* 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, ''
-/* flex-grow: 1; */
-, _colors.BmGrey400, _colors.BmGrey400);
-
+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, '' /* 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"])), '' /* border: 0.714rem solid yellow; */);
 
-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"])), ''
-/* border: 0.714rem solid yellow; */
-); // Incoming message
-
-
+// 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"])));
 
-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
-
-
+// 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"])));
-
 exports.MessageOut = MessageOut;
-
 var MainWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 2.1875rem;\n  background-color: ", ";\n"])), _colors.BmBgGreyBlue);
-
 exports.MainWrapper = MainWrapper;

package/dist/components/Checkbox/checkboxToggler.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmCheckboxToggle = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 CheckBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n"])));
-
 var CheckBoxLabel = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 3rem;\n  height: 1.25rem;\n  border-radius: 1.25rem;\n  background: ", ";\n  cursor: pointer;\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 100%;\n    width: 1.75rem;\n    height: 1.75rem;\n    background: ", ";\n    transition: 0.2s;\n  }\n"])), function (props) {
   return props.disabled ? _colors.BmGrey400 : _colors.BmBgGrey38;
 }, _colors.BmGrey200);
-
 var Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  position: relative;\n"])));
-
 var CheckBox = _styledComponents.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  opacity: 0;\n  z-index: 1;\n    ", "\n  }\n"])), function (_ref) {
   var checked = _ref.checked,
-      disabled = _ref.disabled;
+    disabled = _ref.disabled;
   return !disabled && checked !== undefined && checked === true && "\n      &:checked + ".concat(CheckBoxLabel, " {\n        background: ").concat(_colors.BmSecondaryDarkGreen, ";\n        &::after {\n          content: '';\n          display: block;\n          width: 1.75rem;\n          height: 1.75rem;\n          margin-left: 1.25rem;\n          transition: 0.2s;\n        }  ");
 });
-
 var BmCheckboxToggle = function BmCheckboxToggle(_ref2) {
   var checked = _ref2.checked,
-      _onChange = _ref2.onChange,
-      disabled = _ref2.disabled,
-      label = _ref2.label,
-      hidden = _ref2.hidden;
+    _onChange = _ref2.onChange,
+    disabled = _ref2.disabled,
+    label = _ref2.label,
+    hidden = _ref2.hidden;
   return /*#__PURE__*/_react.default.createElement(CheckBoxWrapper, null, hidden ? null : /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: label,
     disabled: disabled
@@ -56,7 +44,6 @@ var BmCheckboxToggle = function BmCheckboxToggle(_ref2) {
     disabled: disabled
   }));
 };
-
 exports.BmCheckboxToggle = BmCheckboxToggle;
 BmCheckboxToggle.propTypes = {
   checked: _propTypes.default.bool.isRequired,