@nerdjs/sales-kit 1.0.2 → 1.0.3

package/dist/cjs/index.js

@@ -1,3169 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Grid = require('@mui/material/Grid');
-var Typography = require('@mui/material/Typography');
-var toolkit = require('@reduxjs/toolkit');
-var moment$1 = require('moment');
-var styles = require('@mui/material/styles');
-var React = require('react');
-var WarningIcon = require('@mui/icons-material/Warning');
-var LocalShippingIcon = require('@mui/icons-material/LocalShipping');
-var Box = require('@mui/material/Box');
-var nerdNetwork = require('@nerdjs/nerd-network');
-var TextField = require('@mui/material/TextField');
-var Autocomplete = require('@mui/material/Autocomplete');
-var nerdUi = require('@nerdjs/nerd-ui');
-var BusinessIcon = require('@mui/icons-material/Business');
-var IconButton = require('@mui/material/IconButton');
-var CloseIcon = require('@mui/icons-material/Close');
-var Avatar = require('@mui/material/Avatar');
-var CardHeader = require('@mui/material/CardHeader');
-var colors = require('@mui/material/colors');
-var CorporateFareIcon = require('@mui/icons-material/CorporateFare');
-var Paper = require('@mui/material/Paper');
-var Fab = require('@mui/material/Fab');
-var useMediaQuery = require('@mui/material/useMediaQuery');
-var PreviewIcon = require('@mui/icons-material/Preview');
-var Divider = require('@mui/material/Divider');
-var Container = require('@mui/material/Container');
-var Stack = require('@mui/material/Stack');
-var Skeleton = require('@mui/material/Skeleton');
-var DialogTitle = require('@mui/material/DialogTitle');
-var FormControl = require('@mui/material/FormControl');
-var FormHelperText = require('@mui/material/FormHelperText');
-var InputLabel = require('@mui/material/InputLabel');
-var MenuItem = require('@mui/material/MenuItem');
-var NativeSelect = require('@mui/material/NativeSelect');
-var Select = require('@mui/material/Select');
-var EditIcon = require('@mui/icons-material/Edit');
-var Tooltip = require('@mui/material/Tooltip');
-var Chip = require('@mui/material/Chip');
-var CheckIcon = require('@mui/icons-material/Check');
-var CircularProgress = require('@mui/material/CircularProgress');
-var Dialog = require('@mui/material/Dialog');
-var DialogContent = require('@mui/material/DialogContent');
-var DialogContentText = require('@mui/material/DialogContentText');
-var FormGroup = require('@mui/material/FormGroup');
-var FormControlLabel = require('@mui/material/FormControlLabel');
-var Switch = require('@mui/material/Switch');
-var DialogActions = require('@mui/material/DialogActions');
-var Button = require('@mui/material/Button');
-var AddIcon = require('@mui/icons-material/Add');
-var material = require('@mui/material');
-var PlaceIcon = require('@mui/icons-material/Place');
-var LocationOnTwoToneIcon = require('@mui/icons-material/LocationOnTwoTone');
-var List = require('@mui/material/List');
-var ListItem$1 = require('@mui/material/ListItem');
-var ListItemButton = require('@mui/material/ListItemButton');
-var ListItemAvatar = require('@mui/material/ListItemAvatar');
-var ListItemText = require('@mui/material/ListItemText');
-var ArrowUpwardIcon = require('@mui/icons-material/ArrowUpward');
-var ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
-var Menu = require('@mui/material/Menu');
-var AddCircleOutlineRoundedIcon = require('@mui/icons-material/AddCircleOutlineRounded');
-var FormLabel = require('@mui/material/FormLabel');
-var Radio = require('@mui/material/Radio');
-var RadioGroup = require('@mui/material/RadioGroup');
-var Accordion = require('@mui/material/Accordion');
-var AccordionDetails = require('@mui/material/AccordionDetails');
-var AccordionSummary = require('@mui/material/AccordionSummary');
-var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
-var ListAltIcon = require('@mui/icons-material/ListAlt');
-var BarChartIcon = require('@mui/icons-material/BarChart');
-var AddBoxIcon = require('@mui/icons-material/AddBox');
-var Card = require('@mui/material/Card');
-var CardContent = require('@mui/material/CardContent');
-var Table = require('@mui/material/Table');
-var TableBody = require('@mui/material/TableBody');
-var TableCell = require('@mui/material/TableCell');
-var TableContainer = require('@mui/material/TableContainer');
-var TableRow = require('@mui/material/TableRow');
-var CalendarMonthIcon = require('@mui/icons-material/CalendarMonth');
-var TableHead = require('@mui/material/TableHead');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$1);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var WarningIcon__default = /*#__PURE__*/_interopDefaultLegacy(WarningIcon);
-var LocalShippingIcon__default = /*#__PURE__*/_interopDefaultLegacy(LocalShippingIcon);
-var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
-var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
-var Autocomplete__default = /*#__PURE__*/_interopDefaultLegacy(Autocomplete);
-var BusinessIcon__default = /*#__PURE__*/_interopDefaultLegacy(BusinessIcon);
-var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
-var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
-var CardHeader__default = /*#__PURE__*/_interopDefaultLegacy(CardHeader);
-var CorporateFareIcon__default = /*#__PURE__*/_interopDefaultLegacy(CorporateFareIcon);
-var Paper__default = /*#__PURE__*/_interopDefaultLegacy(Paper);
-var Fab__default = /*#__PURE__*/_interopDefaultLegacy(Fab);
-var useMediaQuery__default = /*#__PURE__*/_interopDefaultLegacy(useMediaQuery);
-var PreviewIcon__default = /*#__PURE__*/_interopDefaultLegacy(PreviewIcon);
-var Divider__default = /*#__PURE__*/_interopDefaultLegacy(Divider);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Stack__default = /*#__PURE__*/_interopDefaultLegacy(Stack);
-var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
-var DialogTitle__default = /*#__PURE__*/_interopDefaultLegacy(DialogTitle);
-var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
-var FormHelperText__default = /*#__PURE__*/_interopDefaultLegacy(FormHelperText);
-var InputLabel__default = /*#__PURE__*/_interopDefaultLegacy(InputLabel);
-var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
-var NativeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NativeSelect);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Chip__default = /*#__PURE__*/_interopDefaultLegacy(Chip);
-var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
-var CircularProgress__default = /*#__PURE__*/_interopDefaultLegacy(CircularProgress);
-var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
-var DialogContent__default = /*#__PURE__*/_interopDefaultLegacy(DialogContent);
-var DialogContentText__default = /*#__PURE__*/_interopDefaultLegacy(DialogContentText);
-var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
-var FormControlLabel__default = /*#__PURE__*/_interopDefaultLegacy(FormControlLabel);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var DialogActions__default = /*#__PURE__*/_interopDefaultLegacy(DialogActions);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
-var PlaceIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlaceIcon);
-var LocationOnTwoToneIcon__default = /*#__PURE__*/_interopDefaultLegacy(LocationOnTwoToneIcon);
-var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
-var ListItem__default = /*#__PURE__*/_interopDefaultLegacy(ListItem$1);
-var ListItemButton__default = /*#__PURE__*/_interopDefaultLegacy(ListItemButton);
-var ListItemAvatar__default = /*#__PURE__*/_interopDefaultLegacy(ListItemAvatar);
-var ListItemText__default = /*#__PURE__*/_interopDefaultLegacy(ListItemText);
-var ArrowUpwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowUpwardIcon);
-var ArrowDownwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownwardIcon);
-var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
-var AddCircleOutlineRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddCircleOutlineRoundedIcon);
-var FormLabel__default = /*#__PURE__*/_interopDefaultLegacy(FormLabel);
-var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
-var RadioGroup__default = /*#__PURE__*/_interopDefaultLegacy(RadioGroup);
-var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
-var AccordionDetails__default = /*#__PURE__*/_interopDefaultLegacy(AccordionDetails);
-var AccordionSummary__default = /*#__PURE__*/_interopDefaultLegacy(AccordionSummary);
-var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
-var ListAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(ListAltIcon);
-var BarChartIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarChartIcon);
-var AddBoxIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddBoxIcon);
-var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
-var CardContent__default = /*#__PURE__*/_interopDefaultLegacy(CardContent);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var TableBody__default = /*#__PURE__*/_interopDefaultLegacy(TableBody);
-var TableCell__default = /*#__PURE__*/_interopDefaultLegacy(TableCell);
-var TableContainer__default = /*#__PURE__*/_interopDefaultLegacy(TableContainer);
-var TableRow__default = /*#__PURE__*/_interopDefaultLegacy(TableRow);
-var CalendarMonthIcon__default = /*#__PURE__*/_interopDefaultLegacy(CalendarMonthIcon);
-var TableHead__default = /*#__PURE__*/_interopDefaultLegacy(TableHead);
-
-/**
- * @param x
- */
-function formattedPrice(x) {
-    const formatter = new Intl.NumberFormat("en-US", {
-        style: "currency",
-        currency: "USD",
-    });
-    return formatter.format(x);
-}
-/**
- * @param date
- */
-function safariFix(date) {
-    return date && date.replace && date.replace(/-/g, "/");
-}
-/**
- * @param {Date | moment} start The start date
- * @param {Date | moment} end The end date
- * @param startDate
- * @param endDate
- * @param {string} type The range type. eg: 'days', 'hours' etc
- */
-function getRange(startDate, endDate, type = "days") {
-    const fromDate = moment__default["default"](startDate);
-    const toDate = moment__default["default"](endDate);
-    const diff = toDate.diff(fromDate, type);
-    const range = [];
-    for (let i = 0; i < diff; i++) {
-        range.push(moment__default["default"](startDate).add(i, type));
-    }
-    return range;
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$3 = ".container-day {\n  background: rgba(155, 155, 155, 0.2);\n  width: 27px;\n  height: 27px;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  align-items: center;\n  transition: width 0.1s, height 0.1s;\n  transition-timing-function: ease-in;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n       user-select: none;\n  margin: 0;\n  color: #607d8b; }\n\n.rightBorderPatch {\n  width: 2;\n  height: 23;\n  position: absolute;\n  background: white;\n  right: -2;\n  top: 0;\n  z-index: 99; }\n\n.leftBorderPatch {\n  width: 2;\n  height: 23px;\n  position: absolute;\n  background: white;\n  left: -2;\n  top: 0;\n  z-index: 99; }\n";
-styleInject(css_248z$3);
-
-const DAY_SIZE = 35;
-/**
- * @param props
- */
-function Day(props) {
-    const { selectable, transit, pickup, color, selected, grouped, first, last, day, onSelect, flexible, } = props;
-    const theme = styles.createTheme();
-    const [invariantViolation, setInvariantViolation] = React__default["default"].useState(false);
-    let background = selectable ? color : undefined;
-    if (selected)
-        background = "white";
-    if (transit)
-        background = theme.palette.mode === "dark" ? "white" : "#607d8b";
-    let col = selectable ? "white" : undefined;
-    if (selected)
-        col = color;
-    let width = selected ? DAY_SIZE - 10 : undefined;
-    if (transit)
-        width = DAY_SIZE;
-    let height = selected ? DAY_SIZE - 10 : undefined;
-    if (transit)
-        height = 10;
-    if (selectable) {
-        height = DAY_SIZE - 12;
-        width = DAY_SIZE - 12;
-    }
-    if (flexible) {
-        width = DAY_SIZE;
-        height = DAY_SIZE - 12;
-    }
-    let borderTopLeftRadius = DAY_SIZE;
-    if (transit || flexible)
-        borderTopLeftRadius = first ? DAY_SIZE : 0;
-    let borderBottomLeftRadius = DAY_SIZE;
-    if (transit || flexible)
-        borderBottomLeftRadius = first ? DAY_SIZE : 0;
-    let borderTopRightRadius = DAY_SIZE;
-    if (transit || flexible)
-        borderTopRightRadius = last ? DAY_SIZE : 0;
-    let borderBottomRightRadius = DAY_SIZE;
-    if (transit || flexible)
-        borderBottomRightRadius = last ? DAY_SIZE : 0;
-    let margin = !transit ? "4px" : "0";
-    if (flexible)
-        margin = "4px 0px 4px 0px";
-    if (flexible && first) {
-        margin = "4px 0px 4px 4px";
-        width = DAY_SIZE - 4;
-    }
-    if (flexible && last) {
-        margin = "4px 4px 4px 0px";
-        width = DAY_SIZE - 4;
-    }
-    // This logic represents variations
-    React.useEffect(() => {
-        if ((selectable && transit) || (selectable && pickup)) {
-            setInvariantViolation(true);
-        }
-    }, [selectable, transit, pickup]);
-    if (invariantViolation) {
-        return jsxRuntime.jsx(WarningIcon__default["default"], { style: { color: "#ff9800", fontSize: "19px" } });
-    }
-    return (jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "div", sx: {
-            paddingTop: transit ? "10px" : "",
-            paddingBottom: transit ? "10px" : "",
-            width: DAY_SIZE + "px",
-        } }, { children: jsxRuntime.jsxs(Box__default["default"], Object.assign({ component: "div", className: "container-day", onClick: () => {
-                if (selectable && onSelect) {
-                    onSelect(day);
-                }
-            }, sx: {
-                cursor: selectable ? "pointer" : "not-allowed",
-                margin,
-                background: background,
-                color: col,
-                width,
-                height,
-                borderTop: selectable ? `solid 2px ${color}` : "",
-                borderBottom: selectable ? `solid 2px ${color}` : "",
-                borderRight: (flexible && last) || (selectable && !flexible)
-                    ? `solid 2px ${color}`
-                    : "",
-                borderLeft: (flexible && first) || (selectable && !flexible)
-                    ? `solid 2px ${color}`
-                    : "",
-                borderTopLeftRadius,
-                borderBottomLeftRadius,
-                borderTopRightRadius,
-                borderBottomRightRadius,
-            } }, { children: [!transit && !pickup && day.format("D"), pickup ? (jsxRuntime.jsx(LocalShippingIcon__default["default"], { color: "inherit", style: { fontSize: "19px" } })) : ([]), selected && grouped && !last ? (jsxRuntime.jsx("div", { className: "rightBorderPatch" })) : ([]), selected && grouped && !first ? (jsxRuntime.jsx("div", { className: "leftBorderPatch" })) : ([])] })) })));
-}
-
-var css_248z$2 = ".calendar-container {\n  display: flex;\n  align-items: center;\n  width: 245px;\n  flex-wrap: wrap; }\n\n.containerCalendar {\n  display: flex; }\n";
-styleInject(css_248z$2);
-
-// * MomentJS require be used as CJS when we build the library
-const Moment = require("moment");
-const MomentRange = require("moment-range");
-require("moment-range");
-const weekDays = ["s", "m", "t", "w", "t", "f", "s"];
-const DAY_REF = {
-    Sunday: 0,
-    Monday: 1,
-    Tuesday: 2,
-    Wednesday: 3,
-    Thursday: 4,
-    Friday: 5,
-    Saturday: 6,
-};
-const moment = MomentRange.extendMoment(Moment);
-const Calendar = (props) => {
-    const { serviceLevel, pickupDate, onSelect, selected } = props;
-    const theme = styles.createTheme();
-    // Setup format date
-    const pickup = moment(safariFix(pickupDate));
-    const from = moment(safariFix(serviceLevel.from));
-    const to = moment(safariFix(serviceLevel.to));
-    // check date format
-    const dateError = !pickup.isValid() || !from.isValid() || !to.isValid();
-    // Set first sunday
-    const firstSunday = pickup
-        .clone()
-        .subtract(DAY_REF[pickup.format("dddd")], "d");
-    // Set last sunday
-    const lastSunday = to.clone().add(7 - DAY_REF[to.format("dddd")], "d");
-    switch (lastSunday.diff(firstSunday, "days")) {
-        case 7:
-            lastSunday.add(21, "d");
-            break;
-        case 14:
-            lastSunday.add(14, "d");
-            break;
-        case 21:
-            lastSunday.add(7, "d");
-            break;
-    }
-    if (dateError) {
-        return jsxRuntime.jsx("div", { children: "Error: Check date" });
-    }
-    return (jsxRuntime.jsxs(Box__default["default"], Object.assign({ component: "div", sx: {
-            color: theme.palette.mode === "dark" ? "white" : "#607d8b",
-            padding: "0px 10px 0px 10px",
-        } }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, justifyContent: "space-between" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center", spacing: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx("img", { src: serviceLevel.iconProps.icon, alt: serviceLevel.serviceLevel, style: { width: 35 } }) })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true }, { children: [jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6", style: {
-                                                color: serviceLevel.iconProps.color,
-                                                textTransform: "capitalize",
-                                            } }, { children: serviceLevel.serviceLevel })), jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", style: { marginTop: -6 } }, { children: serviceLevel.description }))] }))] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6" }, { children: formattedPrice(serviceLevel.totalRate) })) }))] })), jsxRuntime.jsx(CalendarDaysWrapper, {}), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", color: "#607d8b", variant: "caption" }, { children: pickup.format("MMMM YY") })) })), jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "div", className: "calendar-container" }, { children: genCalendar({
-                    firstSunday,
-                    from,
-                    to,
-                    pickup,
-                    lastSunday,
-                    serviceLevel,
-                    onSelect,
-                    selected,
-                }) }))] })));
-};
-/**
- *
- */
-function CalendarDaysWrapper() {
-    return (jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "div", className: "calendar-container", sx: {
-            justifyContent: "space-between",
-            padding: "0px 15px 0px 10px",
-            textAlign: "center",
-            marginTop: 2.5,
-            color: "#607d8b",
-        } }, { children: weekDays.map((weekDay) => (jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", color: "inherit", style: { fontWeight: 600 } }, { children: weekDay.toUpperCase() }), toolkit.nanoid()))) })));
-}
-/**
- * @param root0
- * @param root0.firstSunday
- * @param root0.from
- * @param root0.to
- * @param root0.pickup
- * @param root0.lastSunday
- * @param root0.serviceLevel
- * @param root0.onSelect
- * @param root0.selected
- */
-function genCalendar({ firstSunday, from, to, pickup, lastSunday, serviceLevel, onSelect, selected, }) {
-    const JSX = [];
-    const d = firstSunday.clone();
-    const serviceLevelRange = moment().range(from, to);
-    const firstTransitDay = pickup.clone().add(1, "d");
-    const lastTransitDay = from.clone().subtract(1, "d");
-    const transitRange = moment().range(firstTransitDay, lastTransitDay);
-    while (!d.isSame(lastSunday, "day")) {
-        JSX.push(jsxRuntime.jsx(Day, { day: d.clone(), selectable: serviceLevelRange.contains(d), grouped: serviceLevel.grouped && serviceLevelRange.contains(d), color: serviceLevel.iconProps.color, onSelect: (daySelected) => onSelect({
-                date: daySelected.format("YYYY-MM-DD"),
-                element: serviceLevel,
-            }), pickup: d.isSame(pickup, "day"), transit: transitRange.contains(d), flexible: serviceLevel.flexible && serviceLevelRange.contains(d), selected: selected &&
-                selected.element.serviceLevel === serviceLevel.serviceLevel &&
-                (serviceLevel.flexible
-                    ? serviceLevelRange.contains(d)
-                    : d.isSame(moment(selected.date), "day")), first: d.isSame(firstTransitDay, "day") || d.isSame(from, "day"), last: d.isSame(lastTransitDay, "day") || d.isSame(to, "day") }, d.toDate().getTime()));
-        d.add(1, "d");
-    }
-    return JSX;
-}
-
-const RenderOptionTemplate$1 = ({ renderOptionProps, option, }) => {
-    return (jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "li", sx: {
-            backgroundColor: "transparent",
-            svg: { flexShrink: 0, color: "white" },
-            cursor: "pointer",
-            "&:hover": {
-                backgroundColor: "rgba(0, 0, 0, 0.08)",
-            },
-        } }, renderOptionProps, { children: jsxRuntime.jsx(CardHeader__default["default"], { avatar: jsxRuntime.jsx(Avatar__default["default"], Object.assign({ sx: {
-                    bgcolor: colors.blue[500],
-                }, "aria-label": "Customer" }, { children: jsxRuntime.jsx(CorporateFareIcon__default["default"], { fontSize: "medium" }) })), title: setTemplateContentByType$1(option), titleTypographyProps: {
-                fontWeight: "500",
-                variant: "body1",
-            }, subheader: setTemplateContentByType$1(option), sx: {
-                py: 1,
-                px: 1,
-            } }) })));
-};
-/**
- * @param option
- */
-function setTemplateContentByType$1(option) {
-    return option.name;
-}
-
-// Enums
-var QuoteAuxContent;
-(function (QuoteAuxContent) {
-    QuoteAuxContent["LTL"] = "LTL";
-    QuoteAuxContent["EXPEDITED"] = "Expedited";
-    QuoteAuxContent["TL"] = "TL";
-    QuoteAuxContent["FEET"] = "feet";
-    QuoteAuxContent["DRY"] = "Dry";
-    QuoteAuxContent["REEFER"] = "Reefer";
-    QuoteAuxContent["CONSIGNEE"] = "Drop-off";
-    QuoteAuxContent["SHIPPER"] = "Pick-up";
-    QuoteAuxContent["DROP_OFF"] = "Drop-off";
-    QuoteAuxContent["PICK_UP"] = "Pick-up";
-    QuoteAuxContent["INCHES"] = "inches";
-})(QuoteAuxContent || (QuoteAuxContent = {}));
-
-/**
- * Customer type guard.
- *
- * @param {any} customerJson Customer object from API
- * @returns {boolean} Return true if type is Customer_Entity
- */
-function isCustomer_Entity(customerJson) {
-    if (typeof customerJson === "object" && customerJson != null) {
-        Customer_Entity.requiredFields.forEach((element) => {
-            if (!Object.keys(customerJson).includes(element))
-                throw new Error(`Field ${element} is null or undefined`);
-        });
-    }
-    return true;
-}
-class Customer_Entity {
-    constructor(customerJson) {
-        if (isCustomer_Entity(customerJson)) {
-            this.id = customerJson.id;
-            this.name = customerJson.name;
-            this.company_id = customerJson.company_id;
-            this.credit_on_hold = customerJson.credit_on_hold;
-            this.inactivity_hold = customerJson.inactivity_hold;
-            this.credit_term_id = customerJson.credit_term_id;
-            this.line1 = customerJson.line1;
-            this.city = customerJson.city;
-            this.state = customerJson.state;
-            this.zip = customerJson.zip;
-            this.is_active = customerJson.is_active;
-            this.credit_term_name = customerJson.credit_term_name;
-        }
-    }
-}
-Customer_Entity.requiredFields = [
-    "id",
-    "name",
-    "company_id",
-    "credit_on_hold",
-    "inactivity_hold",
-    "credit_term_id",
-    "line1",
-    "city",
-    "state",
-    "zip",
-    "is_active",
-    "credit_term_name",
-];
-
-class Customer extends Customer_Entity {
-    static fromList(customersJSON) {
-        const customers = [];
-        if (customersJSON)
-            Array.isArray(customersJSON) &&
-                customersJSON.forEach((userJSON) => {
-                    customers.push(new Customer(userJSON));
-                });
-        return customers;
-    }
-    toJson() {
-        return JSON.stringify(this);
-    }
-}
-
-/**
- * Customer type guard.
- *
- * @param {any} locationJson Customer object from API
- * @returns {boolean} Return true if type is Customer_Entity
- */
-function isLocation_Entity(locationJson) {
-    if (typeof locationJson === "object" && locationJson != null) {
-        Location_Entity.requiredFields.forEach((element) => {
-            if (!Object.keys(locationJson).includes(element))
-                throw new Error(`Field ${element} is null or undefined`);
-        });
-    }
-    return true;
-}
-class Location_Entity {
-    constructor(customerJson) {
-        if (isLocation_Entity(customerJson)) {
-            this.id = customerJson.id;
-            this.name = customerJson.name;
-            this.contact = customerJson.contact;
-            this.phone = customerJson.phone;
-            this.accessorials = customerJson.accessorials;
-            this.address = customerJson.address;
-        }
-    }
-}
-Location_Entity.requiredFields = [
-    "id",
-    "name",
-    "contact",
-    "phone",
-    "accessorials",
-    "address",
-];
-
-class Location extends Location_Entity {
-    static fromList(locationJSON) {
-        const locations = [];
-        if (locationJSON)
-            Array.isArray(locationJSON) &&
-                locationJSON.forEach((locationJSON) => {
-                    locations.push(new Location(locationJSON));
-                });
-        return locations;
-    }
-    toJson() {
-        return JSON.stringify(this);
-    }
-}
-
-/**
- * Market Costs type guard.
- *
- * @param {any} marketCostsJSON Quote object from API
- * @returns {boolean} Return true if type is MarketCosts_Entity
- */
-function isMarketCosts_Entity(marketCostsJSON) {
-    if (typeof marketCostsJSON === "object" && marketCostsJSON != null) {
-        MarketCosts_Entity.requiredFields.forEach((element) => {
-            if (!Object.keys(marketCostsJSON).includes(element))
-                throw new Error(`Field ${element} is null or undefined`);
-        });
-    }
-    return true;
-}
-class MarketCosts_Entity {
-    constructor(marketCostsJSON) {
-        if (isMarketCosts_Entity(marketCostsJSON)) {
-            this.id = marketCostsJSON.id;
-            this.total_cost = marketCostsJSON.total_cost;
-            this.total_cost_with_margin = marketCostsJSON.total_cost_with_margin;
-            this.margin = marketCostsJSON.margin;
-            this.otr_miles = marketCostsJSON.otr_miles;
-            this.fuel_cost = marketCostsJSON.fuel_cost;
-            this.linehaul_cost = marketCostsJSON.linehaul_cost;
-            this.truckload_total_cost = marketCostsJSON.truckload_total_cost;
-            this.ltl_pallet_percentage = marketCostsJSON.ltl_pallet_percentage;
-            this.stop_fees = marketCostsJSON.stop_fees;
-            this.market_data = marketCostsJSON.market_data;
-        }
-    }
-}
-MarketCosts_Entity.requiredFields = [
-    "id",
-    "total_cost",
-    "total_cost_with_margin",
-    "margin",
-    "otr_miles",
-    "fuel_cost",
-    "linehaul_cost",
-    "truckload_total_cost",
-    "ltl_pallet_percentage",
-    "stop_fees",
-    "market_data",
-];
-
-class MarketCosts extends MarketCosts_Entity {
-    static fromList(quoteJSON) {
-        const quotes = [];
-        if (quoteJSON)
-            Array.isArray(quoteJSON) &&
-                quoteJSON.forEach((quoteJSON) => {
-                    quotes.push(new MarketCosts(quoteJSON));
-                });
-        return quotes;
-    }
-    toJson() {
-        return JSON.stringify(this);
-    }
-}
-
-/**
- * Quote type guard.
- *
- * @param {any} quoteJson Quote object from API
- * @returns {boolean} Return true if type is Quote_Entity
- */
-function isQuote_Entity(quoteJson) {
-    if (typeof quoteJson === "object" && quoteJson != null) {
-        Quote_Entity.requiredFields.forEach((element) => {
-            if (!Object.keys(quoteJson).includes(element))
-                throw new Error(`Field ${element} is null or undefined`);
-        });
-    }
-    return true;
-}
-class Quote_Entity {
-    constructor(quoteJson) {
-        if (isQuote_Entity(quoteJson)) {
-            this.id = quoteJson.id;
-            this.customerId = quoteJson.customerId;
-            this.customerName = quoteJson.customerName;
-            this.createdAt = quoteJson.createdAt;
-            this.commodityDescription = quoteJson.commodityDescription;
-            this.commodityDescriptionId = quoteJson.commodityDescriptionId;
-            this.totalMiles = quoteJson.totalMiles;
-            this.pallets = quoteJson.pallets;
-            this.pieces = quoteJson.pieces;
-            this.freightClass = quoteJson.freightClass;
-            this.dryVanOnly = quoteJson.dryVanOnly;
-            this.feet = quoteJson.feet;
-            this.weight = quoteJson.weight;
-            this.type = quoteJson.type;
-            this.stops = quoteJson.stops;
-            this.serviceLevels = quoteJson.serviceLevels;
-            this.accessorials = quoteJson.accessorials;
-            this.units = quoteJson.units;
-            this.api = quoteJson.api;
-            this.version = quoteJson.version;
-            this.transitTime = quoteJson.transitTime;
-            this.temp = quoteJson.temp;
-        }
-    }
-}
-Quote_Entity.requiredFields = [
-    "id",
-    "customerId",
-    "customerName",
-    "createdAt",
-    "commodityDescription",
-    "commodityDescriptionId",
-    "pallets",
-    "pieces",
-    "dryVanOnly",
-    "feet",
-    "weight",
-    "type",
-    "stops",
-    "serviceLevels",
-    "units",
-    "api",
-    "version",
-];
-
-class QuoteRequest extends Quote_Entity {
-    static fromList(quoteJSON) {
-        const quotes = [];
-        if (quoteJSON)
-            Array.isArray(quoteJSON) &&
-                quoteJSON.forEach((quoteJSON) => {
-                    quotes.push(new QuoteRequest(quoteJSON));
-                });
-        return quotes;
-    }
-    toJson() {
-        return JSON.stringify(this);
-    }
-}
-
-const getQuoteAccessorials = toolkit.createAction("newQuote/getAccessorials", function prepare() {
-    const request = new nerdNetwork.GetAction("/quote-service/accessorials");
-    request.decodeResponse = (dispatch, json) => {
-        const accessorials = json;
-        dispatch(getQuoteAccessorialsSuccess(accessorials));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getQuoteAccessorialsSuccess = toolkit.createAction("quote/getQuoteSuccess", function prepare(accessorials) {
-    return {
-        payload: {
-            accessorials,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Get commodity description
-const getQuoteCommodityDescription = toolkit.createAction("newQuote/getQuoteCommodityDescription", function prepare() {
-    const request = new nerdNetwork.GetAction("/commodity_descriptions", {}, "v1");
-    request.decodeResponse = (dispatch, json) => {
-        const commodity_descriptions = json;
-        dispatch(getQuoteCommodityDescirptionSuccess(commodity_descriptions));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getQuoteCommodityDescirptionSuccess = toolkit.createAction("quote/getCommodityDescriptionSuccess", function prepare(commodityDescriptions) {
-    return {
-        payload: {
-            commodityDescriptions,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Store Pallet
-const storePallets = toolkit.createAction("quote/storePallets", function prepare(pallets) {
-    const request = new nerdNetwork.PostAction("/quote-service/pallets", pallets);
-    request.decodeResponse = (dispatch, json) => {
-        const pallet = json;
-        dispatch(storePalletUnitSuccess(pallet));
-        dispatch(storePalletError({ uuid: "", status: 0 }));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-            request,
-        },
-    };
-});
-const storePalletUnitSuccess = toolkit.createAction("quote/storePalletUnitSuccess", function prepare(units) {
-    return {
-        payload: {
-            units,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-const storePalletError = toolkit.createAction("quote/storePalletError", function prepare(error) {
-    return {
-        payload: {
-            error,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Search customer
-const getCustomers = toolkit.createAction("customers/search/getCustomers", function prepare(query) {
-    const request = new nerdNetwork.GetAction("/customers/search", query, "v1");
-    request.decodeResponse = (dispatch, json) => {
-        const customers = Customer.fromList(json);
-        dispatch(getCustomersSuccess(customers));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getCustomersSuccess = toolkit.createAction("customers/search/getCustomersSuccess", function prepare(customers) {
-    return {
-        payload: {
-            customers,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Facility search
-const getFacility = toolkit.createAction("locations/search/getFacility", function prepare(query) {
-    const request = new nerdNetwork.GetAction("/locations/search", query);
-    request.decodeResponse = (dispatch, json) => {
-        const locations = Location.fromList(json);
-        dispatch(getArcherLocationsSuccess(locations));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getArcherLocationsSuccess = toolkit.createAction("locations/search/getArcherLocationsSuccess", function prepare(locations) {
-    return {
-        payload: {
-            locations,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-const removeArcherLocations = toolkit.createAction("locations/search/removeArcherLocations", function prepare() {
-    return {
-        payload: {},
-    };
-});
-// Facility search
-const storeNewLocation = toolkit.createAction("locations/saveNewLocation", function prepare(newLocation) {
-    const request = new nerdNetwork.PostAction("/locations", newLocation);
-    request.decodeResponse = (dispatch) => {
-        dispatch(setSavingActionLocation(true, "POST"));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-            request,
-        },
-    };
-});
-const setSavingActionLocation = toolkit.createAction("locations/setSavingActionLocation", function prepare(isSuccess, method) {
-    return {
-        payload: {
-            changeLocationSucess: {
-                isSuccess,
-                method,
-            },
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Facility search
-const updateLocation = toolkit.createAction("locations/updateLocation", function prepare(id, newLocation) {
-    const request = new nerdNetwork.PutAction(`/locations/${id}`, newLocation);
-    request.decodeResponse = (dispatch) => {
-        dispatch(setSavingActionLocation(true, "PUT"));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-            request,
-        },
-    };
-});
-// Store QuoteForm
-const storeQuoteFormData = toolkit.createAction("locations/storeQuoteFormData", function prepare(quoteFormData) {
-    return {
-        payload: {
-            quoteFormData,
-        },
-    };
-});
-// Store QuoteForm
-const setIsQuoteFormSubmitted = toolkit.createAction("quote/isQuoteFormSubmitted", function prepare(isQuoteFormSubmitted) {
-    return {
-        payload: {
-            isQuoteFormSubmitted,
-        },
-    };
-});
-// POST Form
-const sendFormData = toolkit.createAction("quote-service/quotes/multistop", function prepare(quoteFormData) {
-    const request = new nerdNetwork.PostAction(`/quote-service/quotes/multistop`, quoteFormData);
-    request.decodeResponse = (dispatch, json) => {
-        const quoteResponse = new QuoteRequest(json);
-        dispatch(getQuoteResponseSuccess(quoteResponse));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-            request,
-        },
-    };
-});
-const getQuoteResponseSuccess = toolkit.createAction("quote/getQuoteResponseSuccess", function prepare(quoteResponse) {
-    return {
-        payload: {
-            quoteResponse,
-        },
-    };
-});
-// Get Market Costs
-const getMarketCosts = toolkit.createAction("quote/getMarketCosts", function prepare(quoteId) {
-    const request = new nerdNetwork.GetAction(`/quotes/${quoteId}/market_costs`, {}, "v1");
-    request.decodeResponse = (dispatch, json) => {
-        const marketCosts = new MarketCosts(json);
-        dispatch(getMarketCostsSuccess(marketCosts));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getMarketCostsSuccess = toolkit.createAction("quote/getMarketCosts/getMarketCostsSuccess", function prepare(marketCosts) {
-    return {
-        payload: {
-            marketCosts,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-// Get QuoteById
-const getQuoteById = toolkit.createAction("quote-service/quotes/:id", function prepare(quoteId) {
-    const request = new nerdNetwork.GetAction(`/quote-service/quotes/${quoteId}`);
-    request.decodeResponse = (dispatch, json) => {
-        const quoteResponse = new QuoteRequest(json);
-        dispatch(getQuoteResponseSuccess(quoteResponse));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-// Get QuoteById
-const getQuotePathEdgeCosts = toolkit.createAction("quote_path_edge_costs", function prepare(query) {
-    const request = new nerdNetwork.GetAction(`/quote_path_edge_costs`, query, "v1");
-    request.decodeResponse = (dispatch, json) => {
-        const costBreakdown = json;
-        dispatch(getQuotePathEdgeCostsSucess(costBreakdown));
-    };
-    return {
-        payload: {
-            id: toolkit.nanoid(),
-            request,
-        },
-    };
-});
-const getQuotePathEdgeCostsSucess = toolkit.createAction("quote/quote_path_edge_costs/getQuotePathEdgeCostsSucess", function prepare(costsBreakdown) {
-    return {
-        payload: {
-            costsBreakdown,
-            id: toolkit.nanoid(),
-            createdAt: new Date().toISOString(),
-        },
-    };
-});
-
-const initState = {
-    accessorials: {
-        ltlAccessorials: [],
-        tlAccessorials: [],
-    },
-    commodity_descriptions: [],
-    units: {
-        feet: 0,
-        height: 0,
-        palletPositions: 0,
-        pallets: 0,
-        pieces: 0,
-        weight: 0,
-    },
-    error: {
-        uuid: "",
-        status: 0,
-    },
-    customers: [],
-    archerLocations: [],
-    newLocation: {},
-    changeLocationSucess: {
-        isSuccess: false,
-        method: "",
-    },
-    quoteFormData: {
-        service: QuoteAuxContent.LTL,
-        commodityDescriptionId: 0,
-        freightClass: "",
-        mode: QuoteAuxContent.DRY,
-        dryVanOnly: false,
-        shippers: [],
-        consignees: [],
-        units: {
-            palletDimensions: [],
-            totalDimensions: {
-                totalWeight: "",
-            },
-        },
-        reefer: {
-            reeferTemp: "",
-            reeferCont: false,
-        },
-    },
-    isQuoteFormSubmitted: false,
-    quoteResponse: {},
-    marketCosts: {},
-    costsBreakdown: [],
-};
-const quoteReducer = toolkit.createReducer(initState, (builder) => {
-    builder.addCase(getQuoteAccessorialsSuccess, (state, action) => {
-        console.log("[nerd-sales-kit]: getQuoteAccessorialsSuccess", action.payload);
-        state.accessorials = {
-            ltlAccessorials: action.payload.accessorials.ltlAccessorials,
-            tlAccessorials: action.payload.accessorials.tlAccessorials,
-        };
-        return state;
-    });
-    builder.addCase(getQuoteCommodityDescirptionSuccess, (state, action) => {
-        console.log("[nerd-sales-kit]: getQuoteCommodityDescriptionSuccess", action.payload);
-        console.log("STATEABOUT", action.payload.commodityDescriptions);
-        state.commodity_descriptions = action.payload.commodityDescriptions;
-        return state;
-    });
-    builder.addCase(storePalletUnitSuccess, (state, action) => {
-        console.log("[nerd-sales-kit]: storePalletUnitSuccess", action.payload);
-        state.units = action.payload.units;
-        return state;
-    });
-    builder.addCase(storePalletError, (state, action) => {
-        console.log("[nerd-sales-kit]: storePalletError", action.payload);
-        // console.log("ERROR", action.payload.errors)
-        state.error = action.payload.error;
-        return state;
-    });
-    builder.addCase(getCustomersSuccess, (state, action) => {
-        console.log("[nerd-sales-kit]: getCustomersSuccess", action.payload);
-        state.customers = [...action.payload.customers];
-        return state;
-    });
-    builder.addCase(getArcherLocationsSuccess, (state, action) => {
-        console.log("[nerd-sales-kit]: getArcherLocationsSuccess", action.payload);
-        state.archerLocations = [...action.payload.locations];
-        return state;
-    });
-    builder.addCase(removeArcherLocations, (state, action) => {
-        console.log("[nerd-sales-kit]: removeArcherLocations", action.payload);
-        state.archerLocations = [];
-        return state;
-    });
-    builder.addCase(storeNewLocation, (state, action) => {
-        console.log("[nerd-sales-kit]: storeNewLocation", action.payload);
-        state.newLocation = action.payload.request.body;
-        return state;
-    });
-    builder.addCase(updateLocation, (state, action) => {
-        console.log("[nerd-sales-kit]: storeNewLocation", action.payload);
-        state.newLocation = Object.assign({}, action.payload.request.body);
-        return state;
-    });
-    builder.addCase(setSavingActionLocation, (state, action) => {
-        console.log("[nerd-sales-kit]: setSavingActionLocation", action.payload);
-        state.changeLocationSucess = action.payload.changeLocationSucess;
-        return state;
-    });
-    builder.addCase(storeQuoteFormData, (state, action) => {
-        state.quoteFormData = Object.assign(Object.assign({}, state.quoteFormData), action.payload.quoteFormData);
-        return state;
-    });
-    builder.addCase(setIsQuoteFormSubmitted, (state, action) => {
-        state.isQuoteFormSubmitted = action.payload.isQuoteFormSubmitted;
-        return state;
-    });
-    builder.addCase(getQuoteResponseSuccess, (state, action) => {
-        state.quoteResponse = action.payload.quoteResponse;
-        return state;
-    });
-    builder.addCase(getMarketCostsSuccess, (state, action) => {
-        state.marketCosts = action.payload.marketCosts;
-        return state;
-    });
-    builder.addCase(getQuotePathEdgeCostsSucess, (state, action) => {
-        state.costsBreakdown = action.payload.costsBreakdown;
-        return state;
-    });
-});
-
-const quoteAccessorialsSelector = (state) => state.quoteState.accessorials;
-const quoteCommodityDescriptionSelector = (state) => state.quoteState.commodity_descriptions;
-const quoteUnitsSelector = (state) => state.quoteState.units;
-const quoteErrorSelector = (state) => state.quoteState.error;
-const quoteCustomersSelector = (state) => state.quoteState.customers;
-const quoteArcherLocationsSelector = (state) => state.quoteState.archerLocations;
-
-const Loading = (props) => {
-    var _a;
-    return (jsxRuntime.jsx(Skeleton__default["default"], Object.assign({ animation: "wave", variant: "rectangular", width: "100%", height: (_a = props.height) !== null && _a !== void 0 ? _a : 50 }, props)));
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-/**
- * @param props
- */
-function BootstrapDialogTitle(props) {
-    const { children, onClose } = props, other = __rest(props, ["children", "onClose"]);
-    return (jsxRuntime.jsxs(DialogTitle__default["default"], Object.assign({ sx: { m: 0, p: 2, display: "flex", justifyContent: "space-between" } }, other, { children: [children, onClose ? (jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": "close", onClick: onClose }, { children: jsxRuntime.jsx(CloseIcon__default["default"], {}) }))) : null] })));
-}
-
-const calendarInitialState = {
-    date: "",
-    element: {
-        id: "0",
-        description: "",
-        serviceLevel: "",
-        baseRate: 0,
-        extra: 0,
-        fuelRate: 0,
-        totalRate: 0,
-        flexible: true,
-        from: "0",
-        to: "0",
-    },
-};
-const calendarSlice = toolkit.createSlice({
-    name: "calendarSlice",
-    initialState: calendarInitialState,
-    reducers: {
-        DateSelectedHandler: (state, action) => {
-            state = action.payload;
-            return state;
-        },
-    },
-});
-const { DateSelectedHandler } = calendarSlice.actions;
-var calendarSlice$1 = calendarSlice.reducer;
-
-const nerdSalesKitReducer = toolkit.combineReducers({
-    selectedDateRange: calendarSlice$1,
-    quoteState: quoteReducer,
-});
-
-const QuoteSelect = ({ isMobile, selectOptions, onChange, value, labelId, inputLabel, required, }) => {
-    return (jsxRuntime.jsxs(FormControl__default["default"], Object.assign({ component: "fieldset", fullWidth: true }, { children: [inputLabel && (jsxRuntime.jsx(InputLabel__default["default"], Object.assign({ variant: "standard", htmlFor: nerdUi.setAxeValue(labelId), margin: "dense" }, { children: inputLabel }))), isMobile ? (jsxRuntime.jsx(NativeSelect__default["default"], Object.assign({ defaultValue: 30, sx: { width: "100%" } }, { children: selectOptions.map((option, i) => (jsxRuntime.jsx("option", Object.assign({ value: option }, { children: option }), i))) }))) : (jsxRuntime.jsx(Select__default["default"], Object.assign({ labelId: nerdUi.setAxeValue(labelId), id: `select-${nerdUi.setAxeValue(labelId)}`, "aria-label": nerdUi.setAxeValue(labelId), "aria-labelledby": nerdUi.setAxeValue(labelId), value: value, onChange: onChange, variant: "standard", defaultValue: value, label: inputLabel, fullWidth: true }, { children: selectOptions.map((option) => (jsxRuntime.jsx(MenuItem__default["default"], Object.assign({ value: option }, { children: option }), option))) }))), required && (jsxRuntime.jsx(FormHelperText__default["default"], Object.assign({ sx: { marginLeft: 0 } }, { children: "required" })))] })));
-};
-
-const PalletCount = ({ palletDimensions, tmpPallet, onChange, onKeyPress, onBlur, onDelete, onDimensionEdit, }) => {
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: 4 }, { children: jsxRuntime.jsx(TextField__default["default"], { id: "palletCount", label: jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "Pallets size will be verified on server side to check the equipment compability.", variant: "body1" }, { children: "Pallet Count" })), placeholder: "Enter Pallet Count", value: tmpPallet ? tmpPallet.count : "", onChange: onChange, fullWidth: true, variant: "standard", InputLabelProps: {
-                        shrink: true,
-                    }, sx: {
-                        "& .MuiInputLabel-root": {
-                            display: "flex",
-                        },
-                    }, required: palletDimensions && palletDimensions.length > 0 ? false : true, helperText: palletDimensions && palletDimensions.length > 0 ? "" : "required", onKeyPress: onKeyPress, onBlur: onBlur }) })), palletDimensions &&
-                palletDimensions.map((p, index) => {
-                    const { units, length, width, height, count } = p;
-                    const unitSymbol = units === QuoteAuxContent.INCHES ? "″" : "′";
-                    return (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, xs: 6, sm: 2 }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center", spacing: 1, mb: 1, flexWrap: "nowrap" }, { children: [p.stackable && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Tooltip__default["default"], Object.assign({ title: "Stackable" }, { children: jsxRuntime.jsx("img", { src: "https://storage.googleapis.com/archer-public/assets/stack.png", alt: "Stackable", height: "15" }) })) }))), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx("img", { src: "https://storage.googleapis.com/archer-public/assets/dimension.png", alt: "dimension", height: "15" }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { children: `${length}${unitSymbol}x${width}${unitSymbol}x${height}${unitSymbol}` }) }))] })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "flex-start", spacing: 1, justifyContent: "space-between", className: "container", sx: {
-                                    background: "#EBEBEB",
-                                    minWidth: 120,
-                                    borderRadius: 1,
-                                    paddingLeft: "0.5rem",
-                                    paddingRight: "0.5rem",
-                                } }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, sx: { fontWeight: "400" } }, { children: count })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(EditIcon__default["default"], { onClick: () => onDimensionEdit(index), style: { cursor: "pointer" } }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(CloseIcon__default["default"], { onClick: () => onDelete(index), style: { cursor: "pointer" } }) }))] })) }))] }))] }), index));
-                })] }));
-};
-
-// Regular Expressions allow only numbers
-const re$1 = /^[0-9\b]+$/;
-// New Quote
-const FREIGHT_CLASS = [
-    "500",
-    "400",
-    "300",
-    "250",
-    "200",
-    "175",
-    "150",
-    "125",
-    "110",
-    "100",
-    "92",
-    "85",
-    "77",
-    "70",
-    "65",
-    "60",
-    "55",
-    "50",
-];
-const QUOTE_MAX_STOPS = 10;
-const options$2 = [
-    QuoteAuxContent.LTL,
-    QuoteAuxContent.TL,
-    QuoteAuxContent.EXPEDITED,
-];
-
-const PalletChecker = (props) => {
-    const { totalWeight, palletDimensions, dispatch, networkCompletionStack, units, stateError, } = props;
-    const initialValue = 0;
-    const [loading, setLoading] = React.useState(false);
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const totalPalletCount = palletDimensions.reduce((previousValue, currentValue) => previousValue + +currentValue.count, initialValue);
-    const totalDimension = units.feet ? units.feet : totalPalletCount * 2;
-    const storePallet = React.useCallback((pallets) => {
-        setLoading(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, storePallets(pallets));
-        setRequestUUID(uuid);
-    }, []);
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setLoading(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    React.useEffect(() => {
-        if (totalWeight !== "" && palletDimensions.length > 0) {
-            const overridePallet = palletDimensions.map((item) => (Object.assign(Object.assign({}, item), { count: +item.count, weight: +totalWeight / totalPalletCount })));
-            setLoading(true);
-            storePallet(overridePallet);
-        }
-        setTimeout(() => {
-            setLoading(false);
-        }, 1000);
-    }, [totalWeight, palletDimensions]);
-    if (loading) {
-        return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(CircularProgress__default["default"], { size: 20 }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { display: "block", variant: "caption", text: "Checking Equipment Compatibility ..." }) }))] }));
-    }
-    if (stateError.uuid !== "" ||
-        palletDimensions.filter((e) => e.units === QuoteAuxContent.FEET).length > 0) {
-        return (jsxRuntime.jsx(React__default["default"].Fragment, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Chip__default["default"], { avatar: jsxRuntime.jsx(Avatar__default["default"], Object.assign({ style: { color: "white", background: "#ff9800" } }, { children: jsxRuntime.jsx(WarningIcon__default["default"], { sx: { width: "0.8em" } }) })), sx: { fontWeight: 400, border: "1px solid #ff9800" }, label: "Equipment compatibility issue" }) })) }));
-    }
-    return (jsxRuntime.jsx(React__default["default"].Fragment, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Chip__default["default"], { avatar: jsxRuntime.jsx(Avatar__default["default"], Object.assign({ style: { color: "white", background: "#4caf50" } }, { children: jsxRuntime.jsx(CheckIcon__default["default"], {}) })), sx: { fontWeight: 400, border: "1px solid #4caf50" }, label: `Total: ${totalDimension} ft, ${totalWeight} lb, ${totalPalletCount} Pallet${palletDimensions.length > 1 ? "s" : ""} ` }) })) }));
-};
-
-const EditPallet = ({ fullScreen, open, close, pallet, save, }) => {
-    const theme = styles.useTheme();
-    const isMobile = useMediaQuery__default["default"](theme.breakpoints.down("sm"));
-    const [tmpPallet, setTmpPallet] = React.useState(Object.assign({}, pallet));
-    const { length, width, height, count } = tmpPallet;
-    const onChangeHanlder = (type) => (event) => {
-        const value = event.target.value;
-        if (["count", "length", "width", "height", "units"].includes(type)) {
-            setTmpPallet(Object.assign(Object.assign({}, tmpPallet), { [type]: value }));
-        }
-    };
-    return (jsxRuntime.jsxs(Dialog__default["default"], Object.assign({ fullScreen: isMobile || fullScreen, open: open, scroll: "paper", onClose: close, "aria-labelledby": "responsive-dialog-title" }, { children: [jsxRuntime.jsx(DialogTitle__default["default"], Object.assign({ id: "alert-dialog-title" }, { children: "Custom Dimension" })), jsxRuntime.jsxs(DialogContent__default["default"], { children: [jsxRuntime.jsx(DialogContentText__default["default"], { children: "Enter custom pallet information" }), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, mt: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "count", label: "Count", placeholder: "Count", value: count, onChange: onChangeHanlder("count"), type: "text", fullWidth: true }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "pieces", label: "Pieces", placeholder: "Count", fullWidth: true }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(QuoteSelect, { inputLabel: "Units", label: "Inches", selectOptions: options$1, onChange: onChangeHanlder("units"), value: tmpPallet.units, isMobile: false, required: false, labelId: nerdUi.setAxeValue("units") }) }))] })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, mt: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "length", label: "Length per pallet", placeholder: "in inches", value: length, onChange: onChangeHanlder("length"), fullWidth: true }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "width", label: "Width per pallet", placeholder: "in inches", value: width, onChange: onChangeHanlder("width"), fullWidth: true }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 4 }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "height", label: "Height per pallet", placeholder: "in inches", value: height, onChange: onChangeHanlder("height"), fullWidth: true }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(FormGroup__default["default"], Object.assign({ row: true }, { children: jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Switch__default["default"], { value: tmpPallet.stackable, checked: tmpPallet.stackable, color: "primary", onChange: () => {
-                                                setTmpPallet(Object.assign(Object.assign({}, tmpPallet), { stackable: !tmpPallet.stackable }));
-                                            } }), label: "Stackable" }) })) }))] }))] }), jsxRuntime.jsxs(DialogActions__default["default"], Object.assign({ sx: { justifyContent: "space-between" } }, { children: [jsxRuntime.jsxs(Button__default["default"], Object.assign({ onClick: close, color: "inherit" }, { children: [jsxRuntime.jsx(CloseIcon__default["default"], {}), "\u00A0Close"] })), jsxRuntime.jsxs(Button__default["default"], Object.assign({ color: "primary", onClick: () => {
-                            save(tmpPallet);
-                            close();
-                        } }, { children: [jsxRuntime.jsx(CheckIcon__default["default"], {}), "Save"] }))] }))] })));
-};
-const options$1 = [QuoteAuxContent.FEET, QuoteAuxContent.INCHES];
-
-var css_248z$1 = "";
-styleInject(css_248z$1);
-
-//TODO: replace image to
-const RenderOptionTemplate = ({ renderOptionProps, option, renderTemplateOptions, }) => {
-    const uniqueArray = renderTemplateOptions.filter((item, index) => renderTemplateOptions.indexOf(item) === index);
-    const ListFoot = () => {
-        return uniqueArray[uniqueArray.length - 1] === option ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Divider__default["default"], {}), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center", justifyContent: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, py: 1 }, { children: jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block", variant: "caption", color: "textSecondary" }, { children: ["Powered by ", jsxRuntime.jsx("b", { children: "Google" }), " and"] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Box__default["default"], Object.assign({ sx: {
-                                    background: "#424242",
-                                    borderRadius: 20,
-                                    opacity: 0.8,
-                                    marginLeft: 1,
-                                } }, { children: jsxRuntime.jsx("img", { src: "https://storage.googleapis.com/archer-app/logos/ArcherLogo.png", alt: "Archer", height: "15" }) })) }))] }))] })) : null;
-    };
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "li", sx: {
-                    backgroundColor: "transparent",
-                    svg: { flexShrink: 0, color: "white" },
-                    cursor: "pointer",
-                    "&:hover": {
-                        backgroundColor: "rgba(0, 0, 0, 0.08)",
-                    },
-                } }, renderOptionProps, { children: jsxRuntime.jsx(CardHeader__default["default"], { avatar: jsxRuntime.jsx(Avatar__default["default"], Object.assign({ sx: {
-                            bgcolor: setTemplateIconColorByType(option),
-                        }, "aria-label": "Facility" }, { children: jsxRuntime.jsx(LocationOnTwoToneIcon__default["default"], { fontSize: "medium" }) })), title: setTemplateContentByType(option), titleTypographyProps: {
-                        fontWeight: "500",
-                        variant: "body1",
-                    }, subheader: setTemplateContentByType(option), sx: {
-                        py: 1,
-                        px: 1,
-                    } }) })), jsxRuntime.jsx(ListFoot, {})] }));
-};
-/**
- * @param option
- */
-function setTemplateIconColorByType(option) {
-    if (option.name) {
-        return colors.blue[500];
-    }
-    return colors.grey[500];
-}
-/**
- * @param option
- */
-function setTemplateContentByType(option) {
-    if (option.description) {
-        return `${option.description}`;
-    }
-    return option.name;
-}
-
-/**
- * @param props
- */
-function LocationsFound(props) {
-    const { items, theme, onLocationSelected } = props;
-    if (!items) {
-        return (jsxRuntime.jsx(Typography__default["default"], Object.assign({ sx: { display: "block" }, variant: "h6", color: "#000", fontWeight: 500 }, { children: "No locations found" })));
-    }
-    return (jsxRuntime.jsx(List__default["default"], Object.assign({ sx: {
-            overflowY: "scroll",
-            maxHeight: "450px",
-            "&::-webkit-scrollbar": {
-                "-webkit-appearance": "none",
-                width: "7px",
-            },
-            "&::-webkit-scrollbar-thumb": {
-                backgroundColor: theme.palette.grey[300],
-                borderRadius: "4px",
-                marginTop: "2px",
-            },
-        } }, { children: items.length > 0 &&
-            items.map((item) => {
-                if (item instanceof Location) {
-                    const { name, id, contact, phone, accessorials: { ltlAccessorials }, } = item;
-                    return (jsxRuntime.jsx(ListItem__default["default"], Object.assign({ disablePadding: true }, { children: jsxRuntime.jsx(ListItemButton__default["default"], Object.assign({ onClick: () => onLocationSelected(item) }, { children: jsxRuntime.jsxs(Item$2, { children: [jsxRuntime.jsx(ListItemAvatar__default["default"], { children: jsxRuntime.jsx(Avatar__default["default"], Object.assign({ sx: { background: theme.palette.primary.light } }, { children: jsxRuntime.jsx(PlaceIcon__default["default"], { fontSize: "medium" }) })) }), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(ListItemText__default["default"], { primary: jsxRuntime.jsx(Typography__default["default"], Object.assign({ sx: { display: "block" }, variant: "h6", color: "#000", fontWeight: 500, textAlign: "left" }, { children: name })), secondary: jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(Typography__default["default"], Object.assign({ sx: { display: "block" }, component: "span", variant: "body1", color: "text.primary", textAlign: "left" }, { children: `Contact: ${contact}` })), jsxRuntime.jsx(Typography__default["default"], Object.assign({ sx: { display: "block" }, component: "span", variant: "body1", color: "text.primary", textAlign: "left" }, { children: `Phone: ${phone}` }))] }) }) })), ltlAccessorials && ltlAccessorials.length > 0 && (jsxRuntime.jsx(Stack__default["default"], Object.assign({ direction: "row", spacing: 1 }, { children: ltlAccessorials.map((accessorial) => (jsxRuntime.jsx(Chip__default["default"], { label: `${accessorial.name}, ${accessorial.costAmount}` }, toolkit.nanoid()))) })))] }))] }) })) }), id));
-                }
-                return item;
-            }) })));
-}
-const Item$2 = styles.styled(Paper__default["default"])(({ theme }) => (Object.assign(Object.assign({ backgroundColor: theme.palette.mode === "dark" ? "#1A2027" : "#fff" }, theme.typography.body2), { padding: theme.spacing(1), textAlign: "center", color: theme.palette.text.secondary, display: "flex", width: "100%", alignItems: "center" })));
-
-const re = /^[0-9\b]+$/;
-/**
- * @param props
- * @param props.isMobile
- * @param props.handleCallback
- * @param props.editLocationData
- */
-function NewLocationForm(props) {
-    const { isMobile, handleCallback, editLocationData } = props;
-    const [values, setValues] = React__default["default"].useState({
-        name: (editLocationData === null || editLocationData === void 0 ? void 0 : editLocationData.name) || "",
-        contact: (editLocationData === null || editLocationData === void 0 ? void 0 : editLocationData.contact) || "",
-        phone: (editLocationData === null || editLocationData === void 0 ? void 0 : editLocationData.phone) || "",
-        grocery: false,
-        liftgate: false,
-        liquor_permit: false,
-    });
-    const handleChange = (prop) => (event) => {
-        if (prop === "phone" && re.test(event.target.value)) {
-            setValues(Object.assign(Object.assign({}, values), { phone: event.target.value }));
-        }
-        setValues(Object.assign(Object.assign({}, values), { [prop]: event.target.value }));
-    };
-    const handleChangeSwitch = (prop) => (event) => {
-        setValues(Object.assign(Object.assign({}, values), { [prop]: event.target.checked }));
-    };
-    React__default["default"].useEffect(() => {
-        if (values.name !== "" &&
-            values.contact !== "" &&
-            values.phone.length > 4) {
-            handleCallback(false, values);
-        }
-        else {
-            handleCallback(true);
-        }
-    }, [values]);
-    return (jsxRuntime.jsxs(Box__default["default"], Object.assign({ component: "form", autoComplete: "off" }, { children: [jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "div" }, { children: jsxRuntime.jsx(TextField__default["default"], { id: "standard-name", label: "Name", InputLabelProps: {
-                        shrink: true,
-                    }, placeholder: "Location's Name", value: values.name, onChange: handleChange("name"), variant: "standard", fullWidth: true, required: values.name === "", helperText: values.name === "" ? "Required" : "" }) })), jsxRuntime.jsxs(Box__default["default"], Object.assign({ component: "div", sx: {
-                    "& > :not(style)": { width: !isMobile ? "25ch" : "100%", mt: 2 },
-                } }, { children: [jsxRuntime.jsx(TextField__default["default"], { id: "standard-contact-name", label: "Contact", InputLabelProps: {
-                            shrink: true,
-                        }, placeholder: "Contact Full Name", value: values.contact, onChange: handleChange("contact"), variant: "standard", required: values.contact === "", sx: {
-                            mr: !isMobile ? "1rem" : "0",
-                        }, helperText: values.contact === "" ? "Required" : "" }), jsxRuntime.jsx(TextField__default["default"], { id: "standard-contact-phone", label: "Phone", value: formatMobileNumber(values.phone), onChange: handleChange("phone"), variant: "standard", InputLabelProps: {
-                            shrink: true,
-                        }, placeholder: "Contact Phone", required: values.phone === "", sx: {
-                            ml: !isMobile ? "1rem" : "0",
-                        }, inputProps: { inputMode: "numeric", pattern: "[0-9]*" }, helperText: values.phone === "" ? "Required" : "" })] })), jsxRuntime.jsx(Box__default["default"], Object.assign({ component: "div", sx: {
-                    "& > :not(style)": { mt: 2 },
-                } }, { children: jsxRuntime.jsx(FormControl__default["default"], Object.assign({ component: "fieldset", variant: "standard" }, { children: jsxRuntime.jsxs(FormGroup__default["default"], Object.assign({ sx: {
-                            flexDirection: !isMobile ? "row" : "column",
-                            justifyContent: "space-between",
-                        } }, { children: [jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Switch__default["default"], { checked: values.liftgate, onChange: handleChangeSwitch("liftgate"), name: "Lift Gate Required" }), label: "Lift Gate Required", sx: {
-                                    color: !values.liftgate ? "GrayText" : "inherit",
-                                } }), jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Switch__default["default"], { checked: values.grocery, onChange: handleChangeSwitch("grocery"), name: "Grocery Warehouse" }), label: "Grocery Warehouse", sx: {
-                                    color: !values.grocery ? "GrayText" : "inherit",
-                                } }), jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Switch__default["default"], { checked: values.liquor_permit, onChange: handleChangeSwitch("liquor_permit"), name: "Liquor Permit" }), label: "Liquor Permit", sx: {
-                                    color: !values.liquor_permit ? "GrayText" : "inherit",
-                                } })] })) })) }))] })));
-}
-const formatMobileNumber = (text) => {
-    const cleaned = ("" + text).replace(/\D/g, "");
-    const match = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/);
-    if (match) {
-        const intlCode = match[1] ? "+1 " : "", number = [intlCode, "(", match[2], ") ", match[3], "-", match[4]].join("");
-        return number;
-    }
-    return text;
-};
-
-const editLocation = (props) => {
-    const { isMobile, openDialog, handleClose, handleCallback, locationData: { name }, onUpdateLocation, isDisabled, } = props;
-    return (jsxRuntime.jsxs(Dialog__default["default"], Object.assign({ fullScreen: isMobile, open: openDialog, onClose: handleClose, "aria-labelledby": "responsive-dialog-title", sx: {
-            "& .MuiDialog-container": {
-                py: 3,
-            },
-        } }, { children: [jsxRuntime.jsx(BootstrapDialogTitle, Object.assign({ id: "edit-location", onClose: () => handleClose("closedEdit") }, { children: name })), jsxRuntime.jsx(DialogContent__default["default"], { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, spacing: 2, flexDirection: "column", alignItems: "center" }, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mt: 1, flexDirection: "row", md: true }, { children: jsxRuntime.jsx(NewLocationForm, { isMobile: isMobile, handleCallback: handleCallback, editLocationData: props.locationData }) })) })) }), jsxRuntime.jsx(DialogActions__default["default"], Object.assign({ sx: {
-                    display: "flex",
-                    justifyContent: "flex-end",
-                } }, { children: jsxRuntime.jsxs(Button__default["default"], Object.assign({ onClick: () => {
-                        onUpdateLocation();
-                    }, color: "success", disabled: isDisabled }, { children: [jsxRuntime.jsx(CheckIcon__default["default"], { fontSize: "medium" }), jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "body2", textTransform: "uppercase", fontSize: "1rem" }, { children: "Save" }))] })) }))] })));
-};
-
-const LocationByAddress = (props) => {
-    const { openDialog, setOpenLocationsByAddress, selectedLocation, isDialogClosed, dispatch, networkCompletionStack, locationState, isMobile, editLocation: editLocation$1, } = props;
-    // TODO: Find a better approach to add responsive from root
-    const theme = styles.useTheme();
-    //console.log("ONEDITHANDLEBACKPROPS", props);
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const [requestPending, setRequestPending] = React.useState(true);
-    const [savingLocation, setSavingLocation] = React.useState(false);
-    const [newLocation, setNewLocation] = React.useState(false);
-    const [isDisabled, setIsDisabled] = React.useState(true);
-    //const [deleteLocation, setDeleteLocation] = useState(false); //! Uncomment to enable delete location
-    const [saveNewLocation, setSaveNewLocation] = React.useState({
-        name: "",
-        contact: "",
-        phone: "",
-        accessorialTags: [],
-        address: {},
-    });
-    const archerLocations = [...locationState.quoteState.archerLocations];
-    const isLocationEditable = editLocation$1 &&
-        (editLocation$1.name !== "" ||
-            editLocation$1.contact !== "" ||
-            editLocation$1.phone !== "");
-    const fetchPaceById = React.useCallback((placeId) => {
-        setRequestPending(true);
-        setNewLocation(true);
-        const query = {
-            placeId,
-        };
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getFacility(query));
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    const postNewLocation = React.useCallback((location) => {
-        setSavingLocation(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, storeNewLocation(location));
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    const updateNewLocation = React.useCallback((id, updatelocationData) => {
-        setSavingLocation(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, updateLocation(id, updatelocationData));
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    const handleClose = (reason, item) => {
-        setOpenLocationsByAddress(false);
-        isDialogClosed(reason, item);
-    };
-    const handleCallback = (disabled, newLocationData) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const line1 = [];
-        setIsDisabled(disabled);
-        //TODO: Refactor this to decrease its Cognitive Complexity
-        if (newLocationData) {
-            const { grocery, liftgate, liquor_permit } = newLocationData, splittedNewLocationObject = __rest(newLocationData, ["grocery", "liftgate", "liquor_permit"]);
-            //* Save Edit Location
-            if (isLocationEditable) {
-                const newLocationObject = Object.assign(Object.assign({}, splittedNewLocationObject), { accessorialTags: [
-                        ...(grocery ? ["grocery"] : []),
-                        ...(liftgate ? ["liftgate"] : []),
-                        ...(liquor_permit ? ["liquor_permit"] : []),
-                    ], address: {
-                        formattedAddress: ((_a = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _a === void 0 ? void 0 : _a.formattedAddress) || "",
-                        line1: ((_b = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _b === void 0 ? void 0 : _b.line1) || "",
-                        line2: ((_c = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _c === void 0 ? void 0 : _c.line2) || "",
-                        city: ((_d = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _d === void 0 ? void 0 : _d.city) || "",
-                        state: ((_e = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _e === void 0 ? void 0 : _e.state) || "",
-                        zip: ((_f = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _f === void 0 ? void 0 : _f.zip) || "",
-                        country: ((_g = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _g === void 0 ? void 0 : _g.country) || "",
-                        latitude: ((_h = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _h === void 0 ? void 0 : _h.latitude) || 0,
-                        longitude: ((_j = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _j === void 0 ? void 0 : _j.longitude) || 0,
-                        verified: ((_k = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _k === void 0 ? void 0 : _k.verified) || false,
-                        placeId: ((_l = editLocation$1 === null || editLocation$1 === void 0 ? void 0 : editLocation$1.address) === null || _l === void 0 ? void 0 : _l.placeId) || "",
-                    } });
-                setSaveNewLocation(newLocationObject);
-            }
-            //* Save New Location
-            else {
-                const locationpreview = Object.assign(Object.assign({}, splittedNewLocationObject), { accessorialTags: [
-                        ...(grocery ? ["grocery"] : []),
-                        ...(liftgate ? ["liftgate"] : []),
-                        ...(liquor_permit ? ["liquor_permit"] : []),
-                    ] });
-                const newLocationObject = Object.assign(Object.assign({}, locationpreview), { address: {
-                        formattedAddress: selectedLocation.formatted_address,
-                        latitude: selectedLocation.geometry.location.lat(),
-                        longitude: selectedLocation.geometry.location.lng(),
-                        placeId: selectedLocation.place_id,
-                        verified: true,
-                    } });
-                /*
-                  This foreach loops google maps 'address_components' object in order to assign the equivalent values
-                  to the new address object to be sent via POST
-                  */
-                selectedLocation.address_components.forEach((item) => {
-                    if (item.types.includes("street_number") ||
-                        item.types.includes("route")) {
-                        line1.push(item.long_name);
-                    }
-                    else if (item.types.includes("locality")) {
-                        newLocationObject.address.city = item.long_name;
-                    }
-                    else if (item.types.includes("country")) {
-                        newLocationObject.address.country = item.short_name;
-                    }
-                    else if (item.types.includes("administrative_area_level_1")) {
-                        newLocationObject.address.state = item.short_name;
-                    }
-                    else if (item.types.includes("postal_code")) {
-                        newLocationObject.address.zip = item.long_name;
-                    }
-                    else if (item.types.includes("neighborhood")) {
-                        newLocationObject.address.line2 = item.long_name;
-                    }
-                    newLocationObject.address.line1 = line1.join(" ");
-                });
-                // console.log("ONEDITHANDLEBACKSAVEFORM1", newLocationObject);
-                setSaveNewLocation(newLocationObject);
-            }
-        }
-    };
-    React.useEffect(() => {
-        if (selectedLocation.place_id) {
-            fetchPaceById(selectedLocation.place_id);
-        }
-    }, [selectedLocation]);
-    React.useEffect(() => {
-        if (locationState &&
-            locationState.quoteState.changeLocationSucess.isSuccess) {
-            const notifierTitleSucessMethod = locationState.quoteState.changeLocationSucess.method === "POST"
-                ? "created"
-                : "updated";
-            dispatch(nerdUi.showNotification({
-                notification: {
-                    uuid: toolkit.nanoid(),
-                    title: `Location has been ${notifierTitleSucessMethod}.`,
-                    severity: "success",
-                    variant: "intrusive",
-                    autohide: true,
-                    autoHideDuration: 3000,
-                },
-            }));
-            handleClose("closedEdit");
-            dispatch(setSavingActionLocation(false, ""));
-        }
-    }, [locationState === null || locationState === void 0 ? void 0 : locationState.quoteState.changeLocationSucess]);
-    React.useEffect(() => {
-        let timerActions;
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            timerActions = setTimeout(() => {
-                setSavingLocation(false);
-                setRequestPending(false);
-                if (!archerLocations.length) {
-                    setNewLocation(false);
-                }
-            }, 2000);
-        }
-        return () => clearTimeout(timerActions);
-    }, [requestUUID, networkCompletionStack, archerLocations]);
-    if (savingLocation) {
-        return (jsxRuntime.jsxs(Dialog__default["default"], Object.assign({ fullScreen: isMobile, open: openDialog, onClose: handleClose, "aria-labelledby": "responsive-dialog-title", sx: {
-                "& .MuiPaper-root": {
-                    minWidth: "450px",
-                    minHeight: "200px",
-                },
-            } }, { children: [jsxRuntime.jsx(DialogTitle__default["default"], Object.assign({ id: "responsive-dialog-title" }, { children: "Creating the location..." })), jsxRuntime.jsx(Loading, {})] })));
-    }
-    //! This code is commented because it is not used anymore but could be used in the future
-    // if (deleteLocation) {
-    //   return (
-    //     <DeleteLocationDialog
-    //       {...{ isMobile, openDialog }}
-    //       onCancel={() => {
-    //         setDeleteLocation(false);
-    //       }}
-    //       onConfirm={() => {
-    //         console.log("deleteLocation", editLocation, saveNewLocation);
-    //       }}
-    //     />
-    //   );
-    // }
-    //* Open the form to edit the location with the selected location
-    if (editLocation$1 &&
-        isLocationEditable &&
-        Object.keys(editLocation$1).length > 0) {
-        return (jsxRuntime.jsx(editLocation, Object.assign({}, { isMobile, openDialog, handleClose, isDisabled, handleCallback }, { locationData: editLocation$1, onUpdateLocation: () => {
-                updateNewLocation(editLocation$1.id, saveNewLocation);
-            } })));
-    }
-    return (jsxRuntime.jsx(Dialog__default["default"], Object.assign({ fullScreen: isMobile, open: openDialog, onClose: handleClose, "aria-labelledby": "responsive-dialog-title" }, { children: jsxRuntime.jsx(React__default["default"].Fragment, { children: requestPending ? (jsxRuntime.jsx(DialogMainBodyRequestPending, Object.assign({}, { newLocation, selectedLocation, handleClose }))) : (jsxRuntime.jsx(DialogMainBodyNoRequestPending, Object.assign({}, {
-                archerLocations,
-                handleClose,
-                newLocation,
-                selectedLocation,
-                isMobile,
-                handleCallback,
-                theme,
-                dispatch,
-                postNewLocation,
-                saveNewLocation,
-                isDisabled,
-            }))) }) })));
-};
-/**
- * @param root0
- * @param root0.newLocation
- * @param root0.selectedLocation
- * @param root0.handleClose
- */
-function DialogMainBodyRequestPending({ newLocation, selectedLocation, handleClose, }) {
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(DialogTitle__default["default"], Object.assign({ id: "responsive-dialog-title" }, { children: "Searching Locations..." })), jsxRuntime.jsx(DialogContent__default["default"], { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, flexDirection: "column", alignItems: "center" }, { children: [newLocation && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: 12 }, { children: jsxRuntime.jsx(DialogContentText__default["default"], Object.assign({ sx: {
-                                    fontWeight: "400",
-                                    fontSize: "1.25rem",
-                                    color: "text.primary",
-                                    textAlign: "center",
-                                } }, { children: selectedLocation.formatted_address })) }))), jsxRuntime.jsx(Loading, { sx: { marginTop: 6 } })] })) }), jsxRuntime.jsx(DialogActions__default["default"], { children: jsxRuntime.jsxs(Button__default["default"], Object.assign({ onClick: () => handleClose("closed"), color: "inherit" }, { children: [jsxRuntime.jsx(CloseIcon__default["default"], { fontSize: "medium" }), jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "body2", textTransform: "uppercase", fontSize: "1rem" }, { children: "cancel" }))] })) })] }));
-}
-/**
- * @param root0
- * @param root0.archerLocations
- * @param root0.handleClose
- * @param root0.newLocation
- * @param root0.selectedLocation
- * @param root0.isMobile
- * @param root0.handleCallback
- * @param root0.theme
- * @param root0.dispatch
- * @param root0.postNewLocation
- * @param root0.saveNewLocation
- * @param root0.isDisabled
- */
-function DialogMainBodyNoRequestPending({ archerLocations, handleClose, newLocation, selectedLocation, isMobile, handleCallback, theme, dispatch, postNewLocation, saveNewLocation, isDisabled, }) {
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(WrapperDialogTitle, { item: archerLocations, renderItem: (item) => item, handleClose: () => handleClose("closed") }), jsxRuntime.jsx(DialogContent__default["default"], { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, flexDirection: "column", alignItems: "flex-start" }, { children: [newLocation && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: 12 }, { children: jsxRuntime.jsx(DialogContentText__default["default"], Object.assign({ sx: {
-                                    fontWeight: "400",
-                                    fontSize: "1.25rem",
-                                    color: "text.primary",
-                                    textAlign: "center",
-                                } }, { children: selectedLocation.formatted_address })) }))), !archerLocations.length ? (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mt: 1, flexDirection: "row", md: true }, { children: jsxRuntime.jsx(NewLocationForm, { isMobile: isMobile, handleCallback: handleCallback }) }))) : (jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, mt: 1, flexDirection: "column" }, { children: jsxRuntime.jsx(LocationsFoundContainer, { archerLocations: archerLocations, theme: theme, handleClose: handleClose, handleCallback: () => dispatch(removeArcherLocations()) }) })))] })) }), jsxRuntime.jsx(DialogActions__default["default"], { children: archerLocations.length > 0 ? (jsxRuntime.jsxs(Button__default["default"], Object.assign({ onClick: () => handleClose("closed"), color: "inherit" }, { children: [jsxRuntime.jsx(CloseIcon__default["default"], { fontSize: "medium" }), jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "body2", textTransform: "uppercase", fontSize: "1rem" }, { children: "cancel" }))] }))) : (jsxRuntime.jsxs(Button__default["default"], Object.assign({ onClick: () => {
-                        postNewLocation(saveNewLocation);
-                    }, color: "success", disabled: isDisabled }, { children: [jsxRuntime.jsx(CheckIcon__default["default"], { fontSize: "medium" }), jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "body2", textTransform: "uppercase", fontSize: "1rem" }, { children: "Save" }))] }))) })] }));
-}
-/**
- * @param props
- * @param props.archerLocations
- * @param props.requestPending
- * @param props.theme
- * @param props.handleClose
- * @param props.handleCallback
- */
-function LocationsFoundContainer(props) {
-    const { archerLocations, theme, handleClose, handleCallback } = props;
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(LocationsFound, { items: archerLocations, theme: theme, onLocationSelected: (item) => {
-                    handleClose("closed", item);
-                } }), jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body2", textAlign: "center", mb: 2 }, { children: "Can&apos;t find the spot you are looking for ?" })), jsxRuntime.jsx(Button__default["default"], Object.assign({ onClick: () => {
-                    // TODO: set Open
-                    handleCallback();
-                }, color: "inherit", sx: {
-                    width: "30%",
-                    alignSelf: "center",
-                } }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body2", textTransform: "uppercase", color: theme.palette.primary.main }, { children: "New Location" })) }))] }));
-}
-//! Uncomment later if delete location will be used
-// function DeleteLocationDialog(props: {
-//   isMobile: boolean;
-//   openDialog: boolean;
-//   onCancel: () => void;
-//   onConfirm: () => void;
-// }) {
-//   const { isMobile, openDialog, onCancel, onConfirm } = props;
-//   return (
-//     <Dialog
-//       fullScreen={isMobile}
-//       open={openDialog}
-//       TransitionComponent={Transition}
-//       aria-labelledby="responsive-delete-dialod-location"
-//       sx={{
-//         textAlign: "center",
-//       }}
-//     >
-//       <Transition in={openDialog} timeout={300}>
-//         <CancelOutlinedIcon
-//           color="error"
-//           fontSize="large"
-//           sx={{ alignSelf: "center", fontSize: "5rem", mt: 2 }}
-//         />
-//       </Transition>
-//       <DialogTitle id="responsive-delete-dialod-location-title" variant="h6">
-//         {"Are you sure?"}
-//       </DialogTitle>
-//       <DialogContent>
-//         <DialogContentText
-//           id="responsive-delete-dialod-location-description"
-//           color="inherit"
-//         >
-//           If you delete this location, you won't be able to recover it.
-//         </DialogContentText>
-//       </DialogContent>
-//       <DialogActions sx={{ alignSelf: "center", my: 2 }}>
-//         <Button
-//           onClick={onCancel}
-//           variant="contained"
-//           sx={{
-//             backgroundColor: "#999999",
-//             "&:hover": {
-//               backgroundColor: "#999999",
-//               boxShadow:
-//                 "0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)",
-//             },
-//           }}
-//         >
-//           <Typography variant="body2" textTransform="uppercase" fontSize="1rem">
-//             Cancel
-//           </Typography>
-//         </Button>
-//         <Button variant="contained" color="error" onClick={onConfirm}>
-//           <Typography variant="body2" textTransform="uppercase" fontSize="1rem">
-//             I am sure
-//           </Typography>
-//         </Button>
-//       </DialogActions>
-//     </Dialog>
-//   );
-// }
-const WrapperDialogTitle = (props) => {
-    if (Array.isArray(props.item) && props.item.length > 0) {
-        const plural = props.item.length > 1 ? "s" : "";
-        return (jsxRuntime.jsx(BootstrapDialogTitle, Object.assign({ id: "customized-dialog-title" }, { children: `${props.item.length} Location${plural} Found:` })));
-    }
-    return (jsxRuntime.jsx(BootstrapDialogTitle, Object.assign({ id: "customized-dialog-title", onClose: props.handleClose }, { children: "Let's Create a New Location" })));
-};
-
-/**
- * @param props
- */
-function LocationFinder(props) {
-    // Component props
-    const { service, dispatch, networkCompletionStack, zipLocation, className, stopType, onLocationSelectedHandler, } = props;
-    const theme = styles.useTheme();
-    const isMobile = useMediaQuery__default["default"](theme.breakpoints.down("md"));
-    const [open, setOpen] = React.useState(false);
-    const [googleSuggestionsOptions, setGoogleSuggestionsOptions] = React.useState([]);
-    const [requestUUID, setRequestUUID] = React__default["default"].useState("");
-    // This state is used to set the bounds of the autocomplete search to accouracy of the user's location
-    const [bounds, setBounds] = React__default["default"].useState({
-        east: 0,
-        north: 0,
-        south: 0,
-        west: 0,
-    });
-    const [isOptionSelected, setIsOptionSelected] = React.useState(false);
-    // This state represents the value selected by the user
-    const [value, setValue] = React__default["default"].useState(null);
-    // This state represents the value displayed in the textbox
-    const [inputValue, setInputValue] = React.useState("");
-    // This state represents the location selected by the user
-    const [selectedLocation, setSelectedLocation] = React.useState({
-        address_components: [],
-        formatted_address: "",
-        geometry: {},
-        place_id: "",
-        types: [],
-    });
-    const [openLocationsByAddress, setOpenLocationsByAddress] = React__default["default"].useState(false);
-    // This state represents the locaton to be Updated or deleted
-    const [editLocation, setEditLocation] = React__default["default"].useState({
-        name: "",
-        contact: "",
-        phone: "",
-        address: {},
-    });
-    const [requestPending, setRequestPending] = React.useState(false);
-    const geocoder = service ? new service.googleService.maps.Geocoder() : null;
-    const mapsAutocompleteService = service
-        ? new service.googleService.maps.places.AutocompleteService()
-        : null;
-    const renderTemplateOptions = [];
-    // Set the facility input value to the created location
-    React.useEffect(() => {
-        //console.log("ADDVALUETOINPUT", service?.quoteState.newLocation);
-        if (service && service.quoteState.newLocation.name) {
-            setValue(service.quoteState.newLocation.name);
-            setIsOptionSelected(true);
-            setEditLocation(service.quoteState.newLocation);
-        }
-    }, [service === null || service === void 0 ? void 0 : service.quoteState.newLocation]);
-    React.useEffect(() => {
-        // console.log("CLOSEDDIALOG2", value);
-        // Send location object to state form
-        if (onLocationSelectedHandler && value && Object.keys(value).length > 0) {
-            onLocationSelectedHandler(value);
-        }
-    }, [value]);
-    const fetchFacility = React.useCallback((location, zip) => {
-        setRequestPending(true);
-        const query = {
-            zip,
-            location,
-        };
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getFacility(query));
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    // This function is called when the user fill location input and set the bound to get more accurate results
-    /**
-     * @param googleGeocoder
-     * @param boundValue
-     * @param actionType
-     */
-    function setGeoCodeData(googleGeocoder, boundValue, actionType) {
-        if (googleGeocoder) {
-            googleGeocoder.geocode({ address: boundValue }, (results, status) => {
-                if (status === google.maps.GeocoderStatus.OK &&
-                    results &&
-                    results.length > 0) {
-                    switch (actionType) {
-                        case "setBound": {
-                            const lat = results[0].geometry.location.lat();
-                            const lng = results[0].geometry.location.lng();
-                            const geoCodeBounds = new google.maps.LatLngBounds(new google.maps.LatLng(lat, lng), new google.maps.LatLng(lat, lng));
-                            setBounds(geoCodeBounds);
-                            break;
-                        }
-                        case "setLocationGoogle": {
-                            setSelectedLocation([...results][0]);
-                            break;
-                        }
-                        case "setLocationArcher": {
-                            setSelectedLocation([...results][0]);
-                            break;
-                        }
-                    }
-                }
-            });
-        }
-    }
-    // This function is called when the user selects an option from the list
-    /**
-     * @param newValue
-     */
-    function onLocationSelect(newValue) {
-        if (newValue instanceof Location) {
-            setGeoCodeData(geocoder, newValue.name, "setLocationArcher");
-        }
-        // If location is selected from Google autocomplete
-        setGeoCodeData(geocoder, newValue.description, "setLocationGoogle");
-    }
-    /**
-     * @param inputChangeValue
-     */
-    function setGoogleLocationsArray(inputChangeValue) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getGeocoderResponse = yield setGoogleLocations(mapsAutocompleteService, bounds, inputChangeValue);
-            if (getGeocoderResponse) {
-                const { predictions } = getGeocoderResponse;
-                setGoogleSuggestionsOptions(predictions);
-            }
-        });
-    }
-    // This function handles the autocomplete changes made by the user
-    const onChangeHandler = (_event, newValue) => {
-        onLocationSelect(newValue);
-        // Validate to thow new address location dialog
-        if ("description" in newValue) {
-            setIsOptionSelected(false);
-            setInputValue("");
-            setOpenLocationsByAddress(true);
-        }
-        else {
-            setIsOptionSelected(true);
-            setValue(newValue);
-        }
-    };
-    React__default["default"].useEffect(() => {
-        if (inputValue) {
-            fetchFacility(inputValue, zipLocation ? zipLocation : undefined);
-            setGoogleLocationsArray(inputValue);
-        }
-    }, [inputValue]);
-    React__default["default"].useEffect(() => {
-        if (zipLocation) {
-            setGeoCodeData(geocoder, zipLocation, "setBound");
-        }
-    }, [zipLocation]);
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setRequestPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    // This function is called when the user clicks the close facility button
-    const closeInput = () => {
-        setInputValue("");
-        setValue(null);
-        setOpen(false);
-        setIsOptionSelected(false);
-        setEditLocation({});
-        isLocationByAddressDialogClosed("closed");
-    };
-    const isLocationByAddressDialogClosed = (reason, item) => {
-        console.log("CLOSEDDIALOG", reason, item);
-        if (item && item instanceof Location) {
-            onLocationSelect(item);
-            setValue(item.name);
-            setIsOptionSelected(true);
-            setEditLocation(item);
-        }
-        switch (reason) {
-            case "closed": {
-                setSelectedLocation({
-                    address_components: [],
-                    formatted_address: "",
-                    geometry: {},
-                    place_id: "",
-                    types: [],
-                });
-                break;
-            }
-        }
-    };
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 1, alignItems: "center" }, { children: [isOptionSelected && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(PlaceIcon__default["default"], { color: "primary" }) }))), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: true, xs: 12 }, { children: jsxRuntime.jsx(Autocomplete__default["default"], { id: `location-finder-${stopType}`, fullWidth: true, open: open, onOpen: () => {
-                                setOpen(true);
-                            }, sx: {
-                                "& .MuiAutocomplete-inputRoot": {
-                                    paddingRight: "5px !important", // TODO: find a better approach
-                                },
-                            }, onClose: () => {
-                                setOpen(false);
-                            }, value: value, onChange: onChangeHandler, inputValue: inputValue, onInputChange: (_event, newInputValue, reason) => {
-                                console.log("INPUTCHANGE", newInputValue, reason);
-                                if (reason === "reset" && newInputValue === "") {
-                                    return;
-                                }
-                                setInputValue(newInputValue);
-                            }, isOptionEqualToValue: (option, optionValue) => {
-                                console.log("ISOPTIONEQUALTOVALUE", option, optionValue);
-                                if (optionValue) {
-                                    if (typeof optionValue !== "string") {
-                                        if (option instanceof Location) {
-                                            return option.name === optionValue.name;
-                                        }
-                                        return option.description === optionValue.description;
-                                    }
-                                    return option.name === optionValue;
-                                }
-                                return false;
-                            }, getOptionLabel: (option) => {
-                                if (typeof option !== "string") {
-                                    if (option instanceof Location) {
-                                        return option.name;
-                                    }
-                                    return option.description;
-                                }
-                                return option;
-                            }, options: !(service === null || service === void 0 ? void 0 : service.quoteState.archerLocations.length)
-                                ? [...googleSuggestionsOptions]
-                                : service === null || service === void 0 ? void 0 : service.quoteState.archerLocations, loading: requestPending, renderInput: (params) => (jsxRuntime.jsx(TextField__default["default"], Object.assign({}, params, { label: "Facility", InputLabelProps: {
-                                    shrink: true,
-                                }, placeholder: "Enter Location or Address", variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: null }) }))), renderOption: (renderOptionProps, option) => {
-                                renderTemplateOptions.push(option);
-                                //console.log("RENDEROPTION", renderOptionProps, option);
-                                return (jsxRuntime.jsx(RenderOptionTemplate, { renderOptionProps: renderOptionProps, option: option, renderTemplateOptions: renderTemplateOptions }, toolkit.nanoid()));
-                            }, PaperComponent: (paperProps) => {
-                                if (!inputValue || requestPending) {
-                                    return (React.createElement(nerdUi.PaperComponentOnLoad, Object.assign({}, { inputValue }, { key: toolkit.nanoid(), className: !isMobile && className ? className : "", props: paperProps, loading: requestPending, autocompleteType: nerdUi.AutocompleteType.ADDRESS })));
-                                }
-                                return (React.createElement(Paper__default["default"], Object.assign({}, paperProps, { key: toolkit.nanoid(), className: !isMobile && className ? className : "" }), paperProps.children));
-                            } }) })), isOptionSelected && (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, flexDirection: "column", display: "flex" }, { children: [jsxRuntime.jsx(IconButton__default["default"], Object.assign({ size: "small", onClick: () => {
-                                    setOpenLocationsByAddress(true);
-                                    //* Edit a new location created
-                                    if (editLocation instanceof Location) {
-                                        setEditLocation(editLocation);
-                                    }
-                                    //* Edit an existing archer location
-                                    if (value instanceof Location) {
-                                        setEditLocation(value);
-                                    }
-                                } }, { children: jsxRuntime.jsx(EditIcon__default["default"], { fontSize: "small" }) })), jsxRuntime.jsx(IconButton__default["default"], Object.assign({ size: "small", onClick: closeInput }, { children: jsxRuntime.jsx(CloseIcon__default["default"], { fontSize: "small" }) }))] })))] })), openLocationsByAddress && (jsxRuntime.jsx(LocationByAddress, { openDialog: openLocationsByAddress, setOpenLocationsByAddress: setOpenLocationsByAddress, selectedLocation: selectedLocation, isDialogClosed: isLocationByAddressDialogClosed, dispatch: dispatch, networkCompletionStack: networkCompletionStack, locationState: service, isMobile: isMobile, editLocation: editLocation }))] }));
-}
-/**
- * @param mapsAutocompleteService
- * @param bounds
- * @param inputValue
- */
-function setGoogleLocations(mapsAutocompleteService, bounds, inputValue) {
-    return (mapsAutocompleteService &&
-        mapsAutocompleteService.getPlacePredictions({
-            input: inputValue,
-            componentRestrictions: { country: "us" },
-            types: ["address"],
-            bounds,
-        }, (googleSuggestions) => {
-            return googleSuggestions;
-        }));
-}
-
-/**
- * @param props
- */
-function StopDetailHeader(props) {
-    const { type, index } = props;
-    return (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center", justifyContent: "space-between", spacing: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: type === QuoteAuxContent.PICK_UP ? (jsxRuntime.jsx(ArrowUpwardIcon__default["default"], {})) : (jsxRuntime.jsx(ArrowDownwardIcon__default["default"], {})) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { display: "block", variant: "h6", text: `${type} #${index + 1}` }) }))] })));
-}
-
-/**
- *
- * @param {any} root0 root
- * @param {HTMLElement} root0.anchorEl - HTMLElement ref
- * @param {boolean} root0.openAccessorials boolean to open/close the menu
- * @param {() => {}} root0.handleClose function to close the menu
- * @returns {React.ReactElement<any>} return as a function to avoid re-render
- */
-/**
- * @param root0
- * @param root0.openCard
- * @param root0.onCloseCard
- * @param root0.stopCardIndex
- * @param root0.handleSelectAccessorial
- * @param root0.copyAccessorials
- */
-function MenuAccessorials({ openCard, onCloseCard, stopCardIndex, handleSelectAccessorial, copyAccessorials, }) {
-    const [anchorEl, setAnchorEl] = React.useState(null);
-    const openAccessorials = Boolean(anchorEl);
-    const setAnchorHandler = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    return (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center", justifyContent: `${openCard ? "space-between" : "flex-end"}`, flexWrap: "nowrap" }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true }, { children: [jsxRuntime.jsx(Chip__default["default"], { icon: jsxRuntime.jsx(AddCircleOutlineRoundedIcon__default["default"], {}), label: "Accessorials", variant: "outlined", onClick: setAnchorHandler }), jsxRuntime.jsx(MenuAccessorialList, { openAccessorials: openAccessorials, anchorEl: anchorEl, handleClose: handleClose, handleSelectAccessorial: handleSelectAccessorial, copyAccessorials: copyAccessorials })] })), openCard && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Button__default["default"], Object.assign({ onClick: () => onCloseCard(stopCardIndex), color: "inherit" }, { children: jsxRuntime.jsx(CloseIcon__default["default"], {}) })) })))] })));
-}
-const MenuAccessorialList = ({ copyAccessorials, handleSelectAccessorial, openAccessorials, handleClose, anchorEl, }) => {
-    return (jsxRuntime.jsxs(Menu__default["default"], Object.assign({ id: "demo-positioned-menu", "aria-labelledby": "demo-positioned-button", anchorEl: anchorEl, open: openAccessorials, onClose: handleClose, anchorOrigin: {
-            vertical: "top",
-            horizontal: "left",
-        }, transformOrigin: {
-            vertical: "top",
-            horizontal: "left",
-        } }, { children: [!copyAccessorials.length && jsxRuntime.jsx(MenuItem__default["default"], { children: "No item" }), copyAccessorials.map((accessorial, i) => {
-                if (accessorial.quoteVisible) {
-                    return (jsxRuntime.jsx(MenuItem__default["default"], Object.assign({ onClick: () => {
-                            handleSelectAccessorial(i);
-                            handleClose();
-                        } }, { children: jsxRuntime.jsx(ListItemText__default["default"], { primary: accessorial.name, secondary: `$${accessorial.costAmount} / ${accessorial.unitType}` }) }), accessorial.accessorialId));
-                }
-                return [];
-            })] })));
-};
-
-const StopDetail = (props) => {
-    // Props
-    const { stopCardIndex, openCard, onCloseCard, quoteAccessorials, CardContainer, stopType, dispatch, networkCompletionStack, onChange, } = props;
-    const [date, setDate] = React.useState(null);
-    const [open, setOpen] = React.useState(false);
-    const [zipLocation, setZipLocation] = React.useState("");
-    const [copyAccessorials, setCopyAccessorials] = React__default["default"].useState(quoteAccessorials);
-    const [chipAccessorialData, setChipAccessorialData] = React__default["default"].useState([]);
-    const service = React__default["default"].useContext(ServiceContext);
-    const [copyFacility, setCopyFacility] = React__default["default"].useState({
-        zip: "",
-        accessorialIds: [],
-        date: null,
-    });
-    React__default["default"].useEffect(() => {
-        setCopyAccessorials(quoteAccessorials);
-        const chipAccessorialDataFilteredByService = quoteAccessorials.filter(function (o1) {
-            return chipAccessorialData.some(function (o2) {
-                return o1.accessorialId === o2.accessorialId; // id is unnique both array object
-            });
-        });
-        setChipAccessorialData(chipAccessorialDataFilteredByService);
-    }, [quoteAccessorials]);
-    React__default["default"].useEffect(() => {
-        if (onChange) {
-            onChange({
-                name: copyFacility.name || "",
-                type: stopType === QuoteAuxContent.PICK_UP ? "shipper" : "consignee",
-                date: date ? date.format("YYYY-MM-DD") : null,
-                locationId: copyFacility.id || undefined,
-                city: copyFacility.address ? copyFacility.address.city : "",
-                state: copyFacility.address ? copyFacility.address.state : "",
-                zip: zipLocation,
-                address: {
-                    locationId: copyFacility.id || undefined,
-                    line1: copyFacility.address ? copyFacility.address.line1 : "",
-                    city: copyFacility.address ? copyFacility.address.city : "",
-                    state: copyFacility.address ? copyFacility.address.state : "",
-                    zip: copyFacility.address ? copyFacility.address.zip : "",
-                    latitude: copyFacility.address ? copyFacility.address.latitude : 0,
-                    longitude: copyFacility.address ? copyFacility.address.longitude : 0,
-                },
-                accessorialIds: chipAccessorialData.map((item) => Number(item.accessorialId)),
-            });
-        }
-    }, [chipAccessorialData, zipLocation, date, copyFacility]);
-    if (!CardContainer) {
-        return null;
-    }
-    const handleClick = (event) => {
-        if (event.target instanceof HTMLInputElement) {
-            setOpen(true);
-        }
-    };
-    const onClose = () => {
-        setOpen(false);
-    };
-    const handleSelectAccessorial = (i) => {
-        setCopyAccessorials(copyAccessorials.filter((_, index) => index !== i));
-        setChipAccessorialData([...chipAccessorialData, copyAccessorials[i]]);
-    };
-    const handleDelete = (chipToDelete) => () => {
-        setChipAccessorialData((chips) => chips.filter((chip) => chip.accessorialId !== chipToDelete.accessorialId));
-        setCopyAccessorials([...copyAccessorials, chipToDelete]);
-    };
-    const stopCardTypeSize = stopType === QuoteAuxContent.PICK_UP ? 4 : 6;
-    return (jsxRuntime.jsx(React__default["default"].Fragment, { children: jsxRuntime.jsxs(CardContainer, Object.assign({ className: "Stop" }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, rowSpacing: 2, justifyContent: "space-between" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, marginBottom: 1 }, { children: jsxRuntime.jsx(StopDetailHeader, { type: stopType, index: stopCardIndex }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(MenuAccessorials, { openCard: openCard, onCloseCard: onCloseCard, stopCardIndex: stopCardIndex, handleSelectAccessorial: handleSelectAccessorial, copyAccessorials: copyAccessorials }) }))] })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: stopCardTypeSize }, { children: [jsxRuntime.jsx(material.TextField, { id: "zip", label: "Location", value: zipLocation, onChange: (e) => {
-                                        setZipLocation(e.target.value);
-                                        onClose();
-                                    }, onClick: (e) => handleClick(e), placeholder: "Zipcode or City, State", required: !zipLocation ? true : false, fullWidth: true, variant: "standard", InputLabelProps: {
-                                        shrink: true,
-                                    }, sx: {
-                                        "& .MuiInputLabel-root": {
-                                            display: "flex",
-                                        },
-                                    }, helperText: !zipLocation ? "required" : "" }), open && jsxRuntime.jsx(RenderNotifier, { onClose: onClose })] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: stopCardTypeSize }, { children: jsxRuntime.jsx(LocationFinder, Object.assign({}, {
-                                stopType,
-                                dispatch,
-                                networkCompletionStack,
-                                service,
-                                zipLocation,
-                            }, { className: stopType === QuoteAuxContent.PICK_UP ? "autocompleteSmall" : "", onLocationSelectedHandler: (location) => {
-                                    setCopyFacility(location);
-                                } })) })), stopType === QuoteAuxContent.PICK_UP && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: stopCardTypeSize }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "pickupDate", label: "Pickup Date", placeholder: "Pickup Date", fullWidth: true, type: "date", required: true, onChange: (newDate) => {
-                                    if (newDate) {
-                                        setDate(newDate);
-                                    }
-                                }, value: date }) })))] })), chipAccessorialData.length > 0 && (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, mt: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: 12 }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { text: "Accessorials:", variant: "subtitle2" }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, component: "ul", sx: {
-                                display: "flex",
-                                justifyContent: "flex-start",
-                                flexWrap: "wrap",
-                                listStyle: "none",
-                                p: 0.5,
-                                m: 0,
-                                boxShadow: "none",
-                            } }, { children: chipAccessorialData.map((accessorial) => {
-                                let icon;
-                                if (!accessorial) {
-                                    return null;
-                                }
-                                return (jsxRuntime.jsx(ListItem, { children: jsxRuntime.jsx(Chip__default["default"], { icon: icon, label: `${accessorial.name}, $${accessorial.costAmount} / ${accessorial.unitType}`, onDelete: handleDelete(accessorial), sx: {
-                                            fontWeight: "400",
-                                        } }) }, accessorial.accessorialId));
-                            }) }))] })))] })) }));
-};
-/**
- * @param {() => {}} onClose - function to close the notifier
- * @returns {React.ReactElement<any>} - returns the notifier component
- */
-function RenderNotifier({ onClose }) {
-    return (jsxRuntime.jsx(nerdUi.NerdNotifier, { notification: {
-            uuid: toolkit.nanoid(),
-            subtitle: "Inaccurate locations may lead to a higher price and may void the quote discount",
-            body: "You should select a facility in addition to the zipcode.",
-            autohide: false,
-            position: {
-                vertical: "bottom",
-                horizontal: "center",
-            },
-            color: "rgb(49, 49, 49)",
-        }, onClose: onClose }));
-}
-const ListItem = styles.styled("li")(({ theme }) => ({
-    margin: theme.spacing(0.5),
-}));
-var StopDetail$1 = React__default["default"].memo(StopDetail);
-
-const Stop = (props) => {
-    const { stopCards, CardContainer, openCard, onCloseCard, stopType, addMoreStopHandler, disabled, accessorials, serviceType, dispatch, networkCompletionStack, onChange, } = props;
-    const quoteAccessorials = serviceType !== QuoteAuxContent.EXPEDITED
-        ? getAccessorialFiltered(accessorials, serviceType)
-        : [];
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [stopCards &&
-                stopCards.map((stopCard, stopCardIndex) => (jsxRuntime.jsx(StopDetail$1, { CardContainer: CardContainer, stopCard: stopCard, stopCardIndex: stopCardIndex, openCard: openCard ? openCard : false, onCloseCard: onCloseCard, quoteAccessorials: quoteAccessorials, stopType: stopType, dispatch: dispatch, networkCompletionStack: networkCompletionStack, onChange: onChange }, stopCardIndex))), jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: `Add ${stopType}, ${QUOTE_MAX_STOPS - stopCards.length} Stops Max`, anchorOrigin: { vertical: "bottom", horizontal: "center" }, transformOrigin: { vertical: "top", horizontal: "center" }, variant: "caption" }, { children: jsxRuntime.jsxs(QuoteButton, Object.assign({ variant: "outlined", sx: { marginBottom: "0.5rem" }, onClick: addMoreStopHandler, disabled: disabled }, { children: [jsxRuntime.jsx(AddIcon__default["default"], {}), jsxRuntime.jsx(nerdUi.NerdHeading, { text: stopType, uppercase: true, sx: { marginLeft: "0.2rem" } })] })) }))] }));
-};
-const QuoteButton = styles.styled(Button__default["default"])({
-    background: "#fff",
-    border: "1px solid rgba(0, 0, 0, 0.53)",
-    borderRadius: 3,
-    color: "rgba(0, 0, 0, 0.87)",
-    padding: "5px 15px",
-    "&:hover": {
-        color: "#fff",
-        background: "rgb(130 129 129 / 80%)",
-        border: "1px solid #fff",
-    },
-});
-/**
- * @param accessorials
- * @param serviceType
- */
-function getAccessorialFiltered(accessorials, serviceType) {
-    let accessorialsFiltered = [];
-    const accessorialObjKeyArray = Object.keys(accessorials).filter((item) => item.startsWith(serviceType.toLowerCase()));
-    for (const [key, value] of Object.entries(accessorials)) {
-        if (key === accessorialObjKeyArray[0]) {
-            accessorialsFiltered = value;
-        }
-    }
-    return accessorialsFiltered;
-}
-
-/**
- * @param props
- */
-function CommodityDescription(props) {
-    const { commodityDescriptionAxeValue, t, isMobile, commodityDescriptions, commodity, handleSelectChange, } = props;
-    return (jsxRuntime.jsxs(FormControl__default["default"], Object.assign({ component: "fieldset", fullWidth: true }, { children: [jsxRuntime.jsx(InputLabel__default["default"], Object.assign({ variant: "standard", htmlFor: nerdUi.setAxeValue(commodityDescriptionAxeValue), shrink: true }, { children: t("quote.commodity_description") })), isMobile ? (jsxRuntime.jsx(NativeSelect__default["default"], Object.assign({ defaultValue: 30, sx: { width: "100%" } }, { children: commodityDescriptions.map((option, i) => (jsxRuntime.jsx("option", Object.assign({ value: option.id }, { children: option.name }), i))) }))) : (jsxRuntime.jsx(Select__default["default"], Object.assign({ labelId: nerdUi.setAxeValue(commodityDescriptionAxeValue), id: `select-${nerdUi.setAxeValue(commodityDescriptionAxeValue)}`, "aria-label": nerdUi.setAxeValue(commodityDescriptionAxeValue), "aria-labelledby": nerdUi.setAxeValue(t("quote.commodity_description")), value: commodity, onChange: (event) => handleSelectChange(event, "commodity_description"), variant: "standard", defaultValue: commodity }, { children: commodityDescriptions.map((option) => (jsxRuntime.jsx(MenuItem__default["default"], Object.assign({ value: option.name }, { children: option.name }), option.id))) }))), jsxRuntime.jsx(FormHelperText__default["default"], Object.assign({ sx: { marginLeft: 0 } }, { children: "required" }))] })));
-}
-
-const options = [
-    QuoteAuxContent.LTL,
-    QuoteAuxContent.TL,
-    QuoteAuxContent.EXPEDITED,
-];
-/**
- * @param props
- */
-function QuoteCheck(props) {
-    const { onChange, service, mode, isMobile = false, dispatch, state } = props;
-    const [reeferTemp, setReeferTemp] = React.useState("");
-    const columnSize = mode === QuoteAuxContent.REEFER && service !== QuoteAuxContent.EXPEDITED
-        ? 3
-        : 4;
-    const temperatureError = service === QuoteAuxContent.LTL
-        ? reeferTemp < "40" || reeferTemp > "80"
-        : reeferTemp < "-20" || reeferTemp > "80";
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: columnSize }, { children: [jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "Select LTL (Less Than Truckload) or TL (Truckload)", variant: "body1" }, { children: jsxRuntime.jsx(FormLabel__default["default"], Object.assign({ component: "legend" }, { children: "Service" })) })), jsxRuntime.jsx(QuoteSelect, { labelId: "Service", selectOptions: options, onChange: (event) => onChange(event, "service"), isMobile: isMobile, value: service, required: false })] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 6, sm: service !== QuoteAuxContent.EXPEDITED ? 2 : 4 }, { children: jsxRuntime.jsxs(FormControl__default["default"], Object.assign({ component: "fieldset" }, { children: [jsxRuntime.jsx(FormLabel__default["default"], Object.assign({ component: "legend" }, { children: "Mode" })), jsxRuntime.jsxs(RadioGroup__default["default"], Object.assign({ "aria-label": "Mode", name: "mode", value: mode, onChange: (event) => onChange(event, "mode") }, { children: [jsxRuntime.jsx(FormControlLabel__default["default"], { value: QuoteAuxContent.DRY, control: jsxRuntime.jsx(Radio__default["default"], { color: "primary" }), label: QuoteAuxContent.DRY }), jsxRuntime.jsx(FormControlLabel__default["default"], { value: QuoteAuxContent.REEFER, control: jsxRuntime.jsx(Radio__default["default"], { color: "primary" }), disabled: service === QuoteAuxContent.EXPEDITED, label: QuoteAuxContent.REEFER })] }))] })) })), mode === QuoteAuxContent.REEFER &&
-                service !== QuoteAuxContent.EXPEDITED && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, md: columnSize }, { children: jsxRuntime.jsx(nerdUi.NerdInput, { id: "Temperature", label: jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "Temperature range depends on the service you selected.", variant: "body1" }, { children: "Temperature" })), placeholder: "in Fahrenheit", helperText: service === QuoteAuxContent.LTL
-                        ? "Between 40℉ and 80℉"
-                        : "Between -20℉ and 80℉", fullWidth: true, value: reeferTemp, onChange: (event) => {
-                        setReeferTemp(event.target.value);
-                        dispatch(storeQuoteFormData({
-                            reefer: Object.assign(Object.assign({}, state.reefer), { reeferTemp: event.target.value }),
-                        }));
-                    }, type: "text", error: reeferTemp !== "" && temperatureError }) }))), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 6, sm: columnSize }, { children: jsxRuntime.jsx(FormGroup__default["default"], Object.assign({ row: true }, { children: RenderQuoteSwitch(mode, dispatch, state) })) }))] }));
-}
-const RenderQuoteSwitch = (mode, dispatch, state) => {
-    const [dryVanOnly, setChecked] = React.useState(false);
-    const [reeferCont, setReeferCont] = React.useState(false);
-    const handleCheckboxChange = (event, value) => {
-        if (value === "dryVanOnly") {
-            setChecked(event.target.checked);
-            dispatch(storeQuoteFormData({
-                dryVanOnly: event.target.checked,
-            }));
-        }
-        else {
-            setReeferCont(event.target.checked);
-            dispatch(storeQuoteFormData({
-                reefer: Object.assign(Object.assign({}, state.reefer), { reeferCont: event.target.checked }),
-            }));
-        }
-    };
-    const controlSwitch = mode === QuoteAuxContent.REEFER ? (jsxRuntime.jsx(Switch__default["default"], { checked: reeferCont, onChange: (e) => handleCheckboxChange(e, "reeferCont"), value: "Continuous Running", color: "primary" })) : (jsxRuntime.jsx(Switch__default["default"], { checked: dryVanOnly, onChange: (e) => handleCheckboxChange(e, "dryVanOnly"), value: "Dry Van Only", color: "primary" }));
-    const labelSwitch = mode === QuoteAuxContent.REEFER ? "Continuous Running" : "Dry Van Only";
-    return jsxRuntime.jsx(FormControlLabel__default["default"], { control: controlSwitch, label: labelSwitch });
-};
-
-const initPalletState = {
-    units: QuoteAuxContent.INCHES,
-    length: 48,
-    width: 40,
-    height: 48,
-    count: "",
-    stackable: false,
-    key: Date.now(),
-};
-const initStopState = {
-    zip: "",
-    facility: "",
-    accessorialIds: [],
-    date: null,
-};
-const AboutQuote = (props) => {
-    const { dispatch, networkCompletionStack, isCustomer, children = null, submitForm, } = props;
-    const { t, isMobile, quoteState } = React__default["default"].useContext(ServiceContext);
-    const { commodity_descriptions, quoteFormData, units, error, accessorials } = quoteState;
-    const [commodity, setCommodity] = React.useState("");
-    const [totalWeight, setTotalWeight] = React.useState("");
-    const [freightClass, setFreightClass] = React.useState("");
-    const [tmpPallet, setTmpPallet] = React.useState(initPalletState);
-    const [palletToUpdate, setPalletToUpdate] = React.useState(tmpPallet);
-    const [palletDimensions, setPalletDimensions] = React.useState([]);
-    const [palletDimensionsIndex, setPalletDimensionsIndex] = React.useState(0);
-    const [palletOpen, setPalletOpen] = React.useState(false);
-    const [pickups, setPickups] = React.useState([
-        initStopState,
-    ]);
-    const [dropOffs, setDropoffs] = React.useState([initStopState]);
-    const [closePickupCard, setClosePickupCard] = React.useState(false);
-    const [closeDropoffCard, setCloseDropoffCard] = React.useState(false);
-    const [disabled, setDisabled] = React.useState(false);
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const [pending, setPending] = React.useState(false);
-    const [service, setService] = React.useState(QuoteAuxContent.LTL);
-    const [mode, setMode] = React.useState(QuoteAuxContent.DRY);
-    const [pickupData, setPickupData] = React.useState();
-    const [dropoffData, setDropoffData] = React.useState();
-    const [isSubmitDisabled, setIsSubmitDisabled] = React.useState(true);
-    // AXE values
-    const commodityDescriptionAxeValue = t("quote.commodity_description") || "";
-    /** Fetch Data */
-    const fetchAccessorials = React.useCallback(() => {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getQuoteAccessorials());
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    const fetchCommodityDescription = React.useCallback(() => {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getQuoteCommodityDescription());
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    // Fetch the data only once
-    React.useEffect(() => {
-        fetchAccessorials();
-        fetchCommodityDescription();
-    }, []);
-    // Check network completion
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    // Set commodity description content
-    React.useEffect(() => {
-        if (commodity_descriptions &&
-            commodity_descriptions.length > 0 &&
-            commodity_descriptions[0].name) {
-            dispatch(storeQuoteFormData({
-                commodityDescriptionId: commodity_descriptions[0].id,
-            }));
-            setCommodity(commodity_descriptions[0].name);
-        }
-    }, [commodity_descriptions]);
-    // Detect Pallet change
-    React.useEffect(() => {
-        dispatch(storeQuoteFormData({
-            units: {
-                palletDimensions: palletDimensions,
-                totalDimensions: {
-                    totalWeight: totalWeight,
-                },
-            },
-        }));
-    }, [palletDimensions]);
-    // Check required inputs to disabled calculate button
-    React.useEffect(() => {
-        const isPickupLocationEnabled = (pickupData === null || pickupData === void 0 ? void 0 : pickupData.zip) === undefined || (pickupData === null || pickupData === void 0 ? void 0 : pickupData.zip.toString()) === "";
-        const isPickupDateEnabled = (pickupData === null || pickupData === void 0 ? void 0 : pickupData.date) === null;
-        const isDropoffLocationEnabled = (dropoffData === null || dropoffData === void 0 ? void 0 : dropoffData.zip) === undefined || (dropoffData === null || dropoffData === void 0 ? void 0 : dropoffData.zip.toString()) === "";
-        const isEnabled = totalWeight === "" ||
-            isPickupLocationEnabled ||
-            isDropoffLocationEnabled ||
-            !palletDimensions.length ||
-            isPickupDateEnabled;
-        if (!isCustomer) {
-            setIsSubmitDisabled(quoteFormData.customerId ? false : true);
-        }
-        setIsSubmitDisabled(isEnabled);
-        dispatch(setIsQuoteFormSubmitted(!isEnabled));
-    }, [totalWeight, dropoffData, pickupData, palletDimensions]);
-    /**
-     * Handle Pallet functionality start
-     *
-     * @param event
-     */
-    const handlePalletChange = (event) => {
-        if (event.target.value === "" || re$1.test(event.target.value)) {
-            setTmpPallet((prevState) => {
-                return Object.assign(Object.assign({}, prevState), { count: event.target.value });
-            });
-        }
-    };
-    const onEventPalletHanlder = (event) => {
-        addPallet(event, tmpPallet, palletDimensions, setPalletDimensions);
-        if (event.key === "Enter" || event.type === "blur") {
-            setTmpPallet((prevState) => {
-                return Object.assign(Object.assign({}, prevState), { count: "" });
-            });
-        }
-    };
-    const onDeletePalletHanlder = (index) => {
-        setPalletDimensions((prevState) => {
-            return prevState.filter((_p, i) => i !== index);
-        });
-    };
-    const onEditPalletHanlder = (index) => {
-        setPalletOpen(true);
-        setPalletToUpdate(palletDimensions[index]);
-        setPalletDimensionsIndex(index);
-    };
-    const onCloseEditPallet = () => setPalletOpen(false);
-    const updatePallet = (pallet) => {
-        setPalletToUpdate(pallet);
-        setPalletDimensions((prevState) => {
-            return prevState.map((p, i) => {
-                if (palletToUpdate.key === p.key && i === palletDimensionsIndex) {
-                    return pallet;
-                }
-                return p;
-            });
-        });
-    };
-    /** Handle Pallet functionality end */
-    /* Select handlers begin */
-    const handleSelectChange = (event, type) => {
-        switch (type) {
-            case "mode":
-                setMode(event.target.value);
-                dispatch(storeQuoteFormData({
-                    mode: event.target.value,
-                }));
-                break;
-            case "service":
-                setService(event.target.value);
-                dispatch(storeQuoteFormData({
-                    service: event.target.value,
-                }));
-                break;
-            case "commodity_description": {
-                setCommodity(event.target.value);
-                const commodityDescriptionsFiltered = commodity_descriptions.filter((item) => { var _a; return ((_a = item.name) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) === event.target.value.toLowerCase(); });
-                if (commodityDescriptionsFiltered.length > 0) {
-                    const commodityObject = commodityDescriptionsFiltered[0];
-                    if (commodityObject.id) {
-                        const { id } = commodityObject;
-                        dispatch(storeQuoteFormData({
-                            commodityDescriptionId: id,
-                        }));
-                    }
-                }
-                break;
-            }
-            case "freight_class": {
-                setFreightClass(event.target.value);
-                dispatch(storeQuoteFormData({
-                    freightClass: event.target.value,
-                }));
-                break;
-            }
-        }
-    };
-    /* Select handlers end */
-    /* Inputs handlers begin */
-    const inputHandleChange = (event, type) => {
-        switch (type) {
-            case "total_weight":
-                setTotalWeight(event.target.value);
-                dispatch(storeQuoteFormData({
-                    units: {
-                        palletDimensions: palletDimensions,
-                        totalDimensions: {
-                            totalWeight: event.target.value,
-                        },
-                    },
-                }));
-                break;
-        }
-    };
-    /* Inputs handlers end */
-    /* Stop Handlers begin */
-    const onCloseStopHandler = (stopType, index) => {
-        switch (stopType) {
-            case QuoteAuxContent.PICK_UP:
-                setPickups((prevState) => {
-                    return prevState.filter((_, i) => i !== index);
-                });
-                if (pickups.length - 1 === 1) {
-                    setClosePickupCard(false);
-                }
-                break;
-            case QuoteAuxContent.DROP_OFF:
-                setDropoffs((prevState) => {
-                    return prevState.filter((_, i) => i !== index);
-                });
-                if (dropOffs.length - 1 === 1) {
-                    setCloseDropoffCard(false);
-                }
-                break;
-        }
-    };
-    const addMoreStopHandler = (stopType) => {
-        if (pickups.length > QUOTE_MAX_STOPS ||
-            pickups.length + 1 === QUOTE_MAX_STOPS ||
-            dropOffs.length > QUOTE_MAX_STOPS ||
-            dropOffs.length + 1 === QUOTE_MAX_STOPS) {
-            setDisabled(true);
-        }
-        if (stopType === QuoteAuxContent.PICK_UP) {
-            setPickups((prevState) => {
-                return [...prevState, initStopState];
-            });
-            setClosePickupCard(true);
-        }
-        else {
-            setDropoffs((prevState) => {
-                return [...prevState, initStopState];
-            });
-            setCloseDropoffCard(true);
-        }
-    };
-    React.useEffect(() => {
-        if (pickupData && Object.keys(pickupData).length > 0) {
-            dispatch(storeQuoteFormData({
-                shippers: [...pickups, Object.assign({}, pickupData)].filter((data) => data.zip !== "" && data.date !== ""),
-            }));
-        }
-    }, [pickups, pickupData]);
-    React.useEffect(() => {
-        if (dropoffData && Object.keys(dropoffData).length > 0) {
-            dispatch(storeQuoteFormData({
-                consignees: [...dropOffs, Object.assign({}, dropoffData)].filter((data) => data.zip),
-            }));
-        }
-    }, [dropOffs, dropoffData]);
-    /* Stop Handlers ends */
-    if (pending) {
-        return jsxRuntime.jsx(Loading, { height: 50 });
-    }
-    return (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsxs(nerdUi.NerdCard, { children: [children, jsxRuntime.jsx(React.Suspense, Object.assign({ fallback: jsxRuntime.jsx(Loading, { height: 50 }) }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, mt: 1 }, { children: [!isCustomer && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(CustomerFinder, { dispatch: dispatch, networkCompletionStack: networkCompletionStack }) }))), jsxRuntime.jsx(QuoteCheck, { onChange: handleSelectChange, service: service, mode: mode, isMobile: isMobile, dispatch: dispatch, state: quoteFormData })] })) })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, mt: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: 4 }, { children: jsxRuntime.jsx(CommodityDescription, { commodityDescriptions: commodity_descriptions, handleSelectChange: handleSelectChange, t: t, isMobile: isMobile, commodity: commodity, commodityDescriptionAxeValue: commodityDescriptionAxeValue }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: 4 }, { children: jsxRuntime.jsx(material.TextField, { id: "totalWeight", value: totalWeight, onChange: (event) => {
-                                        const re = /^[0-9\b]+$/;
-                                        if (event.target.value === "" || re.test(event.target.value)) {
-                                            inputHandleChange(event, "total_weight");
-                                        }
-                                    }, label: jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "Weight will be verified on server side to check the equipment compability.", variant: "body1" }, { children: t("quote.total_weigth") })), placeholder: t("quote.in_pounds"), fullWidth: true, variant: "standard", InputLabelProps: {
-                                        shrink: true,
-                                    }, sx: {
-                                        "& .MuiInputLabel-root": {
-                                            display: "flex",
-                                        },
-                                    }, required: !totalWeight ? true : false, helperText: !totalWeight ? "required" : "" }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, sm: 4 }, { children: jsxRuntime.jsx(QuoteSelect, { inputLabel: t("quote.freight_class"), labelId: nerdUi.setAxeValue(commodityDescriptionAxeValue), selectOptions: FREIGHT_CLASS, onChange: (event) => handleSelectChange(event, "freight_class"), isMobile: isMobile, value: freightClass, required: false }) }))] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, spacing: 2, mt: 1 }, { children: jsxRuntime.jsx(PalletCount, { onChange: handlePalletChange, onKeyPress: onEventPalletHanlder, onBlur: onEventPalletHanlder, onDelete: (e) => onDeletePalletHanlder(e), onDimensionEdit: (e) => onEditPalletHanlder(e), palletDimensions: palletDimensions, tmpPallet: tmpPallet }) })), totalWeight !== "" && palletDimensions.length > 0 && (jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, spacing: 1, alignItems: "center", justifyContent: "end", mt: 1 }, { children: jsxRuntime.jsx(PalletChecker, { totalWeight: totalWeight, palletDimensions: palletDimensions, dispatch: dispatch, networkCompletionStack: networkCompletionStack, units: units, stateError: error }) }))), palletOpen && (jsxRuntime.jsx(EditPallet, { open: palletOpen, close: onCloseEditPallet, pallet: palletToUpdate, save: updatePallet }))] }), jsxRuntime.jsx(Stack__default["default"], Object.assign({ spacing: 2, alignItems: "center" }, { children: jsxRuntime.jsx(Stop, { CardContainer: nerdUi.NerdCard, openCard: closePickupCard, onCloseCard: (index) => onCloseStopHandler(QuoteAuxContent.PICK_UP, index), accessorials: accessorials, stopCards: pickups, stopType: QuoteAuxContent.PICK_UP, addMoreStopHandler: () => addMoreStopHandler(QuoteAuxContent.PICK_UP), disabled: disabled, serviceType: service, dispatch: dispatch, networkCompletionStack: networkCompletionStack, onChange: (data) => {
-                        setPickupData(data);
-                    } }) })), jsxRuntime.jsx(Stack__default["default"], Object.assign({ spacing: 2, alignItems: "center" }, { children: jsxRuntime.jsx(Stop, { CardContainer: nerdUi.NerdCard, openCard: closeDropoffCard, onCloseCard: (index) => onCloseStopHandler(QuoteAuxContent.DROP_OFF, index), accessorials: accessorials, stopCards: dropOffs, stopType: QuoteAuxContent.DROP_OFF, addMoreStopHandler: () => addMoreStopHandler(QuoteAuxContent.DROP_OFF), disabled: disabled, serviceType: service, dispatch: dispatch, networkCompletionStack: networkCompletionStack, onChange: (data) => {
-                        setDropoffData(data);
-                    } }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12, display: "flex", justifyContent: "center" }, { children: jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "Calculate the Quote", anchorOrigin: { vertical: "top", horizontal: "center" }, transformOrigin: { vertical: "bottom", horizontal: "center" }, variant: "caption" }, { children: jsxRuntime.jsx(Button__default["default"], Object.assign({ color: "primary", variant: "contained", disabled: isSubmitDisabled, onClick: () => {
-                            submitForm();
-                        } }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { variant: "button", text: "Calculate", fontWeight: 700, display: "block", px: 1, py: "0.25rem" }) })) })) }))] }));
-};
-/**
- * @param event
- * @param tmpPallet
- * @param palletDimensions
- * @param setState
- */
-function addPallet(event, tmpPallet, palletDimensions, setState) {
-    const keyPress = event
-        .key;
-    const onBlur = event.type;
-    if ((keyPress === "Enter" &&
-        tmpPallet.count &&
-        tmpPallet.count !== 0) ||
-        (onBlur === "blur" &&
-            tmpPallet.count &&
-            tmpPallet.count !== 0)) {
-        setState([...palletDimensions, tmpPallet]);
-    }
-}
-
-/**
- * @param marketCosts
- */
-function MarketCostsComponent(marketCosts) {
-    const { t } = React.useContext(ServiceContext);
-    const { linehaul_cost, fuel_cost, truckload_total_cost, ltl_pallet_percentage, stop_fees, total_cost, margin, total_cost_with_margin, otr_miles, } = marketCosts;
-    let rowsAuxTable = [];
-    if (marketCosts && marketCosts.market_data) {
-        const { market_data: { fuel_rate, linehaul_rate, linehaul_total, market_type, market_lane, }, } = marketCosts;
-        rowsAuxTable = [
-            createMarketCostsAuxData(t("quote.miles"), otr_miles),
-            createMarketCostsAuxData(t("quote.fuel_rate_per_mile"), formattedPrice(fuel_rate)),
-            createMarketCostsAuxData("Line Haul Rate per Mile", formattedPrice(linehaul_rate)),
-            createMarketCostsAuxData("Line Haul Total", formattedPrice(linehaul_total)),
-            createMarketCostsAuxData("Market Type", market_type),
-            createMarketCostsAuxData("Market Lane", market_lane),
-        ];
-    }
-    const rowsFirstTable = [
-        createMarketCostsData("+", "Linehaul Cost", linehaul_cost),
-        createMarketCostsData("+", "Fuel Cost", fuel_cost),
-    ];
-    const rowsSecondTable = [
-        createMarketCostsData("x", "LTL Pallet Percentage", ltl_pallet_percentage),
-        createMarketCostsData("+", "Stop Off Fees", stop_fees),
-    ];
-    const rowsThirdTable = [createMarketCostsData("+", "Margin", margin)];
-    return (jsxRuntime.jsx(Card__default["default"], Object.assign({ elevation: 0 }, { children: jsxRuntime.jsx(CardContent__default["default"], { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2, sx: { paddingLeft: 0 } }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, sm: 6 }, { children: [jsxRuntime.jsx(TableContainer__default["default"], { children: jsxRuntime.jsx(Table__default["default"], Object.assign({ "aria-label": "simple table" }, { children: jsxRuntime.jsxs(TableBody__default["default"], { children: [rowsFirstTable.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "4px" },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row" }, { children: jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: [jsxRuntime.jsx("b", { children: row.symbol }), " ", row.name] })) })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(row.cost) })) }))] }), row.name))), jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "4px" },
-                                                    "&:last-child td, &:last-child th": { borderTop: 1 },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: " = TL Total Cost" })) }), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(truckload_total_cost) })) }))] }))] }) })) }), jsxRuntime.jsx(TableContainer__default["default"], { children: jsxRuntime.jsx(Table__default["default"], Object.assign({ "aria-label": "simple table" }, { children: jsxRuntime.jsxs(TableBody__default["default"], { children: [rowsSecondTable.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "5px" },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row" }, { children: jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: [jsxRuntime.jsx("b", { children: row.symbol }), " ", row.name] })) })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(row.cost) })) }))] }), row.name))), jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "5px" },
-                                                    "&:last-child td, &:last-child th": { borderTop: 1 },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: " = Total Cost" })) }), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(total_cost) })) }))] }))] }) })) }), jsxRuntime.jsx(TableContainer__default["default"], { children: jsxRuntime.jsx(Table__default["default"], Object.assign({ "aria-label": "simple table" }, { children: jsxRuntime.jsxs(TableBody__default["default"], { children: [rowsThirdTable.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "5px" },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row" }, { children: jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: [jsxRuntime.jsx("b", { children: row.symbol }), " ", row.name] })) })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(row.cost) })) }))] }), row.name))), jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                    "td, th": { border: 0, padding: "5px" },
-                                                    "&:last-child td, &:last-child th": { borderTop: 1 },
-                                                } }, { children: [jsxRuntime.jsx(TableCell__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: " = Total Cost With Margin" })) }), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: formattedPrice(total_cost_with_margin) })) }))] }))] }) })) })] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, sm: 6 }, { children: jsxRuntime.jsx(TableContainer__default["default"], { children: jsxRuntime.jsx(Table__default["default"], Object.assign({ "aria-label": "simple table" }, { children: jsxRuntime.jsx(TableBody__default["default"], { children: rowsAuxTable.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                            "td, th": { border: 0, padding: "4px" },
-                                        } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: row.name })) })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: row.value })) }))] }), row.name))) }) })) }) }))] })) }) })));
-}
-/**
- * @param symbol
- * @param name
- * @param cost
- */
-function createMarketCostsData(symbol, name, cost) {
-    return { symbol, name, cost };
-}
-/**
- * @param name
- * @param value
- */
-function createMarketCostsAuxData(name, value) {
-    return { name, value };
-}
-
-/**
- * @param accessorials
- */
-function QuoteResultAccessorials(accessorials) {
-    return (jsxRuntime.jsx(Stack__default["default"], Object.assign({ direction: "row", divider: jsxRuntime.jsx(Divider__default["default"], { orientation: "vertical", flexItem: true }), spacing: 2 }, { children: accessorials.length > 0 ? (accessorials.map((accessorial, index) => {
-            const stopName = accessorial.stopName.split(" - ");
-            return (jsxRuntime.jsxs(Item$1, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, justifyContent: "space-between", alignItems: "center", mb: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: stopName[0].replace(":", " ") })) }), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1" }, { children: stopName[1] })) })] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true }, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Chip__default["default"], { label: `${accessorial.name}, ${formattedPrice(accessorial.costAmount)}` }) })) }))] }, index));
-        })) : (jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1" }, { children: "No accessorials" }))) })));
-}
-const Item$1 = styles.styled(Paper__default["default"])(({ theme }) => (Object.assign(Object.assign({ backgroundColor: theme.palette.mode === "dark" ? "#1A2027" : "#fff" }, theme.typography.body2), { padding: theme.spacing(1), textAlign: "center", color: theme.palette.text.secondary })));
-
-/**
- * @param root0
- * @param root0.id
- * @param root0.dispatch
- * @param root0.networkCompletionStack
- */
-function CostBreakdown({ id, dispatch, networkCompletionStack, }) {
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const [pending, setPending] = React.useState(false);
-    const { quoteState: { costsBreakdown }, appConfigServiceLevels, } = React.useContext(ServiceContext);
-    const filter = `[{"property":"quote_path_edges.quote_id","value":${id}}]`;
-    // Get Costs Breakdown
-    React.useEffect(() => {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getQuotePathEdgeCosts({ filter }));
-        setRequestUUID(uuid);
-    }, [filter]);
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    if (pending) {
-        jsxRuntime.jsx(Skeleton__default["default"], { animation: "wave", variant: "rectangular", width: "100%", height: 50 });
-    }
-    /**
-     * @param description
-     * @param cost_amount
-     */
-    function createData(description, cost_amount) {
-        return { description, cost_amount };
-    }
-    return (jsxRuntime.jsx(Stack__default["default"], Object.assign({ direction: { xs: "column", sm: "row" }, divider: jsxRuntime.jsx(Divider__default["default"], { orientation: "vertical", flexItem: true }), spacing: { xs: 1, sm: 2, md: 4 }, justifyContent: "center" }, { children: Object.entries(appConfigServiceLevels)
-            .reverse()
-            .map((item, i) => {
-            const breakDownFilter = costsBreakdown.filter((cost) => cost.service_level === item[0]);
-            const breakDownRes = breakDownFilter.reduce((acc, curr) => {
-                if (!acc[curr.group]) {
-                    acc[curr.group] = [];
-                }
-                acc[curr.group].push(curr);
-                return acc;
-            }, {});
-            return (jsxRuntime.jsxs(Item, Object.assign({ elevation: 0 }, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, mb: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mr: 1 }, { children: jsxRuntime.jsx("img", { src: item[1].icon, alt: item[0], style: { width: 35 } }) })), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6", style: {
-                                        color: item[1].color,
-                                        textTransform: "capitalize",
-                                    } }, { children: item[0] })) })] })), Object.entries(breakDownRes)
-                        .sort()
-                        .map((breakDownData, i) => {
-                        const breakdownDataArray = breakDownData[1];
-                        const rows = [];
-                        {
-                            breakdownDataArray.forEach((breakdownData) => {
-                                const { description, cost_amount } = breakdownData;
-                                rows.push(createData(description, cost_amount));
-                            });
-                        }
-                        return (jsxRuntime.jsxs(Accordion__default["default"], { children: [jsxRuntime.jsx(AccordionSummary__default["default"], Object.assign({ expandIcon: jsxRuntime.jsx(ExpandMoreIcon__default["default"], {}), "aria-controls": `panel${i + 1}a-content`, id: `panel${i + 1}a-header` }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "flex-end", justifyContent: "space-between" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1" }, { children: breakDownData[0] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "primary" }, { children: costBreakdownPrice(breakDownData) })) }))] })) })), jsxRuntime.jsx(AccordionDetails__default["default"], { children: jsxRuntime.jsx(TableContainer__default["default"], Object.assign({ component: Paper__default["default"], elevation: 0 }, { children: jsxRuntime.jsx(Table__default["default"], Object.assign({ "aria-label": "cost Breakdown table" }, { children: jsxRuntime.jsx(TableBody__default["default"], { children: rows.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: {
-                                                        "&:last-child td, &:last-child th": {
-                                                            border: 0,
-                                                        },
-                                                    } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row" }, { children: row.description })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "right" }, { children: formattedPrice(row.cost_amount || 0) }))] }), row.id))) }) })) })) })] }, i));
-                    })] }), i));
-        }) })));
-}
-/**
- * @param breakDownData
- */
-function costBreakdownPrice(breakDownData) {
-    const breakdownDataArray = breakDownData[1];
-    return formattedPrice(breakdownDataArray.reduce((acc, curr) => {
-        if (curr.group === "Total") {
-            return curr.cost_amount;
-        }
-        return acc + curr.cost_amount;
-    }, 0));
-}
-const Item = styles.styled(Paper__default["default"])(({ theme }) => (Object.assign(Object.assign({ backgroundColor: theme.palette.mode === "dark" ? "#1A2027" : "#fff" }, theme.typography.body2), { padding: theme.spacing(1), textAlign: "center", color: theme.palette.text.secondary })));
-
-/**
- * @param props
- * @param props.responseState
- * @param props.networkCompletionStack
- * @param props.dispatch
- * @param props.marketCosts
- */
-function QuoteResultAccorion(props) {
-    const { responseState: { id, accessorials = [] }, networkCompletionStack, dispatch, marketCosts, } = props;
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const [pending, setPending] = React.useState(false);
-    const accordionSummaries = [
-        createData$2("Cost Breakdown", ListAltIcon__default["default"], CostBreakdown({ id, dispatch, networkCompletionStack })),
-        createData$2("Market Costs", BarChartIcon__default["default"], MarketCostsComponent(marketCosts)),
-        createData$2("Accessorials", AddBoxIcon__default["default"], QuoteResultAccessorials(accessorials)),
-    ];
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    // Get market Costs
-    React.useEffect(() => {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getMarketCosts(id));
-        setRequestUUID(uuid);
-    }, []);
-    // Get Accessorials
-    React.useEffect(() => {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getQuoteById(id));
-        setRequestUUID(uuid);
-    }, []);
-    {
-        if (pending || !marketCosts) {
-            return (jsxRuntime.jsx(Skeleton__default["default"], { animation: "wave", variant: "rectangular", width: "100%", height: 118 }));
-        }
-    }
-    return (jsxRuntime.jsx(Box__default["default"], { children: accordionSummaries.map((accordionData, index) => {
-            const { summary, SummaryIcon, SummaryComponent } = accordionData;
-            return (jsxRuntime.jsxs(Accordion__default["default"], { children: [jsxRuntime.jsx(AccordionSummary__default["default"], Object.assign({ expandIcon: jsxRuntime.jsx(ExpandMoreIcon__default["default"], {}), "aria-controls": `panel${index + 1}a-content`, id: `panel${index + 1}a-header` }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "flex-end" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mr: 1 }, { children: jsxRuntime.jsx(SummaryIcon, { fontSize: "small" }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6" }, { children: summary })) }))] })) })), jsxRuntime.jsx(AccordionDetails__default["default"], { children: SummaryComponent })] }, index));
-        }) }));
-}
-/**
- * @param summary
- * @param SummaryIcon
- * @param SummaryComponent
- */
-function createData$2(summary, SummaryIcon, SummaryComponent) {
-    return {
-        summary,
-        SummaryIcon,
-        SummaryComponent,
-    };
-}
-
-var css_248z = ".cardContainer {\n  padding: 8px; }\n";
-styleInject(css_248z);
-
-/**
- * @param props
- * @param props.setIsDateSelected
- * @param props.isDateSelected
- * @param props.responseState
- * @param props.selectedDateRange
- * @param props.dispatch
- * @param props.appConfigServiceLevels
- */
-function QuoteCalendar(props) {
-    const { responseState: { id, serviceLevels, stops }, selectedDateRange, dispatch, appConfigServiceLevels, } = props;
-    const pickUpDate = (stops &&
-        stops.filter((stop) => stop.type === "shipper")[0]
-            .date) ||
-        "";
-    return (jsxRuntime.jsxs(nerdUi.NerdCard, { children: [jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, justifyContent: "space-between", mb: 1, alignItems: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ justifyContent: "center", display: "flex", mr: 1 }, { children: jsxRuntime.jsx(CalendarMonthIcon__default["default"], {}) })), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6" }, { children: "Drop-off Date" })) })] })) })), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block" }, { children: ["Quote ID: ", jsxRuntime.jsx("b", { children: id })] })) })] })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, justifyContent: "space-between", spacing: 1, alignItems: "center" }, { children: serviceLevels &&
-                    serviceLevels.map((serviceLevel) => {
-                        return (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, sx: {
-                                opacity: selectedDateRange.element.serviceLevel ===
-                                    serviceLevel.serviceLevel || !props.isDateSelected
-                                    ? 1
-                                    : 0.3,
-                            } }, { children: jsxRuntime.jsx(Calendar, { serviceLevel: Object.assign(Object.assign({}, serviceLevel), { iconProps: appConfigServiceLevels[serviceLevel.serviceLevel] }), pickupDate: pickUpDate, onSelect: (data) => {
-                                    dispatch(DateSelectedHandler(data));
-                                    props.setIsDateSelected(true);
-                                }, selected: selectedDateRange }) }), serviceLevel.id));
-                    }) }))] }));
-}
-
-const QuoteSummaryHeader = ({ serviceLevelIconColor, serviceLevelSelected, }) => (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, justifyContent: "space-between", mb: 1 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ justifyContent: "center", display: "flex", mr: 1 }, { children: jsxRuntime.jsx(LocalShippingIcon__default["default"], {}) })), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6" }, { children: "Summary" })) })] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mr: 1 }, { children: jsxRuntime.jsx("img", { src: serviceLevelIconColor.icon, alt: serviceLevelSelected.serviceLevel, style: { width: 35 } }) })), jsxRuntime.jsx(Grid__default["default"], { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6", style: {
-                                color: serviceLevelIconColor.color,
-                                textTransform: "capitalize",
-                            } }, { children: serviceLevelSelected.serviceLevel })) })] })) }))] })));
-
-const defaultProps = {
-    dateSelected: moment__default["default"]().format("MMMM Do YYYY"),
-};
-const QuoteSummaryBody = ({ totalMiles, rowsSummaryAbout, stops, serviceLevelSelected, dateSelected, appConfigServiceLevels, }) => {
-    const firstDropOff = stops.find((s) => s.type === "consignee");
-    const { baseRate, fuelRate, extra, totalRate, serviceLevel } = serviceLevelSelected;
-    const serviceLevelIconColor = appConfigServiceLevels[serviceLevel];
-    const rowsPrices = [
-        createData$1("Base", baseRate),
-        createData$1("Fuel", fuelRate),
-        createData$1("Extra", extra),
-    ];
-    return (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: [jsxRuntime.jsx(TableContainer__default["default"], { children: jsxRuntime.jsxs(Table__default["default"], Object.assign({ sx: { minWidth: 650 }, "aria-label": "Quote summary table" }, { children: [jsxRuntime.jsx(TableHead__default["default"], { children: jsxRuntime.jsxs(TableRow__default["default"], { children: [jsxRuntime.jsx(TableCell__default["default"], { children: "Quote Id" }), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Service" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Mode" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Commodity Description" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Total Weight" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Freight Class" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Feet" })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: "Pallets" })), jsxRuntime.jsxs(TableCell__default["default"], Object.assign({ align: "center" }, { children: ["Mile", totalMiles && totalMiles > 1 ? "s" : ""] }))] }) }), jsxRuntime.jsx(TableBody__default["default"], { children: rowsSummaryAbout.map((row) => (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ sx: { "&:last-child td, &:last-child th": { border: 0 } } }, { children: [jsxRuntime.jsx(TableCell__default["default"], Object.assign({ component: "th", scope: "row", align: "left" }, { children: row.id })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.service })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.mode })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.commodityDescription })), jsxRuntime.jsxs(TableCell__default["default"], Object.assign({ align: "center" }, { children: [row.totalWeight, " Lbs"] })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.freightClass })), jsxRuntime.jsxs(TableCell__default["default"], Object.assign({ align: "center" }, { children: [row.feet, " ft"] })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.pallets })), jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: "center" }, { children: row.miles }))] }), row.id))) })] })) }), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "subtitle1", color: "primary" }, { children: "Stops" })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, alignItems: "stretch" }, { children: stops.map((s, _index) => (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, py: 1, flexBasis: "30%" }, { children: [jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body1", color: "textSecondary" }, { children: s.type === "shipper" ? "From" : "To" })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, mr: 1, alignSelf: "end" }, { children: s.type === "shipper" ? (jsxRuntime.jsx(ArrowUpwardIcon__default["default"], {})) : (jsxRuntime.jsx(ArrowDownwardIcon__default["default"], {})) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h6" }, { children: s.name ? s.name : s.zip })) }))] })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true }, { children: [jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block" }, { children: s.address && s.address.line1
-                                            ? s.address.line1
-                                            : "Unknown Location" })), jsxRuntime.jsxs(Typography__default["default"], Object.assign({ display: "block", mb: 1 }, { children: [s.address.zip, " ", s.address.city, " ", s.address.state] })), s.date && (jsxRuntime.jsx(Chip__default["default"], { label: moment__default["default"](s.date).format("MMMM Do YYYY"), avatar: jsxRuntime.jsx(Avatar__default["default"], { children: jsxRuntime.jsx(CalendarMonthIcon__default["default"], { fontSize: "small" }) }) })), firstDropOff &&
-                                        s.id === firstDropOff.id &&
-                                        serviceLevelSelected && (jsxRuntime.jsx(Chip__default["default"], { label: serviceLevelSelected.grouped
-                                            ? `${moment__default["default"](serviceLevelSelected.from).format("MMMM Do YYYY")} - ${moment__default["default"](serviceLevelSelected.to).format("MMMM Do YYYY")}`
-                                            : moment__default["default"](dateSelected).format("MMMM Do YYYY"), avatar: jsxRuntime.jsx(Avatar__default["default"], { children: jsxRuntime.jsx(CalendarMonthIcon__default["default"], { fontSize: "small" }) }) }))] }))] }), _index))) })) })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ item: true, xs: 12, style: { textAlign: "right" } }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ container: true, justifyContent: "flex-end", flexDirection: "column" }, { children: rowsPrices.map((price, i) => (jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, justifyContent: "flex-end" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, flex: "0 0 5%", justifyContent: "flex-start", display: "flex" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body2", color: "textSecondary" }, { children: price.typePrice })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, flex: "0 0 7%", justifyContent: "flex-end", display: "flex" }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "body2", color: "textSecondary" }, { children: formattedPrice(price.price) })) }))] })) }), i))) })), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, alignItems: "flex-start", justifyContent: "flex-end", sx: { margin: "5px 0" } }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h5", color: "textSecondary", mr: 1 }, { children: "Total" })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "h4", mb: 1 }, { children: formattedPrice(totalRate) })) }))] })), jsxRuntime.jsx(Button__default["default"], Object.assign({ size: "large", style: {
-                            background: serviceLevelIconColor.color,
-                            color: "white",
-                        }, onClick: () => {
-                            console.log("click");
-                        } }, { children: jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: "To go to the next step and tender the load, click on this button.", variant: "body1" }, { children: jsxRuntime.jsxs(Box__default["default"], Object.assign({ component: "div", sx: {
-                                    display: "flex",
-                                    alignItems: "center",
-                                } }, { children: [jsxRuntime.jsx("img", { alt: "service-level-icon", src: serviceLevelIconColor.icon, height: 20, style: { paddingRight: 10 } }), " ", jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "button", textTransform: "uppercase" }, { children: "Tender Load" }))] })) })) }))] }))] })));
-};
-QuoteSummaryBody.defaultProps = defaultProps;
-/**
- * @param typePrice
- * @param price
- */
-function createData$1(typePrice, price) {
-    return {
-        typePrice,
-        price,
-    };
-}
-
-const QuoteSummary = (props) => {
-    const { dateSelected, serviceLevelSelected, quoteResponse, t, appConfigServiceLevels, } = props;
-    const { id, type, temp, commodityDescription, weight, freightClass, feet, pallets, stops, totalMiles, } = quoteResponse;
-    const { serviceLevel } = serviceLevelSelected;
-    const mode = temp && temp.length ? "Reefer" : "Dry";
-    const serviceLevelIconColor = appConfigServiceLevels[serviceLevel];
-    const rowsSummaryAbout = [
-        createData(id, type, mode, commodityDescription, weight, freightClass || "", feet, pallets, totalMiles || 0),
-    ];
-    return (jsxRuntime.jsxs(nerdUi.NerdCard, { children: [jsxRuntime.jsx(QuoteSummaryHeader, { serviceLevelIconColor: serviceLevelIconColor, serviceLevelSelected: serviceLevelSelected }), jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ display: "block", variant: "subtitle1", color: "primary" }, { children: t("quote.about") })) })), jsxRuntime.jsx(QuoteSummaryBody, Object.assign({}, {
-                        totalMiles,
-                        rowsSummaryAbout,
-                        stops,
-                        serviceLevelSelected,
-                        dateSelected,
-                        appConfigServiceLevels,
-                    }))] }))] }));
-};
-/**
- * @param id
- * @param service
- * @param mode
- * @param commodityDescription
- * @param totalWeight
- * @param freightClass
- * @param feet
- * @param pallets
- * @param miles
- */
-function createData(id, service, mode, commodityDescription, totalWeight, freightClass, feet, pallets, miles) {
-    return {
-        id,
-        service,
-        mode,
-        commodityDescription,
-        totalWeight,
-        freightClass,
-        feet,
-        pallets,
-        miles,
-    };
-}
-
-// use google object
-const google$1 = window.google;
-// Google maps
-const googleService = {
-    maps: google$1.maps,
-};
-// Service context, default
-const ServiceContext = React.createContext(null);
-/**
- * Nerd Sales Quote view
- *
- * @param props
- * @param props.theme
- * @param props.dispatch
- * @param props.nerdSalesKitState
- * @param props.t
- * @param props.networkCompletionStack
- * @param props.isCustomer
- * @param props.appConfigServiceLevels
- * @returns {React.ReactElement<any>} return as a function component
- */
-const SalesQuote = ({ theme, dispatch, nerdSalesKitState, t, networkCompletionStack, isCustomer, appConfigServiceLevels, }) => {
-    // Constants
-    const appTheme = styles.createTheme(theme);
-    const isMobile = useMediaQuery__default["default"](appTheme.breakpoints.down("sm"), {
-        noSsr: true,
-    });
-    const el = React.useRef(null);
-    const { quoteState, quoteState: { quoteFormData, quoteResponse }, selectedDateRange, } = nerdSalesKitState;
-    // States
-    const [showFormData, setShowFormData] = React.useState(false);
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const [pending, setPending] = React.useState(false);
-    const [isDateSelected, setIsDateSelected] = React.useState(false);
-    // Actions
-    const showFormDataHandler = () => {
-        setShowFormData(!showFormData);
-    };
-    /**
-     *
-     */
-    function onSubmitFormHandler() {
-        setPending(true);
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, sendFormData(quoteFormData));
-        setRequestUUID(uuid);
-    }
-    // React hooks
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    return (jsxRuntime.jsx(ServiceContext.Provider, Object.assign({ value: { googleService, quoteState, t, isMobile, appConfigServiceLevels } }, { children: jsxRuntime.jsx(styles.ThemeProvider, Object.assign({ theme: appTheme }, { children: jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: showFormData ? 9 : 12, sm: showFormData ? 8 : 12 }, { children: jsxRuntime.jsxs(Box__default["default"], Object.assign({ sx: {
-                                display: "flex",
-                                flexWrap: "wrap",
-                                justifyContent: "flex-end",
-                            } }, { children: [jsxRuntime.jsx(Fab__default["default"], Object.assign({ variant: "extended", size: "small", "aria-label": "show form data", sx: { mr: 2, my: 1, color: "#61614F" }, onClick: showFormDataHandler }, { children: !isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviewIcon__default["default"], { sx: { mr: 1 } }), t("quote.check_form_data")] })) : (jsxRuntime.jsx(nerdUi.NerdHelp, Object.assign({ explanation: t("quote.check_form_data"), variant: "body1" }, { children: jsxRuntime.jsx(PreviewIcon__default["default"], {}) }))) })), jsxRuntime.jsx(Divider__default["default"], { sx: { flexBasis: "100%" } }), jsxRuntime.jsxs(Container__default["default"], Object.assign({ className: "NerdQuote" }, { children: [jsxRuntime.jsx(nerdUi.NerdHeading, { variant: "h4", text: t("quote.new_quote"), fontWeight: 700, display: "block", mt: 2 }), jsxRuntime.jsxs(Stack__default["default"], Object.assign({ spacing: 4, mt: 1, mb: 2 }, { children: [jsxRuntime.jsx(AboutQuote, Object.assign({ dispatch: dispatch, networkCompletionStack: networkCompletionStack, isCustomer: isCustomer, submitForm: onSubmitFormHandler }, { children: jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(nerdUi.NerdHeading, { alignItems: "center", variant: "h6", text: t("quote.about_load_library"), icon: jsxRuntime.jsx(nerdUi.NerdIcon, { icon: "info-circle", size: "lg", iconColor: "primary", "aria-owns": "mouse-over-popover", "aria-haspopup": "true" }) }) })) })), pending && jsxRuntime.jsx(Loading, {}), !pending && quoteState.quoteResponse.id && (jsxRuntime.jsxs(Stack__default["default"], Object.assign({ spacing: 2, ref: el }, { children: [jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "h4" }, { children: t("quote.result") })), jsxRuntime.jsx(QuoteResultAccorion, { dispatch: dispatch, networkCompletionStack: networkCompletionStack, marketCosts: quoteState.marketCosts, responseState: quoteResponse }), jsxRuntime.jsx(QuoteCalendar, { setIsDateSelected: setIsDateSelected, isDateSelected: isDateSelected, responseState: quoteResponse, selectedDateRange: selectedDateRange, dispatch: dispatch, appConfigServiceLevels: appConfigServiceLevels }), isDateSelected && (jsxRuntime.jsx(QuoteSummary, { dateSelected: selectedDateRange.date, serviceLevelSelected: selectedDateRange.element, quoteResponse: quoteResponse, t: t, appConfigServiceLevels: appConfigServiceLevels }))] })))] }))] }))] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: 3, sm: 4, sx: {
-                            display: showFormData ? "block" : "none",
-                            background: "#282c34",
-                            color: "#abb2bf",
-                            width: "100%",
-                        } }, { children: jsxRuntime.jsx(PrettyPrintJson, { state: quoteFormData }) }))] })) })) })));
-};
-const PrettyPrintJson = ({ state }) => {
-    return (jsxRuntime.jsx(Box__default["default"], { children: jsxRuntime.jsx("pre", { children: jsxRuntime.jsx(Typography__default["default"], Object.assign({ variant: "body2" }, { children: JSON.stringify(state, null, "\t") })) }) }));
-};
-
-/**
- * @param props
- */
-function CustomerFinder(props) {
-    const { dispatch, networkCompletionStack } = props;
-    const customersState = React.useContext(ServiceContext);
-    const [open, setOpen] = React.useState(false);
-    // This state represents the value displayed in the textbox.
-    const [inputValue, setInputValue] = React.useState("");
-    // This state represents the network request UUID
-    const [requestPending, setRequestPending] = React.useState(false);
-    const [requestUUID, setRequestUUID] = React.useState("");
-    const customers = [
-        ...((customersState === null || customersState === void 0 ? void 0 : customersState.quoteState.customers) || []),
-    ];
-    // This state This state represents the value selected by the user,
-    const [value, setValue] = React.useState(customers[0]);
-    // Fetch the data to get get the customers
-    const fetchCustomers = React.useCallback((queryString) => {
-        setRequestPending(true);
-        const query = {
-            query: queryString,
-            start: 0,
-            limit: 25,
-        };
-        const uuid = nerdNetwork.withNetworkCompletionDispatch(dispatch, getCustomers(query));
-        setRequestUUID(uuid);
-    }, [dispatch]);
-    // Set URL query params and fetch the data
-    React.useEffect(() => {
-        //console.log("CHANGEINPUT", inputValue, value);
-        if (inputValue !== "") {
-            fetchCustomers(inputValue);
-            //console.log("Fetching customers", inputValue, customers);
-        }
-        if (value && value.id) {
-            dispatch(storeQuoteFormData({
-                customerId: value.id,
-                customerName: value.name,
-            }));
-        }
-    }, [inputValue]);
-    React.useEffect(() => {
-        if (!networkCompletionStack.some((e) => e[requestUUID])) {
-            setRequestPending(false);
-        }
-    }, [requestUUID, networkCompletionStack]);
-    return (jsxRuntime.jsxs(Grid__default["default"], Object.assign({ container: true, spacing: 1, alignItems: "center" }, { children: [jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsxs(nerdUi.NerdHelp, Object.assign({ explanation: "Select the customer you are quoting for. This could affect the final prices for customer who have special agreements.", variant: "body1" }, { children: [jsxRuntime.jsx(BusinessIcon__default["default"], {}), " "] })) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true, md: true, xs: 9, sm: 10 }, { children: jsxRuntime.jsx(Autocomplete__default["default"], { id: "customer-autocomplete", open: open, onOpen: () => {
-                        setOpen(true);
-                    }, onClose: () => {
-                        setOpen(false);
-                    }, value: value || null, onChange: (_event, newValue) => {
-                        setValue(newValue);
-                    }, inputValue: inputValue, onInputChange: (_event, newInputValue) => {
-                        setInputValue(newInputValue);
-                    }, isOptionEqualToValue: (option, optionValue) => option.name === optionValue.name, getOptionLabel: (option) => {
-                        if (option.name) {
-                            return option.name;
-                        }
-                        return "";
-                    }, options: customers, loading: requestPending, renderInput: (params) => (jsxRuntime.jsx(TextField__default["default"], Object.assign({}, params, { label: "Customer", variant: "standard", placeholder: "Enter customer", fullWidth: true, InputLabelProps: {
-                            shrink: true,
-                        }, InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: null }), required: !inputValue ? true : false, helperText: inputValue === "" ? "Required" : "" }))), renderOption: (renderOptionProps, option) => {
-                        return (jsxRuntime.jsx(RenderOptionTemplate$1, { renderOptionProps: renderOptionProps, option: option }, toolkit.nanoid()));
-                    }, PaperComponent: (paperProps) => {
-                        if (!inputValue || requestPending) {
-                            return (React.createElement(nerdUi.PaperComponentOnLoad, Object.assign({}, { inputValue }, { key: toolkit.nanoid(), props: paperProps, loading: requestPending, autocompleteType: nerdUi.AutocompleteType.CUSTOMER })));
-                        }
-                        return (React.createElement(Paper__default["default"], Object.assign({}, paperProps, { key: toolkit.nanoid() }), paperProps.children));
-                    } }) })), jsxRuntime.jsx(Grid__default["default"], Object.assign({ item: true }, { children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ size: "small", onClick: () => {
-                        setValue(null);
-                        dispatch(storeQuoteFormData({
-                            customerId: undefined,
-                        }));
-                    } }, { children: jsxRuntime.jsx(CloseIcon__default["default"], { fontSize: "small" }) })) }))] })));
-}
-
-exports.AboutQuote = AboutQuote;
-exports.Calendar = Calendar;
-exports.DateSelectedHandler = DateSelectedHandler;
-exports.FREIGHT_CLASS = FREIGHT_CLASS;
-exports.Loading = Loading;
-exports.LocationFinder = LocationFinder;
-exports.QUOTE_MAX_STOPS = QUOTE_MAX_STOPS;
-exports.RenderOptionTemplate = RenderOptionTemplate$1;
-exports.SalesQuote = SalesQuote;
-exports.ServiceContext = ServiceContext;
-exports.calendarSlice = calendarSlice;
-exports.formattedPrice = formattedPrice;
-exports.getArcherLocationsSuccess = getArcherLocationsSuccess;
-exports.getCustomers = getCustomers;
-exports.getCustomersSuccess = getCustomersSuccess;
-exports.getFacility = getFacility;
-exports.getMarketCosts = getMarketCosts;
-exports.getMarketCostsSuccess = getMarketCostsSuccess;
-exports.getQuoteAccessorials = getQuoteAccessorials;
-exports.getQuoteAccessorialsSuccess = getQuoteAccessorialsSuccess;
-exports.getQuoteById = getQuoteById;
-exports.getQuoteCommodityDescirptionSuccess = getQuoteCommodityDescirptionSuccess;
-exports.getQuoteCommodityDescription = getQuoteCommodityDescription;
-exports.getQuotePathEdgeCosts = getQuotePathEdgeCosts;
-exports.getQuotePathEdgeCostsSucess = getQuotePathEdgeCostsSucess;
-exports.getQuoteResponseSuccess = getQuoteResponseSuccess;
-exports.getRange = getRange;
-exports.nerdSalesKitReducer = nerdSalesKitReducer;
-exports.options = options$2;
-exports.quoteAccessorialsSelector = quoteAccessorialsSelector;
-exports.quoteArcherLocationsSelector = quoteArcherLocationsSelector;
-exports.quoteCommodityDescriptionSelector = quoteCommodityDescriptionSelector;
-exports.quoteCustomersSelector = quoteCustomersSelector;
-exports.quoteErrorSelector = quoteErrorSelector;
-exports.quoteReducer = quoteReducer;
-exports.quoteUnitsSelector = quoteUnitsSelector;
-exports.re = re$1;
-exports.removeArcherLocations = removeArcherLocations;
-exports.safariFix = safariFix;
-exports.sendFormData = sendFormData;
-exports.setIsQuoteFormSubmitted = setIsQuoteFormSubmitted;
-exports.setSavingActionLocation = setSavingActionLocation;
-exports.storeNewLocation = storeNewLocation;
-exports.storePalletError = storePalletError;
-exports.storePalletUnitSuccess = storePalletUnitSuccess;
-exports.storePallets = storePallets;
-exports.storeQuoteFormData = storeQuoteFormData;
-exports.updateLocation = updateLocation;
-//# sourceMappingURL=index.js.map