@salesgenterp/ui-components 0.4.320 → 0.4.321

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import { Button, CircularProgress, TextField, Grid, Typography, Stack, Skeleton as Skeleton$1, CssBaseline, Box, InputAdornment, IconButton, TableHead, TableRow, Paper, TableContainer as TableContainer$2, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle, RadioGroup, Radio, FormControlLabel, FormControl, FormLabel, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox, Card, CardHeader, Tabs, Tab, Toolbar, Drawer, Tooltip, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent } from '@mui/material';
 import React__default, { useState, useEffect, forwardRef, createElement, memo, useCallback, useRef } from 'react';
-import { AiOutlineHome, AiOutlineRight, AiOutlinePlus, AiOutlineRise, AiOutlineShoppingCart, AiOutlineHeart, AiOutlineCreditCard, AiOutlineFileText, AiOutlineSetting, AiOutlineLeft, AiOutlineMinus, AiOutlineClose, AiOutlineDelete, AiOutlineCheckCircle, AiOutlineCheck } from 'react-icons/ai';
+import { AiOutlineHome, AiOutlineRight, AiOutlinePlus, AiOutlineRise, AiOutlineShoppingCart, AiOutlineHeart, AiOutlineCreditCard, AiOutlineFileText, AiOutlineSetting, AiOutlineLeft, AiOutlineMinus, AiOutlineClose, AiOutlineDelete, AiOutlineShop, AiOutlineCheckCircle, AiOutlineCheck } from 'react-icons/ai';
 import styled, { ThemeProvider } from 'styled-components';
 import axios from 'axios';
 import { isEmpty, get, template, isPlainObject, includes, values, cloneDeep, omit, sortBy, uniqBy, filter, isObject, isNumber, remove, sumBy } from 'lodash';
@@ -23,7 +23,7 @@ import moment$1 from 'moment/moment';
 import Cards from 'react-credit-cards';
 import Alert from '@mui/material/Alert';
 import AlertTitle from '@mui/material/AlertTitle';
-import { HiOutlineTruck, HiOutlineChevronDown } from 'react-icons/hi';
+import { HiOutlineTruck, HiOutlineLocationMarker, HiOutlineChevronDown } from 'react-icons/hi';
 import { BsBoxSeam, BsCartX } from 'react-icons/bs';
 import { TfiWallet } from 'react-icons/tfi';
 import { GoPackage } from 'react-icons/go';
@@ -8966,19 +8966,23 @@ var SwitchUser = function SwitchUser(_ref) {
     theme: colors
   }, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(RootContainer$4, null, /*#__PURE__*/React__default.createElement("h2", {
     style: {
-      fontWeight: 500,
+      fontWeight: 700,
+      fontSize: '2.5rem',
       marginBottom: '2rem'
     }
   }, "Select/Switch User"), /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
-    justifyContent: "center",
-    spacing: 3
+    spacing: 4
   }, 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) {
     return item;
   })) === null || _customerData$filter$ === void 0 ? void 0 : _customerData$filter$.map(function (item, i) {
     return /*#__PURE__*/React__default.createElement(Grid, {
       key: i,
-      item: true
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 4,
+      lg: 3
     }, /*#__PURE__*/React__default.createElement(CustomerContainer, {
       onClick: function onClick() {
         return onSelectCustomer(item);
@@ -8986,15 +8990,28 @@ var SwitchUser = function SwitchUser(_ref) {
     }, /*#__PURE__*/React__default.createElement(Avatar, {
       userName: ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || ''),
       sx: {
-        width: 80,
-        height: 80,
+        width: '8rem',
+        height: '8rem',
         fontSize: '2.4rem'
+      },
+      style: {
+        backgroundColor: '#00000040'
       }
-    }), /*#__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)));
+    }), /*#__PURE__*/React__default.createElement("p", {
+      className: "name"
+    }, ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || '')), /*#__PURE__*/React__default.createElement("p", {
+      className: "infoDetails"
+    }, /*#__PURE__*/React__default.createElement(HiOutlineLocationMarker, null), /*#__PURE__*/React__default.createElement("span", null, item === null || item === void 0 ? void 0 : item.company), ' '), /*#__PURE__*/React__default.createElement("p", {
+      className: "infoDetails"
+    }, /*#__PURE__*/React__default.createElement(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)))));
   }))));
 };
-var RootContainer$4 = styled.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  margin: auto;\n  text-align: center;\n  padding: 2.4rem;\n"])));
-var CustomerContainer = styled.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"])));
+var RootContainer$4 = styled.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  margin: auto;\n  padding: 2.4rem;\n  max-width: 1920px;\n"])));
+var CustomerContainer = styled.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) {
+  return props.theme.primaryColor || '#000000d9';
+}, function (props) {
+  return props.theme.primaryColor || '#000000d9';
+});
 
 var _templateObject$I, _templateObject2$u;
 var ThankYou = function ThankYou(_ref) {