@nerdjs/sales-kit 2.1.9 → 2.2.1

package/dist/hooks/lep/lepCustomerPeople.js

@@ -0,0 +1,293 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton, Drawer, Button, Typography, Grid, FormControl, FormLabel, Modal, ModalDialog, Checkbox, DialogActions, DialogContent, } from "@mui/joy";
+import { GridActionsCellItem, useGridApiRef, } from "@mui/x-data-grid-premium";
+import { NerdSignupForm } from "@nerdjs/account-kit";
+import { NerdPhoneField } from "@nerdjs/nerd-ui";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { LepStyledDataGrid } from "./lepStyledDataGrid";
+import { quoteRecalculateBodySelector } from "../../redux/quote/quoteSelectors";
+import { useSelector } from "react-redux";
+import { useGetLoadQuery, useGetCustomerPeopleQuery, useUpdatePersonMutation, useUpdateUserSubscriptionMutation, useGetUserSubscriptionsQuery, useCreatePersonMutation, } from "../../redux";
+/**
+ *
+ * @returns {ReactElement} LepCustomerPeople
+ */
+export function LepCustomerPeople() {
+    const { id } = useParams();
+    const recalculateBody = useSelector(quoteRecalculateBodySelector);
+    const { isLoading: loadingLoad } = useGetLoadQuery(Number(id), {
+        skip: Number.isNaN(Number(id)),
+    });
+    const { isLoading } = useGetCustomerPeopleQuery(recalculateBody.customer_id || 0, {
+        skip: !recalculateBody.customer_id,
+    });
+    if (isLoading || loadingLoad)
+        return _jsx(Skeleton, { variant: "rectangular", width: "100%", height: 300 });
+    else
+        return _jsx(DataGrid, {});
+}
+/**
+ *
+ * @returns {ReactElement} DataGrid
+ */
+function DataGrid() {
+    const { t } = useTranslation();
+    const [person, setPerson] = useState(null);
+    const [openCreatePersonForm, setOpenCreatePersonForm] = useState(false);
+    const recalculateBody = useSelector(quoteRecalculateBodySelector);
+    const { data: people } = useGetCustomerPeopleQuery(recalculateBody.customer_id || 0, {
+        skip: !recalculateBody.customer_id,
+    });
+    const [updatePerson] = useUpdatePersonMutation();
+    const [updateUserSubscription] = useUpdateUserSubscriptionMutation();
+    const filter = JSON.stringify([{ property: "person_id", value: person }]);
+    const sort = JSON.stringify([
+        { property: "subscription_id", direction: "ASC" },
+    ]);
+    const params = { sort, filter, start: 0, limit: 25 };
+    const { data: userSubscriptions, isLoading: loadingSubscriptions } = useGetUserSubscriptionsQuery(params, {
+        skip: !person,
+    });
+    const apiRef = useGridApiRef();
+    const apiRef2 = useGridApiRef();
+    const columns = useMemo(() => [
+        {
+            field: "first_name",
+            headerName: "First Name",
+            editable: true,
+            flex: 1,
+        },
+        {
+            field: "last_name",
+            headerName: "Last Name",
+            editable: true,
+            flex: 1,
+        },
+        {
+            field: "active",
+            headerName: "Active",
+            type: "boolean",
+            renderCell(params) {
+                return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+            },
+            editable: true,
+        },
+        {
+            field: "phone_number",
+            headerName: "Phone",
+            editable: true,
+            flex: 1,
+        },
+        {
+            field: "email",
+            headerName: "Email",
+            editable: true,
+            flex: 2,
+        },
+        {
+            field: "actions",
+            headerName: "Subscriptions",
+            type: "actions",
+            width: 150,
+            cellClassName: "actions",
+            getActions: ({ row }) => [
+                _jsx(GridActionsCellItem, { icon: _jsx("i", { className: "fa-duotone fa-message-exclamation" }), label: "Subscriptions", onClick: () => {
+                        if (row.id)
+                            setPerson(row.id);
+                    }, color: "inherit" }, "delete shipcon"),
+            ],
+        },
+    ], []);
+    const onRowUpdate = (newRow, oldRow) => {
+        const body = {};
+        Object.keys(newRow).forEach((key) => {
+            const k = key;
+            if (oldRow[k] !== newRow[k])
+                body[k] = newRow[k];
+        });
+        if (Object.entries(body).length > 0 && newRow.id) {
+            return updatePerson({
+                id: newRow.id,
+                body: { person: body },
+            })
+                .unwrap()
+                .then(() => {
+                return newRow;
+            })
+                .catch(() => {
+                return oldRow;
+            });
+        }
+        return oldRow;
+    };
+    const onRowUpdate2 = (newRow, oldRow) => {
+        const body = {};
+        Object.keys(newRow).forEach((key) => {
+            const k = key;
+            if (oldRow[k] !== newRow[k])
+                body[k] = newRow[k];
+        });
+        if (Object.entries(body).length > 0 && newRow.id) {
+            return updateUserSubscription({
+                id: newRow.id,
+                body: { usersubscription: body },
+            })
+                .unwrap()
+                .then(() => {
+                return newRow;
+            })
+                .catch(() => {
+                return oldRow;
+            });
+        }
+        return oldRow;
+    };
+    return (_jsxs(Box, { children: [_jsx(Box, { height: 350, sx: { display: "grid", width: "100%" }, children: _jsx(LepStyledDataGrid, { density: "compact", apiRef: apiRef, rows: people || [], columns: columns, hideFooter: true, processRowUpdate: onRowUpdate, editMode: "row", onCellClick: (e) => {
+                        if (apiRef.current.isCellEditable(e) &&
+                            apiRef.current.getRowMode(e.id) === "view")
+                            apiRef.current?.startRowEditMode({ id: e.id });
+                    } }) }), _jsx(Box, { display: "flex", sx: {
+                    mt: 2,
+                    mb: 1,
+                }, children: _jsxs(Button, { size: "sm", variant: "soft", color: "neutral", onClick: () => setOpenCreatePersonForm(true), children: [_jsx("i", { className: "fa-solid fa-address-card pright" }), t("common:global.add_what", {
+                            what: t("components:lepCustomerContacts.person"),
+                        })] }) }), _jsx(Drawer, { anchor: "bottom", open: Boolean(person), onClose: () => setPerson(null), sx: {
+                    zIndex: 1200,
+                }, children: _jsx(Box, { height: 400, p: 1, sx: { display: "grid", width: "100%" }, children: _jsx(LepStyledDataGrid, { density: "compact", apiRef: apiRef2, hideFooter: true, processRowUpdate: onRowUpdate2, loading: loadingSubscriptions, rows: userSubscriptions || [], columns: [
+                            {
+                                field: "subscription",
+                                headerName: "Subscription",
+                                flex: 1,
+                                valueGetter(params) {
+                                    return params.value?.name;
+                                },
+                            },
+                            {
+                                field: "push",
+                                headerName: "Push",
+                                type: "boolean",
+                                renderCell(params) {
+                                    return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+                                },
+                                editable: true,
+                            },
+                            {
+                                field: "email",
+                                headerName: "Email",
+                                type: "boolean",
+                                renderCell(params) {
+                                    return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+                                },
+                                editable: true,
+                            },
+                            {
+                                field: "report",
+                                headerName: "Report",
+                                type: "boolean",
+                                renderCell(params) {
+                                    return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+                                },
+                                editable: true,
+                            },
+                            {
+                                field: "reminder",
+                                headerName: "Notification",
+                                type: "boolean",
+                                renderCell(params) {
+                                    return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+                                },
+                                editable: true,
+                            },
+                            {
+                                field: "alternative_email",
+                                headerName: "Alternative Email",
+                                minWidth: 200,
+                                editable: true,
+                            },
+                        ], editMode: "row", onCellClick: (e) => {
+                            if (apiRef.current.isCellEditable(e) &&
+                                apiRef.current.getRowMode(e.id) === "view")
+                                apiRef.current?.startRowEditMode({ id: e.id });
+                        } }) }) }), _jsx(AddPersonDialog, { open: openCreatePersonForm, onClose: () => setOpenCreatePersonForm(false) })] }));
+}
+const AddPersonDialog = ({ open, onClose, }) => {
+    const { id } = useParams();
+    const { data: load } = useGetLoadQuery(Number(id), {
+        skip: Number.isNaN(Number(id)),
+    });
+    const { t } = useTranslation();
+    const [phone, setPhone] = useState("");
+    const [active, setActive] = useState(false);
+    const [signUpFormState, setSignUpFormState] = useState({
+        email: "",
+        firstName: "",
+        isSignupFormValid: true,
+        lastName: "",
+        password: "",
+        passwordConfirmation: "",
+    });
+    const [createPerson, { isLoading }] = useCreatePersonMutation();
+    const handleClose = () => {
+        onClose();
+        setPhone("");
+        setActive(false);
+        setSignUpFormState({
+            email: "",
+            firstName: "",
+            isSignupFormValid: true,
+            lastName: "",
+            password: "",
+            passwordConfirmation: "",
+        });
+    };
+    const handleCreate = () => {
+        if (load?.companyID && signUpFormState.isSignupFormValid)
+            createPerson({
+                person: {
+                    company_id: load.companyID,
+                    first_name: signUpFormState.firstName,
+                    last_name: signUpFormState.lastName,
+                    email: signUpFormState.email,
+                    phone_number: phone,
+                    password: signUpFormState.password,
+                    password_confirmation: signUpFormState.passwordConfirmation,
+                    active,
+                },
+            })
+                .unwrap()
+                .then(handleClose)
+                .catch(() => {
+                return;
+            });
+    };
+    return (_jsx(Modal, { open: open, onClose: handleClose, children: _jsxs(ModalDialog, { "aria-labelledby": "modal-dialog-title", layout: "center", sx: (theme) => ({
+                width: 500,
+                [theme.breakpoints.only("xs")]: {
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    border: 0,
+                    borderRadius: 0,
+                    transform: "initial",
+                    maxWidth: "initial",
+                    maxHeight: "initial",
+                    width: "initial",
+                },
+            }), children: [_jsx(Typography, { id: "modal-dialog-title", level: "h2", children: t("common:global.add_what", {
+                        what: t("components:lepCustomerContacts.person"),
+                    }) }), _jsx(DialogContent, { children: _jsxs(Box, { p: 1, children: [_jsx(NerdSignupForm, { nerdChangePasswordFormProps: { ignoreEntropy: true }, onSignupFormChange: (...args) => {
+                                    const [email, firstName, lastName, password, passwordConfirmation, isSignupFormValid,] = args;
+                                    setSignUpFormState({
+                                        email,
+                                        firstName,
+                                        lastName,
+                                        password,
+                                        passwordConfirmation,
+                                        isSignupFormValid,
+                                    });
+                                } }), _jsxs(Grid, { container: true, spacing: 1, children: [_jsx(Grid, { xs: 12, children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: t("entities:user.attributes.phone") }), _jsx(NerdPhoneField, { value: phone, onAccept: (v) => setPhone(v) })] }) }), _jsx(Grid, { xs: 12, children: _jsx(Checkbox, { label: t("entities:user.attributes.active"), checked: active, onChange: (e) => setActive(e.target.checked) }) })] })] }) }), _jsxs(DialogActions, { children: [_jsx(Button, { loading: isLoading, onClick: handleCreate, disabled: !signUpFormState.isSignupFormValid || !load?.companyID, children: t("global.create") }), _jsx(Button, { onClick: handleClose, color: "neutral", variant: "soft", children: t("global.cancel") })] })] }) }));
+};
+//# sourceMappingURL=lepCustomerPeople.js.map

package/dist/hooks/lep/lepCustomerPeople.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lepCustomerPeople.js","sourceRoot":"","sources":["../../../src/hooks/lep/lepCustomerPeople.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,IAAI,EACJ,WAAW,EACX,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,mBAAmB,EAGnB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1C,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,uBAAuB,EACvB,iCAAiC,EACjC,4BAA4B,EAC5B,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAClE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;QAC7D,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;KAC/B,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,yBAAyB,CAC7C,eAAe,CAAC,WAAW,IAAI,CAAC,EAChC;QACE,IAAI,EAAE,CAAC,eAAe,CAAC,WAAW;KACnC,CACF,CAAC;IACF,IAAI,SAAS,IAAI,WAAW;QAC1B,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAI,CAAC;;QACnE,OAAO,KAAC,QAAQ,KAAG,CAAC;AAC3B,CAAC;AAED;;;GAGG;AACH,SAAS,QAAQ;IACf,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,eAAe,GAAG,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAClE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,yBAAyB,CAChD,eAAe,CAAC,WAAW,IAAI,CAAC,EAChC;QACE,IAAI,EAAE,CAAC,eAAe,CAAC,WAAW;KACnC,CACF,CAAC;IACF,MAAM,CAAC,YAAY,CAAC,GAAG,uBAAuB,EAAE,CAAC;IACjD,MAAM,CAAC,sBAAsB,CAAC,GAAG,iCAAiC,EAAE,CAAC;IACrE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1E,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1B,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE;KAClD,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAChE,4BAA4B,CAAC,MAAM,EAAE;QACnC,IAAI,EAAE,CAAC,MAAM;KACd,CAAC,CAAC;IACL,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,MAAM,OAAO,GAAiB,OAAO,CACnC,GAAG,EAAE,CAAC;QACJ;YACE,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE,YAAY;YACxB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,CAAC;SACR;QACD;YACE,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,CAAC;SACR;QACD;YACE,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,SAAS;YACf,UAAU,CAAC,MAAM;gBACf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC;YACJ,CAAC;YACD,QAAQ,EAAE,IAAI;SACf;QACD;YACE,KAAK,EAAE,cAAc;YACrB,UAAU,EAAE,OAAO;YACnB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,CAAC;SACR;QACD;YACE,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,OAAO;YACnB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,CAAC;SACR;QACD;YACE,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,eAAe;YAC3B,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,GAAG;YACV,aAAa,EAAE,SAAS;YACxB,UAAU,EAAE,CAAC,EAAE,GAAG,EAA8B,EAAE,EAAE,CAAC;gBACnD,KAAC,mBAAmB,IAElB,IAAI,EAAE,YAAG,SAAS,EAAC,mCAAmC,GAAG,EACzD,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,GAAG,CAAC,EAAE;4BAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAChC,CAAC,EACD,KAAK,EAAC,SAAS,IANX,gBAAgB,CAOpB;aACH;SACF;KACF,EACD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,MAAyB,EACzB,MAAyB,EACzB,EAAE;QACF,MAAM,IAAI,GAA4B,EAAE,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAClC,MAAM,CAAC,GAAG,GAA8B,CAAC;YACzC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE;YAChD,OAAO,YAAY,CAAC;gBAClB,EAAE,EAAE,MAAM,CAAC,EAAE;gBACb,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;aACvB,CAAC;iBACC,MAAM,EAAE;iBACR,IAAI,CAAC,GAAG,EAAE;gBACT,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;SACN;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,MAA2C,EAC3C,MAA2C,EAC3C,EAAE;QACF,MAAM,IAAI,GAA4B,EAAE,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAClC,MAAM,CAAC,GAAG,GAAgD,CAAC;YAC3D,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE;YAChD,OAAO,sBAAsB,CAAC;gBAC5B,EAAE,EAAE,MAAM,CAAC,EAAE;gBACb,IAAI,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;aACjC,CAAC;iBACC,MAAM,EAAE;iBACR,IAAI,CAAC,GAAG,EAAE;gBACT,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;SACN;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,eACF,KAAC,GAAG,IAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YACtD,KAAC,iBAAiB,IAChB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,IAAI,EAAE,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,QACV,gBAAgB,EAAE,WAAW,EAC7B,QAAQ,EAAC,KAAK,EACd,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wBACjB,IACE,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;4BAChC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM;4BAE1C,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBACnD,CAAC,GACD,GACE,EACN,KAAC,GAAG,IACF,OAAO,EAAE,MAAM,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,YAED,MAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,aAE5C,YAAG,SAAS,EAAC,iCAAiC,GAAK,EAClD,CAAC,CAAC,wBAAwB,EAAE;4BAC3B,IAAI,EAAE,CAAC,CAAC,uCAAuC,CAAC;yBACjD,CAAC,IACK,GACL,EACN,KAAC,MAAM,IACL,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC9B,EAAE,EAAE;oBACF,MAAM,EAAE,IAAI;iBACb,YAED,KAAC,GAAG,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5D,KAAC,iBAAiB,IAChB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,EACf,UAAU,QACV,gBAAgB,EAAE,YAAY,EAC9B,OAAO,EAAE,oBAAoB,EAC7B,IAAI,EAAE,iBAAiB,IAAI,EAAE,EAC7B,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,cAAc;gCACrB,UAAU,EAAE,cAAc;gCAC1B,IAAI,EAAE,CAAC;gCACP,WAAW,CACT,MAGC;oCAED,OAAO,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gCAC5B,CAAC;6BACF;4BACD;gCACE,KAAK,EAAE,MAAM;gCACb,UAAU,EAAE,MAAM;gCAClB,IAAI,EAAE,SAAS;gCACf,UAAU,CAAC,MAAM;oCACf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC;gCACJ,CAAC;gCACD,QAAQ,EAAE,IAAI;6BACf;4BACD;gCACE,KAAK,EAAE,OAAO;gCACd,UAAU,EAAE,OAAO;gCACnB,IAAI,EAAE,SAAS;gCACf,UAAU,CAAC,MAAM;oCACf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC;gCACJ,CAAC;gCACD,QAAQ,EAAE,IAAI;6BACf;4BACD;gCACE,KAAK,EAAE,QAAQ;gCACf,UAAU,EAAE,QAAQ;gCACpB,IAAI,EAAE,SAAS;gCACf,UAAU,CAAC,MAAM;oCACf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC;gCACJ,CAAC;gCACD,QAAQ,EAAE,IAAI;6BACf;4BACD;gCACE,KAAK,EAAE,UAAU;gCACjB,UAAU,EAAE,cAAc;gCAC1B,IAAI,EAAE,SAAS;gCACf,UAAU,CAAC,MAAM;oCACf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mBAAmB,GAAG,CACpC,CAAC;gCACJ,CAAC;gCACD,QAAQ,EAAE,IAAI;6BACf;4BACD;gCACE,KAAK,EAAE,mBAAmB;gCAC1B,UAAU,EAAE,mBAAmB;gCAC/B,QAAQ,EAAE,GAAG;gCACb,QAAQ,EAAE,IAAI;6BACf;yBACF,EACD,QAAQ,EAAC,KAAK,EACd,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;4BACjB,IACE,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;gCAChC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM;gCAE1C,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;wBACnD,CAAC,GACD,GACE,GACC,EACT,KAAC,eAAe,IACd,IAAI,EAAE,oBAAoB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,GAC7C,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,OAAO,GAIR,EAAE,EAAE;IACH,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;QACjD,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;KAC/B,CAAC,CAAC;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAOnD;QACD,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;QACb,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,oBAAoB,EAAE,EAAE;KACzB,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,uBAAuB,EAAE,CAAC;IAEhE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC;QACV,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,kBAAkB,CAAC;YACjB,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,EAAE;YACb,iBAAiB,EAAE,IAAI;YACvB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,oBAAoB,EAAE,EAAE;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,IAAI,EAAE,SAAS,IAAI,eAAe,CAAC,iBAAiB;YACtD,YAAY,CAAC;gBACX,MAAM,EAAE;oBACN,UAAU,EAAE,IAAI,CAAC,SAAS;oBAC1B,UAAU,EAAE,eAAe,CAAC,SAAS;oBACrC,SAAS,EAAE,eAAe,CAAC,QAAQ;oBACnC,KAAK,EAAE,eAAe,CAAC,KAAK;oBAC5B,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,eAAe,CAAC,QAAQ;oBAClC,qBAAqB,EAAE,eAAe,CAAC,oBAAoB;oBAC3D,MAAM;iBACP;aACF,CAAC;iBACC,MAAM,EAAE;iBACR,IAAI,CAAC,WAAW,CAAC;iBACjB,KAAK,CAAC,GAAG,EAAE;gBACV,OAAO;YACT,CAAC,CAAC,CAAC;IACT,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YACrC,MAAC,WAAW,uBACM,oBAAoB,EACpC,MAAM,EAAC,QAAQ,EACf,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACd,KAAK,EAAE,GAAG;gBACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC9B,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,CAAC;oBACT,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE,SAAS;oBACpB,QAAQ,EAAE,SAAS;oBACnB,SAAS,EAAE,SAAS;oBACpB,KAAK,EAAE,SAAS;iBACjB;aACF,CAAC,aAEF,KAAC,UAAU,IAAC,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAC,IAAI,YAC3C,CAAC,CAAC,wBAAwB,EAAE;wBAC3B,IAAI,EAAE,CAAC,CAAC,uCAAuC,CAAC;qBACjD,CAAC,GACS,EACb,KAAC,aAAa,cACZ,MAAC,GAAG,IAAC,CAAC,EAAE,CAAC,aACP,KAAC,cAAc,IACb,2BAA2B,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,EACpD,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;oCAC9B,MAAM,CACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EAClB,GAAG,IAAI,CAAC;oCACT,kBAAkB,CAAC;wCACjB,KAAK;wCACL,SAAS;wCACT,QAAQ;wCACR,QAAQ;wCACR,oBAAoB;wCACpB,iBAAiB;qCAClB,CAAC,CAAC;gCACL,CAAC,GACD,EACF,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,YACV,MAAC,WAAW,eACV,KAAC,SAAS,cAAE,CAAC,CAAC,gCAAgC,CAAC,GAAa,EAC5D,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,IAClD,GACT,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,YACV,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC5C,GACG,IACF,IACH,GACQ,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,eAAe,CAAC,iBAAiB,IAAI,CAAC,IAAI,EAAE,SAAS,YAE/D,CAAC,CAAC,eAAe,CAAC,GACZ,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,YACzD,CAAC,CAAC,eAAe,CAAC,GACZ,IACK,IACJ,GACR,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/lep/lepCustomerSalesNotes.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from "react";
+/**
+ *
+ * @returns {ReactElement} LepCustomerSalesNotes
+ */
+export declare function LepCustomerSalesNotes(): ReactElement;

package/dist/hooks/lep/lepCustomerSalesNotes.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Skeleton } from "@mui/joy";
+import { gridClasses } from "@mui/x-data-grid-premium";
+import { DateTime } from "luxon";
+import { useMemo } from "react";
+import { LepStyledDataGrid } from "./lepStyledDataGrid";
+import { quoteRecalculateBodySelector } from "../../redux/quote/quoteSelectors";
+import { useSelector } from "react-redux";
+import { useGetUserNotesV1Query, getUserNotesV1Selectors } from "../../redux";
+/**
+ *
+ * @returns {ReactElement} LepCustomerSalesNotes
+ */
+export function LepCustomerSalesNotes() {
+    const recalculateBody = useSelector(quoteRecalculateBodySelector);
+    const filter = JSON.stringify([
+        { property: "noteable_type", value: "Customer" },
+        { property: "noteable_id", value: recalculateBody.customer_id },
+    ]);
+    const params = { filter, start: 0, limit: 25 };
+    const { isLoading } = useGetUserNotesV1Query(params, {
+        skip: !recalculateBody.customer_id,
+    });
+    const selectAllUserNotes = useMemo(() => getUserNotesV1Selectors(params).selectAll, [params]);
+    const userNotes = useSelector(selectAllUserNotes);
+    const columns = useMemo(() => [
+        { field: "note_person", headerName: "User" },
+        {
+            field: "updated_at",
+            headerName: "Date",
+            renderCell(params) {
+                return params.value
+                    ? DateTime.fromISO(params.value)
+                        .toUTC()
+                        .toFormat("LL/dd/yyyy HH:mm")
+                    : "";
+            },
+        },
+        {
+            field: "note",
+            headerName: "Note",
+            flex: 1,
+        },
+    ], []);
+    return (_jsx(Box, { height: 350, sx: { display: "grid", width: "100%" }, children: isLoading ? (_jsx(Skeleton, { variant: "rectangular", height: "100%", width: "100%" })) : (_jsx(LepStyledDataGrid, { hideFooter: true, getRowHeight: () => "auto", loading: isLoading, rows: userNotes, columns: columns, sx: {
+                [`& .${gridClasses.cell}`]: {
+                    py: 1,
+                },
+            } })) }));
+}
+//# sourceMappingURL=lepCustomerSalesNotes.js.map

package/dist/hooks/lep/lepCustomerSalesNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lepCustomerSalesNotes.js","sourceRoot":"","sources":["../../../src/hooks/lep/lepCustomerSalesNotes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,WAAW,EAAc,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE9E;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,eAAe,GAAG,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5B,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE;QAChD,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE;KAChE,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,MAAM,EAAE;QACnD,IAAI,EAAE,CAAC,eAAe,CAAC,WAAW;KACnC,CAAC,CAAC;IACH,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,SAAS,EAC/C,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,SAAS,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAClD,MAAM,OAAO,GAAoC,OAAO,CACtD,GAAG,EAAE,CAAC;QACJ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE;QAC5C;YACE,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE,MAAM;YAClB,UAAU,CAAC,MAAM;gBACf,OAAO,MAAM,CAAC,KAAK;oBACjB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;yBAC3B,KAAK,EAAE;yBACP,QAAQ,CAAC,kBAAkB,CAAC;oBACjC,CAAC,CAAC,EAAE,CAAC;YACT,CAAC;SACF;QACD;YACE,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,IAAI,EAAE,CAAC;SACR;KACF,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YACrD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,OAAO,EAAC,aAAa,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAClE,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,UAAU,QACV,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,EAC1B,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;gBACF,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;oBAC1B,EAAE,EAAE,CAAC;iBACN;aACF,GACD,CACH,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/hooks/lep/lepCustomersAccessorials.d.ts

@@ -0,0 +1,5 @@
+/**
+ *
+ * @returns {ReactElement} LepCustomersAccessorials
+ */
+export declare function LepCustomersAccessorials(): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/lep/lepCustomersAccessorials.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Skeleton } from "@mui/joy";
+import { useGridApiRef, } from "@mui/x-data-grid-premium";
+import { NerdCurrencyFieldDataGridAdapter } from "@nerdjs/nerd-ui";
+import { useMemo } from "react";
+import { LepStyledDataGrid } from "./lepStyledDataGrid";
+import { quoteRecalculateBodySelector } from "../../redux/quote/quoteSelectors";
+import { useSelector } from "react-redux";
+import { useGetCustomersAccessorialsQuery, useGetAccessorialsV1Query, useGetUnitsV1Query, useUpdateCustomersAccessorialMutation, getUnitsV1Selectors, } from "../../redux";
+import { usdFormatter } from "../quote";
+/**
+ *
+ * @returns {ReactElement} LepCustomersAccessorials
+ */
+export function LepCustomersAccessorials() {
+    const recalculateBody = useSelector(quoteRecalculateBodySelector);
+    const filter = JSON.stringify([
+        { property: "customer_id", value: recalculateBody?.customer_id },
+    ]);
+    const params = { filter, start: 0, limit: 25 };
+    const { isLoading } = useGetCustomersAccessorialsQuery(params, {
+        skip: !recalculateBody?.customer_id,
+    });
+    const { isLoading: isLoading2 } = useGetAccessorialsV1Query();
+    const { isLoading: isLoading3 } = useGetUnitsV1Query();
+    if (isLoading || isLoading2 || isLoading3)
+        return _jsx(Skeleton, { variant: "rectangular", width: "100%", height: 200 });
+    else
+        return _jsx(DataGrid, {});
+}
+/**
+ *
+ * @returns {ReactElement} DataGrid
+ */
+function DataGrid() {
+    const recalculateBody = useSelector(quoteRecalculateBodySelector);
+    const filter = JSON.stringify([
+        { property: "customer_id", value: recalculateBody?.customer_id },
+    ]);
+    const params = { filter, start: 0, limit: 25 };
+    const { data } = useGetCustomersAccessorialsQuery(params, {
+        skip: !recalculateBody?.customer_id,
+    });
+    const { data: accessorials } = useGetAccessorialsV1Query();
+    const { data: _units } = useGetUnitsV1Query();
+    const [updateCustomersAccessorial] = useUpdateCustomersAccessorialMutation();
+    const selectAllUnits = useMemo(() => getUnitsV1Selectors().selectAll, []);
+    const units = useSelector(selectAllUnits);
+    const apiRef = useGridApiRef();
+    const unitsOptions = useMemo(() => units.map((u) => ({ label: u.name, value: u.id })), [units]);
+    const columns = useMemo(() => [
+        {
+            field: "accessorial_id",
+            headerName: "Accessorial",
+            valueGetter(params) {
+                return accessorials?.find((a) => a.id === params.row.accessorial_id)
+                    ?.name;
+            },
+            flex: 1,
+        },
+        {
+            field: "unit_id",
+            headerName: "Unit",
+            renderCell(params) {
+                return params.row.unit_id
+                    ? _units?.entities[params.row.unit_id]?.name
+                    : "";
+            },
+            flex: 1,
+            editable: true,
+            type: "singleSelect",
+            valueOptions: unitsOptions,
+        },
+        {
+            field: "condition_a",
+            headerName: "Condition A >=",
+            flex: 1,
+            editable: true,
+        },
+        {
+            field: "condition_b",
+            headerName: "Condition B <=",
+            flex: 1,
+            editable: true,
+        },
+        {
+            field: "load_type",
+            headerName: "Load Type",
+            renderCell(params) {
+                return params.value?.toUpperCase();
+            },
+            flex: 1,
+            editable: true,
+            type: "singleSelect",
+            valueOptions: [
+                { label: "None", value: "" },
+                { label: "LTL", value: "ltl" },
+                { label: "TL", value: "tl" },
+            ],
+        },
+        {
+            field: "direct_payment",
+            headerName: "Direct Payment",
+            type: "boolean",
+            renderCell(params) {
+                return params.value ? (_jsx("i", { className: "fa-solid fa-check" })) : (_jsx("i", { className: "fa-solid fa-xmark" }));
+            },
+            flex: 1,
+            editable: true,
+        },
+        {
+            field: "cost_amount",
+            headerName: "Amount",
+            renderCell(params) {
+                return usdFormatter.format(params.value);
+            },
+            renderEditCell(params) {
+                return (_jsx(NerdCurrencyFieldDataGridAdapter, { cellParams: params, nerdCurrencyFieldProps: {
+                        signed: true,
+                    } }));
+            },
+            valueSetter(params) {
+                return {
+                    ...params.row,
+                    cost_amount: params.value !== undefined ? params.value : 0,
+                };
+            },
+            flex: 1,
+            editable: true,
+        },
+    ], []);
+    const onRowUpdate = (newRow, oldRow) => {
+        const body = {};
+        Object.keys(newRow).forEach((key) => {
+            const k = key;
+            if (oldRow[k] !== newRow[k])
+                body[k] = newRow[k];
+        });
+        if (Object.entries(body).length > 0 && newRow.id) {
+            return updateCustomersAccessorial({
+                id: newRow.id,
+                body: { customersaccessorial: body },
+            })
+                .unwrap()
+                .then(() => {
+                return newRow;
+            })
+                .catch(() => {
+                return oldRow;
+            });
+        }
+        return oldRow;
+    };
+    return (_jsx(Box, { height: 200, sx: { display: "grid", width: "100%" }, children: _jsx(LepStyledDataGrid, { density: "compact", hideFooter: true, editMode: "row", onCellClick: (e) => {
+                if (apiRef.current.isCellEditable(e) &&
+                    apiRef.current.getRowMode(e.id) === "view")
+                    apiRef.current?.startRowEditMode({ id: e.id });
+            }, processRowUpdate: onRowUpdate, apiRef: apiRef, rows: data || [], columns: columns }) }));
+}
+//# sourceMappingURL=lepCustomersAccessorials.js.map

package/dist/hooks/lep/lepCustomersAccessorials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lepCustomersAccessorials.js","sourceRoot":"","sources":["../../../src/hooks/lep/lepCustomersAccessorials.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/lep/lepDateInputCell.d.ts

@@ -0,0 +1,8 @@
+import { GridRenderCellParams } from "@mui/x-data-grid-premium";
+/**
+ * DateInputCell. A calendar with holidays
+ *
+ * @param {GridRenderCellParams} props grid params
+ * @returns {ReactElement} The autocomplete
+ */
+export declare function LepDateInputCell({ id, value, field, hasFocus, }: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/lep/lepDateInputCell.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useGridApiContext, } from "@mui/x-data-grid-premium";
+import { NerdDatePicker } from "@nerdjs/nerd-ui";
+import { DateTime } from "luxon";
+import { useLayoutEffect, useRef, useState } from "react";
+/**
+ * DateInputCell. A calendar with holidays
+ *
+ * @param {GridRenderCellParams} props grid params
+ * @returns {ReactElement} The autocomplete
+ */
+export function LepDateInputCell({ id, value, field, hasFocus, }) {
+    const apiRef = useGridApiContext();
+    const [date, setDate] = useState(value ? DateTime.fromISO(value).toUTC() : null);
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        if (hasFocus) {
+            ref.current?.focus();
+        }
+    }, [hasFocus]);
+    const handleChange = (newDate) => {
+        setDate(newDate);
+        apiRef.current.setEditCellValue({
+            id,
+            field,
+            value: newDate?.toUTC().toISO() || "",
+        });
+        apiRef.current.stopCellEditMode({ id, field });
+    };
+    return (_jsx(NerdDatePicker, { ref: ref, label: "", value: date, onChange: handleChange, inputProps: {
+            sx: {
+                width: 160,
+                borderRadius: 0,
+                height: "100%",
+                border: "none",
+            },
+        }, openCalendar: apiRef.current.getRowMode(id) === "edit" ? false : true, datePickerProps: {
+            minDate: DateTime.now()
+                .startOf("day")
+                .toUTC(undefined, { keepLocalTime: true }),
+            autoFocus: true,
+            closeOnSelect: true,
+            onClose() {
+                setTimeout(() => apiRef.current.setCellFocus(id, field), 200);
+            },
+        } }));
+}
+//# sourceMappingURL=lepDateInputCell.js.map

package/dist/hooks/lep/lepDateInputCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lepDateInputCell.js","sourceRoot":"","sources":["../../../src/hooks/lep/lepDateInputCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,GACa;IACrB,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAC/C,CAAC;IACF,MAAM,GAAG,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC;YAC9B,EAAE;YACF,KAAK;YACL,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,EAAE,EACR,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE;YACV,EAAE,EAAE;gBACF,KAAK,EAAE,GAAG;gBACV,YAAY,EAAE,CAAC;gBACf,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM;aACf;SACF,EACD,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACrE,eAAe,EAAE;YACf,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE;iBACpB,OAAO,CAAC,KAAK,CAAC;iBACd,KAAK,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;YAC5C,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,IAAI;YACnB,OAAO;gBACL,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;YAChE,CAAC;SACF,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/hooks/lep/lepDispatches.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from "react";
+declare module "@mui/x-data-grid" {
+    interface ToolbarPropsOverrides {
+        shipper_city: string;
+        consignee_city: string;
+        pallets: number;
+    }
+}
+/**
+ *
+ * @returns {ReactElement} LepDispatches
+ */
+export declare function LepDispatches(): ReactElement;