@nerdjs/sales-kit 2.4.15 → 2.4.17

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

@@ -0,0 +1,671 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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";
+/**
+ *
+ * @param {LocationFormSalesMainProps} props props
+ * @returns {ReactElement} locationsFormSalesMain
+ */
+export function LocationFormSalesMain({ place, onValidate, onChange: setLocation, value: location, }) {
+    const { t } = useTranslation("common", { i18n: salesKitI18n });
+    const [validationObject, _setValidationObject] = useState({
+        name: true,
+        address: true,
+        phone: true,
+        openTime: true,
+        closeTime: true,
+        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: 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,
+            });
+            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 setValidationObject = (validationObject) => {
+        _setValidationObject(validationObject);
+        onValidate?.(validationObject);
+    };
+    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(_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) => {
+                                        setValidationObject({
+                                            ...validationObject,
+                                            name: e.target.value ? true : 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,
+                                                                },
+                                                            },
+                                                        });
+                                                }
+                                            });
+                                        }
+                                        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 })] })] }), _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,
+                                            },
+                                        },
+                                    });
+                            }, 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() || "",
+                                        });
+                                        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: {
+                                                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,
+                                                    },
+                                                },
+                                            }, 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: {
+                                    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, { 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,
+                                        });
+                                    }, 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,
+                                        });
+                                    }, 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 || "" })] })] })] })) }));
+}
+//# sourceMappingURL=locationFormSalesMain.js.map