@salesgenterp/ui-components 0.4.320 → 0.4.321

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -8970,19 +8970,23 @@ var SwitchUser = function SwitchUser(_ref) {
8970
8970
  theme: colors
8971
8971
  }, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(RootContainer$4, null, /*#__PURE__*/React__default.createElement("h2", {
8972
8972
  style: {
8973
- fontWeight: 500,
8973
+ fontWeight: 700,
8974
+ fontSize: '2.5rem',
8974
8975
  marginBottom: '2rem'
8975
8976
  }
8976
8977
  }, "Select/Switch User"), /*#__PURE__*/React__default.createElement(material.Grid, {
8977
8978
  container: true,
8978
- justifyContent: "center",
8979
- spacing: 3
8979
+ spacing: 4
8980
8980
  }, customerData === null || customerData === void 0 ? void 0 : (_customerData$filter = customerData.filter) === null || _customerData$filter === void 0 ? void 0 : (_customerData$filter$ = _customerData$filter.call(customerData, function (item) {
8981
8981
  return item;
8982
8982
  })) === null || _customerData$filter$ === void 0 ? void 0 : _customerData$filter$.map(function (item, i) {
8983
8983
  return /*#__PURE__*/React__default.createElement(material.Grid, {
8984
8984
  key: i,
8985
- item: true
8985
+ item: true,
8986
+ xs: 12,
8987
+ sm: 6,
8988
+ md: 4,
8989
+ lg: 3
8986
8990
  }, /*#__PURE__*/React__default.createElement(CustomerContainer, {
8987
8991
  onClick: function onClick() {
8988
8992
  return onSelectCustomer(item);
@@ -8990,15 +8994,28 @@ var SwitchUser = function SwitchUser(_ref) {
8990
8994
  }, /*#__PURE__*/React__default.createElement(Avatar, {
8991
8995
  userName: ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || ''),
8992
8996
  sx: {
8993
- width: 80,
8994
- height: 80,
8997
+ width: '8rem',
8998
+ height: '8rem',
8995
8999
  fontSize: '2.4rem'
9000
+ },
9001
+ style: {
9002
+ backgroundColor: '#00000040'
8996
9003
  }
8997
- }), /*#__PURE__*/React__default.createElement("p", null, ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || '')), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.company), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.dbaName)));
9004
+ }), /*#__PURE__*/React__default.createElement("p", {
9005
+ className: "name"
9006
+ }, ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || '')), /*#__PURE__*/React__default.createElement("p", {
9007
+ className: "infoDetails"
9008
+ }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, null), /*#__PURE__*/React__default.createElement("span", null, item === null || item === void 0 ? void 0 : item.company), ' '), /*#__PURE__*/React__default.createElement("p", {
9009
+ className: "infoDetails"
9010
+ }, /*#__PURE__*/React__default.createElement(ai.AiOutlineShop, null), /*#__PURE__*/React__default.createElement("span", null, (item === null || item === void 0 ? void 0 : item.dbaName) || (item === null || item === void 0 ? void 0 : item.company)))));
8998
9011
  }))));
8999
9012
  };
9000
- var RootContainer$4 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n margin: auto;\n text-align: center;\n padding: 2.4rem;\n"])));
9001
- var CustomerContainer = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
9013
+ var RootContainer$4 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n margin: auto;\n padding: 2.4rem;\n max-width: 1920px;\n"])));
9014
+ var CustomerContainer = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n transition: all 0.5s;\n padding: 1.1rem;\n border-radius: 1rem;\n box-shadow: 2px 2px 6px 0px #00000020;\n &:hover {\n transform: scale(1.05);\n }\n .name {\n color: ", ";\n font-size: 2.5rem;\n font-weight: 700;\n }\n .infoDetails {\n font-size: 1.1rem;\n color: #46464680;\n margin: 1rem 0;\n display: flex;\n align-items: center;\n svg {\n color: ", ";\n font-size: 1.5rem;\n margin-right: 0.5rem;\n }\n }\n"])), function (props) {
9015
+ return props.theme.primaryColor || '#000000d9';
9016
+ }, function (props) {
9017
+ return props.theme.primaryColor || '#000000d9';
9018
+ });
9002
9019
 
9003
9020
  var _templateObject$I, _templateObject2$u;
9004
9021
  var ThankYou = function ThankYou(_ref) {