beem-component 2.0.24 → 2.0.26

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

@@ -477,7 +477,6 @@ BmChat.Details = function (_ref30) {
     type = _ref30.type,
     extension = _ref30.extension,
     rest = _objectWithoutProperties(_ref30, _excluded3);
-  console.log(src);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Details, _extends({
     state: state
   }, rest), /*#__PURE__*/_react.default.createElement(MessageState, null, state === 'inbound' && session && handleState({
@@ -514,7 +513,7 @@ BmChat.Details = function (_ref30) {
   })) : /*#__PURE__*/_react.default.createElement(Messages, {
     metadata: metadata,
     state: state
-  }), children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type && (type === 'interactive' || type === 'order') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.type === 'quick_reply' && /*#__PURE__*/_react.default.createElement(QuickReplyRender, _extends({
+  }, metadata), children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type && (type === 'interactive' || type === 'order') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.type === 'quick_reply' && /*#__PURE__*/_react.default.createElement(QuickReplyRender, _extends({
     rest: rest
   }, children, {
     type: type,

package/dist/components/MultipleDateSelector/multipleDateSelector.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = require("../colors");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "multipleDateSelector__Wrapper"
-})(["display:flex;flex-direction:row;flex-wrap:wrap;border:0.071rem solid ", ";padding:1rem;background:", ";font-family:'Arial',sans-serif;font-size:1.5rem;"], _colors.BmGrey100, _colors.BmSecondaryBlue12);
+})(["display:flex;flex-direction:row;flex-wrap:wrap;border:0.071rem solid #33b1ba;padding:1rem;background:#e6f6f7;border-radius:0.5rem;font-family:'Arial',sans-serif;font-size:1.9rem;"]);
 var Box = _styledComponents.default.div.withConfig({
   displayName: "multipleDateSelector__Box"
-})(["display:inline-flex;border:0.071rem solid ", ";padding:0.5rem;cursor:pointer;font-family:'Arial',sans-serif;font-size:1.1rem;"], _colors.BmGrey100);
+})(["display:inline-flex;border:0.071rem solid #eeeeee;padding:0.5rem;cursor:pointer;"]);
 var BmMultiDateSelector = function BmMultiDateSelector(_ref) {
   var _ref$selectedNumbers = _ref.selectedNumbers,
     selectedNumbers = _ref$selectedNumbers === void 0 ? [] : _ref$selectedNumbers,
@@ -31,8 +30,8 @@ var BmMultiDateSelector = function BmMultiDateSelector(_ref) {
         return _onClick === null || _onClick === void 0 ? void 0 : _onClick(day);
       },
       style: {
-        backgroundColor: isSelected ? _colors.BmPrimaryBlue : _colors.BmPrimaryWhite,
-        color: isSelected ? _colors.BmPrimaryWhite : _colors.BmPrimaryBlack,
+        backgroundColor: isSelected ? '#33b1ba' : '#ffffff',
+        color: isSelected ? '#ffffff' : '#000000',
         fontWeight: isSelected ? 'bold' : 'normal'
       }
     }, day);

package/package.json

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

package/src/App.js

@@ -17,7 +17,7 @@ import {
   // BmButtonDropDown,
   // BmBtnIcon,
   BmContactCard,
-  BmModal,
+  // BmModal,
   // BmContactCheckbox,
   // BmCounter,
   // BmProfileIcon,
@@ -894,22 +894,7 @@ const Chat = () => {
   return (
     <>
       <GlobalStyle />
-      <BmModal show style={{ width: '800px' }}>
-        <div>
-          <BmModal.Header subHeading={<h5>Orders for user.</h5>} closeButton>
-            <h3 className="text-black font-weight-bold">
-              <h3>Order History</h3>
-            </h3>
-          </BmModal.Header>
-          <BmModal.Body>
-            {' '}
-            <p>TEXT HERE</p>
-          </BmModal.Body>
-          {/* <BmModal.Footer>
 
-      </BmModal.Footer> */}
-        </div>
-      </BmModal>
       <div>
         <BmChat.Details
           key={85279}
@@ -1383,6 +1368,35 @@ const Chat = () => {
           })}
         </BmChat.Body>
       </BmChat>
+      <BmAccordion expandIconPosition="right">
+        <BmAccordion.Title size="small">Contacts</BmAccordion.Title>
+        <BmAccordion.Body>
+          <div className="accordion-body">
+            <BmAccordion expandIcon="none">
+              <BmAccordion.Title>
+                <button
+                  type="button"
+                  onClick={() => {
+                    console.log('click 1');
+                  }}
+                >
+                  Customers
+                </button>
+              </BmAccordion.Title>
+            </BmAccordion>
+
+            <BmAccordion expandIcon="none">
+              <BmAccordion.Title>Reedem History</BmAccordion.Title>
+            </BmAccordion>
+            <BmAccordion expandIcon="none">
+              <BmAccordion.Title>Rewards</BmAccordion.Title>
+            </BmAccordion>
+            <BmAccordion expandIcon="none">
+              <BmAccordion.Title>Pending Redemption</BmAccordion.Title>
+            </BmAccordion>
+          </div>
+        </BmAccordion.Body>
+      </BmAccordion>
     </>
   );
 };

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

@@ -567,7 +567,6 @@ BmChat.Details = ({
   extension,
   ...rest
 }) => {
-  console.log(src);
   return (
     <>
       <Details state={state} {...rest}>
@@ -617,7 +616,9 @@ BmChat.Details = ({
                   ) : metadata.type === 'order' ? (
                     <OrderRender {...metadata} type={type} state={state} />
                   ) : (
-                    <Messages metadata={metadata} state={state} />
+                    <Messages metadata={metadata} state={state}>
+                      {metadata}
+                    </Messages>
                   )}
 
                   {children}

package/src/lib/components/MultipleDateSelector/multipleDateSelector.js

@@ -1,31 +1,23 @@
 import React from 'react';
 import styled from 'styled-components';
-import {
-  BmGrey100,
-  BmPrimaryBlack,
-  BmPrimaryBlue,
-  BmPrimaryWhite,
-  BmSecondaryBlue12,
-} from '../colors';
 
 const Wrapper = styled.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  border: 0.071rem solid ${BmGrey100};
+  border: 0.071rem solid #33b1ba;
   padding: 1rem;
-  background: ${BmSecondaryBlue12};
+  background: #e6f6f7;
+  border-radius: 0.5rem;
   font-family: 'Arial', sans-serif;
-  font-size: 1.5rem;
+  font-size: 1.9rem;
 `;
 
 const Box = styled.div`
   display: inline-flex;
-  border: 0.071rem solid ${BmGrey100};
+  border: 0.071rem solid #eeeeee;
   padding: 0.5rem;
   cursor: pointer;
-  font-family: 'Arial', sans-serif;
-  font-size: 1.1rem;
 `;
 
 const BmMultiDateSelector = ({ selectedNumbers = [], onClick }) => {
@@ -40,8 +32,8 @@ const BmMultiDateSelector = ({ selectedNumbers = [], onClick }) => {
             key={day}
             onClick={() => onClick?.(day)}
             style={{
-              backgroundColor: isSelected ? BmPrimaryBlue : BmPrimaryWhite,
-              color: isSelected ? BmPrimaryWhite : BmPrimaryBlack,
+              backgroundColor: isSelected ? '#33b1ba' : '#ffffff',
+              color: isSelected ? '#ffffff' : '#000000',
               fontWeight: isSelected ? 'bold' : 'normal',
             }}
           >