beem-component 2.0.27 → 2.1.0

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

@@ -13,15 +13,14 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
 // TODO: ADD DESCRIPTION
-var _default = {
+var _default = exports.default = {
   component: _chatBody.default,
   title: 'components/Chat/MainChat/ChatBody'
 };
-exports.default = _default;
-var ChatBody = function ChatBody() {
+const ChatBody = () => {
   return /*#__PURE__*/_react.default.createElement(_chatBody.default, null, /*#__PURE__*/_react.default.createElement(_chatBody.default.Body, null, /*#__PURE__*/_react.default.createElement(_chatBody.default.Details, {
     state: "outbound",
     session: "sms",
@@ -139,7 +138,7 @@ var ChatBody = function ChatBody() {
     fileName: /*#__PURE__*/_react.default.createElement("p", null, "file.csv"),
     file: _chartImg.default,
     link: _chartImg.default,
-    onDownload: function onDownload() {
+    onDownload: () => {
       alert('hello');
     }
   }), /*#__PURE__*/_react.default.createElement(_chatBody.default.Details, {

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

@@ -7,17 +7,19 @@ exports.SessionDetails = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-var _excluded = ["message", "time"];
-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; }
-var SessionDetailsWrapper = _styledComponents.default.div.withConfig({
+const _excluded = ["message", "time"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const 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,
+const SessionDetails = _ref => {
+  let {
+      message,
+      time
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(SessionDetailsWrapper, _extends({
     time: time,

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

@@ -7,21 +7,23 @@ exports.SessionTimeline = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-var _excluded = ["message", "time"];
-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; }
-var SessionTimelineWrapper = _styledComponents.default.div.withConfig({
+const _excluded = ["message", "time"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const SessionTimelineWrapper = _styledComponents.default.div.withConfig({
   displayName: "sessionTimeline__SessionTimelineWrapper"
 })(["display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;margin-bottom:0.5rem;margin-top:0.5rem;"]);
-var container = _styledComponents.default.div.withConfig({
+const container = _styledComponents.default.div.withConfig({
   displayName: "sessionTimeline__container"
 })(["border-radius:0.714rem 0.714rem 0.714rem 0.714rem;border:0.071rem solid ", ";padding:0.5rem;background-color:", ";"], _colors.BmBgGreyBlue, _colors.BmSecondaryBlue12);
 SessionTimelineWrapper.Container = container;
-var SessionTimeline = function SessionTimeline(_ref) {
-  var message = _ref.message,
-    time = _ref.time,
+const SessionTimeline = _ref => {
+  let {
+      message,
+      time
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(SessionTimelineWrapper, _extends({
     message: message

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BmChatHeader = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { BmGrey400 } from "../colors";
 
-var BmChatHeader = _styledComponents.default.div.withConfig({
+const BmChatHeader = exports.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}; */);
-exports.BmChatHeader = 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

@@ -7,14 +7,13 @@ exports.default = exports.ChatHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _buttons = require("../../Buttons/buttons");
 var _chatHeader = require("./chatHeader");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: _chatHeader.BmChatHeader,
   title: 'components/Chat/MainChat/ChatHeader'
 };
-exports.default = _default;
-var ChatHeader = function ChatHeader() {
+const ChatHeader = () => {
   return /*#__PURE__*/_react.default.createElement(_chatHeader.BmChatHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, "Contact Name"), /*#__PURE__*/_react.default.createElement("p", null, "Last seen: 00:00"), /*#__PURE__*/_react.default.createElement("div", {
     className: "chat-header-buttons"
   }, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {

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

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BmColorPicker = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmColorPicker = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BmColorPicker = exports.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';
-});
-exports.BmColorPicker = BmColorPicker;
+})(["width:1.429rem;height:1.429rem;border-radius:50%;background:", ";> *:not(:last-child){margin-right:0.5rem;}"], props => props.color ? props.color : 'green');

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

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ColorPicker = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _colorPicker = require("./colorPicker");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line import/no-anonymous-default-export
-var _default = {
+var _default = exports.default = {
   component: _colorPicker.BmColorPicker,
   title: 'components/Chat/Components/ColorPicker'
 };
-exports.default = _default;
-var ColorPicker = function ColorPicker() {
-  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
-    });
-  }));
+const ColorPicker = () => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['#33b1ba', '#000000', '#F62E48', '#8CC63F'].map(color => /*#__PURE__*/_react.default.createElement(_colorPicker.BmColorPicker, {
+    key: color,
+    color: color
+  })));
 };
 exports.ColorPicker = ColorPicker;

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

@@ -7,47 +7,53 @@ exports.BmContactCheckbox = exports.BmContactCard = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireDefault(require("react"));
 var _colors = require("../../colors");
-var _excluded = ["className", "checked", "label", "value", "disabled", "onChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
+const _excluded = ["className", "checked", "label", "value", "disabled", "onChange"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /* eslint-disable jsx-a11y/label-has-associated-control */
 
-var HiddenCheckbox = _styledComponents.default.input.attrs({
+const HiddenCheckbox = _styledComponents.default.input.attrs({
   type: 'checkbox'
 }).withConfig({
   displayName: "contactCards__HiddenCheckbox"
 })(["display:flex;border:0;height:0.071rem;margin:-0.071rem;overflow:hidden;padding:0;white-space:nowrap;width:0.071rem;display:none;"]);
-var Icon = _styledComponents.default.svg.withConfig({
+const Icon = _styledComponents.default.svg.withConfig({
   displayName: "contactCards__Icon"
 })(["fill:none;stroke:#2b969e;stroke-width:0.143rem;"]);
-var StyledCheckbox = _styledComponents.default.div.withConfig({
+const StyledCheckbox = _styledComponents.default.div.withConfig({
   displayName: "contactCards__StyledCheckbox"
-})(["display:flex;width:1.143rem;height:1.143rem;background:", ";border-radius:0.343rem;transition:all 150ms;border:0.091rem solid ", ";", "{visibility:", ";}"], function (_ref) {
-  var checked = _ref.checked;
+})(["display:flex;width:1.143rem;height:1.143rem;background:", ";border-radius:0.343rem;transition:all 150ms;border:0.091rem solid ", ";", "{visibility:", ";}"], _ref => {
+  let {
+    checked
+  } = _ref;
   return checked ? '#d1f0f2' : "".concat(_colors.BmPrimaryWhite);
-}, function (_ref2) {
-  var checked = _ref2.checked;
+}, _ref2 => {
+  let {
+    checked
+  } = _ref2;
   if (checked) return "".concat(_colors.BmPrimaryBlue);
   return "".concat(_colors.BmGrey400);
-}, Icon, function (props) {
-  return props.checked ? 'visible' : 'hidden';
-});
-var CheckboxContainer = _styledComponents.default.div.withConfig({
+}, Icon, props => props.checked ? 'visible' : 'hidden');
+const CheckboxContainer = _styledComponents.default.div.withConfig({
   displayName: "contactCards__CheckboxContainer"
-})(["display:", ";"], function (_ref3) {
-  var isVisible = _ref3.isVisible;
+})(["display:", ";"], _ref3 => {
+  let {
+    isVisible
+  } = _ref3;
   return isVisible ? 'block' : 'none';
 });
-var BmContactCheckbox = function BmContactCheckbox(_ref4) {
-  var className = _ref4.className,
-    checked = _ref4.checked,
-    label = _ref4.label,
-    value = _ref4.value,
-    disabled = _ref4.disabled,
-    onChange = _ref4.onChange,
+const BmContactCheckbox = _ref4 => {
+  let {
+      className,
+      checked,
+      label,
+      value,
+      disabled,
+      onChange
+    } = _ref4,
     props = _objectWithoutProperties(_ref4, _excluded);
-  var handleChange = function handleChange(event) {
+  const handleChange = event => {
     if (onChange) {
       onChange(event);
     }
@@ -67,16 +73,19 @@ var BmContactCheckbox = function BmContactCheckbox(_ref4) {
   })))));
 };
 exports.BmContactCheckbox = BmContactCheckbox;
-var BmContactCard = _styledComponents.default.div.withConfig({
+const BmContactCard = exports.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:", ";", "{display:block;}}background:", ";", " cursor:pointer;padding:1rem 1.5rem;border-bottom:0.0357rem solid #f2f4f7;"], _colors.BmSecondaryBlue12, CheckboxContainer, function (_ref5) {
-  var isVisible = _ref5.isVisible;
+})(["display:flex;flex-direction:row;justify-content:space-between;> *:not(:last-child){margin-right:1rem;}&:hover{background:", ";", "{display:block;}}background:", ";", " cursor:pointer;padding:1rem 1.5rem;border-bottom:0.0357rem solid #f2f4f7;"], _colors.BmSecondaryBlue12, CheckboxContainer, _ref5 => {
+  let {
+    isVisible
+  } = _ref5;
   return isVisible ? "".concat(_colors.BmSecondaryBlue12) : '';
-}, function (_ref6) {
-  var active = _ref6.active;
+}, _ref6 => {
+  let {
+    active
+  } = _ref6;
   return active && "    \n    background: ".concat(_colors.BmSecondaryBlue12, ";\n  ");
 });
-exports.BmContactCard = BmContactCard;
 BmContactCard.Profile = _styledComponents.default.div.withConfig({
   displayName: "contactCards__Profile"
 })(["display:flex;flex-direction:column;justify-content:space-between;align-items:center;"]);

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

@@ -9,9 +9,9 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: {
     BmContactCard: _contactCards.default,
     BmAvatar: _avatars.default,
@@ -20,8 +20,7 @@ var _default = {
   },
   title: 'components/Chat/Components/ContactCard'
 };
-exports.default = _default;
-var ContactCard = function ContactCard() {
+const 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",
     size: "medium"

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmChatForm = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const 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.withConfig({
@@ -18,5 +18,4 @@ BmChatForm.Label = _styledComponents.default.div.withConfig({
 BmChatForm.Input = _styledComponents.default.input.withConfig({
   displayName: "FormAccordion__Input"
 })(["font-family:'OpenSans';font-size:1rem;text-align:left;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;
+var _default = exports.default = BmChatForm;

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

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.FormAccordion = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line import/no-anonymous-default-export
-var _default = {
+var _default = exports.default = {
   component: _.BmChatForm,
   title: 'components/Chat/Components/FormAccordion'
 };
-exports.default = _default;
-var FormAccordion = function FormAccordion() {
+const FormAccordion = () => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '30%'

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

@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmInfoTab = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const 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.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;
+var _default = exports.default = BmInfoTab;

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

@@ -9,14 +9,13 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: _infoTab.default,
   title: 'components/Chat/Components/InfoTab'
 };
-exports.default = _default;
-var InfoTab = function InfoTab() {
+const InfoTab = () => {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxWidth: '30%'

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmChatLabels = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const 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;
+var _default = exports.default = BmChatLabels;

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

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LabelAccordion = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable jsx-a11y/anchor-is-valid */
 // eslint-disable-next-line import/no-anonymous-default-export
-var _default = {
+var _default = exports.default = {
   component: _.BmChatLabels,
   title: 'components/Chat/Components/LabelAccordion'
 };
-exports.default = _default;
-var LabelAccordion = function LabelAccordion() {
+const LabelAccordion = () => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '30%'

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmChatNotes = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const 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.withConfig({
@@ -16,5 +16,4 @@ BmChatNotes.Input = _styledComponents.default.input.withConfig({
 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;
+var _default = exports.default = BmChatNotes;

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

@@ -8,14 +8,13 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line import/no-anonymous-default-export
-var _default = {
+var _default = exports.default = {
   component: _.BmChatLabels,
   title: 'components/Chat/Components/NoteAccordion'
 };
-exports.default = _default;
-var NoteAccordion = function NoteAccordion() {
+const NoteAccordion = () => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '30%'