beem-component 1.5.6 → 1.5.9

package/dist/components/dropdownButton.js

@@ -1,103 +1,100 @@
 "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.Drop = exports.Button = exports.BmButtonDropDown = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _icons = require("@material-ui/icons");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _buttonIconsOnly = require("../components/Buttons/buttonIconsOnly");
+var _buttonIconsOnly = require("./Buttons/buttonIconsOnly");
 
-var _buttons = require("../components/Buttons/buttons");
+var _buttons = require("./Buttons/buttons");
 
 var _colors = require("./colors");
 
 var _excluded = ["children"];
 
-var _templateObject, _templateObject2, _templateObject3;
-
-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 Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "dropdownButton__Wrapper"
+})(["display:flex;padding:0rem;margin:0rem;"]);
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 0rem;\n  margin: 0rem;\n"])));
-
-var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 0.071rem solid\n    ", ";\n    border-left:  0.071rem solid\n    ", ";\n  border-top-left-radius: 0.071rem; */}\n  border-bottom-left-radius: 0.071rem; */}\n  padding: 0rem */}\n"])), function (_ref) {
+var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon).withConfig({
+  displayName: "dropdownButton__Drop"
+})(["background:", ";border:0.071rem solid ", ";border-left:0.071rem solid ", ";border-top-left-radius:0.071rem;*/}border-bottom-left-radius:0.071rem;*/}padding:0rem */}"], function (_ref) {
   var variant = _ref.variant,
       disabled = _ref.disabled,
       color = _ref.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmPrimaryWhite);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    return "".concat(_colors.BmGrey100);
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return 'none';
+    if (variant === 'tertiary') return 'none';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmPrimaryWhite);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return 'none';
+  if (variant === 'tertiary') return 'none';
+  return "".concat(_colors.BmGrey100);
 }, function (_ref2) {
   var variant = _ref2.variant,
       disabled = _ref2.disabled,
       color = _ref2.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "transparent";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "".concat(_colors.BmGrey400);
-    if (variant === "tertiary") return "transparent";
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return 'transparent';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return "".concat(_colors.BmGrey400);
+  if (variant === 'tertiary') return 'transparent';
 }, function (_ref3) {
   var variant = _ref3.variant,
       disabled = _ref3.disabled,
       color = _ref3.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "transparent";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
+    if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return 'transparent';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
     return "".concat(_colors.BmPrimaryWhite);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey400);
-    if (variant === "secondary") return "".concat(_colors.BmGrey400);
-    if (variant === "tertiary") return "transparent";
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey400);
+  if (variant === 'secondary') return "".concat(_colors.BmGrey400);
+  if (variant === 'tertiary') return 'transparent';
 });
 exports.Drop = Drop;
-var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-top-right-radius: 0.071rem; */}\n  border-bottom-right-radius: 0.071rem; */}\n  border-radius: none;\n  border-right: none;\n"])));
+var Button = (0, _styledComponents.default)(_buttons.BmButton).withConfig({
+  displayName: "dropdownButton__Button"
+})(["border-top-right-radius:0.071rem;*/}border-bottom-right-radius:0.071rem;*/}border-radius:none;border-right:none;"]);
 exports.Button = Button;
 
 var BmButtonDropDown = function BmButtonDropDown(_ref4) {
   var children = _ref4.children,
-      rest = _objectWithoutProperties(_ref4, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Wrapper, rest, /*#__PURE__*/_react.default.createElement(Button, rest, children), /*#__PURE__*/_react.default.createElement(Drop, _extends({}, rest, {
+      rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Wrapper, rest, /*#__PURE__*/_react.default.createElement(Button, rest, children), /*#__PURE__*/_react.default.createElement(Drop, Object.assign({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null)
   }))));
 };

package/dist/components/dropdownItems.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.RightItemIcon = exports.LeftItemIcon = exports.ItemWrapper = exports.ItemText = exports.BmDropDownMenu = exports.BmDropDownItem = exports.BmCustomizedDropdown = exports.BmButtonDropdownItem = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -15,21 +19,15 @@ var _iconStyles = require("./iconStyles");
 
 var _excluded = ["children", "leadingIcon", "trailingIcon", "color", "size"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmCustomizedDropdown = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var BmCustomizedDropdown = _styledComponents.default.div.withConfig({
+  displayName: "dropdownItems__BmCustomizedDropdown"
+})(["display:flex;flex-direction:column;"]);
 
 exports.BmCustomizedDropdown = BmCustomizedDropdown;
 
-var BmButtonDropdownItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: ", "};\n  flex-direction: column;\n  ", "\n  padding: 0.286rem 0rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  box-shadow: 0rem 0.286rem 0.286rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  z-index: 99999;\n  position: absolute;\n  cursor: pointer;\n  width: 100%;\n"])), ""
+var BmButtonDropdownItem = _styledComponents.default.div.withConfig({
+  displayName: "dropdownItems__BmButtonDropdownItem"
+})(["", " display:", "};flex-direction:column;", " padding:0.286rem 0rem;background:", ";border:0.071rem solid ", ";box-shadow:0rem 0.286rem 0.286rem rgba(0,0,0,0.25);border-radius:0.25rem;z-index:99999;position:absolute;cursor:pointer;width:100%;"], ""
 /* display: inline-block; */
 , function (_ref) {
   var isOpen = _ref.isOpen;
@@ -40,19 +38,29 @@ var BmButtonDropdownItem = _styledComponents.default.div(_templateObject2 || (_t
 
 exports.BmButtonDropdownItem = BmButtonDropdownItem;
 
-var BmDropDownMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  margin-top: 0.357rem;\n  width: 100%;\n"])));
+var BmDropDownMenu = _styledComponents.default.div.withConfig({
+  displayName: "dropdownItems__BmDropDownMenu"
+})(["position:relative;margin-top:0.357rem;width:100%;"]);
 
 exports.BmDropDownMenu = BmDropDownMenu;
 
-var ItemWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0.571rem 1.143rem;\n  background: ", ";\n  &:hover {\n    background: ", ";\n  }\n  cursor: pointer;\n"])), _colors.BmPrimaryWhite, _colors.BmGrey100);
+var ItemWrapper = _styledComponents.default.div.withConfig({
+  displayName: "dropdownItems__ItemWrapper"
+})(["display:flex;flex-direction:row;align-items:center;padding:0.571rem 1.143rem;background:", ";&:hover{background:", ";}cursor:pointer;"], _colors.BmPrimaryWhite, _colors.BmGrey100);
 
 exports.ItemWrapper = ItemWrapper;
-var LeftItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 0.571rem;\n"])));
+var LeftItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons).withConfig({
+  displayName: "dropdownItems__LeftItemIcon"
+})(["margin-right:0.571rem;"]);
 exports.LeftItemIcon = LeftItemIcon;
-var RightItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: 0.571rem;\n"])));
+var RightItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons).withConfig({
+  displayName: "dropdownItems__RightItemIcon"
+})(["margin-left:0.571rem;"]);
 exports.RightItemIcon = RightItemIcon;
 
-var ItemText = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmPrimaryBlack);
+var ItemText = _styledComponents.default.p.withConfig({
+  displayName: "dropdownItems__ItemText"
+})(["color:", ";"], _colors.BmPrimaryBlack);
 
 exports.ItemText = ItemText;
 
@@ -62,8 +70,7 @@ var BmDropDownItem = function BmDropDownItem(_ref2) {
       trailingIcon = _ref2.trailingIcon,
       color = _ref2.color,
       size = _ref2.size,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ItemWrapper, rest, leadingIcon && /*#__PURE__*/_react.default.createElement(LeftItemIcon, {
     size: size,
     color: color,

package/dist/components/examples/App.js

@@ -0,0 +1,137 @@
+"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 = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icons = require("@material-ui/icons");
+
+var _EmojiEmotions = _interopRequireDefault(require("@material-ui/icons/EmojiEmotions"));
+
+var _Quickreply = _interopRequireDefault(require("@mui/icons-material/Quickreply"));
+
+var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
+
+var _components = require("./lib/components");
+
+require("../src/lib/assets/css/sidebar.scss");
+
+var _chartImg = _interopRequireDefault(require("../src/lib/assets/chart-img.png"));
+
+var Chat = function Chat() {
+  return /*#__PURE__*/_react.default.createElement(_components.BmChat, null, /*#__PURE__*/_react.default.createElement(_components.BmChat.Body, null, /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "inbound",
+    session: "bot",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent",
+    src: _chartImg.default,
+    fileName: /*#__PURE__*/_react.default.createElement("p", null, "attachment.jpg")
+  }), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "bot",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent" // src={image}
+    // fileName={<p>attachment.jpg</p>}
+
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Technical No Signal - Ili kupata chaneli au chaneli zifunguke kwa wakati ukilipia kifurushi, hakikisha kwanza kama unapata signal vizuri kutoka kwenye dish kwa kutumia remote control. Bonyeza MENU, Bonyeza OK kwenye SEARCH, Bonyeza OK kwenye TP LIST. Angalia asilimia ya QUALITY pale chini. Angalia Transponder zote, 001, 002, 003 na 004 zinatakiwa ziwe na QUALITY si pungufu ya asilimia 60%. Au kama una aina nyingine ya kisimbuzi; Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, Bonyeza OK kwenye AUTOMATIC SEARCH. Shuka kwenye frequency na uangalie frequency zote kuanzia 11044, 10981, 11106 na 10971. Au Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, kwenye EUTELSAT 7C bonyeza kitufe cha KIJANI. Angalia QUALITY kwenye frequency zote kuanzia 11044, 10981, 11106 na 10971. Angalia asilimia ya QUALITY pale chini. QUALITY inatakiwa isiwe pungufu ya asilimia 60%. Je, kwako inasoma ngapi? Kama ipo chini ya 60%, wasiliana na aliyekufungia dish arekebishe.")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "inbound",
+    session: "bot",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent" // src={image}
+    // fileName={<p>attachment.jpg</p>}
+
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Technical No Signal - Ili kupata chaneli au chaneli zifunguke kwa wakati ukilipia kifurushi, hakikisha kwanza kama unapata signal vizuri kutoka kwenye dish kwa kutumia remote control. Bonyeza MENU, Bonyeza OK kwenye SEARCH, Bonyeza OK kwenye TP LIST. Angalia asilimia ya QUALITY pale chini. Angalia Transponder zote, 001, 002, 003 na 004 zinatakiwa ziwe na QUALITY si pungufu ya asilimia 60%. Au kama una aina nyingine ya kisimbuzi; Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, Bonyeza OK kwenye AUTOMATIC SEARCH. Shuka kwenye frequency na uangalie frequency zote kuanzia 11044, 10981, 11106 na 10971. Au Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, kwenye EUTELSAT 7C bonyeza kitufe cha KIJANI. Angalia QUALITY kwenye frequency zote kuanzia 11044, 10981, 11106 na 10971. Angalia asilimia ya QUALITY pale chini. QUALITY inatakiwa isiwe pungufu ya asilimia 60%. Je, kwako inasoma ngapi? Kama ipo chini ya 60%, wasiliana na aliyekufungia dish arekebishe.")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed" // src={azam}
+    ,
+    file: /*#__PURE__*/_react.default.createElement("p", null, "fildjfdlkfjlkfdjfldjfldsjfldsje.jpg")
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Hekkoi")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Habari! Mimi ni msaidizi wako binafsi Azam TV. Ningependa nikusaidie, lakini tafadhali anza kwa kuchagua kati ya haya nikuhudumie (Mfano chagua namba 2 kubadili kifurushi au 5 kwa msaada zaidi). 1. Angalia Salio 2. Badilisha Kifurishi 3. Tuma Ujumbe Kuwasha Kisimbuzi 4. Huduma za mteja mpya 5. Nahitaji msaada (Huduma kwa mteja) 6. Change language 0. Au ungependa kutuuliza swali lingine?")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound")), " ", /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound"))), /*#__PURE__*/_react.default.createElement(_components.BmChat.Footer, {
+    style: {
+      justifyContent: "flex-start"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    class: "chat-footer"
+  }, /*#__PURE__*/_react.default.createElement(_components.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_EmojiEmotions.default, null),
+    size: "xlarge"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    class: "chat-footer"
+  }, /*#__PURE__*/_react.default.createElement(_components.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_EmojiEmotions.default, null),
+    size: "xlarge"
+  }), /*#__PURE__*/_react.default.createElement(_components.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.AttachFile, null),
+    size: "xlarge"
+  }), /*#__PURE__*/_react.default.createElement(_components.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_Quickreply.default, null),
+    size: "xlarge"
+  }), /*#__PURE__*/_react.default.createElement(_components.BmInput, {
+    placeholder: "Enter Message",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_components.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_Send.default, null),
+    size: "xlarge"
+  }))));
+};
+
+var _default = Chat;
+exports.default = _default;

package/dist/components/examples/InfoAccordion.js

@@ -0,0 +1,23 @@
+"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 = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _components = require("./lib/components");
+
+var _FormAccordion = _interopRequireDefault(require("./lib/components/ChatComponents/FormAccordion/FormAccordion"));
+
+var InfoAccordion = function InfoAccordion() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Notes")), /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Label, null, /*#__PURE__*/_react.default.createElement("h4", null, "Hello")), /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Input, {
+    placeholder: "Hello"
+  })))));
+};
+
+var _default = InfoAccordion;
+exports.default = _default;

package/dist/components/examples/chatBodyExample.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("..");
+
+require("./list.scss");
+
+var _scrollBar = require("../ScrollBar/scrollBar");
+
+var App = function App() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.GlobalStyle, null), /*#__PURE__*/_react.default.createElement(_scrollBar.ScrollbarWrapper, null, /*#__PURE__*/_react.default.createElement(_.BmChat, null, /*#__PURE__*/_react.default.createElement(_.BmChat.Body, null, /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "inbound",
+    session: "bot",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent",
+    sessionDetails: {
+      message: /*#__PURE__*/_react.default.createElement("h3", null, "Session Message"),
+      time: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm")
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Inbound Text Message")), /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "inbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent",
+    fileName: /*#__PURE__*/_react.default.createElement("p", null, "chat.png"),
+    sessionDetails: {
+      message: /*#__PURE__*/_react.default.createElement("h3", null, "Session Message"),
+      time: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm")
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "inbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed",
+    fileName: /*#__PURE__*/_react.default.createElement("p", null, "file.csv")
+  }), /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "outbound",
+    session: "bot",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Outbound Text Message")), /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
+    status: "sent",
+    fileName: /*#__PURE__*/_react.default.createElement("p", null, "chat.png")
+  }), /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
+    state: "outbound",
+    session: "live",
+    displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
+    status: "failed",
+    fileName: /*#__PURE__*/_react.default.createElement("p", null, "file.csv"),
+    onDownload: function onDownload() {
+      alert("hello");
+    }
+  })))));
+};
+
+var _default = App;
+exports.default = _default;

package/dist/components/examples/selectExample.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
+
+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 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _map = _interopRequireDefault(require("lodash/map"));
+
+var _components = require("./lib/components");
+
+var _reactSelect = _interopRequireDefault(require("react-select"));
+
+var App = function App() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showModal = _useState2[0],
+      setShowModal = _useState2[1];
+
+  var VENDOR_ACCOUNT_STATUSES = {
+    0: "Inactive",
+    1: "Active"
+  };
+  var VENDOR_ACCOUNT_STATUS_OPTIONS = (0, _map.default)(VENDOR_ACCOUNT_STATUSES, function (type, key) {
+    return {
+      value: key,
+      label: type
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.GlobalStyle, null), /*#__PURE__*/_react.default.createElement(_components.BmButton, {
+    onClick: function onClick() {
+      return setShowModal(!showModal);
+    }
+  }, "Click Me!"), /*#__PURE__*/_react.default.createElement(_components.BmModal, {
+    size: "small",
+    show: showModal,
+    onHide: function onHide() {
+      return setShowModal(false);
+    },
+    centered: true
+  }, /*#__PURE__*/_react.default.createElement(_components.BmModal.Header, {
+    closeButton: true
+  }, /*#__PURE__*/_react.default.createElement("h2", null, "Header")), /*#__PURE__*/_react.default.createElement(_components.BmModal.Body, null, /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
+    options: VENDOR_ACCOUNT_STATUS_OPTIONS,
+    placeholder: "Select"
+  })), /*#__PURE__*/_react.default.createElement(_components.BmModal.Footer, null, /*#__PURE__*/_react.default.createElement(_components.BmButton, {
+    size: "small"
+  }, "Send"), /*#__PURE__*/_react.default.createElement(_components.BmButton, {
+    size: "small",
+    variant: "secondary"
+  }, "View"))));
+};
+
+var _default = App;
+exports.default = _default;

package/dist/components/globalStyles.js

@@ -9,9 +9,5 @@ var _styledComponents = require("styled-components");
 
 var _text = require("./text");
 
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n* { font-size: 14px; cursor: pointer}\n  h1 { ", " }\n  h2 { ", " }\n  h3 { ", " }\n  h4 { ", " }\n  p  { ", " }\n  input {", "}\n  a {", "}\n  ::-webkit-scrollbar-thumb: {\n  background:red;\n  maxHeight: '10px'}\n"])), _text.h1, _text.h2, _text.h3, _text.h4, _text.p, _text.input, _text.a);
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["*{font-size:14px;cursor:pointer}h1{", "}h2{", "}h3{", "}h4{", "}h5{", "}h6{", "}p{", "}input{", "}a{", "}"], _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a);
 exports.GlobalStyle = GlobalStyle;