@nerdjs/sales-kit 2.4.5 → 2.4.7

package/dist/hooks/lep/lepActionBar.js

@@ -80,7 +80,7 @@ export function LepActionBar({ children, onDuplicateLoad, backTo, }) {
                 load_id: load.id,
                 load_type: load.loadType,
                 quote_id: load.quoteID,
-                reefer_temp: load.reeferTemp,
+                reefer_temp: load.reeferTemp ? load.reeferTemp : "",
                 reference_number: load.referenceNumber,
                 tonu,
             });
@@ -253,546 +253,6 @@ export function LepActionBar({ children, onDuplicateLoad, backTo, }) {
                                 pt: 2,
                                 height: "100%",
                             }, children: [_jsx(Button, { onClick: handleCloseDuplicate, color: "neutral", variant: "soft", children: t("global.Cancel") }), _jsx(Button, { loading: duplicateLoading, onClick: handleDuplicate, children: t("global.duplicate") })] })] }) }), _jsx(DownloadDocumentModal, { open: openDownload, onClose: () => setOpenDownload(false) }), _jsx(Divider, { sx: { height: 1 } })] }));
-    // return (
-    //   <>
-    //     <Grid container alignItems={"center"} columnGap={0.5}>
-    //       <Grid xs={6} md={backTo ? true : 2} lg order={1}>
-    //         {!loadingLoad ? (
-    //           <Box display={"flex"} gap={0.5}>
-    //             {backTo ? (
-    //               <Box mr={0.5} mt={0.5} display={{ xs: "none", md: "block" }}>
-    //                 <Button
-    //                   size="sm"
-    //                   variant="soft"
-    //                   color="neutral"
-    //                   startDecorator={<i className="fa-solid fa-arrow-left" />}
-    //                   component={Link}
-    //                   to={backTo}
-    //                   sx={{
-    //                     textDecoration: "none !important",
-    //                   }}
-    //                 >
-    //                   {t("global.back")}
-    //                 </Button>
-    //               </Box>
-    //             ) : null}
-    //             {downLg ? (
-    //               <IconButton
-    //                 variant="plain"
-    //                 color="neutral"
-    //                 size="sm"
-    //                 onClick={handleClick}
-    //               >
-    //                 <i
-    //                   style={{
-    //                     fontSize: 18,
-    //                   }}
-    //                   className="fa-regular fa-circle-info"
-    //                 ></i>
-    //               </IconButton>
-    //             ) : null}
-    //             <Box display={"flex"} flexWrap="wrap">
-    //               <Typography level="title-lg" display={"inline"}>
-    //                 #
-    //                 <NerdClickToCopy
-    //                   typographyProps={{
-    //                     level: "title-lg",
-    //                     display: "inline",
-    //                   }}
-    //                 >
-    //                   <Skeleton loading={loadingLoad}>{`${load?.id}`}</Skeleton>
-    //                 </NerdClickToCopy>
-    //               </Typography>
-    //               <NerdClickToCopy
-    //                 typographyProps={{
-    //                   sx: {
-    //                     width: "fit-content",
-    //                     display: "inline",
-    //                   },
-    //                   level: "body-xs",
-    //                 }}
-    //               >
-    //                 <Skeleton loading={loadingLoad}>
-    //                   {load?.referenceNumber
-    //                     ? `(${load?.referenceNumber})`
-    //                     : "(Not Set)"}
-    //                 </Skeleton>
-    //               </NerdClickToCopy>
-    //               {load?.status ? (
-    //                 <Box>
-    //                   <Chip
-    //                     color={
-    //                       load?.status === "Cancelled"
-    //                         ? "danger"
-    //                         : load?.status === "Pending"
-    //                         ? "neutral"
-    //                         : "primary"
-    //                     }
-    //                     size="sm"
-    //                   >
-    //                     {load?.status}
-    //                   </Chip>
-    //                 </Box>
-    //               ) : null}
-    //               {load?.customerDoNotContact ? (
-    //                 <Tooltip size="sm" title="Do not contact">
-    //                   <Chip color="danger">
-    //                     <i className="fa-solid fa-phone-slash"></i>
-    //                   </Chip>
-    //                 </Tooltip>
-    //               ) : null}
-    //             </Box>
-    //             {/* {!downLg ? (
-    //               <Box display={"flex"} ml="auto" mr="auto" gap={1}>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Quote #:
-    //                   </Typography>
-    //                   <NerdClickToCopy>{load?.quoteID}</NerdClickToCopy>
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     CSR:
-    //                   </Typography>
-    //                   <NerdClickToCopy>{load?.csrName}</NerdClickToCopy>
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Customer:
-    //                   </Typography>
-    //                   <NerdClickToCopy>{load?.customer}</NerdClickToCopy>
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Base Rate:{" "}
-    //                   </Typography>
-    //                   {load?.baserate ? usdFormatter.format(load?.baserate) : "-"}
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Fuel Rate:{" "}
-    //                   </Typography>
-    //                   {load?.fuelCost ? usdFormatter.format(load?.fuelCost) : "-"}
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Total Rate:{" "}
-    //                   </Typography>
-    //                   {load?.totalRate
-    //                     ? usdFormatter.format(load?.totalRate)
-    //                     : "-"}
-    //                 </Typography>
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Margin:{" "}
-    //                   </Typography>
-    //                   {load?.margin ? usdFormatter.format(load?.margin) : "-"}
-    //                 </Typography>{" "}
-    //                 <Typography level="body-sm">
-    //                   <Typography level="body-sm" fontWeight="xl">
-    //                     Invoice Date:{" "}
-    //                   </Typography>
-    //                   {load?.invoiceDate
-    //                     ? DateTime.fromISO(load.invoiceDate)
-    //                         .toUTC()
-    //                         // eslint-disable-next-line i18next/no-literal-string
-    //                         .toFormat("LL/dd/yyyy")
-    //                     : "-"}
-    //                 </Typography>
-    //               </Box>
-    //             ) : null} */}
-    //           </Box>
-    //         ) : null}
-    //       </Grid>
-    //       <Grid
-    //         container
-    //         xs={12}
-    //         md={backTo ? 12 : true}
-    //         lg={12}
-    //         justifyContent={"center"}
-    //         order={{
-    //           xs: 3,
-    //           md: 3,
-    //           lg: 3,
-    //         }}
-    //       >
-    //         <Grid>{children}</Grid>
-    //       </Grid>
-    //       <Grid
-    //         container
-    //         spacing={1}
-    //         justifyContent={{ xs: "start", md: "end" }}
-    //         alignItems={"center"}
-    //         xs={"auto"}
-    //         ml={{ xs: "auto", lg: 0 }}
-    //         order={{
-    //           xs: 2,
-    //           md: backTo ? 2 : 3,
-    //           lg: 2,
-    //         }}
-    //       >
-    //         <Grid>
-    //           <CheckList loading={loadingLoad} />
-    //         </Grid>
-    //         <Grid>
-    //           <Dropdown>
-    //             <MenuButton
-    //               slots={{ root: IconButton }}
-    //               slotProps={{
-    //                 root: {
-    //                   variant: "outlined",
-    //                   color: "neutral",
-    //                   size: "sm",
-    //                   className: "ShipconsTaskItem-recalculate",
-    //                 },
-    //               }}
-    //               loading={recalculateLoading || tonuLoading || updateLoadLoading}
-    //             >
-    //               {recalculateLoading ||
-    //               tonuLoading ||
-    //               updateLoadLoading ? null : (
-    //                 <i className="fa-solid fa-bars"></i>
-    //               )}
-    //             </MenuButton>
-    //             <Menu
-    //               placement="bottom-end"
-    //               sx={{
-    //                 zIndex: (theme) => theme.zIndex.modal,
-    //               }}
-    //             >
-    //               <MenuItem onClick={() => setOpenDownload(true)}>
-    //                 <ListItemDecorator sx={{ color: "inherit" }}>
-    //                   <i className="fa-solid fa-download pright"></i>
-    //                 </ListItemDecorator>
-    //                 {t("entities:load.others.download_document")}
-    //               </MenuItem>
-    //               {load?.cancelled ? (
-    //                 <MenuItem onClick={handleActivateLoad}>
-    //                   <ListItemDecorator sx={{ color: "inherit" }}>
-    //                     <i className="fa-solid fa-check-circle pright"></i>
-    //                   </ListItemDecorator>
-    //                   {t("entities:load.others.activate_load")}
-    //                 </MenuItem>
-    //               ) : (
-    //                 <MenuItem
-    //                   onClick={handleCancel}
-    //                   variant="soft"
-    //                   color="danger"
-    //                 >
-    //                   <ListItemDecorator>
-    //                     <i className="fa-solid fa-ban pright"></i>
-    //                   </ListItemDecorator>
-    //                   {t("entities:load.others.cancel_load")}
-    //                 </MenuItem>
-    //               )}
-    //               {load?.truckOrderNotUsed ? (
-    //                 <MenuItem
-    //                   onClick={() => handleTONU(!load?.truckOrderNotUsed)}
-    //                 >
-    //                   <ListItemDecorator>
-    //                     <i className="fa-solid fa-person-dolly pright"></i>
-    //                   </ListItemDecorator>
-    //                   {t("entities:load.others.undo_tonu")}
-    //                 </MenuItem>
-    //               ) : (
-    //                 <MenuItem
-    //                   onClick={() => handleTONU(!load?.truckOrderNotUsed)}
-    //                 >
-    //                   <ListItemDecorator>
-    //                     <i className="fa-solid fa-person-dolly-empty pright"></i>
-    //                   </ListItemDecorator>
-    //                   {t("entities:load.others.tonu")}
-    //                 </MenuItem>
-    //               )}
-    //               <MenuItem onClick={() => setOpenDuplicate(true)}>
-    //                 <ListItemDecorator>
-    //                   <i className="fa-solid fa-clone pright"></i>
-    //                 </ListItemDecorator>
-    //                 {t("global.duplicate")}
-    //               </MenuItem>
-    //               <Tooltip
-    //                 title={
-    //                   !recalculateBody.customer_id
-    //                     ? "The load has no customer selected"
-    //                     : ""
-    //                 }
-    //               >
-    //                 <span>
-    //                   <MenuItem
-    //                     onClick={handleRecalculate}
-    //                     disabled={!recalculateBody.customer_id}
-    //                   >
-    //                     <ListItemDecorator>
-    //                       <i className="fa-solid fa-arrows-rotate pright"></i>
-    //                     </ListItemDecorator>
-    //                     {t("components:lepShipcons.recalculate")}
-    //                   </MenuItem>
-    //                 </span>
-    //               </Tooltip>
-    //               {!load?.cancelled ? (
-    //                 <Tooltip
-    //                   title={
-    //                     load?.active
-    //                       ? "The load is already active"
-    //                       : blockingTasks.length > 0
-    //                       ? "The load is not complete, check the Tasks List for more details"
-    //                       : ""
-    //                   }
-    //                 >
-    //                   <span>
-    //                     <MenuItem
-    //                       onClick={handleValidate}
-    //                       disabled={load?.active || blockingTasks.length > 0}
-    //                     >
-    //                       <ListItemDecorator>
-    //                         <i className="fa-solid fa-truck-fast pright"></i>
-    //                       </ListItemDecorator>
-    //                       {t("components:lepShipcons.validate")}
-    //                     </MenuItem>
-    //                   </span>
-    //                 </Tooltip>
-    //               ) : null}
-    //             </Menu>
-    //           </Dropdown>
-    //         </Grid>
-    //         <Grid>
-    //           <Tooltip title="Open Load Quick View">
-    //             <IconButton
-    //               size="sm"
-    //               variant="soft"
-    //               color="primary"
-    //               onClick={() => {
-    //                 if (load) dispatch(setLoadDrawerSelectedLoadID(load.id));
-    //               }}
-    //             >
-    //               <i className="fa-solid fa-magnifying-glass" />
-    //             </IconButton>
-    //           </Tooltip>
-    //         </Grid>
-    //       </Grid>
-    //     </Grid>
-    //     <Drawer
-    //       open={open}
-    //       anchor={"left"}
-    //       onClose={handleClose}
-    //       sx={{
-    //         zIndex: 1200,
-    //       }}
-    //       slotProps={{
-    //         content: {
-    //           sx: {
-    //             width: "fit-content",
-    //           },
-    //         },
-    //       }}
-    //     >
-    //       <Box mt={{ xs: "138px", sm: "98px" }} p={2} maxWidth={300}>
-    //         <Grid container spacing={0} columnGap={1}>
-    //           <Grid>
-    //             <Box display={"flex"} alignItems={"center"}>
-    //               <Typography level={"h4"}>#</Typography>
-    //               <NerdClickToCopy typographyProps={{ level: "h4" }}>
-    //                 {`${load?.id}`}
-    //               </NerdClickToCopy>
-    //             </Box>
-    //           </Grid>
-    //           {load?.customerDoNotContact ? (
-    //             <Grid>
-    //               <Tooltip size="sm" title="Do not contact">
-    //                 <Chip color="danger">
-    //                   <i className="fa-solid fa-phone-slash"></i>
-    //                 </Chip>
-    //               </Tooltip>
-    //             </Grid>
-    //           ) : null}
-    //           <Grid xs={12}>
-    //             <Box display={"flex"}>
-    //               {load?.referenceNumber ? (
-    //                 <NerdClickToCopy typographyProps={{ level: "body-sm" }}>
-    //                   {`(${load?.referenceNumber})`}
-    //                 </NerdClickToCopy>
-    //               ) : (
-    //                 "(Not Set)"
-    //               )}
-    //             </Box>
-    //           </Grid>
-    //           {load?.status ? (
-    //             <Grid>
-    //               <StatusStepper
-    //                 currentStep={STATUS_MAP[load?.status]}
-    //                 stepsLength={6}
-    //                 disableAnimation
-    //               />
-    //             </Grid>
-    //           ) : null}
-    //         </Grid>
-    //         <Sheet
-    //           variant="outlined"
-    //           sx={{
-    //             borderRadius: 5,
-    //             p: 1,
-    //             mt: 2,
-    //           }}
-    //         >
-    //           <Table
-    //             color="neutral"
-    //             sx={{
-    //               "& th": {
-    //                 whiteSpace: "normal",
-    //                 wordBreak: "break-word",
-    //               },
-    //             }}
-    //           >
-    //             <tbody>
-    //               <tr>
-    //                 <th scope="row">{t("entities:quote.entity")} #</th>
-    //                 <td>
-    //                   <NerdClickToCopy
-    //                     typographyProps={{
-    //                       display: "inline",
-    //                     }}
-    //                   >
-    //                     {load?.quoteID}
-    //                   </NerdClickToCopy>
-    //                 </td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.csr_name")}</th>
-    //                 <td>{load?.csrName}</td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.customer")}</th>
-    //                 <td>{load?.customer}</td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.base_rate")}</th>
-    //                 <td>
-    //                   {load?.baserate ? usdFormatter.format(load?.baserate) : "-"}
-    //                 </td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.fuel_rate")}</th>
-    //                 <td>
-    //                   {load?.fuelCost ? usdFormatter.format(load?.fuelCost) : "-"}
-    //                 </td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.total")}</th>
-    //                 <td>
-    //                   {load?.totalRate
-    //                     ? usdFormatter.format(load?.totalRate)
-    //                     : "-"}
-    //                 </td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.margin")}</th>
-    //                 <td>
-    //                   {load?.margin ? usdFormatter.format(load?.margin) : "-"}
-    //                 </td>
-    //               </tr>
-    //               <tr>
-    //                 <th scope="row">{t("entities:load.others.invoice_date")}</th>
-    //                 <td>
-    //                   {load?.invoiceDate
-    //                     ? DateTime.fromISO(load.invoiceDate)
-    //                         .toUTC()
-    //                         // eslint-disable-next-line i18next/no-literal-string
-    //                         .toFormat("LL/dd/yyyy")
-    //                     : "-"}
-    //                 </td>
-    //               </tr>
-    //             </tbody>
-    //           </Table>
-    //         </Sheet>
-    //       </Box>
-    //     </Drawer>
-    //     <Modal open={openDuplicate} onClose={handleCloseDuplicate}>
-    //       <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",
-    //           },
-    //         })}
-    //       >
-    //         <Typography id="modal-dialog-title" level="h2">
-    //           {t("entities:load.others.duplicate_load")}
-    //         </Typography>
-    //         <Grid container spacing={1} overflow={"auto"}>
-    //           <Grid xs={12}>
-    //             <FormControl>
-    //               <FormLabel>
-    //                 {t("entities:invoice.attributes.referenceNumber")}
-    //               </FormLabel>
-    //               <Input
-    //                 slotProps={{
-    //                   input: {
-    //                     ref: refNumberRef,
-    //                   },
-    //                 }}
-    //               />
-    //             </FormControl>
-    //           </Grid>
-    //           <Grid xs={12}>
-    //             <NerdDatePicker
-    //               value={pickupDate}
-    //               onChange={(newVal) => setPickupDate(newVal)}
-    //               label={t("entities:load.others.pickup_date")}
-    //             />
-    //           </Grid>
-    //           <Grid xs={12}>
-    //             <FormControl>
-    //               <FormLabel>{t("entities:load.others.total_rate")}</FormLabel>
-    //               <NerdCurrencyField
-    //                 value={totalRate}
-    //                 onChange={(v) => setTotalRate(v)}
-    //                 maxDigitAfterDecimal={4}
-    //                 signed
-    //               />
-    //             </FormControl>
-    //           </Grid>
-    //         </Grid>
-    //         <Box
-    //           sx={{
-    //             display: "flex",
-    //             gap: 1,
-    //             justifyContent: "flex-end",
-    //             alignItems: "end",
-    //             pt: 2,
-    //             height: "100%",
-    //           }}
-    //         >
-    //           <Button
-    //             onClick={handleCloseDuplicate}
-    //             color="neutral"
-    //             variant="soft"
-    //           >
-    //             {t("global.Cancel")}
-    //           </Button>
-    //           <Button loading={duplicateLoading} onClick={handleDuplicate}>
-    //             {t("global.duplicate")}
-    //           </Button>
-    //         </Box>
-    //       </ModalDialog>
-    //     </Modal>
-    //     <DownloadDocumentModal
-    //       open={openDownload}
-    //       onClose={() => setOpenDownload(false)}
-    //     />
-    //     <Divider sx={{ height: 1 }} />
-    //   </>
-    // );
 }
 const DownloadDocumentModal = ({ open, onClose, }) => {
     const { id } = useContext(LoadIDContext);