beem-component 1.4.2 → 1.4.5

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

@@ -41,7 +41,7 @@ var BmChat = _styledComponents.default.div(_templateObject || (_templateObject =
 /* border: 0.071rem solid ${BmGrey400}; */
 );
 
-BmChat.Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  padding: 0rem 1.5rem;\n  flex-grow: 1;\n  overflow: auto;\n  height: 100%;\n"])));
+BmChat.Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  padding: 0rem 1rem;\n  flex-grow: 1;\n  overflow: auto;\n  height: 100%;\n"])));
 
 var Details = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: ", ";\n  > *:not(:last-child) {\n    margin-right: 1rem;\n    margin-bottom: 0.5rem;\n  }\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  margin: 0rem;\n  flex-grow: 1;\n"])), function (_ref) {
   var state = _ref.state;

package/dist/components/Modals/modal.js

@@ -112,7 +112,7 @@ var BmModal = function BmModal(_ref) {
 
 exports.BmModal = BmModal;
 
-var ModalHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
+var ModalHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items:center;\n"])));
 
 BmModal.Header = function (_ref2) {
   var children = _ref2.children,
@@ -133,7 +133,7 @@ BmModal.Header = function (_ref2) {
   });
 };
 
-BmModal.Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  max-height: ", ";\n  overflow: auto;\n"])), function (_ref3) {
+BmModal.Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  max-height: ", ";\n  ", "\n"])), function (_ref3) {
   var size = _ref3.size;
 
   if (size) {
@@ -145,7 +145,9 @@ BmModal.Body = _styledComponents.default.div(_templateObject5 || (_templateObjec
   }
 
   return "35.714rem";
-});
+}, ''
+/* overflow: auto; */
+);
 BmModal.Footer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
 BmModal.propTypes = {
   size: _propTypes.default.string,

package/dist/components/globalStyles.js

@@ -13,5 +13,5 @@ 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;}\n  h1 { ", " }\n  h2 { ", " }\n  h3 { ", " }\n  h4 { ", " }\n  p  { ", " }\n  input {", "}\n  a {", "}\n"])), _text.h1, _text.h2, _text.h3, _text.h4, _text.p, _text.input, _text.a);
+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"])), _text.h1, _text.h2, _text.h3, _text.h4, _text.p, _text.input, _text.a);
 exports.GlobalStyle = GlobalStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.4.2",
+    "version": "1.4.5",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/App.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import '../src/main.scss';
-import { BmAccordion, BmTab, BmChat } from './lib/components';
-import { GlobalStyle } from './lib/components/globalStyles';
-import './lib/assets/css/sidebar.scss';
-
-export const App = () => {
-  const image =
-    'https://bm-chatbot-images.s3.eu-west-1.amazonaws.com/Vector.jpg?AWSAccessKeyId=AKIAVCAYXA54EPKHSRGL&Expires=1726995050&Signature=kP4gVPac4c7Sol2PBgGZbQ2TjLM%3D';
-  return (
-    <>
-      <GlobalStyle />
-      {/* <MainWrapper> */}
-      <BmChat>
-        <BmChat.Body>
-          <BmChat.Details
-            state='inbound'
-            session='bot'
-            displayTime={<p>12:00pm</p>}
-            status='sent'
-          >
-            <p>Inbound Text Message</p>
-          </BmChat.Details>
-          <BmChat.Details
-            state='inbound'
-            session='live'
-            displayTime={<p>12:00pm</p>}
-            status='sent'
-            fileName={<p>chat.png</p>}
-            src={image}
-          />
-          <BmChat.Details
-            state='inbound'
-            session='live'
-            displayTime={<p>10:00am</p>}
-            status='failed'
-            fileName={<p>file.csv</p>}
-            onDownload={() => {
-              alert('hello');
-            }}
-            file={image}
-          />
-          <BmChat.Details
-            state='outbound'
-            session='bot'
-            displayTime={<p>12:00pm</p>}
-            status='sent'
-          >
-            <p>Outbound Text Message</p>
-          </BmChat.Details>
-          <BmChat.Details
-            state='outbound'
-            session='live'
-            displayTime={<p>12:00pm</p>}
-            status='sent'
-            fileName={<p>chat.png</p>}
-            onDownload={() => {
-              alert('hello');
-            }}
-            src={image}
-          />
-          <BmChat.Details
-            state='outbound'
-            session='live'
-            displayTime={<p>10:00am</p>}
-            status='failed'
-            fileName={<p>file.csv</p>}
-            file={image}
-            
-          />
-        </BmChat.Body>
-        {/* <BmChat.Footer>
-          <div className='chat-footer'>
-            <BmIcons icon={<EmojiEmotionsIcon />} size='xlarge' />
-            <BmIcons icon={<AttachFileIcon />} size='xlarge' />
-            <BmIcons icon={<QuickreplyIcon />} size='xlarge' />
-            <BmInput placeholder='Enter Message' style={{ flex: '1' }} />
-            <BmIcons icon={<SendIcon />} size='xlarge' />
-          </div>
-        </BmChat.Footer> */}
-      </BmChat>
-      <BmTab state='active' stateColor='red'>
-        Hello
-      </BmTab>
-      {/* </MainWrapper> */}
-    </>
-  );
-};
-
-export default App;

package/src/lib/components/ChatComponents/ChatBody/chatBody.js

@@ -24,7 +24,7 @@ const BmChat = styled.div`
 BmChat.Body = styled.div`
   display: flex;
   flex-direction: column-reverse;
-  padding: 0rem 1.5rem;
+  padding: 0rem 1rem;
   flex-grow: 1;
   overflow: auto;
   height: 100%;

package/src/lib/components/Modals/modal.js

@@ -100,6 +100,7 @@ const ModalHeader = styled.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items:center;
 `;
 
 BmModal.Header = ({ children, size, onHide, closeButton, show, ...rest }) => {
@@ -143,7 +144,7 @@ BmModal.Body = styled.div`
     }
     return "35.714rem";
   }};
-  overflow: auto;
+  ${'' /* overflow: auto; */}
 `;
 
 BmModal.Footer = styled.div`

package/src/lib/components/globalStyles.js

@@ -2,7 +2,7 @@ import { createGlobalStyle } from "styled-components";
 import { h1, h2, h3, h4, p, input, a } from "./text";
 
 export const GlobalStyle = createGlobalStyle`
-* { font-size: 14px;}
+* { font-size: 14px; cursor: pointer}
   h1 { ${h1} }
   h2 { ${h2} }
   h3 { ${h3} }