npm - @nerdjs/sales-kit - Versions diffs - 2.3.0 → 2.3.2 - Mend

@nerdjs/sales-kit 2.3.0 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/dist/hooks/load/loadDrawer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Grid, IconButton, Skeleton, Typography, useTheme, } from "@mui/joy";
+import { Box, Button, Grid, IconButton, Skeleton, Tooltip, Typography, useTheme, } from "@mui/joy";
 import { Drawer } from "@mui/material";
 import { StatusStepper } from "../statusStepper";
 import { LoadLastLocation } from "./loadLastLocation";
@@ -11,7 +11,8 @@ import { useDispatch } from "react-redux";
 import { Load } from "../../entities";
 import salesKitI18n from "../../i18n";
 import { useTranslation } from "react-i18next";
-import { Link } from "react-router-dom";
+import { Link, useLocation, useNavigate, useSearchParams, } from "react-router-dom";
+import { useCallback } from "react";
 export const STATUS_MAP = {
     Pending: { label: "Pending", index: 1 },
     Ready: { label: "Ready", index: 2 },
@@ -27,7 +28,7 @@ export const STATUS_MAP = {
  * @returns {ReactElement} LoadDrawer
  */
 export function LoadDrawer(props) {
-    const { getOpenLoadRoute, drawerProps } = props;
+    const { getOpenLoadRoute, drawerProps, compareRoute } = props;
     const { t } = useTranslation("entities", { i18n: salesKitI18n });
     const theme = useTheme();
     const selectedLoadID = useSelector(loadDrawerSelectedLoadIDSelector);
@@ -35,6 +36,25 @@ export function LoadDrawer(props) {
     const { data: selectedLoad, isFetching } = useGetLoadQuery(selectedLoadID || 0, {
         skip: !selectedLoadID,
     });
+    const location = useLocation();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const navigate = useNavigate();
+    const handleCompare = useCallback(() => {
+        if (selectedLoadID) {
+            if (location.pathname.match(compareRoute)) {
+                setSearchParams((searchParams) => {
+                    const _ids = (searchParams.get("ids")?.split(",") ?? []).filter((e) => e !== "");
+                    _ids.push(selectedLoadID?.toString());
+                    searchParams.set("ids", _ids.join(","));
+                    return searchParams;
+                });
+            }
+            else {
+                navigate(`${compareRoute}?ids=${selectedLoadID}`);
+            }
+            dispatch(setLoadDrawerSelectedLoadID(null));
+        }
+    }, [selectedLoadID, location, compareRoute, searchParams]);
     return (_jsx(Drawer, { open: Boolean(selectedLoadID), onClose: () => dispatch(setLoadDrawerSelectedLoadID(null)), anchor: "right", variant: "persistent", sx: {
             width: 530,
             flexShrink: 0,
@@ -47,9 +67,9 @@ export function LoadDrawer(props) {
                     alignItems: "stretch",
                     flexDirection: "column",
                     mt: { xs: "138px", sm: "98px" },
-                }, children: [_jsx(IconButton, { size: "sm", onClick: () => dispatch(setLoadDrawerSelectedLoadID(null)), sx: {
-                            ml: "auto",
-                        }, children: _jsx("i", { className: "fa-solid fa-xmark" }) }), selectedLoad ? (_jsxs(Grid, { container: true, gap: 1, children: [_jsx(Grid, { children: _jsx("img", { height: "20", src: new Load(selectedLoad).getServiceLevelIcon(), alt: t("quote.service_level") }) }), selectedLoad.reeferTemp ? (_jsx(Grid, { children: _jsx(Typography, { lineHeight: 1, color: "primary", children: _jsx("i", { className: "fa-solid fa-snowflake" }) }) })) : null, _jsxs(Grid, { xs: true, children: [_jsxs(Typography, { lineHeight: 1, fontWeight: "md", children: ["#", selectedLoad.id] }), _jsxs(Typography, { level: "body-xs", children: ["(", selectedLoad.referenceNumber, ")"] })] }), selectedLoad.status ? (_jsx(Grid, { ml: { xs: undefined, sm: "auto" }, xs: 12, sm: "auto", children: _jsx(StatusStepper, { currentStep: STATUS_MAP[selectedLoad.status], stepsLength: 6, primaryColor: selectedLoad.status === "Cancelled"
+                }, children: [_jsxs(Box, { display: "flex", children: [_jsx(Tooltip, { title: t("components:lepShipcons.compareWith"), children: _jsx(IconButton, { color: "primary", size: "sm", onClick: handleCompare, children: _jsx("i", { className: "fa-solid fa-rectangle-vertical-history" }) }) }), _jsx(IconButton, { size: "sm", onClick: () => dispatch(setLoadDrawerSelectedLoadID(null)), sx: {
+                                    ml: "auto",
+                                }, children: _jsx("i", { className: "fa-solid fa-xmark" }) })] }), selectedLoad ? (_jsxs(Grid, { container: true, gap: 1, children: [_jsx(Grid, { children: _jsx("img", { height: "20", src: new Load(selectedLoad).getServiceLevelIcon(), alt: t("quote.service_level") }) }), selectedLoad.reeferTemp ? (_jsx(Grid, { children: _jsx(Typography, { lineHeight: 1, color: "primary", children: _jsx("i", { className: "fa-solid fa-snowflake" }) }) })) : null, _jsxs(Grid, { xs: true, children: [_jsxs(Typography, { lineHeight: 1, fontWeight: "md", children: ["#", selectedLoad.id] }), _jsxs(Typography, { level: "body-xs", children: ["(", selectedLoad.referenceNumber, ")"] })] }), selectedLoad.status ? (_jsx(Grid, { ml: { xs: undefined, sm: "auto" }, xs: 12, sm: "auto", children: _jsx(StatusStepper, { currentStep: STATUS_MAP[selectedLoad.status], stepsLength: 6, primaryColor: selectedLoad.status === "Cancelled"
                                         ? theme.palette.danger[500]
                                         : selectedLoad.status === "Pending"
                                             ? theme.palette.warning[500]

package/dist/hooks/load/loadDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loadDrawer.js","sourceRoot":"","sources":["../../../src/hooks/load/loadDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,YAAY,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,~~EAAE~~,IAAI,~~EAAE~~,MAAM,kBAAkB,CAAC;~~AAGxC~~,MAAM,CAAC,MAAM,UAAU,GAAqD;IAC1E,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;IACvC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;IACrC,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE;IAC3C,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;IACvC,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE;CAC1C,CAAC;~~AAOF~~;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;~~IAChD~~,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,cAAc,GAAG,WAAW,CAAC,gCAAgC,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,eAAe,CACxD,cAAc,IAAI,CAAC,EACnB;QACE,IAAI,EAAE,CAAC,cAAc;KACtB,CACF,CAAC;~~IAEF~~,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,EAC1D,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,YAAY,EACpB,EAAE,EAAE;YACF,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,CAAC;YACb,oBAAoB,EAAE;gBACpB,KAAK,EAAE,GAAG;aACX;SACF,KACG,WAAW,YAEf,KAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,YAC3B,MAAC,GAAG,IACF,CAAC,EAAE,GAAG,EACN,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,CAAC;oBACN,UAAU,EAAE,SAAS;oBACrB,aAAa,EAAE,QAAQ;oBACvB,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE;iBAChC,aAED,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,EAC1D,EAAE,EAAE;~~4BACF~~,EAAE,EAAE,MAAM;~~yBACX~~,YAED,YAAG,SAAS,EAAC,mBAAmB,GAAK,GAC1B,~~EACZ~~,YAAY,CAAC,CAAC,CAAC,CACd,MAAC,IAAI,IAAC,SAAS,QAAC,GAAG,EAAE,CAAC,aACpB,KAAC,IAAI,cACH,cACE,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,mBAAmB,EAAE,EACjD,GAAG,EAAE,CAAC,CAAC,qBAAqB,CAAC,GAC7B,GACG,EACN,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,cACH,KAAC,UAAU,IAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,YACxC,YAAG,SAAS,EAAC,uBAAuB,GAAG,GAC5B,GACR,CACR,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,IAAC,EAAE,mBACN,MAAC,UAAU,IAAC,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,kBACvC,YAAY,CAAC,EAAE,IACN,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,SAAS,kBACvB,YAAY,CAAC,eAAe,SACnB,IACR,EACN,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,YACzD,KAAC,aAAa,IACZ,WAAW,EAAE,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,EAC5C,WAAW,EAAE,CAAC,EACd,YAAY,EACV,YAAY,CAAC,MAAM,KAAK,WAAW;wCACjC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC;wCAC3B,CAAC,CAAC,YAAY,CAAC,MAAM,KAAK,SAAS;4CACnC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;4CAC5B,CAAC,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;gDACjC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;gDAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAEhC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,YACV,KAAC,MAAM,IACL,SAAS,QACT,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,IAAI,EACf,EAAE,EAAE,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,EACrC,EAAE,EAAE;wCACF,cAAc,EAAE,iBAAiB;qCAClC,YAEA,CAAC,CAAC,oBAAoB,CAAC,GACjB,GACJ,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,YACV,KAAC,gBAAgB,IAAC,MAAM,EAAE,YAAY,CAAC,EAAE,GAAI,GACxC,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,YACV,KAAC,iBAAiB,IAAC,IAAI,EAAE,YAAY,GAAI,GACpC,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,GAAG,EAAE,CAAC,YAC5B,KAAC,SAAS,IAAC,IAAI,EAAE,YAAY,GAAI,GAC5B,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,GACG,GACJ,CACV,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"loadDrawer.js","sourceRoot":"","sources":["../../../src/hooks/load/loadDrawer.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/locationsForm/locationsFormSales.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, FormControl, FormLabel, Input, Typography, Grid, Checkbox, CircularProgress, Select, Option, FormHelperText, Modal, ModalDialog, Textarea, Tabs, TabList, tabClasses, Tab, TabPanel, Box, Autocomplete, useTheme, } from "@mui/joy";
+import { Button, FormControl, FormLabel, Input, Typography, Grid, Checkbox, CircularProgress, Select, Option, FormHelperText, Modal, ModalDialog, Textarea, Tabs, TabList, tabClasses, Tab, TabPanel, Box, Autocomplete, useTheme, Divider, } from "@mui/joy";
 import { NerdClickToCopy, NerdCurrencyFieldDataGridAdapter, NerdDatePicker, NerdDraggableDialog, NerdFileUpload, NerdPhoneField, NerdTimePicker, showNotification, useNerdConfirm, } from "@nerdjs/nerd-ui";
 import { useEffect, useMemo, useState, } from "react";
 import salesKitI18n from "../../i18n";
@@ -203,7 +203,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                             overflowY: "auto",
                             overflowX: "hidden",
                             height: "100%",
-                        }, size: "sm", children: [_jsxs(TabList, { sx: {
+                        }, size: "sm", children: [_jsxs(TabList, { size: "sm", sx: {
                                     p: 0.5,
                                     gap: 0.5,
                                     borderRadius: "xl",
@@ -214,7 +214,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                     },
                                 }, children: [_jsx(Tab, { disableIndicator: true, children: "Main" }), location.id ? (_jsxs(_Fragment, { children: [_jsx(Tab, { disableIndicator: true, children: "Accessorials" }), _jsx(Tab, { disableIndicator: true, children: "Documents" })] })) : null] }), _jsx(TabPanel, { value: 0, sx: {
                                     overflow: "auto",
-                                }, children: _jsxs(Grid, { container: true, spacing: 0.5, children: [_jsx(Grid, { xs: 12, children: _jsx(Typography, { level: "h4", color: "neutral", children: _jsx("i", { className: "fa-solid fa-location-dot" }) }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { children: t("Name") }), _jsx(Input, { fullWidth: true, error: !validationObject.name, onChange: (e) => {
+                                }, children: _jsxs(Grid, { container: true, spacing: 0.5, children: [_jsx(Grid, { xs: 12, md: 5, children: _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { children: t("Name") }), _jsx(Input, { fullWidth: true, error: !validationObject.name, onChange: (e) => {
                                                             setValidationObject({
                                                                 ...validationObject,
                                                                 name: e.target.value ? true : false,
@@ -227,16 +227,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 name: e.target.value,
                                                             }));
-                                                        }, size: "sm", value: location?.name ?? "", placeholder: t("Facility's name") })] }) }), _jsx(Grid, { xs: 8, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Line 1" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.line1 ?? "", placeholder: t("Line 1") })] }) }), _jsx(Grid, { xs: 4, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "#" }), _jsx(Input, { fullWidth: true, size: "sm", value: location?.line2 ?? "", onChange: (e) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                line2: e.target.value,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                line2: e.target.value,
-                                                            }));
-                                                        } })] }) }), _jsx(Grid, { xs: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "City" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.city ?? "", placeholder: t("City") })] }) }), _jsx(Grid, { xs: 3, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "State" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.state ?? "", placeholder: t("State") })] }) }), _jsx(Grid, { xs: 3, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "ZIP" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.zip ?? "", placeholder: t("ZIP") })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { children: "Address" }), _jsx(Autocomplete, { value: value, error: !validationObject.address, options: googleMapsPredictions || [], onInputChange: (_e, v) => {
+                                                        }, size: "sm", value: location?.name ?? "", placeholder: t("Facility's name") })] }) }), _jsx(Grid, { xs: 12, md: 7, children: _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { children: "Address" }), _jsx(Autocomplete, { size: "sm", value: value, error: !validationObject.address, options: googleMapsPredictions || [], onInputChange: (_e, v) => {
                                                             getGoogleAddresses(v, false);
                                                         }, onChange: (_e, v) => {
                                                             setValue(v);
@@ -262,7 +253,16 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...validationObject,
                                                                 address: !v ? false : true,
                                                             });
-                                                        }, getOptionLabel: (option) => `${option.structured_formatting.main_text}, ${option.structured_formatting.secondary_text}`, isOptionEqualToValue: (o, v) => o.place_id === v.place_id })] }) }), _jsx(Grid, { xs: 12, mt: 1, children: _jsx(Typography, { level: "h4", color: "neutral", children: _jsx("i", { className: "fa-solid fa-address-card" }) }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Emails" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
+                                                        }, getOptionLabel: (option) => `${option.structured_formatting.main_text}, ${option.structured_formatting.secondary_text}`, isOptionEqualToValue: (o, v) => o.place_id === v.place_id })] }) }), _jsx(Grid, { xs: 8, md: 4.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Line 1" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.line1 ?? "", placeholder: t("Line 1") })] }) }), _jsx(Grid, { xs: 4, md: 3.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "#" }), _jsx(Input, { fullWidth: true, size: "sm", value: location?.line2 ?? "", onChange: (e) => {
+                                                            setLocation((l) => ({
+                                                                ...l,
+                                                                line2: e.target.value,
+                                                            }));
+                                                            setBody((l) => ({
+                                                                ...l,
+                                                                line2: e.target.value,
+                                                            }));
+                                                        } })] }) }), _jsx(Grid, { xs: 6, md: 2, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "City" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.city ?? "", placeholder: t("City") })] }) }), _jsx(Grid, { xs: 3, md: 0.75, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "State" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.state ?? "", placeholder: t("State") })] }) }), _jsx(Grid, { xs: 3, md: 1.25, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "ZIP" }), _jsx(Input, { fullWidth: true, readOnly: true, size: "sm", value: location?.zip ?? "", placeholder: t("ZIP") })] }) }), _jsx(Grid, { xs: 12, mt: 1, mb: 1, children: _jsx(Divider, {}) }), _jsx(Grid, { xs: 12, md: 4.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Emails" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 email_addresses: e.target.value,
@@ -271,7 +271,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 email_addresses: e.target.value,
                                                             }));
-                                                        }, size: "sm", value: location?.email_addresses || "", placeholder: "one@email.com; two@email.com..." })] }) }), _jsx(Grid, { xs: 6, lg: 3, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Contact" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
+                                                        }, size: "sm", value: location?.email_addresses || "", placeholder: "one@email.com; two@email.com..." })] }) }), _jsx(Grid, { xs: 12, md: 2.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Contact" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 contact: e.target.value,
@@ -282,7 +282,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                             }));
                                                         }, size: "sm", value: location.contact || "", placeholder: "Contact" }), _jsx(FormHelperText, { sx: {
                                                             display: { xs: "none", lg: "initial" },
-                                                        }, children: " " })] }) }), _jsx(Grid, { xs: 12, lg: 4.5, children: _jsx(NerdPhoneField, { value: location.phone, label: t("Phone"), inputProps: {
+                                                        }, children: " " })] }) }), _jsx(Grid, { xs: 12, md: 3.5, children: _jsx(NerdPhoneField, { value: location.phone, label: t("Phone"), inputProps: {
                                                     placeholder: t("Phone"),
                                                     size: "sm",
                                                     fullWidth: true,
@@ -304,7 +304,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                         ...validationObject,
                                                         phone: false,
                                                     });
-                                                } }) }), _jsx(Grid, { xs: 12, lg: 4.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Ext" }), _jsx(Input, { value: location.ext_number || "", placeholder: "Ext", size: "sm", fullWidth: true, onChange: (e) => {
+                                                } }) }), _jsx(Grid, { xs: 12, md: 1.5, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Ext" }), _jsx(Input, { value: location.ext_number || "", placeholder: "Ext", size: "sm", fullWidth: true, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 ext_number: e.target.value,
@@ -313,25 +313,25 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 ext_number: e.target.value,
                                                             }));
-                                                        } })] }) }), _jsx(Grid, { xs: 12, mt: 1, children: _jsx(Typography, { level: "h4", color: "neutral", children: _jsx("i", { className: "fa-regular fa-memo-circle-info" }) }) }), _jsx(Grid, { lg: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: " " }), _jsx(Checkbox, { label: "Need File", checked: location.needs_file || false, onChange: (e) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                needs_file: e.target.checked,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                needs_file: e.target.checked,
-                                                            }));
-                                                        } })] }) }), _jsx(Grid, { lg: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: " " }), _jsx(Checkbox, { label: "Need Liquor Permit", checked: location.needs_liquor_permit || false, onChange: (e) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                needs_liquor_permit: e.target.checked,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                needs_liquor_permit: e.target.checked,
-                                                            }));
-                                                        } })] }) }), _jsx(Grid, { lg: 12, children: _jsx(Checkbox, { label: "First come first serve(FCFS)", checked: location.first_come_first_serve || false, onChange: (e) => {
+                                                        } })] }) }), _jsx(Grid, { xs: 12, mt: 1, mb: 1, children: _jsx(Divider, {}) }), _jsx(Grid, { xs: 6, md: 2, children: _jsx(FormControl, { children: _jsx(Checkbox, { label: "Need File", checked: location.needs_file || false, onChange: (e) => {
+                                                        setLocation((l) => ({
+                                                            ...l,
+                                                            needs_file: e.target.checked,
+                                                        }));
+                                                        setBody((l) => ({
+                                                            ...l,
+                                                            needs_file: e.target.checked,
+                                                        }));
+                                                    } }) }) }), _jsx(Grid, { xs: 6, md: 3, children: _jsx(FormControl, { children: _jsx(Checkbox, { label: "Need Liquor Permit", checked: location.needs_liquor_permit || false, onChange: (e) => {
+                                                        setLocation((l) => ({
+                                                            ...l,
+                                                            needs_liquor_permit: e.target.checked,
+                                                        }));
+                                                        setBody((l) => ({
+                                                            ...l,
+                                                            needs_liquor_permit: e.target.checked,
+                                                        }));
+                                                    } }) }) }), _jsx(Grid, { xs: 6, md: 4, children: _jsx(Checkbox, { label: "First come first serve(FCFS)", checked: location.first_come_first_serve || false, onChange: (e) => {
                                                     setLocation((l) => ({
                                                         ...l,
                                                         first_come_first_serve: e.target.checked,
@@ -340,7 +340,16 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                         ...l,
                                                         first_come_first_serve: e.target.checked,
                                                     }));
-                                                } }) }), _jsx(Grid, { lg: 5, children: _jsx(NerdDatePicker, { inputProps: {
+                                                } }) }), _jsx(Grid, { xs: 6, md: 3, children: _jsx(Checkbox, { label: "Strict Scheduling", checked: location.strict_scheduling || false, onChange: (e) => {
+                                                    setLocation((l) => ({
+                                                        ...l,
+                                                        strict_scheduling: e.target.checked,
+                                                    }));
+                                                    setBody((l) => ({
+                                                        ...l,
+                                                        strict_scheduling: e.target.checked,
+                                                    }));
+                                                } }) }), _jsx(Grid, { xs: 3, children: _jsx(NerdDatePicker, { inputProps: {
                                                     size: "sm",
                                                 }, value: location.first_come_date
                                                     ? DateTime.fromISO(location.first_come_date)
@@ -353,7 +362,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                         ...l,
                                                         first_come_date: newDate?.toISO() || "",
                                                     }));
-                                                } }) }), _jsx(Grid, { lg: "auto", children: _jsx(NerdTimePicker, { label: "FCFS IN", inputProps: {
+                                                } }) }), _jsx(Grid, { xs: "auto", children: _jsx(NerdTimePicker, { label: "FCFS IN", inputProps: {
                                                     sx: {
                                                         width: 100,
                                                     },
@@ -400,7 +409,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                             first_come_in: newTime,
                                                         }));
                                                     }
-                                                } }) }), _jsx(Grid, { lg: "auto", children: _jsx(NerdTimePicker, { label: "FCFS OUT", inputProps: {
+                                                } }) }), _jsx(Grid, { xs: "auto", children: _jsx(NerdTimePicker, { label: "FCFS OUT", inputProps: {
                                                     sx: {
                                                         width: 100,
                                                     },
@@ -447,22 +456,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                             first_come_out: newTime,
                                                         }));
                                                     }
-                                                } }) }), _jsx(Grid, { xs: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "TMS Link" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                tms_link: e.target.value,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                tms_link: e.target.value,
-                                                            }));
-                                                        }, size: "sm", value: location.tms_link || "", placeholder: "TMS Link" })] }) }), _jsx(Grid, { xs: 2, alignSelf: "end", children: _jsx(Button, { variant: "soft", size: "sm", component: location.tms_link ? "a" : "button", href: location.tms_link
-                                                    ? location.tms_link.match(/^https?:\/{2}/)
-                                                        ? location.tms_link
-                                                        : `//${location.tms_link}`
-                                                    : "", startDecorator: _jsx("i", { className: "fa-solid fa-arrow-up-right-from-square" }), target: "_blank", rel: "noopener noreferrer", sx: {
-                                                    textDecoration: "none!important",
-                                                }, children: "GO" }) }), _jsx(Grid, { xs: 12, lg: 4, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "PSR Days" }), _jsxs(Select, { size: "sm", defaultValue: location.preschedule_days || 0, onChange: (_e, value) => {
+                                                } }) }), _jsx(Grid, { xs: 12, md: "auto", ml: { sx: "none", md: "auto" }, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "PSR Days" }), _jsxs(Select, { size: "sm", defaultValue: location.preschedule_days || 0, onChange: (_e, value) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 preschedule_days: value || 0,
@@ -477,28 +471,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                     zIndex: (theme) => theme.zIndex.modal,
                                                                 },
                                                             },
-                                                        }, children: [_jsx(Option, { value: 0, children: "None" }, 0), [1, 2, 3, 4, 5].map((v) => (_jsx(Option, { value: v, children: v }, v))), _jsx(Option, { value: 14, children: "ASAP" }, 14)] })] }) }), _jsx(Grid, { xs: 4, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Channel" }), _jsx(Select, { size: "sm", defaultValue: location.scheduling_channel, onChange: (_e, value) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                scheduling_channel: value || "",
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                scheduling_channel: value || "",
-                                                            }));
-                                                        }, slotProps: {
-                                                            listbox: {
-                                                                sx: {
-                                                                    zIndex: (theme) => theme.zIndex.modal,
-                                                                },
-                                                            },
-                                                        }, children: [
-                                                            { label: "None", value: "" },
-                                                            { label: "Email", value: "email" },
-                                                            { label: "Call", value: "call" },
-                                                            { label: "Portal", value: "portal" },
-                                                            { label: "Customer", value: "customer" },
-                                                        ].map((v) => (_jsx(Option, { value: v.value, children: v.label }, v.value))) }), _jsx(FormHelperText, { children: " " })] }) }), _jsx(Grid, { lg: "auto", children: _jsx(NerdTimePicker, { inputProps: {
+                                                        }, children: [_jsx(Option, { value: 0, children: "None" }, 0), [1, 2, 3, 4, 5].map((v) => (_jsx(Option, { value: v, children: v }, v))), _jsx(Option, { value: 14, children: "ASAP" }, 14)] })] }) }), _jsx(Grid, { lg: "auto", children: _jsx(NerdTimePicker, { inputProps: {
                                                     sx: {
                                                         width: 100,
                                                     },
@@ -578,7 +551,45 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                             time_to: newTime,
                                                         }));
                                                     }
-                                                } }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Prev. Appts." }), _jsx(Textarea, { onChange: (e) => {
+                                                } }) }), _jsx(Grid, { xs: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "TMS Link" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
+                                                            setLocation((l) => ({
+                                                                ...l,
+                                                                tms_link: e.target.value,
+                                                            }));
+                                                            setBody((l) => ({
+                                                                ...l,
+                                                                tms_link: e.target.value,
+                                                            }));
+                                                        }, size: "sm", value: location.tms_link || "", placeholder: "TMS Link", endDecorator: _jsx(Button, { variant: "soft", size: "sm", component: location.tms_link ? "a" : "button", href: location.tms_link
+                                                                ? location.tms_link.match(/^https?:\/{2}/)
+                                                                    ? location.tms_link
+                                                                    : `//${location.tms_link}`
+                                                                : "", startDecorator: _jsx("i", { className: "fa-solid fa-arrow-up-right-from-square" }), target: "_blank", rel: "noopener noreferrer", sx: {
+                                                                mr: -1,
+                                                                height: "100%",
+                                                                textDecoration: "none!important",
+                                                            }, children: "GO" }) })] }) }), _jsx(Grid, { xs: 4, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Channel" }), _jsx(Select, { size: "sm", defaultValue: location.scheduling_channel, onChange: (_e, value) => {
+                                                            setLocation((l) => ({
+                                                                ...l,
+                                                                scheduling_channel: value || "",
+                                                            }));
+                                                            setBody((l) => ({
+                                                                ...l,
+                                                                scheduling_channel: value || "",
+                                                            }));
+                                                        }, slotProps: {
+                                                            listbox: {
+                                                                sx: {
+                                                                    zIndex: (theme) => theme.zIndex.modal,
+                                                                },
+                                                            },
+                                                        }, children: [
+                                                            { label: "None", value: "" },
+                                                            { label: "Email", value: "email" },
+                                                            { label: "Call", value: "call" },
+                                                            { label: "Portal", value: "portal" },
+                                                            { label: "Customer", value: "customer" },
+                                                        ].map((v) => (_jsx(Option, { value: v.value, children: v.label }, v.value))) }), _jsx(FormHelperText, { children: " " })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Prev. Appts." }), _jsx(Textarea, { maxRows: 4, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 prev_apts: e.target.value,
@@ -587,7 +598,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 prev_apts: e.target.value,
                                                             }));
-                                                        }, size: "sm", value: location.prev_apts || "" })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Location Notes" }), _jsx(Textarea, { onChange: (e) => {
+                                                        }, size: "sm", value: location.prev_apts || "" })] }) }), _jsx(Grid, { xs: 12, md: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Location Notes" }), _jsx(Textarea, { maxRows: 4, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 notes: e.target.value,
@@ -596,7 +607,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 notes: e.target.value,
                                                             }));
-                                                        }, size: "sm", value: location.notes || "" })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Location Scheduling Notes" }), _jsx(Textarea, { onChange: (e) => {
+                                                        }, size: "sm", value: location.notes || "" })] }) }), _jsx(Grid, { xs: 12, md: 6, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Location Scheduling Notes" }), _jsx(Textarea, { maxRows: 4, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 scheduling_notes: e.target.value,
@@ -605,7 +616,7 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
                                                                 ...l,
                                                                 scheduling_notes: e.target.value,
                                                             }));
-                                                        }, size: "sm", value: location.scheduling_notes || "" })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Driver Instructions" }), _jsx(Textarea, { onChange: (e) => {
+                                                        }, size: "sm", value: location.scheduling_notes || "" })] }) }), _jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Driver Instructions" }), _jsx(Textarea, { maxRows: 4, onChange: (e) => {
                                                             setLocation((l) => ({
                                                                 ...l,
                                                                 driver_instructions: e.target.value,
@@ -638,15 +649,19 @@ export function LocationFormSales({ onCreateLocation, onSaveLocation, open, plac
 }
 const Wrapper = ({ children, open, handleClose, }) => {
     const theme = useTheme();
-    const matches = useMediaQuery(theme.breakpoints.down("sm"));
+    const matches = useMediaQuery(theme.breakpoints.down("md"));
     if (matches)
         return (_jsx(Modal, { open: open, onClose: handleClose, children: _jsx(ModalDialog, { layout: "fullscreen", children: children }) }));
     else if (open)
         return (_jsx(NerdDraggableDialog, { draggableProps: {
                 handle: "#draggable-title",
                 cancel: "#draggable-content",
-            }, resizable: true, initialHeight: 600, initialWidth: 700, resizableProps: {
+            }, resizable: true, initialHeight: 820, initialWidth: 820, resizableProps: {
                 minConstraints: [300, 300],
+            }, sheetProps: {
+                sx: {
+                    p: 1,
+                },
             }, children: children }));
     else
         return _jsx(_Fragment, {});