@nerdjs/sales-kit 2.4.22 → 2.4.23

package/dist/hooks/locationsForm/locationFormSales/locationFormSalesMain.js

@@ -1,18 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, FormControl, FormLabel, Input, Checkbox, CircularProgress, Select, Option, FormHelperText, Textarea, Box, Autocomplete, Divider, } from "@mui/joy";
 import { NerdDatePicker, NerdPhoneField, NerdTimePicker, } from "@nerdjs/nerd-ui";
 import { useEffect, useState } from "react";
 import salesKitI18n from "../../../i18n";
 import { useTranslation } from "react-i18next";
 import { DateTime } from "luxon";
-import { locationEntityTypeGuard } from "../../../entities";
-import { useGetLocationV1Query, useUpdateLocationV1Mutation, } from "../../../redux";
+import { addressFormGeocoder } from "./helper";
 /**
  *
  * @param {LocationFormSalesMainProps} props props
  * @returns {ReactElement} locationsFormSalesMain
  */
-export function LocationFormSalesMain({ place, onValidate, onChange: setLocation, value: location, }) {
+export function LocationFormSalesMain({ onValidate, onChange: setLocation, value: location, readOnly, }) {
     const { t } = useTranslation("common", { i18n: salesKitI18n });
     const [validationObject, _setValidationObject] = useState({
         name: true,
@@ -23,98 +22,17 @@ export function LocationFormSalesMain({ place, onValidate, onChange: setLocation
         FCFSIN: true,
         FCFSOUT: true,
     });
-    const { data, isLoading } = useGetLocationV1Query(locationEntityTypeGuard(place) && place.id ? place.id : 0, { skip: locationEntityTypeGuard(place) && place.id ? false : true });
-    const [updateLocation] = useUpdateLocationV1Mutation();
     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 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: true,
-            });
-            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,
-            });
-            setValidationObject({
-                ...validationObject,
-                name: false,
-            });
-            if (place.address.formattedAddress) {
-                getGoogleAddresses(place.address.formattedAddress, true);
-            }
-            else {
-                setLoadingMapsLocations(false);
-            }
-        }
-        else if (place) {
-            const address = addressFormGeocoder(place);
-            setLocation({ ...address });
-            setLoadingMapsLocations(false);
-            getGoogleAddresses(place.formatted_address, true);
-        }
-    }, [data?.id, place]);
-    useEffect(() => {
-        if (!loadingMapsLocations) {
-            setValue(googleMapsPredictions?.find((l) => location.place_id === l.place_id) ||
-                googleMapsPredictions?.[0] ||
-                null);
-        }
-    }, [loadingMapsLocations]);
+    const [loadingMapsLocations, setLoadingMapsLocations] = useState(location.formatted_address ? true : false);
     const setValidationObject = (validationObject) => {
         _setValidationObject(validationObject);
         onValidate?.(validationObject);
     };
-    const getGoogleAddresses = (searchText, init) => {
-        if (init)
-            setLoadingMapsLocations(true);
+    const getGoogleAddresses = (searchText, callback) => {
+        setLoadingMapsLocations(true);
         googleMapsAutocompleteService.getPlacePredictions({
             input: searchText,
             componentRestrictions: { country: "us" },
@@ -122,550 +40,339 @@ export function LocationFormSalesMain({ place, onValidate, onChange: setLocation
             language: "en",
         }, (googleSuggestions) => {
             setGoogleMapsPredictions(googleSuggestions);
-            if (init)
-                setLoadingMapsLocations(false);
+            setLoadingMapsLocations(false);
+            callback?.(googleSuggestions);
         });
     };
-    return (_jsx(_Fragment, { children: isLoading ? (_jsx(Box, { sx: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: { xs: "100%", sm: "none" },
-            }, children: _jsx(CircularProgress, {}) })) : (_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { required: true, sx: {
-                                flex: "1 1 220px",
-                            }, children: [_jsx(FormLabel, { children: t("Name") }), _jsx(Input, { fullWidth: true, error: !validationObject.name, onChange: (e) => {
+    useEffect(() => {
+        setValidationObject({
+            ...validationObject,
+            address: location.place_id ? true : false,
+            name: location.name ? true : false,
+            phone: true,
+        });
+    }, [location]);
+    useEffect(() => {
+        if (location.formatted_address) {
+            getGoogleAddresses(location.formatted_address, (result) => setValue(result?.find((l) => location.place_id === l.place_id) ||
+                result?.[0] ||
+                null));
+        }
+        else {
+            setLoadingMapsLocations(false);
+        }
+    }, [location.formatted_address]);
+    return (_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { required: true, sx: {
+                            flex: "1 1 220px",
+                        }, children: [_jsx(FormLabel, { children: t("Name") }), _jsx(Input, { fullWidth: true, readOnly: readOnly, error: !validationObject.name, onChange: (e) => {
+                                    setValidationObject({
+                                        ...validationObject,
+                                        name: e.target.value ? true : false,
+                                    });
+                                    setLocation({ ...location, name: e.target.value });
+                                }, size: "sm", value: location?.name ?? "", placeholder: t("Facility's name") })] }), _jsxs(FormControl, { required: true, sx: {
+                            flex: "1 1 300px",
+                        }, children: [_jsx(FormLabel, { children: "Address" }), _jsx(Autocomplete, { size: "sm", readOnly: readOnly, value: value, error: !validationObject.address, options: googleMapsPredictions || [], onInputChange: (_e, v) => {
+                                    getGoogleAddresses(v);
+                                }, endDecorator: loadingMapsLocations ? (_jsx(CircularProgress, { sx: {
+                                        "--CircularProgress-size": "18px",
+                                        "--CircularProgress-trackThickness": "3px",
+                                        "--CircularProgress-progressThickness": "3px",
+                                    } })) : null, 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);
+                                                setLocation({
+                                                    ...location,
+                                                    ...address,
+                                                    place_id: place.place_id,
+                                                });
+                                            }
+                                        });
+                                    }
+                                }, getOptionLabel: (option) => `${option.structured_formatting.main_text}, ${option.structured_formatting.secondary_text}`, isOptionEqualToValue: (o, v) => o.place_id === v.place_id })] })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: 1, children: [_jsxs(FormControl, { sx: {
+                            flex: "1.5 1 auto",
+                        }, children: [_jsx(FormLabel, { children: "Line 1" }), _jsx(Input, { readOnly: true, size: "sm", value: location?.line1 ?? "", placeholder: t("Line 1") })] }), _jsxs(FormControl, { sx: {
+                            flex: "1 1 auto",
+                        }, children: [_jsx(FormLabel, { children: "#" }), _jsx(Input, { size: "sm", readOnly: readOnly, value: location?.line2 ?? "", onChange: (e) => {
+                                    setLocation({ ...location, line2: e.target.value });
+                                } })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "City" }), _jsx(Input, { readOnly: true, size: "sm", value: location?.city ?? "", placeholder: t("City") })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "State" }), _jsx(Input, { sx: {
+                                    width: "45px",
+                                }, readOnly: true, size: "sm", value: location?.state ?? "", placeholder: t("State") })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "ZIP" }), _jsx(Input, { sx: {
+                                    width: "70px",
+                                }, readOnly: true, size: "sm", value: location?.zip ?? "", placeholder: t("ZIP") })] })] }), _jsx(Box, { flex: "1 1 100%", mt: 0.5, mb: 0.5, children: _jsx(Divider, {}) }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
+                            flex: "1 1 auto",
+                        }, children: [_jsx(FormLabel, { children: "Emails" }), _jsx(Input, { fullWidth: true, readOnly: readOnly, onChange: (e) => {
+                                    setLocation({ ...location, email_addresses: e.target.value });
+                                }, size: "sm", value: location?.email_addresses || "", placeholder: "one@email.com; two@email.com..." })] }), _jsxs(FormControl, { sx: {
+                            flex: "1 1 auto",
+                        }, children: [_jsx(FormLabel, { children: "Contact" }), _jsx(Input, { fullWidth: true, readOnly: readOnly, onChange: (e) => {
+                                    setLocation({ ...location, contact: e.target.value });
+                                }, size: "sm", value: location.contact || "", placeholder: "Contact" }), _jsx(FormHelperText, { sx: {
+                                    display: { xs: "none", lg: "initial" },
+                                }, children: " " })] }), _jsx(NerdPhoneField, { value: location.phone, label: t("Phone"), inputProps: {
+                            placeholder: t("Phone"),
+                            size: "sm",
+                            fullWidth: true,
+                            error: !validationObject.phone,
+                            readOnly,
+                        }, onAccept: (value) => {
+                            setValidationObject({
+                                ...validationObject,
+                                phone: true,
+                            });
+                            setLocation({ ...location, phone: value });
+                        }, onError: () => {
+                            setValidationObject({
+                                ...validationObject,
+                                phone: false,
+                            });
+                        }, format: "national" }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Ext" }), _jsx(Input, { value: location.ext_number || "", placeholder: "Ext", size: "sm", sx: {
+                                    width: 80,
+                                }, onChange: (e) => {
+                                    setLocation({ ...location, ext_number: e.target.value });
+                                }, readOnly: readOnly })] })] }), _jsx(Box, { flex: "1 1 100%", mt: 0.5, mb: 0.5, children: _jsx(Divider, {}) }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", mb: 0.5, children: [_jsx(Checkbox, { label: "Need File", disabled: readOnly, checked: location.needs_file || false, onChange: (e) => {
+                            setLocation({ ...location, needs_file: e.target.checked });
+                        }, sx: {
+                            flex: "1 1 auto",
+                        } }), _jsx(Checkbox, { label: "Need Liquor Permit", disabled: readOnly, checked: location.needs_liquor_permit || false, onChange: (e) => {
+                            setLocation({
+                                ...location,
+                                needs_liquor_permit: e.target.checked,
+                            });
+                        }, sx: {
+                            flex: "1 1 auto",
+                        } }), _jsx(Checkbox, { label: "First come first serve(FCFS)", disabled: readOnly, checked: location.first_come_first_serve || false, onChange: (e) => {
+                            setLocation({
+                                ...location,
+                                first_come_first_serve: e.target.checked,
+                            });
+                        }, sx: {
+                            flex: "1 1 auto",
+                        } }), _jsx(Checkbox, { label: "Strict Scheduling", disabled: readOnly, checked: location.strict_scheduling || false, onChange: (e) => {
+                            setLocation({
+                                ...location,
+                                strict_scheduling: e.target.checked,
+                            });
+                        }, sx: {
+                            flex: "1 1 auto",
+                        } })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", justifyContent: "space-between", children: [_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsx(NerdDatePicker, { inputProps: {
+                                    size: "sm",
+                                    disabled: readOnly,
+                                }, value: location.first_come_date
+                                    ? DateTime.fromISO(location.first_come_date)
+                                    : null, onChange: (newDate) => {
+                                    setLocation({
+                                        ...location,
+                                        first_come_date: newDate?.toISO() || "",
+                                    });
+                                } }), _jsx(NerdTimePicker, { label: "FCFS IN", inputProps: {
+                                    sx: {
+                                        width: 100,
+                                    },
+                                    size: "sm",
+                                    slotProps: {
+                                        input: {
+                                            sx: {
+                                                p: 0.5,
+                                            },
+                                        },
+                                    },
+                                    disabled: readOnly,
+                                }, value: location.first_come_in
+                                    ? DateTime.fromISO(location.first_come_in)
+                                        .toUTC()
+                                        .toFormat("HH:mm")
+                                    : null, onChange: (time) => {
+                                    if (!time.isValid) {
                                         setValidationObject({
                                             ...validationObject,
-                                            name: e.target.value ? true : false,
+                                            FCFSIN: false,
                                         });
-                                        setLocation({ ...location, name: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.name !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        name: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location?.name ?? "", placeholder: t("Facility's name") })] }), _jsxs(FormControl, { required: true, sx: {
-                                flex: "1 1 300px",
-                            }, children: [_jsx(FormLabel, { children: "Address" }), _jsx(Autocomplete, { size: "sm", value: value, error: !validationObject.address, options: googleMapsPredictions || [], onInputChange: (_e, v) => {
-                                        getGoogleAddresses(v, false);
-                                    }, endDecorator: loadingMapsLocations ? (_jsx(CircularProgress, { sx: {
-                                            "--CircularProgress-size": "18px",
-                                            "--CircularProgress-trackThickness": "3px",
-                                            "--CircularProgress-progressThickness": "3px",
-                                        } })) : null, 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);
-                                                    setLocation({
-                                                        ...location,
-                                                        ...address,
-                                                        place_id: place.place_id,
-                                                    });
-                                                    if (location.id && place.place_id !== data?.place_id)
-                                                        updateLocation({
-                                                            id: location.id,
-                                                            body: {
-                                                                location: {
-                                                                    ...address,
-                                                                    place_id: place.place_id,
-                                                                },
-                                                            },
-                                                        });
-                                                }
-                                            });
-                                        }
+                                    }
+                                    else {
                                         setValidationObject({
                                             ...validationObject,
-                                            address: !v ? false : true,
+                                            FCFSIN: true,
                                         });
-                                    }, getOptionLabel: (option) => `${option.structured_formatting.main_text}, ${option.structured_formatting.secondary_text}`, isOptionEqualToValue: (o, v) => o.place_id === v.place_id })] })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: 1, children: [_jsxs(FormControl, { sx: {
-                                flex: "1.5 1 auto",
-                            }, children: [_jsx(FormLabel, { children: "Line 1" }), _jsx(Input, { readOnly: true, size: "sm", value: location?.line1 ?? "", placeholder: t("Line 1") })] }), _jsxs(FormControl, { sx: {
-                                flex: "1 1 auto",
-                            }, children: [_jsx(FormLabel, { children: "#" }), _jsx(Input, { size: "sm", value: location?.line2 ?? "", onChange: (e) => {
-                                        setLocation({ ...location, line2: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.line2 !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        line2: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    } })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "City" }), _jsx(Input, { readOnly: true, size: "sm", value: location?.city ?? "", placeholder: t("City") })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "State" }), _jsx(Input, { sx: {
-                                        width: "45px",
-                                    }, readOnly: true, size: "sm", value: location?.state ?? "", placeholder: t("State") })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "ZIP" }), _jsx(Input, { sx: {
-                                        width: "70px",
-                                    }, readOnly: true, size: "sm", value: location?.zip ?? "", placeholder: t("ZIP") })] })] }), _jsx(Box, { flex: "1 1 100%", mt: 0.5, mb: 0.5, children: _jsx(Divider, {}) }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
-                                flex: "1 1 auto",
-                            }, children: [_jsx(FormLabel, { children: "Emails" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
-                                        setLocation({ ...location, email_addresses: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.email_addresses !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        email_addresses: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location?.email_addresses || "", placeholder: "one@email.com; two@email.com..." })] }), _jsxs(FormControl, { sx: {
-                                flex: "1 1 auto",
-                            }, children: [_jsx(FormLabel, { children: "Contact" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
-                                        setLocation({ ...location, contact: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.contact !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        contact: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location.contact || "", placeholder: "Contact" }), _jsx(FormHelperText, { sx: {
-                                        display: { xs: "none", lg: "initial" },
-                                    }, 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({ ...location, phone: value });
-                                if (location.id && data?.phone !== value)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                phone: value,
-                                            },
-                                        },
-                                    });
-                            }, onError: () => {
-                                setValidationObject({
-                                    ...validationObject,
-                                    phone: false,
-                                });
-                            } }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Ext" }), _jsx(Input, { value: location.ext_number || "", placeholder: "Ext", size: "sm", sx: {
-                                        width: 80,
-                                    }, onChange: (e) => {
-                                        setLocation({ ...location, ext_number: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.ext_number !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        ext_number: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    } })] })] }), _jsx(Box, { flex: "1 1 100%", mt: 0.5, mb: 0.5, children: _jsx(Divider, {}) }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", mb: 0.5, children: [_jsx(Checkbox, { label: "Need File", checked: location.needs_file || false, onChange: (e) => {
-                                setLocation({ ...location, needs_file: e.target.checked });
-                                if (location.id && data?.needs_file !== e.target.checked)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                needs_file: e.target.checked,
-                                            },
-                                        },
-                                    });
-                            }, sx: {
-                                flex: "1 1 auto",
-                            } }), _jsx(Checkbox, { label: "Need Liquor Permit", checked: location.needs_liquor_permit || false, onChange: (e) => {
-                                setLocation({
-                                    ...location,
-                                    needs_liquor_permit: e.target.checked,
-                                });
-                                if (location.id &&
-                                    data?.needs_liquor_permit !== e.target.checked)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                needs_liquor_permit: e.target.checked,
-                                            },
-                                        },
-                                    });
-                            }, sx: {
-                                flex: "1 1 auto",
-                            } }), _jsx(Checkbox, { label: "First come first serve(FCFS)", checked: location.first_come_first_serve || false, onChange: (e) => {
-                                setLocation({
-                                    ...location,
-                                    first_come_first_serve: e.target.checked,
-                                });
-                                if (location.id &&
-                                    data?.first_come_first_serve !== e.target.checked)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                first_come_first_serve: e.target.checked,
-                                            },
-                                        },
-                                    });
-                            }, sx: {
-                                flex: "1 1 auto",
-                            } }), _jsx(Checkbox, { label: "Strict Scheduling", checked: location.strict_scheduling || false, onChange: (e) => {
-                                setLocation({
-                                    ...location,
-                                    strict_scheduling: e.target.checked,
-                                });
-                                if (location.id && data?.strict_scheduling !== e.target.checked)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                strict_scheduling: e.target.checked,
+                                        const newTime = time.duration
+                                            ? DateTime.now()
+                                                .toUTC()
+                                                .set({
+                                                hour: time.duration.hours,
+                                                minute: time.duration.minutes,
+                                                second: 0,
+                                            })
+                                                .toISO() || ""
+                                            : "";
+                                        setLocation({ ...location, first_come_in: newTime });
+                                    }
+                                } }), _jsx(NerdTimePicker, { label: "FCFS OUT", inputProps: {
+                                    sx: {
+                                        width: 100,
+                                    },
+                                    size: "sm",
+                                    slotProps: {
+                                        input: {
+                                            sx: {
+                                                p: 0.5,
                                             },
                                         },
-                                    });
-                            }, sx: {
-                                flex: "1 1 auto",
-                            } })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", justifyContent: "space-between", children: [_jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsx(NerdDatePicker, { inputProps: {
-                                        size: "sm",
-                                    }, value: location.first_come_date
-                                        ? DateTime.fromISO(location.first_come_date)
-                                        : null, onChange: (newDate) => {
-                                        setLocation({
-                                            ...location,
-                                            first_come_date: newDate?.toISO() || "",
+                                    },
+                                    disabled: readOnly,
+                                }, 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,
                                         });
-                                        if (location.id &&
-                                            data?.first_come_date !== (newDate?.toISO() || ""))
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        first_come_date: newDate?.toISO() || "",
-                                                    },
-                                                },
-                                            });
-                                    } }), _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({ ...location, first_come_in: newTime });
-                                            if (location.id && data?.first_come_in !== newTime)
-                                                updateLocation({
-                                                    id: location.id,
-                                                    body: {
-                                                        location: {
-                                                            first_come_in: newTime,
-                                                        },
-                                                    },
-                                                });
-                                        }
-                                    } }), _jsx(NerdTimePicker, { label: "FCFS OUT", inputProps: {
-                                        sx: {
-                                            width: 100,
-                                        },
-                                        size: "sm",
-                                        slotProps: {
-                                            input: {
+                                    }
+                                    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({ ...location, first_come_out: newTime });
+                                    }
+                                } })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "PSR Days" }), _jsxs(Select, { size: "sm", defaultValue: location.preschedule_days || 0, onChange: (_e, value) => {
+                                            setLocation({ ...location, preschedule_days: value || 0 });
+                                        }, slotProps: {
+                                            listbox: {
                                                 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({ ...location, first_come_out: newTime });
-                                            if (location.id && data?.first_come_out !== newTime)
-                                                updateLocation({
-                                                    id: location.id,
-                                                    body: {
-                                                        location: {
-                                                            first_come_out: newTime,
-                                                        },
-                                                    },
-                                                });
-                                        }
-                                    } })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "PSR Days" }), _jsxs(Select, { size: "sm", defaultValue: location.preschedule_days || 0, onChange: (_e, value) => {
-                                                setLocation({ ...location, preschedule_days: value || 0 });
-                                                if (location.id && data?.preschedule_days !== (value || 0))
-                                                    updateLocation({
-                                                        id: location.id,
-                                                        body: {
-                                                            location: {
-                                                                preschedule_days: value || 0,
-                                                            },
-                                                        },
-                                                    });
-                                            }, slotProps: {
-                                                listbox: {
-                                                    sx: {
-                                                        zIndex: (theme) => theme.zIndex.modal,
-                                                    },
+                                                    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(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({ ...location, time_from: newTime });
-                                            if (location.id && data?.time_from !== newTime)
-                                                updateLocation({
-                                                    id: location.id,
-                                                    body: {
-                                                        location: {
-                                                            time_from: newTime,
-                                                        },
-                                                    },
-                                                });
-                                        }
-                                    } }), _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({ ...location, time_to: newTime });
-                                            if (location.id && data?.time_to !== newTime)
-                                                updateLocation({
-                                                    id: location.id,
-                                                    body: {
-                                                        location: {
-                                                            time_to: newTime,
-                                                        },
-                                                    },
-                                                });
-                                        }
-                                    } })] })] }), _jsxs(FormControl, { sx: {
-                        flex: 1,
-                    }, children: [_jsx(FormLabel, { children: "TMS Link" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
-                                setLocation({ ...location, tms_link: e.target.value });
-                            }, onBlur: (e) => {
-                                if (location.id && data?.tms_link !== e.target.value)
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                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" }) })] }), _jsxs(FormControl, { sx: {
-                        flex: 1,
-                    }, children: [_jsx(FormLabel, { children: "Channel" }), _jsx(Select, { size: "sm", defaultValue: location.scheduling_channel, onChange: (_e, value) => {
-                                setLocation({ ...location, scheduling_channel: value || "" });
-                                if (location.id && data?.scheduling_channel !== (value || ""))
-                                    updateLocation({
-                                        id: location.id,
-                                        body: {
-                                            location: {
-                                                scheduling_channel: value || "",
                                             },
-                                        },
-                                    });
-                            }, slotProps: {
-                                listbox: {
+                                        }, disabled: readOnly, 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(NerdTimePicker, { inputProps: {
                                     sx: {
-                                        zIndex: (theme) => theme.zIndex.modal,
+                                        width: 100,
                                     },
-                                },
-                            }, 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: " " })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
-                                flex: 1,
-                            }, children: [_jsx(FormLabel, { children: "Prev. Appts." }), _jsx(Textarea, { maxRows: 4, minRows: 4, onChange: (e) => {
-                                        setLocation({ ...location, prev_apts: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.prev_apts !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        prev_apts: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location.prev_apts || "" })] }), _jsxs(FormControl, { sx: {
-                                flex: 1,
-                            }, children: [_jsx(FormLabel, { children: "Location Notes" }), _jsx(Textarea, { maxRows: 4, minRows: 4, onChange: (e) => {
-                                        setLocation({ ...location, notes: e.target.value });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.notes !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        notes: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location.notes || "" })] })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
-                                flex: 1,
-                            }, children: [_jsx(FormLabel, { children: "Location Scheduling Notes" }), _jsx(Textarea, { maxRows: 4, minRows: 4, onChange: (e) => {
-                                        setLocation({
-                                            ...location,
-                                            scheduling_notes: e.target.value,
+                                    size: "sm",
+                                    disabled: readOnly,
+                                }, 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,
                                         });
-                                    }, onBlur: (e) => {
-                                        if (location.id && data?.scheduling_notes !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        scheduling_notes: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location.scheduling_notes || "" })] }), _jsxs(FormControl, { sx: {
-                                flex: 1,
-                            }, children: [_jsx(FormLabel, { children: "Driver Instructions" }), _jsx(Textarea, { maxRows: 4, minRows: 4, onChange: (e) => {
-                                        setLocation({
-                                            ...location,
-                                            driver_instructions: e.target.value,
+                                    }
+                                    else {
+                                        setValidationObject({
+                                            ...validationObject,
+                                            openTime: true,
                                         });
-                                    }, onBlur: (e) => {
-                                        if (location.id &&
-                                            data?.driver_instructions !== e.target.value)
-                                            updateLocation({
-                                                id: location.id,
-                                                body: {
-                                                    location: {
-                                                        driver_instructions: e.target.value,
-                                                    },
-                                                },
-                                            });
-                                    }, size: "sm", value: location.driver_instructions || "" })] })] })] })) }));
+                                        const newTime = time.duration
+                                            ? DateTime.now()
+                                                .toUTC()
+                                                .set({
+                                                hour: time.duration.hours,
+                                                minute: time.duration.minutes,
+                                                second: 0,
+                                            })
+                                                .toISO() || ""
+                                            : "";
+                                        setLocation({ ...location, time_from: newTime });
+                                    }
+                                } }), _jsx(NerdTimePicker, { inputProps: {
+                                    sx: {
+                                        width: 100,
+                                    },
+                                    size: "sm",
+                                    disabled: readOnly,
+                                }, 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({ ...location, time_to: newTime });
+                                    }
+                                } })] })] }), _jsxs(FormControl, { sx: {
+                    flex: 1,
+                }, children: [_jsx(FormLabel, { children: "TMS Link" }), _jsx(Input, { fullWidth: true, onChange: (e) => {
+                            setLocation({ ...location, tms_link: e.target.value });
+                        }, readOnly: readOnly, 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" }) })] }), _jsxs(FormControl, { sx: {
+                    flex: 1,
+                }, children: [_jsx(FormLabel, { children: "Channel" }), _jsx(Select, { disabled: readOnly, size: "sm", defaultValue: location.scheduling_channel, onChange: (_e, value) => {
+                            setLocation({ ...location, 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: " " })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
+                            flex: 1,
+                        }, children: [_jsx(FormLabel, { children: "Prev. Appts." }), _jsx(Textarea, { readOnly: readOnly, maxRows: 4, minRows: 4, onChange: (e) => {
+                                    setLocation({ ...location, prev_apts: e.target.value });
+                                }, size: "sm", value: location.prev_apts || "" })] }), _jsxs(FormControl, { sx: {
+                            flex: 1,
+                        }, children: [_jsx(FormLabel, { children: "Location Notes" }), _jsx(Textarea, { readOnly: readOnly, maxRows: 4, minRows: 4, onChange: (e) => {
+                                    setLocation({ ...location, notes: e.target.value });
+                                }, size: "sm", value: location.notes || "" })] })] }), _jsxs(Box, { display: "flex", flexWrap: "wrap", gap: 0.5, flex: "1 1 100%", children: [_jsxs(FormControl, { sx: {
+                            flex: 1,
+                        }, children: [_jsx(FormLabel, { children: "Location Scheduling Notes" }), _jsx(Textarea, { readOnly: readOnly, maxRows: 4, minRows: 4, onChange: (e) => {
+                                    setLocation({
+                                        ...location,
+                                        scheduling_notes: e.target.value,
+                                    });
+                                }, size: "sm", value: location.scheduling_notes || "" })] }), _jsxs(FormControl, { sx: {
+                            flex: 1,
+                        }, children: [_jsx(FormLabel, { children: "Driver Instructions" }), _jsx(Textarea, { readOnly: readOnly, maxRows: 4, minRows: 4, onChange: (e) => {
+                                    setLocation({
+                                        ...location,
+                                        driver_instructions: e.target.value,
+                                    });
+                                }, size: "sm", value: location.driver_instructions || "" })] })] })] }));
 }
 //# sourceMappingURL=locationFormSalesMain.js.map