beem-component 1.5.9 → 1.6.2

package/dist/components/dropdownItems.js

@@ -1,14 +1,10 @@
 "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"));
@@ -19,15 +15,21 @@ var _iconStyles = require("./iconStyles");
 
 var _excluded = ["children", "leadingIcon", "trailingIcon", "color", "size"];
 
-var BmCustomizedDropdown = _styledComponents.default.div.withConfig({
-  displayName: "dropdownItems__BmCustomizedDropdown"
-})(["display:flex;flex-direction:column;"]);
+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"])));
 
 exports.BmCustomizedDropdown = BmCustomizedDropdown;
 
-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%;"], ""
+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"])), ""
 /* display: inline-block; */
 , function (_ref) {
   var isOpen = _ref.isOpen;
@@ -38,29 +40,19 @@ var BmButtonDropdownItem = _styledComponents.default.div.withConfig({
 
 exports.BmButtonDropdownItem = BmButtonDropdownItem;
 
-var BmDropDownMenu = _styledComponents.default.div.withConfig({
-  displayName: "dropdownItems__BmDropDownMenu"
-})(["position:relative;margin-top:0.357rem;width:100%;"]);
+var BmDropDownMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  margin-top: 0.357rem;\n  width: 100%;\n"])));
 
 exports.BmDropDownMenu = BmDropDownMenu;
 
-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);
+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);
 
 exports.ItemWrapper = ItemWrapper;
-var LeftItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons).withConfig({
-  displayName: "dropdownItems__LeftItemIcon"
-})(["margin-right:0.571rem;"]);
+var LeftItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 0.571rem;\n"])));
 exports.LeftItemIcon = LeftItemIcon;
-var RightItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons).withConfig({
-  displayName: "dropdownItems__RightItemIcon"
-})(["margin-left:0.571rem;"]);
+var RightItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: 0.571rem;\n"])));
 exports.RightItemIcon = RightItemIcon;
 
-var ItemText = _styledComponents.default.p.withConfig({
-  displayName: "dropdownItems__ItemText"
-})(["color:", ";"], _colors.BmPrimaryBlack);
+var ItemText = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmPrimaryBlack);
 
 exports.ItemText = ItemText;
 
@@ -70,7 +62,8 @@ var BmDropDownItem = function BmDropDownItem(_ref2) {
       trailingIcon = _ref2.trailingIcon,
       color = _ref2.color,
       size = _ref2.size,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      rest = _objectWithoutProperties(_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

@@ -1,7 +1,5 @@
 "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
 });
@@ -23,6 +21,8 @@ require("../src/lib/assets/css/sidebar.scss");
 
 var _chartImg = _interopRequireDefault(require("../src/lib/assets/chart-img.png"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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",

package/dist/components/examples/InfoAccordion.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,6 +11,8 @@ var _components = require("./lib/components");
 
 var _FormAccordion = _interopRequireDefault(require("./lib/components/ChatComponents/FormAccordion/FormAccordion"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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"

package/dist/components/examples/chatBodyExample.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,6 +15,10 @@ require("./list.scss");
 
 var _scrollBar = require("../ScrollBar/scrollBar");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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",

package/dist/components/examples/selectExample.js

@@ -1,16 +1,12 @@
 "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;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 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"));
@@ -19,9 +15,27 @@ var _components = require("./lib/components");
 
 var _reactSelect = _interopRequireDefault(require("react-select"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var App = function App() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = _slicedToArray(_useState, 2),
       showModal = _useState2[0],
       setShowModal = _useState2[1];
 

package/dist/components/globalStyles.js

@@ -9,5 +9,9 @@ var _styledComponents = require("styled-components");
 
 var _text = require("./text");
 
-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);
+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  h5 { ", " }\n  h6 { ", " }\n  p  { ", " }\n  input {", "}\n  a {", "}\n"])), _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a);
 exports.GlobalStyle = GlobalStyle;

package/dist/components/iconStyles.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -15,6 +13,10 @@ var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
 
 var _colors = require("./colors");
 
+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); }
+
 var size = function size(props) {
   if (props.size === 'xsmall') return '1.143rem !important';
   if (props.size === 'small') return '1.429rem !important';
@@ -78,7 +80,7 @@ var ButtonIcon = {
 var BmButtonIcon = (0, _styles.withStyles)(ButtonIcon)(function (props) {
   if (props.icon) {
     var Icon = props.icon.type;
-    return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
   }
@@ -122,7 +124,7 @@ var TagIcon = {
 var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
   if (props.icon) {
     var Icon = props.icon.type;
-    return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
   }
@@ -160,7 +162,7 @@ var AvatarIcon = {
 var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
   if (props.icon) {
     var Icon = props.icon.type;
-    return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
   }
@@ -170,7 +172,7 @@ var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
 
 exports.BmAvatarIcon = BmAvatarIcon;
 var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     d: "M19 8.975V6C19 5.46957 18.7893 4.96086 18.4142 4.58579C18.0391 4.21072 17.5304 4 17 4H11V2.688C11.305 2.414 11.5 2.02 11.5 1.578C11.5 1.18018 11.342 0.798647 11.0607 0.517343C10.7794 0.236038 10.3978 0.0780029 10 0.0780029C9.60218 0.0780029 9.22064 0.236038 8.93934 0.517343C8.65804 0.798647 8.5 1.18018 8.5 1.578C8.5 2.02 8.695 2.414 9 2.688V4H3C2.46957 4 1.96086 4.21072 1.58579 4.58579C1.21071 4.96086 1 5.46957 1 6V8.998L0.928 9.003C0.675888 9.02097 0.439955 9.13382 0.26775 9.31883C0.095544 9.50384 -0.000132994 9.74725 1.38752e-07 10V12C1.38752e-07 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13V18C1 18.5304 1.21071 19.0391 1.58579 19.4142C1.96086 19.7893 2.46957 20 3 20H17C17.5304 20 18.0391 19.7893 18.4142 19.4142C18.7893 19.0391 19 18.5304 19 18V13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12V10.062C20.0116 9.90681 19.9869 9.75104 19.928 9.607C19.726 9.119 19.293 9.002 19 8.975ZM5 10C5 8.896 5.672 8 6.5 8C7.328 8 8 8.896 8 10C8 11.104 7.328 12 6.5 12C5.672 12 5 11.104 5 10ZM13.998 16C12.997 15.997 6.001 16 6 16V14C6 14 13.001 13.998 14.002 14L13.998 16ZM13.5 12C12.672 12 12 11.104 12 10C12 8.896 12.672 8 13.5 8C14.328 8 15 8.896 15 10C15 11.104 14.328 12 13.5 12Z",
@@ -207,7 +209,7 @@ var EmojiIcon = {
 var BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
   if (props.icon) {
     var Icon = props.icon.type;
-    return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
   }
@@ -216,7 +218,7 @@ var BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
 });
 exports.BmEmojiIcon = BmEmojiIcon;
 var BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     d: "M5.33332 23.3932V5.83317H26.6667V13.8332H29.3333V5.83317C29.3333 4.3665 28.1333 3.1665 26.6667 3.1665H5.33332C3.86666 3.1665 2.67999 4.3665 2.67999 5.83317L2.66666 29.8332L7.99999 24.4998H20V21.8332H6.89332L5.33332 23.3932Z",
@@ -243,7 +245,7 @@ var icon = {
 var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
   if (props.icon) {
     var Icon = props.icon.type;
-    return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props, {
       fill: props.color
@@ -254,7 +256,7 @@ var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
 });
 exports.BmIcons = BmIcons;
 var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     d: "M19 8.975V6C19 5.46957 18.7893 4.96086 18.4142 4.58579C18.0391 4.21072 17.5304 4 17 4H11V2.688C11.305 2.414 11.5 2.02 11.5 1.578C11.5 1.18018 11.342 0.798647 11.0607 0.517343C10.7794 0.236038 10.3978 0.0780029 10 0.0780029C9.60218 0.0780029 9.22064 0.236038 8.93934 0.517343C8.65804 0.798647 8.5 1.18018 8.5 1.578C8.5 2.02 8.695 2.414 9 2.688V4H3C2.46957 4 1.96086 4.21072 1.58579 4.58579C1.21071 4.96086 1 5.46957 1 6V8.998L0.928 9.003C0.675888 9.02097 0.439955 9.13382 0.26775 9.31883C0.095544 9.50384 -0.000132994 9.74725 1.38752e-07 10V12C1.38752e-07 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13V18C1 18.5304 1.21071 19.0391 1.58579 19.4142C1.96086 19.7893 2.46957 20 3 20H17C17.5304 20 18.0391 19.7893 18.4142 19.4142C18.7893 19.0391 19 18.5304 19 18V13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12V10.062C20.0116 9.90681 19.9869 9.75104 19.928 9.607C19.726 9.119 19.293 9.002 19 8.975ZM5 10C5 8.896 5.672 8 6.5 8C7.328 8 8 8.896 8 10C8 11.104 7.328 12 6.5 12C5.672 12 5 11.104 5 10ZM13.998 16C12.997 15.997 6.001 16 6 16V14C6 14 13.001 13.998 14.002 14L13.998 16ZM13.5 12C12.672 12 12 11.104 12 10C12 8.896 12.672 8 13.5 8C14.328 8 15 8.896 15 10C15 11.104 14.328 12 13.5 12Z",
@@ -263,7 +265,7 @@ var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
 });
 exports.BmChatbot = BmChatbot;
 var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     d: "M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z",
@@ -281,7 +283,7 @@ var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
 });
 exports.BmSupport = BmSupport;
 var CopyToClipBoard = (0, _styles.withStyles)(icon)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     d: "M0 0h24v24H0V0z",

package/dist/components/index.js

@@ -1,8 +1,6 @@
 "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;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -212,6 +210,12 @@ Object.defineProperty(exports, "BmNoteBar", {
     return _noteBar.BmNoteBar;
   }
 });
+Object.defineProperty(exports, "BmPaymentBox", {
+  enumerable: true,
+  get: function get() {
+    return _paymentBox.default;
+  }
+});
 Object.defineProperty(exports, "BmProfileIcon", {
   enumerable: true,
   get: function get() {
@@ -383,6 +387,8 @@ var _ProfileIcon = require("./ProfileIcon/ProfileIcon");
 
 var _checkboxToggler = require("./Checkbox/checkboxToggler");
 
+var _paymentBox = _interopRequireDefault(require("./PaymentBox/paymentBox"));
+
 var _iconStyles = require("./iconStyles");
 
 var _noteBar = require("./NoteBar/noteBar");
@@ -411,4 +417,10 @@ var _index = require("./SuperFluid/Content/index");
 
 var _ContentTitle = require("./SuperFluid/ContentTitle.js");
 
-var _index2 = require("./SuperFluid/SegmentCard/index");
+var _index2 = require("./SuperFluid/SegmentCard/index");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/input.js

@@ -1,14 +1,10 @@
 "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.BmInputField = exports.BmInput = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
-
 var _icons = require("@material-ui/icons");
 
 var _react = _interopRequireDefault(require("react"));
@@ -21,9 +17,19 @@ var _colors = require("./colors");
 
 var _excluded = ["id", "iconSize", "label", "state"];
 
-var BmInputLabel = _styledComponents.default.div.withConfig({
-  displayName: "input__BmInputLabel"
-})(["font-family:Open Sans;font-style:normal;font-weight:normal;font-size:0.929rem;line-height:1.286rem;height:1.286rem;letter-spacing:-0.02em;color:", ";padding-top:0.571rem;"], function (_ref) {
+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; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var BmInputLabel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.929rem;\n  line-height: 1.286rem;\n  height: 1.286rem;\n  letter-spacing: -0.02em;\n  color: ", ";\n  padding-top: 0.571rem;\n"])), function (_ref) {
   var state = _ref.state;
 
   if (state) {
@@ -34,9 +40,7 @@ var BmInputLabel = _styledComponents.default.div.withConfig({
   return "".concat(_colors.BmSecondaryGrey);
 });
 
-var BmInputField = _styledComponents.default.input.withConfig({
-  displayName: "input__BmInputField"
-})(["padding:0.786rem 1.143rem;letter-spacing:-0.02em;color:", ";border:none;letter-spacing:-0.02em;text-align:left;margin:0rem;::placeholder{color:", ";}background:", ";&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none;color:", ";}}"], function (_ref2) {
+var BmInputField = _styledComponents.default.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 0.786rem 1.143rem;\n  letter-spacing: -0.02em;\n  color: ", ";\n  border: none;\n  letter-spacing: -0.02em;\n  text-align: left;\n  margin: 0rem; /*added */\n\n  ::placeholder {\n    color: ", ";\n  }\n  background: ", ";\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    outline: none !important;\n    text-decoration: none;\n    color: ", ";\n  }\n  }\n"])), function (_ref2) {
   var state = _ref2.state;
 
   if (state) {
@@ -62,9 +66,7 @@ var BmInputField = _styledComponents.default.input.withConfig({
 
 exports.BmInputField = BmInputField;
 
-var BmInputWrapper = _styledComponents.default.div.withConfig({
-  displayName: "input__BmInputWrapper"
-})(["display:flex;flex-direction:center;align-items:center;height:2.929rem;border-radius:0.25rem;padding:0rem;background:", ";border:", ";&:visited,&:active,&:hover,&:focus{border:0.071rem solid ", ";}"], function (_ref4) {
+var BmInputWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: center;\n  align-items: center;\n  height: 2.929rem;\n  border-radius: 0.25rem;\n  padding: 0rem;\n  background: ", ";\n\n  border: ", ";\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    border: 0.071rem solid ", ";\n  }\n"])), function (_ref4) {
   var state = _ref4.state;
 
   if (state) {
@@ -93,10 +95,11 @@ var BmInput = function BmInput(_ref6) {
       iconSize = _ref6.iconSize,
       label = _ref6.label,
       state = _ref6.state,
-      rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmInputWrapper, Object.assign({
+      rest = _objectWithoutProperties(_ref6, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmInputWrapper, _extends({
     state: state
-  }, rest), /*#__PURE__*/_react.default.createElement(BmInputField, Object.assign({
+  }, rest), /*#__PURE__*/_react.default.createElement(BmInputField, _extends({
     id: id
   }, rest, {
     state: state,
@@ -107,7 +110,7 @@ var BmInput = function BmInput(_ref6) {
   }), state && state === 'incomplete' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Done, null),
     size: "small"
-  })), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, Object.assign({
+  })), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, _extends({
     htmlFor: id,
     state: state
   }, rest), label));

package/dist/components/logo.js

@@ -1,23 +1,29 @@
 "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.Logo = exports.BmLogo = 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"));
 
 var _excluded = ["src"];
 
-var Logo = _styledComponents.default.img.withConfig({
-  displayName: "logo__Logo"
-})(["height:45;width:9.857rem;", " box-sizing:border-box;"], ""
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Logo = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 45;\n  width: 9.857rem;\n  ", "\n  box-sizing: border-box;\n"])), ""
 /* border: 0.071rem solid #33B1BA; */
 );
 
@@ -25,8 +31,9 @@ exports.Logo = Logo;
 
 var BmLogo = function BmLogo(_ref) {
   var src = _ref.src,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(Logo, Object.assign({
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(Logo, _extends({
     src: src
   }, rest));
 };

package/dist/components/navbar.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,45 +11,36 @@ var _colors = require("./colors");
 
 var _search = require("./search");
 
-// import React from 'react';
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+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) } })); }
+
 // Old with NavbarContent Main wrapper for navbar
-var BmNavbar = _styledComponents.default.div.withConfig({
-  displayName: "navbar__BmNavbar"
-})(["background:", ";box-shadow:0rem 0.286rem 0.214rem rgba(0,0,0,0.25);padding:0rem 2.5rem !important;flex-wrap:wrap;", "}"], _colors.BmPrimaryWhite, ""
+var BmNavbar = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background: ", ";\n    box-shadow:  0rem 0.286rem 0.214rem rgba(0, 0, 0, 0.25);\n    padding: 0rem 2.5rem !important;\n    flex-wrap: wrap;\n    ", "\n  }\n"])), _colors.BmPrimaryWhite, ""
 /* width: 100vw; */
 ); //  Spacing between the contents of navbar
 
 
 exports.BmNavbar = BmNavbar;
 
-var BmNavbarItems = _styledComponents.default.div.withConfig({
-  displayName: "navbar__BmNavbarItems"
-})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.429rem 0rem !important;flex-wrap:wrap;"]);
+var BmNavbarItems = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.429rem 0rem !important;\n  flex-wrap: wrap;\n"])));
 
 exports.BmNavbarItems = BmNavbarItems;
 
-var GlobalNavbarWrapper = _styledComponents.default.div.withConfig({
-  displayName: "navbar__GlobalNavbarWrapper"
-})(["display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;"]); // Main wrapper for navbar
+var GlobalNavbarWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n"]))); // Main wrapper for navbar
 
 
 exports.GlobalNavbarWrapper = GlobalNavbarWrapper;
-var OldBmNavbar = (0, _styledComponents.default)(GlobalNavbarWrapper).withConfig({
-  displayName: "navbar__OldBmNavbar"
-})(["flex-direction:row;padding:1.429rem 2.5rem !important;background:", ";box-shadow:0rem 0.286rem 0.214rem rgba(0,0,0,0.25);}"], _colors.BmPrimaryWhite); // Navbar Profile Icon Wrapper
+var OldBmNavbar = (0, _styledComponents.default)(GlobalNavbarWrapper)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    flex-direction: row;\n    padding: 1.429rem 2.5rem !important;\n    background: ", ";\n    box-shadow:  0rem 0.286rem 0.214rem rgba(0, 0, 0, 0.25);\n  }\n"])), _colors.BmPrimaryWhite); // Navbar Profile Icon Wrapper
 
 exports.OldBmNavbar = OldBmNavbar;
-var BmNavBarProfile = (0, _styledComponents.default)(GlobalNavbarWrapper).withConfig({
-  displayName: "navbar__BmNavBarProfile"
-})(["@media (max-width:768px){display:none !important;}"]); // Navbar Search Icon Wrapper
+var BmNavBarProfile = (0, _styledComponents.default)(GlobalNavbarWrapper)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  @media (max-width: 768px) {\n   display: none !important;\n  }\n"]))); // Navbar Search Icon Wrapper
 
 exports.BmNavBarProfile = BmNavBarProfile;
-var BmNavbarSearch = (0, _styledComponents.default)(_search.BmSearch).withConfig({
-  displayName: "navbar__BmNavbarSearch"
-})(["width:30vw;@media (max-width:768px){display:none !important;}"]); // Navbar Logo Icon Wrapper
+var BmNavbarSearch = (0, _styledComponents.default)(_search.BmSearch)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 30vw;\n  @media (max-width: 768px) {\n    display: none !important;\n  }\n"]))); // Navbar Logo Icon Wrapper
 
 exports.BmNavbarSearch = BmNavbarSearch;
-var BmNavbarLogo = (0, _styledComponents.default)(GlobalNavbarWrapper).withConfig({
-  displayName: "navbar__BmNavbarLogo"
-})([""]);
+var BmNavbarLogo = (0, _styledComponents.default)(GlobalNavbarWrapper)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""])));
 exports.BmNavbarLogo = BmNavbarLogo;