@nerdjs/sales-kit 2.4.19 → 2.4.20

package/dist/hooks/locationsForm/locationsFormSales.js

@@ -1,982 +0,0 @@
-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, 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";
-import { useTranslation } from "react-i18next";
-import { useDispatch } from "react-redux";
-import { locationEntityTypeGuard, } from "../../entities/location/location";
-import { useCreateLocationAccessorialV1Mutation, useCreateLocationV1Mutation, useDeleteLocationAccessorialsV1Mutation, useGetAccessorialsV1Query, useGetLocationAccessorialsV1Query, useGetLocationV1Query, useUpdateLocationAccessorialsV1Mutation, useUpdateLocationV1Mutation, } from "../../redux/locationV1";
-import { DateTime } from "luxon";
-import { DataGridPremium, GridActionsCellItem, GridRowEditStopReasons, GridRowModes, } from "@mui/x-data-grid-premium";
-import { useDeleteArcherFileMutation, useShareArcherFileMutation, useUploadArcherFileMutation, } from "../../redux/archerFile";
-import { Person } from "../../entities";
-import { usdFormatter } from "../quote/constants";
-import { useGetLocationFilesQuery, useGetPeopleQuery } from "../../redux";
-import { useMediaQuery } from "@mui/system";
-/**
- *
- * @param {LocationFormSalesProps} props props
- * @returns {ReactElement} LocationForm
- */
-export function LocationFormSales({ onCreateLocation, onSaveLocation, open, place, onClose, }) {
-    const { t } = useTranslation("common", { i18n: salesKitI18n });
-    const [createLocation] = useCreateLocationV1Mutation();
-    const [updateLocation] = useUpdateLocationV1Mutation();
-    const [validationObject, setValidationObject] = useState(locationEntityTypeGuard(place)
-        ? {
-            name: true,
-            address: true,
-            phone: true,
-            openTime: true,
-            closeTime: true,
-            FCFSIN: true,
-            FCFSOUT: true,
-        }
-        : {
-            name: false,
-            address: true,
-            phone: false,
-            openTime: true,
-            closeTime: true,
-            FCFSIN: true,
-            FCFSOUT: true,
-        });
-    const { data, isFetching } = useGetLocationV1Query(locationEntityTypeGuard(place) && place.id ? place.id : 0, { skip: locationEntityTypeGuard(place) && place.id ? false : true });
-    const [location, setLocation] = useState(data || {});
-    const [body, setBody] = useState({
-        verified: false,
-    });
-    const googleMapsAutocompleteService = new google.maps.places.AutocompleteService();
-    const googleMapsGeocoder = new google.maps.Geocoder();
-    const [googleMapsPredictions, setGoogleMapsPredictions] = useState(null);
-    const [value, setValue] = useState(null);
-    const [loadingMapsLocations, setLoadingMapsLocations] = useState(place ? true : false);
-    const isValid = useMemo(() => {
-        const obj = { ...validationObject };
-        delete obj.phone;
-        return Object.values(obj).every(Boolean) ? true : false;
-    }, [validationObject]);
-    const loading = loadingMapsLocations || isFetching;
-    const addressFormGeocoder = (place) => {
-        const address = {};
-        const _ref = place.address_components;
-        const _len = _ref.length;
-        for (let _i = 0; _i < _len; _i++) {
-            const i = _ref[_i];
-            const _ref1 = i.types;
-            const _len1 = _ref1.length;
-            for (let _j = 0; _j < _len1; _j++) {
-                const t = _ref1[_j];
-                address[t] = i.short_name;
-                address[`${t}_long`] = i.long_name;
-            }
-        }
-        const line1 = `${address.street_number ? `${address.street_number} ` : ""}${address.route}`.trim();
-        const city = address.locality_long ||
-            address.sublocality_long ||
-            address.sublocality_level_1_long ||
-            address.neighborhood_long;
-        const state = address.administrative_area_level_1;
-        const zip = address.postal_code;
-        const formatted_address = place.formatted_address;
-        return { line1, city, state, zip, formatted_address };
-    };
-    useEffect(() => {
-        // If place is an Archer location v3 object, fetch the matching v1 object and populate the google maps autocomplete
-        if (locationEntityTypeGuard(place) &&
-            data?.id &&
-            place?.id &&
-            data.id === place.id) {
-            setLocation(data);
-            setValidationObject({
-                ...validationObject,
-                address: data?.address_id ? true : false,
-                name: data?.name ? true : false,
-                phone: data?.phone ? true : false,
-            });
-            if (data.formatted_address) {
-                getGoogleAddresses(data.formatted_address, true);
-            }
-            else {
-                setLoadingMapsLocations(false);
-            }
-        }
-        else if (place && locationEntityTypeGuard(place)) {
-            setLocation({
-                line1: place.address.line1,
-                city: place.address.city,
-                state: place.address.state,
-                zip: place.address.zip,
-                formatted_address: place.address.formattedAddress,
-                place_id: place.address.placeId,
-            });
-            setBody({
-                ...body,
-                line1: place.address.line1,
-                city: place.address.city,
-                state: place.address.state,
-                zip: place.address.zip,
-                formatted_address: place.address.formattedAddress,
-                id: place.id,
-                place_id: place.address.placeId,
-            });
-            setValidationObject({
-                ...validationObject,
-                name: false,
-            });
-            if (place.address.formattedAddress) {
-                getGoogleAddresses(place.address.formattedAddress, true);
-            }
-            else {
-                setLoadingMapsLocations(false);
-            }
-        }
-        else if (place) {
-            const address = addressFormGeocoder(place);
-            setBody({ ...address });
-            setLocation({ ...address });
-            setLoadingMapsLocations(false);
-            getGoogleAddresses(place.formatted_address, true);
-        }
-    }, [data, open, place]);
-    useEffect(() => {
-        if (!loadingMapsLocations) {
-            setValue(googleMapsPredictions?.find((l) => location.place_id === l.place_id) ||
-                googleMapsPredictions?.[0] ||
-                null);
-        }
-    }, [loadingMapsLocations]);
-    const handleSaveLocation = () => {
-        if (location.id) {
-            updateLocation({
-                id: location.id,
-                body: { location: { ...body } },
-            })
-                .unwrap()
-                .then(() => {
-                onSaveLocation?.(body);
-            })
-                .catch(() => {
-                return;
-            });
-        }
-        else {
-            createLocation(body)
-                .unwrap()
-                .then((l) => {
-                onCreateLocation(l);
-            })
-                .catch(() => {
-                return;
-            });
-        }
-    };
-    const handleClose = () => {
-        setValue(null);
-        setBody({});
-        setLocation({});
-        onClose();
-    };
-    const getGoogleAddresses = (searchText, init) => {
-        if (init)
-            setLoadingMapsLocations(true);
-        googleMapsAutocompleteService.getPlacePredictions({
-            input: searchText,
-            componentRestrictions: { country: "us" },
-            types: ["address"],
-            language: "en",
-        }, (googleSuggestions) => {
-            setGoogleMapsPredictions(googleSuggestions);
-            if (init)
-                setLoadingMapsLocations(false);
-        });
-    };
-    return (_jsx(Wrapper, { handleClose: handleClose, open: open, children: loading ? (_jsx(Box, { sx: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: { xs: "100%", sm: "none" },
-            }, children: _jsx(CircularProgress, {}) })) : (_jsxs(Box, { display: "flex", flexDirection: "column", height: "100%", children: [_jsx(Typography, { id: "draggable-title", level: "h4", sx: {
-                        cursor: "move",
-                    }, children: location?.id ? t("Edit Location") : t("New Location") }), _jsx(Box, { id: "draggable-content", sx: {
-                        overflow: "auto",
-                        height: "100%",
-                    }, children: _jsxs(Tabs, { defaultValue: 0, sx: {
-                            bgcolor: "transparent",
-                            overflowY: "auto",
-                            overflowX: "hidden",
-                            height: "100%",
-                        }, size: "sm", children: [_jsxs(TabList, { size: "sm", sx: {
-                                    p: 0.5,
-                                    gap: 0.5,
-                                    borderRadius: "xl",
-                                    bgcolor: "background.level1",
-                                    [`& .${tabClasses.root}[aria-selected="true"]`]: {
-                                        boxShadow: "sm",
-                                        bgcolor: "background.surface",
-                                    },
-                                }, 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, 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,
-                                                            });
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                name: e.target.value,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                name: e.target.value,
-                                                            }));
-                                                        }, 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);
-                                                            if (v && v.place_id !== location.place_id) {
-                                                                googleMapsGeocoder.geocode({ placeId: v.place_id }, (result) => {
-                                                                    const place = result?.[0];
-                                                                    if (place) {
-                                                                        const address = addressFormGeocoder(place);
-                                                                        setBody({
-                                                                            ...body,
-                                                                            ...address,
-                                                                            place_id: place.place_id,
-                                                                        });
-                                                                        setLocation({
-                                                                            ...location,
-                                                                            ...address,
-                                                                            place_id: place.place_id,
-                                                                        });
-                                                                    }
-                                                                });
-                                                            }
-                                                            setValidationObject({
-                                                                ...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: 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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                email_addresses: e.target.value,
-                                                            }));
-                                                        }, 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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                contact: e.target.value,
-                                                            }));
-                                                        }, size: "sm", value: location.contact || "", placeholder: "Contact" }), _jsx(FormHelperText, { sx: {
-                                                            display: { xs: "none", lg: "initial" },
-                                                        }, 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,
-                                                    error: !validationObject.phone,
-                                                }, onAccept: (value) => {
-                                                    setValidationObject({
-                                                        ...validationObject,
-                                                        phone: true,
-                                                    });
-                                                    setLocation((l) => ({
-                                                        ...l,
-                                                        phone: value,
-                                                    }));
-                                                    setBody((l) => ({ ...l, phone: value }));
-                                                }, onError: () => {
-                                                    setValidationObject({
-                                                        ...validationObject,
-                                                        phone: false,
-                                                    });
-                                                } }) }), _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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                ext_number: e.target.value,
-                                                            }));
-                                                        } })] }) }), _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,
-                                                    }));
-                                                    setBody((l) => ({
-                                                        ...l,
-                                                        first_come_first_serve: e.target.checked,
-                                                    }));
-                                                } }) }), _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)
-                                                    : null, onChange: (newDate) => {
-                                                    setLocation((l) => ({
-                                                        ...l,
-                                                        first_come_date: newDate?.toISO() || "",
-                                                    }));
-                                                    setBody((l) => ({
-                                                        ...l,
-                                                        first_come_date: newDate?.toISO() || "",
-                                                    }));
-                                                } }) }), _jsx(Grid, { xs: "auto", children: _jsx(NerdTimePicker, { label: "FCFS IN", inputProps: {
-                                                    sx: {
-                                                        width: 100,
-                                                    },
-                                                    size: "sm",
-                                                    slotProps: {
-                                                        input: {
-                                                            sx: {
-                                                                p: 0.5,
-                                                            },
-                                                        },
-                                                    },
-                                                }, value: location.first_come_in
-                                                    ? DateTime.fromISO(location.first_come_in)
-                                                        .toUTC()
-                                                        .toFormat("HH:mm")
-                                                    : null, onChange: (time) => {
-                                                    if (!time.isValid) {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            FCFSIN: false,
-                                                        });
-                                                    }
-                                                    else {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            FCFSIN: true,
-                                                        });
-                                                        const newTime = time.duration
-                                                            ? DateTime.now()
-                                                                .toUTC()
-                                                                .set({
-                                                                hour: time.duration.hours,
-                                                                minute: time.duration.minutes,
-                                                                second: 0,
-                                                            })
-                                                                .toISO() || ""
-                                                            : "";
-                                                        setLocation((l) => ({
-                                                            ...l,
-                                                            first_come_in: newTime,
-                                                        }));
-                                                        setBody((l) => ({
-                                                            ...l,
-                                                            first_come_in: newTime,
-                                                        }));
-                                                    }
-                                                } }) }), _jsx(Grid, { xs: "auto", children: _jsx(NerdTimePicker, { label: "FCFS OUT", inputProps: {
-                                                    sx: {
-                                                        width: 100,
-                                                    },
-                                                    size: "sm",
-                                                    slotProps: {
-                                                        input: {
-                                                            sx: {
-                                                                p: 0.5,
-                                                            },
-                                                        },
-                                                    },
-                                                }, value: location.first_come_out
-                                                    ? DateTime.fromISO(location.first_come_out)
-                                                        .toUTC()
-                                                        .toFormat("HH:mm")
-                                                    : null, onChange: (time) => {
-                                                    if (!time.isValid) {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            FCFSOUT: false,
-                                                        });
-                                                    }
-                                                    else {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            FCFSOUT: true,
-                                                        });
-                                                        const newTime = time.duration
-                                                            ? DateTime.now()
-                                                                .toUTC()
-                                                                .set({
-                                                                hour: time.duration.hours,
-                                                                minute: time.duration.minutes,
-                                                                second: 0,
-                                                            })
-                                                                .toISO() || ""
-                                                            : "";
-                                                        setLocation((l) => ({
-                                                            ...l,
-                                                            first_come_out: newTime,
-                                                        }));
-                                                        setBody((l) => ({
-                                                            ...l,
-                                                            first_come_out: newTime,
-                                                        }));
-                                                    }
-                                                } }) }), _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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                preschedule_days: value || 0,
-                                                            }));
-                                                        }, slotProps: {
-                                                            listbox: {
-                                                                sx: {
-                                                                    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, { lg: "auto", children: _jsx(NerdTimePicker, { inputProps: {
-                                                    sx: {
-                                                        width: 100,
-                                                    },
-                                                    size: "sm",
-                                                }, label: "Open Time", value: location.time_from
-                                                    ? DateTime.fromISO(location.time_from)
-                                                        .toUTC()
-                                                        .toFormat("HH:mm")
-                                                    : null, onChange: (time) => {
-                                                    if (!time.isValid) {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            openTime: false,
-                                                        });
-                                                    }
-                                                    else {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            openTime: true,
-                                                        });
-                                                        const newTime = time.duration
-                                                            ? DateTime.now()
-                                                                .toUTC()
-                                                                .set({
-                                                                hour: time.duration.hours,
-                                                                minute: time.duration.minutes,
-                                                                second: 0,
-                                                            })
-                                                                .toISO() || ""
-                                                            : "";
-                                                        setLocation((l) => ({
-                                                            ...l,
-                                                            time_from: newTime,
-                                                        }));
-                                                        setBody((l) => ({
-                                                            ...l,
-                                                            time_from: newTime,
-                                                        }));
-                                                    }
-                                                } }) }), _jsx(Grid, { lg: "auto", children: _jsx(NerdTimePicker, { inputProps: {
-                                                    sx: {
-                                                        width: 100,
-                                                    },
-                                                    size: "sm",
-                                                }, label: "Close Time", value: location.time_to
-                                                    ? DateTime.fromISO(location.time_to)
-                                                        .toUTC()
-                                                        .toFormat("HH:mm")
-                                                    : null, onChange: (time) => {
-                                                    if (!time.isValid) {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            closeTime: false,
-                                                        });
-                                                    }
-                                                    else {
-                                                        setValidationObject({
-                                                            ...validationObject,
-                                                            closeTime: true,
-                                                        });
-                                                        const newTime = time.duration
-                                                            ? DateTime.now()
-                                                                .toUTC()
-                                                                .set({
-                                                                hour: time.duration.hours,
-                                                                minute: time.duration.minutes,
-                                                                second: 0,
-                                                            })
-                                                                .toISO() || ""
-                                                            : "";
-                                                        setLocation((l) => ({
-                                                            ...l,
-                                                            time_to: newTime,
-                                                        }));
-                                                        setBody((l) => ({
-                                                            ...l,
-                                                            time_to: 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", 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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                prev_apts: e.target.value,
-                                                            }));
-                                                        }, 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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                notes: e.target.value,
-                                                            }));
-                                                        }, 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,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...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, { maxRows: 4, onChange: (e) => {
-                                                            setLocation((l) => ({
-                                                                ...l,
-                                                                driver_instructions: e.target.value,
-                                                            }));
-                                                            setBody((l) => ({
-                                                                ...l,
-                                                                driver_instructions: e.target.value,
-                                                            }));
-                                                        }, size: "sm", value: location.driver_instructions || "" })] }) })] }) }), location.id ? (_jsx(TabPanel, { value: 1, sx: {
-                                    overflow: "auto",
-                                    height: "100%",
-                                }, children: _jsx(Box, { sx: {
-                                        height: "100%",
-                                    }, children: _jsx(LocationAccessoralsList, { locationID: location.id }) }) })) : null, location.id ? (_jsx(TabPanel, { value: 2, sx: {
-                                    overflow: "auto",
-                                    height: "100%",
-                                }, children: _jsx(Box, { sx: {
-                                        height: "100%",
-                                    }, children: _jsx(DocumentsList, { locationID: location.id }) }) })) : null] }) }), _jsxs(Box, { sx: {
-                        display: "flex",
-                        pt: 2,
-                        gap: 1,
-                        justifyContent: "flex-end",
-                    }, children: [_jsx(Button, { variant: "soft", color: "neutral", onClick: () => {
-                                handleClose();
-                            }, children: t("Cancel") }), _jsx(Button, { onClick: () => {
-                                handleSaveLocation();
-                                handleClose();
-                            }, disabled: !isValid, children: location.id ? t("Save") : t("Create") })] })] })) }));
-}
-const Wrapper = ({ children, open, handleClose, }) => {
-    const theme = useTheme();
-    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: 820, initialWidth: 820, resizableProps: {
-                minConstraints: [300, 300],
-            }, sheetProps: {
-                sx: {
-                    p: 1,
-                },
-            }, children: children }));
-    else
-        return _jsx(_Fragment, {});
-};
-/**
- *
- * @param root0
- * @param root0.locationID
- */
-function LocationAccessoralsList({ locationID }) {
-    const { data: _accessorials } = useGetAccessorialsV1Query();
-    const { data, isFetching } = useGetLocationAccessorialsV1Query({
-        id: locationID,
-    });
-    const [createLocationAccessorial] = useCreateLocationAccessorialV1Mutation();
-    const [updateLocationAccessorial] = useUpdateLocationAccessorialsV1Mutation();
-    const [deleteLocationAccessorial] = useDeleteLocationAccessorialsV1Mutation();
-    const [rows, setRows] = useState(data || []);
-    const [rowModesModel, setRowModesModel] = useState({});
-    useEffect(() => {
-        setRows(data || []);
-    }, [data]);
-    const handleEditClick = (id) => () => {
-        setRowModesModel({ ...rowModesModel, [id]: { mode: GridRowModes.Edit } });
-    };
-    const handleSaveClick = (id) => () => {
-        setRowModesModel({ ...rowModesModel, [id]: { mode: GridRowModes.View } });
-    };
-    const handleDeleteClick = (id) => () => {
-        deleteLocationAccessorial(Number(id));
-    };
-    const handleCancelClick = (id) => () => {
-        setRowModesModel({
-            ...rowModesModel,
-            [id]: { mode: GridRowModes.View, ignoreModifications: true },
-        });
-        const editedRow = rows.find((row) => row.id === id);
-        if (editedRow?.isNew) {
-            setRows(rows.filter((row) => row.id !== id));
-        }
-    };
-    const processRowUpdate = (newRow) => {
-        const { isNew, ...row } = newRow;
-        if (isNew) {
-            createLocationAccessorial({ locationaccessorial: row });
-        }
-        else {
-            updateLocationAccessorial({
-                id: row.id,
-                body: { locationaccessorial: row },
-            });
-        }
-        return row;
-    };
-    const handleRowEditStop = (params, event) => {
-        if (params.reason === GridRowEditStopReasons.rowFocusOut) {
-            event.defaultMuiPrevented = true;
-        }
-    };
-    const accessorials = useMemo(() => _accessorials?.map((a) => ({
-        value: a.id,
-        label: a.name,
-    })), [_accessorials]);
-    const columns = useMemo(() => [
-        {
-            field: "accessorial_id",
-            headerName: "Accessorial",
-            flex: 1,
-            editable: true,
-            type: "singleSelect",
-            valueOptions() {
-                return accessorials || [];
-            },
-            valueFormatter(params) {
-                return _accessorials?.find((a) => a.id == params.value)?.name || "";
-            },
-        },
-        {
-            field: "cost_amount",
-            headerName: "Amount",
-            type: "number",
-            flex: 1,
-            editable: true,
-            renderEditCell(params) {
-                return _jsx(NerdCurrencyFieldDataGridAdapter, { cellParams: params });
-            },
-            valueSetter(params) {
-                return {
-                    ...params.row,
-                    cost_amount: params.value !== undefined ? params.value : 0,
-                };
-            },
-            renderCell(params) {
-                return usdFormatter.format(params.value);
-            },
-        },
-        {
-            field: "load_type",
-            headerName: "Load Type",
-            flex: 1,
-            editable: true,
-            type: "singleSelect",
-            valueOptions: [
-                { value: "all", label: "All" },
-                { value: "tl", label: "TL" },
-                { value: "ltl", label: "LTL" },
-            ],
-            valueFormatter(params) {
-                return (params.value.charAt(0).toUpperCase() + params.value.substring(1));
-            },
-        },
-        {
-            field: "contract",
-            headerName: "Contract",
-            type: "boolean",
-            flex: 1,
-            editable: true,
-        },
-        {
-            field: "actions",
-            type: "actions",
-            headerName: "Actions",
-            width: 100,
-            cellClassName: "actions",
-            getActions: ({ id }) => {
-                const isInEditMode = rowModesModel[id]?.mode === GridRowModes.Edit;
-                if (isInEditMode) {
-                    return [
-                        _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-solid fa-floppy-disk" }), label: "Save", sx: {
-                                color: "primary.main",
-                            }, onClick: handleSaveClick(id) }, "save"),
-                        _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-solid fa-circle-xmark" }), label: "Cancel", className: "textPrimary", onClick: handleCancelClick(id), color: "inherit" }, "cancel"),
-                    ];
-                }
-                return [
-                    _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-solid fa-pen-to-square" }), label: "Edit", className: "textPrimary", onClick: handleEditClick(id), color: "inherit" }, "edit"),
-                    _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-solid fa-trash" }), label: "Delete", onClick: handleDeleteClick(id), color: "inherit" }, "delete"),
-                ];
-            },
-        },
-    ], [_accessorials, rowModesModel]);
-    return (_jsx(DataGridPremium, { editMode: "row", density: "compact", rowModesModel: rowModesModel, processRowUpdate: processRowUpdate, onRowEditStop: handleRowEditStop, onRowModesModelChange: (v) => setRowModesModel(v), hideFooter: true, slots: {
-            toolbar: CustomToolbar,
-        }, slotProps: {
-            toolbar: { setRows, setRowModesModel, locationID },
-        }, loading: isFetching, rows: rows || [], columns: columns }));
-}
-/**
- *
- * @param props
- * @returns {ReactElement} Custom toolbar for Datagrid
- */
-function CustomToolbar(props) {
-    const { setRowModesModel, setRows, locationID } = props;
-    const handleClick = () => {
-        const id = DateTime.now().toMillis();
-        setRows((oldRows) => [
-            ...oldRows,
-            {
-                id,
-                name: "",
-                accessorial_id: 0,
-                contract: false,
-                cost_amount: 0,
-                load_type: "all",
-                location_id: locationID,
-                isNew: true,
-            },
-        ]);
-        setRowModesModel((oldModel) => ({
-            ...oldModel,
-            [id]: { mode: GridRowModes.Edit, fieldToFocus: "accessorial_id" },
-        }));
-    };
-    return (_jsx(_Fragment, { children: _jsx(Box, { sx: { display: "flex", gap: 1, p: 1, position: "relative" }, children: _jsx(Button, { variant: "soft", size: "sm", onClick: handleClick, children: "+ Accessorial" }) }) }));
-}
-/**
- *
- * @param root0
- * @param root0.locationID
- */
-function DocumentsList({ locationID }) {
-    const confirm = useNerdConfirm();
-    const [shareFileAction, { isLoading }] = useShareArcherFileMutation();
-    const [deleteFile] = useDeleteArcherFileMutation();
-    const { data: rows, isLoading: loadingRows } = useGetLocationFilesQuery(locationID);
-    const [iframe, setIframe] = useState("");
-    const [iframeLoading, setIframeLoading] = useState(true);
-    const [shareFile, setShareFile] = useState(null);
-    const params = {
-        filters: JSON.stringify([
-            { name: "people.company_id", comparison: "eq", value: 1 },
-            { name: "people.active", comparison: "eq", value: true },
-        ]),
-    };
-    const { data: _personNames } = useGetPeopleQuery(params);
-    const columns = useMemo(() => [
-        { field: "name", headerName: "File", flex: 1 },
-        {
-            field: "description",
-            headerName: "Type",
-            flex: 1,
-        },
-        {
-            field: "person_id",
-            headerName: "Uploaded By",
-            flex: 1,
-            renderCell(params) {
-                return _personNames?.entities[params.value]
-                    ? new Person(_personNames?.entities[params.value]).name()
-                    : "";
-            },
-        },
-        {
-            field: "actions",
-            type: "actions",
-            headerName: "Actions",
-            getActions: ({ row }) => [
-                _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-solid fa-eye" }), label: `View File`, onClick: () => {
-                        setIframe(`${window._APP_CONFIG?.api?.endpoint}/v3/file-service/files/${row.id}?inline=1`);
-                    } }, "view"),
-                _jsx(GridActionsCellItem, { showInMenu: true, icon: _jsx("i", { className: "fa-solid fa-download" }), label: `Download File`, onClick: () => {
-                        const link = document.createElement("a");
-                        link.href = `${window._APP_CONFIG?.api?.endpoint}/v3/file-service/files/${row.id}`;
-                        link.click();
-                        link.remove();
-                    } }, "download"),
-                _jsx(GridActionsCellItem, { showInMenu: true, icon: _jsx("i", { className: "fa-solid fa-trash" }), label: `Delete File`, onClick: () => {
-                        confirm.setOpen({
-                            onConfirm() {
-                                deleteFile(row.id);
-                            },
-                        });
-                    } }, "delete"),
-                _jsx(GridActionsCellItem, { showInMenu: true, icon: _jsx("i", { className: "fa-solid fa-share" }), label: `Share File`, onClick: () => {
-                        setShareFile(row);
-                    } }, "share"),
-            ],
-        },
-    ], [_personNames]);
-    useEffect(() => {
-        if (rows && shareFile) {
-            setShareFile(rows.find((r) => r.id === shareFile.id) || null);
-        }
-        else
-            setShareFile(null);
-    }, [rows]);
-    const handleClose = () => {
-        setIframe("");
-        setIframeLoading(true);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(DataGridPremium, { hideFooter: true, loading: loadingRows, rows: rows || [], columns: columns, slots: {
-                    toolbar: DocumentListCustomToolbar,
-                }, slotProps: {
-                    toolbar: {
-                        locationID,
-                    },
-                } }), _jsx(Modal, { open: Boolean(iframe), onClose: handleClose, children: _jsxs(ModalDialog, { sx: {
-                        width: { xs: "85vw", lg: "40vw" },
-                        height: { xs: "55vh", lg: "70vh" },
-                    }, children: [iframeLoading && (_jsx(Box, { sx: {
-                                position: "absolute",
-                                top: 0,
-                                left: 0,
-                                width: "100%",
-                                height: "100%",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                            }, children: _jsx(CircularProgress, {}) })), _jsx("iframe", { style: {
-                                opacity: iframeLoading ? 0 : 1,
-                                border: "none",
-                                height: "100%",
-                                width: "100%",
-                            }, src: iframe, onLoad: () => setIframeLoading(false) })] }) }), _jsx(Modal, { open: Boolean(shareFile), onClose: () => setShareFile(null), children: _jsx(ModalDialog, { sx: {
-                        maxWidth: 400,
-                    }, children: _jsx(Grid, { container: true, spacing: 1, children: shareFile?.token ? (_jsxs(_Fragment, { children: [_jsx(Grid, { xs: 12, children: _jsx(NerdClickToCopy, { typographyProps: {
-                                            sx: {
-                                                lineBreak: "anywhere",
-                                            },
-                                        }, children: `${window._APP_CONFIG?.api?.endpoint}${window._APP_CONFIG?.api?.routePrefix}/shared_files/${shareFile.id}?token=${shareFile.token}` }) }), _jsx(Grid, { xs: 12, children: _jsx(Button, { fullWidth: true, onClick: () => {
-                                            shareFileAction({ id: shareFile.id, share: false });
-                                        }, children: "Unshare" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Grid, { xs: 12, children: _jsx(Typography, { children: "By sharing this file it will be publicly viewable to people outside of the White Arrow organization. Do you wish to continue?" }) }), _jsx(Grid, { xs: 12, children: _jsx(Button, { loading: isLoading, fullWidth: true, onClick: () => {
-                                            if (shareFile?.id)
-                                                shareFileAction({ id: shareFile.id, share: true });
-                                        }, children: "Share" }) })] })) }) }) })] }));
-}
-/**
- *
- * @param root0
- * @param root0.locationID
- */
-function DocumentListCustomToolbar({ locationID, }) {
-    const dispatch = useDispatch();
-    const [uploadFile] = useUploadArcherFileMutation();
-    const handleUpload = (file) => {
-        uploadFile({
-            file,
-            description: "Location Form",
-            modelID: locationID,
-            modelType: "Location",
-        });
-    };
-    return (_jsx(_Fragment, { children: _jsx(Box, { sx: { display: "flex", gap: 1, p: 1, position: "relative" }, children: _jsx(NerdFileUpload, { uploadFile: handleUpload, slotProps: {
-                    root: {
-                        variant: "soft",
-                        size: "sm",
-                    },
-                }, maxSize: 30000000, onError: (error) => dispatch(showNotification({
-                    severity: "danger",
-                    title: error.message,
-                    autohide: true,
-                    variant: "non-intrusive",
-                })) }) }) }));
-}
-//# sourceMappingURL=locationsFormSales.js.map