beem-component 2.0.27 → 2.1.1

package/dist/components/Card_v2/Card.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Example = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Card = require("./Card");
+var _buttons = require("../Buttons/buttons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Components/BmCardv2',
+  component: _Card.BmCardv2,
+  argTypes: {
+    borderColor: {
+      control: 'color',
+      defaultValue: '#33B1BA'
+    },
+    borderWidth: {
+      control: 'text',
+      defaultValue: '1px'
+    }
+  }
+};
+const Template = _ref => {
+  let {
+    borderColor,
+    borderWidth
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Card.BmCardv2, {
+    borderColor: borderColor,
+    borderWidth: borderWidth
+  }, /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Header, null, /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Title, null, "Appointment Summary"), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Description, null, "This BmCardv2 shows a quick overview of your booking.")), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Content, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Type:"), " Consultation"), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Date:"), " June 24, 2025"), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Doctor:"), " Dr. Smith")), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Footer, null, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
+    variant: "primary"
+  }, "Edit"), /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
+    variant: "secondary"
+  }, "Cancel"))));
+};
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  borderColor: '#33B1BA',
+  borderWidth: '1px'
+};
+const Example = () => {
+  return /*#__PURE__*/_react.default.createElement(_Card.BmCardv2, {
+    borderColor: "#d62a2af",
+    borderWidth: "1.5px"
+  }, /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Header, null, /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Title, null, "Appointment Summary"), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Description, null, "This BmCardv2 shows a quick overview of your booking.")), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Content, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Type:"), " Consultation"), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Date:"), " June 24, 2025"), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Doctor:"), " Dr. Smith")), /*#__PURE__*/_react.default.createElement(_Card.BmCardv2.Footer, null, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
+    width: "100%",
+    size: "medium",
+    variant: "primary"
+  }, "Edit"), /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
+    borderColor: "#000000",
+    width: "100%",
+    size: "medium",
+    variant: "secondary",
+    color: "#000000"
+  }, "Cancel")));
+};
+exports.Example = Example;

package/dist/components/Cards/cards.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 BmCard = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BmCard = _styledComponents.default.div.withConfig({
   displayName: "cards__BmCard"
 })(["display:flex;flex-direction:column;background:", ";border:0.071rem solid ", ";border-radius:0.25rem;> *{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:0.5rem;}"], _colors.BmPrimaryWhite, _colors.BmGrey400);
 BmCard.Header = _styledComponents.default.div.withConfig({
@@ -19,5 +19,4 @@ BmCard.Body = _styledComponents.default.div.withConfig({
 BmCard.Footer = _styledComponents.default.div.withConfig({
   displayName: "cards__Footer"
 })(["border-top:0.071rem solid ", ";padding:0.5rem 0.5rem 0rem 0.5rem;"], _colors.BmGrey400);
-var _default = BmCard;
-exports.default = _default;
+var _default = exports.default = BmCard;

package/dist/components/Cards/cards.stories.js

@@ -10,9 +10,9 @@ var _cards = _interopRequireDefault(require("./cards"));
 require("../../../main.scss");
 var _buttons = require("../Buttons/buttons");
 var _beem = _interopRequireDefault(require("../../assets/beem.jpeg"));
-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: _cards.default,
   title: 'components/Card',
   argTypes: {
@@ -24,14 +24,13 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var BasicCardSample = function BasicCardSample() {
+const BasicCardSample = () => {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_cards.default, {
     disabled: (0, _addonKnobs.boolean)('disabled', false)
   }, /*#__PURE__*/_react.default.createElement(_cards.default.Header, null, /*#__PURE__*/_react.default.createElement("h3", null, (0, _addonKnobs.text)('children', 'Card Header'))), /*#__PURE__*/_react.default.createElement(_cards.default.Body, null, "Card Body"), /*#__PURE__*/_react.default.createElement(_cards.default.Footer, null, "Card Footer")));
 };
 exports.BasicCardSample = BasicCardSample;
-var Example = function Example() {
+const Example = () => {
   return /*#__PURE__*/_react.default.createElement(_cards.default, null, /*#__PURE__*/_react.default.createElement(_cards.default.Header, null, /*#__PURE__*/_react.default.createElement("h3", null, "Overview")), /*#__PURE__*/_react.default.createElement(_cards.default.Body, null, /*#__PURE__*/_react.default.createElement("img", {
     src: _beem.default,
     alt: "Imagebody"

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

@@ -7,94 +7,120 @@ exports.BmFeedPostComments = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-var _excluded = ["story", "state", "status", "image"];
-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 BmFeedPost = _styledComponents.default.div.withConfig({
+const _excluded = ["story", "state", "status", "image"];
+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 BmFeedPost = _styledComponents.default.div.withConfig({
   displayName: "FeedPostComments__BmFeedPost"
-})(["display:inline-block;flex-direction:column;padding:0.5rem;width:", ";max-width:", ";margin-left:", ";background-color:", ";border:0.071rem solid ", ";border-radius:0.25rem;max-height:", ";height:", ";"], function (_ref) {
-  var image = _ref.image;
+})(["display:inline-block;flex-direction:column;padding:0.5rem;width:", ";max-width:", ";margin-left:", ";background-color:", ";border:0.071rem solid ", ";border-radius:0.25rem;max-height:", ";height:", ";"], _ref => {
+  let {
+    image
+  } = _ref;
   if (image) return '15vw';
   return '20vw';
-}, function (_ref2) {
-  var image = _ref2.image;
+}, _ref2 => {
+  let {
+    image
+  } = _ref2;
   if (image) return '15vw';
   return '20vw';
-}, function (_ref3) {
-  var state = _ref3.state;
+}, _ref3 => {
+  let {
+    state
+  } = _ref3;
   if (state) {
     if (state === 'inbound') return '0rem';
     if (state === 'outbound') return 'auto';
   }
   return '0rem';
-}, function (_ref4) {
-  var state = _ref4.state;
+}, _ref4 => {
+  let {
+    state
+  } = _ref4;
   if (state) {
     if (state === 'inbound') return "".concat(_colors.BmPrimaryWhite);
     if (state === 'outbound') return "".concat(_colors.BmPrimaryBlue);
   }
   return "".concat(_colors.BmPrimaryWhite);
-}, _colors.BmGrey200, function (_ref5) {
-  var image = _ref5.image;
+}, _colors.BmGrey200, _ref5 => {
+  let {
+    image
+  } = _ref5;
   if (image) return '10vw';
   return '100%';
-}, function (_ref6) {
-  var image = _ref6.image;
+}, _ref6 => {
+  let {
+    image
+  } = _ref6;
   if (image) return '10vw';
   return '100%';
 });
-var MainContent = _styledComponents.default.div.withConfig({
+const MainContent = _styledComponents.default.div.withConfig({
   displayName: "FeedPostComments__MainContent"
-})(["display:flex;flex-direction:row;border-left:", ";background-color:", ";max-height:80%;height:80%;"], function (_ref7) {
-  var status = _ref7.status;
+})(["display:flex;flex-direction:row;border-left:", ";background-color:", ";max-height:80%;height:80%;"], _ref7 => {
+  let {
+    status
+  } = _ref7;
   if (status) {
     if (status === 'comment') return "0.143rem solid ".concat(_colors.BmSecondaryGreen);
     if (status === 'story') return "0.143rem solid ".concat(_colors.BmSecondaryPurple);
   }
   return "0.143rem solid ".concat(_colors.BmSecondaryPurple);
-}, function (_ref8) {
-  var state = _ref8.state;
+}, _ref8 => {
+  let {
+    state
+  } = _ref8;
   if (state) {
     if (state === 'inbound') return "".concat(_colors.BmTransparentBg30);
     if (state === 'outbound') return "".concat(_colors.BmTransparentBg30);
   }
   return "".concat(_colors.BmTransparentBg30);
 });
-var Content = _styledComponents.default.div.withConfig({
+const Content = _styledComponents.default.div.withConfig({
   displayName: "FeedPostComments__Content"
-})(["display:flex;flex-direction:column;color:", ";word-break:break-word;> *{margin-bottom:0.5rem;word-break:break-word;}width:", ";max-width:", ";padding:0.5rem;"], function (_ref9) {
-  var state = _ref9.state;
+})(["display:flex;flex-direction:column;color:", ";word-break:break-word;> *{margin-bottom:0.5rem;word-break:break-word;}width:", ";max-width:", ";padding:0.5rem;"], _ref9 => {
+  let {
+    state
+  } = _ref9;
   if (state && state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
   if (state && state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   return "".concat(_colors.BmPrimaryBlack);
-}, function (_ref10) {
-  var image = _ref10.image;
+}, _ref0 => {
+  let {
+    image
+  } = _ref0;
   if (image) return '75%';
   return '100%';
-}, function (_ref11) {
-  var image = _ref11.image;
+}, _ref1 => {
+  let {
+    image
+  } = _ref1;
   if (image) return '75%';
   return '100%';
 });
-var Image = _styledComponents.default.img.withConfig({
+const Image = _styledComponents.default.img.withConfig({
   displayName: "FeedPostComments__Image"
 })(["max-width:25%;width:25%;"]);
 BmFeedPost.Footer = _styledComponents.default.div.withConfig({
   displayName: "FeedPostComments__Footer"
-})(["display:flex;flex-direction:row;word-break:break-word;> *{word-break:break-word !important;}align-items:center;margin-top:0.5rem;max-height:20%;height:20%;color:", ";"], function (_ref12) {
-  var state = _ref12.state;
+})(["display:flex;flex-direction:row;word-break:break-word;> *{word-break:break-word !important;}align-items:center;margin-top:0.5rem;max-height:20%;height:20%;color:", ";"], _ref10 => {
+  let {
+    state
+  } = _ref10;
   if (state && state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
   if (state && state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
   return "".concat(_colors.BmPrimaryBlack);
 });
-var BmFeedPostComments = function BmFeedPostComments(_ref13) {
-  var story = _ref13.story,
-    state = _ref13.state,
-    status = _ref13.status,
-    image = _ref13.image,
-    rest = _objectWithoutProperties(_ref13, _excluded);
+const BmFeedPostComments = _ref11 => {
+  let {
+      story,
+      state,
+      status,
+      image
+    } = _ref11,
+    rest = _objectWithoutProperties(_ref11, _excluded);
   return story && /*#__PURE__*/_react.default.createElement(BmFeedPost, _extends({
     state: story.state
   }, rest, {