@tenancy.nz/feature-ui 1.0.0 → 1.0.1

package/dist/cjs/index.cjs

@@ -0,0 +1,36 @@
+"use strict";
+'use strict';
+
+var AgentDetailsCard = require('./components/AgentDetailsCard.cjs');
+var AnalyticsBox = require('./components/AnalyticsBox.cjs');
+var AnalyticsSection = require('./components/AnalyticsSection.cjs');
+var BookingChart = require('./components/BookingChart.cjs');
+var BookingTable = require('./components/BookingTable.cjs');
+var BookingTableRow = require('./components/BookingTableRow.cjs');
+var BookingTableRowHeader = require('./components/BookingTableRowHeader.cjs');
+var BookingTableRowSkeleton = require('./components/BookingTableRowSkeleton.cjs');
+var CheckedIcon = require('./components/CheckedIcon.cjs');
+var EnquiriesDoughnutChart = require('./components/EnquiriesDoughnutChart.cjs');
+var GridList = require('./components/GridList.cjs');
+var Hidden = require('./components/Hidden.cjs');
+var IconLabel = require('./components/IconLabel.cjs');
+var NotesCard = require('./components/NotesCard.cjs');
+var PropertyCard = require('./components/PropertyCard.cjs');
+
+
+
+exports.AgentDetailsCard = AgentDetailsCard.default;
+exports.AnalyticsBox = AnalyticsBox.default;
+exports.AnalyticsSection = AnalyticsSection.default;
+exports.BookingChart = BookingChart.default;
+exports.BookingTable = BookingTable.default;
+exports.BookingTableRow = BookingTableRow.default;
+exports.BookingTableRowHeader = BookingTableRowHeader.default;
+exports.BookingTableRowSkeleton = BookingTableRowSkeleton.default;
+exports.CheckedIcon = CheckedIcon.default;
+exports.EnquiriesDoughnutChart = EnquiriesDoughnutChart.default;
+exports.GridList = GridList.default;
+exports.Hidden = Hidden.default;
+exports.IconLabel = IconLabel.default;
+exports.NotesCard = NotesCard.default;
+exports.PropertyCard = PropertyCard.default;

package/dist/esm/components/AgentDetailsCard.js

@@ -0,0 +1,51 @@
+"use strict";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Box, Skeleton, Heading, Text } from '@tenancy.nz/ui';
+import { UserIcon, PhoneIcon, EnvelopeIcon } from '@tenancy.nz/icons';
+import IconLabel from './IconLabel.js';
+
+function AgentDetailsCard({
+  email = void 0,
+  loading = false,
+  logo = void 0,
+  name = void 0,
+  phone = void 0
+}) {
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", gap: "8px", align: "flex-start", children: [
+    /* @__PURE__ */ jsxs(Box, { display: "flex", gap: "8px", direction: "column", width: "100%", children: [
+      loading ? /* @__PURE__ */ jsx(Skeleton, { width: "75%", height: "22px", variant: "text" }) : /* @__PURE__ */ jsx(IconLabel, { color: "tertiary.main", startIcon: /* @__PURE__ */ jsx(UserIcon, { size: "24px" }), children: /* @__PURE__ */ jsx(Heading, { as: "h5", weight: "700", children: name }) }),
+      loading ? /* @__PURE__ */ jsx(Skeleton, { width: "55%", height: "18px", variant: "text" }) : /* @__PURE__ */ jsx(
+        IconLabel,
+        {
+          color: "tertiary.main",
+          startIcon: /* @__PURE__ */ jsx(PhoneIcon, { size: "24px" }),
+          children: /* @__PURE__ */ jsx(Text, { as: "span", color: "text.primary", variant: "body1", weight: "400", children: phone })
+        }
+      ),
+      loading ? /* @__PURE__ */ jsx(Skeleton, { width: "55%", height: "18px", variant: "text" }) : /* @__PURE__ */ jsx(
+        IconLabel,
+        {
+          color: "tertiary.main",
+          startIcon: /* @__PURE__ */ jsx(EnvelopeIcon, { size: "24px" }),
+          children: /* @__PURE__ */ jsx(Text, { as: "span", color: "text.primary", variant: "body1", weight: "400", children: email })
+        }
+      )
+    ] }),
+    loading && /* @__PURE__ */ jsx(Box, { flex: "0 0 40px", children: /* @__PURE__ */ jsx(Skeleton, { width: "40px", height: "40px", variant: "rectangular" }) }),
+    logo && !loading && /* @__PURE__ */ jsx(
+      Box,
+      {
+        width: "40px",
+        height: "40px",
+        sx: {
+          flex: "0 0 40px",
+          "> img": { maxWidth: "100%", maxHeight: "100%" }
+        },
+        children: /* @__PURE__ */ jsx("img", { src: logo, alt: "Agency Logo" })
+      }
+    )
+  ] });
+}
+
+export { AgentDetailsCard as default };

package/dist/esm/components/AnalyticsBox.js

@@ -0,0 +1,54 @@
+"use strict";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Paper, Box, Heading, Text } from '@tenancy.nz/ui';
+
+function AnalyticsBox({
+  width,
+  minWidth,
+  maxWidth,
+  height,
+  border,
+  label,
+  amount,
+  text,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    Paper,
+    {
+      ...rest,
+      sx: {
+        maxWidth,
+        width,
+        minWidth,
+        border,
+        height: height || "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "16px"
+      },
+      children: /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Heading, { align: "center", weight: "700", as: "h3", gutterBottom: true, children: amount }),
+        /* @__PURE__ */ jsx(Text, { align: "center", weight: "400", variant: "body2", children: label }),
+        text && /* @__PURE__ */ jsx(
+          Text,
+          {
+            align: "center",
+            weight: "400",
+            sx: {
+              fontSize: { xs: 8, sm: 10, xl: 14 },
+              lineHeight: "15.6px",
+              maxWidth: "366px",
+              mt: "8px"
+            },
+            children: text
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { AnalyticsBox as default };

package/dist/esm/components/AnalyticsSection.js

@@ -0,0 +1,205 @@
+"use strict";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { useMediaQuery, Box, Paper, Text } from '@tenancy.nz/ui';
+import AnalyticsBox from './AnalyticsBox.js';
+import EnquiriesDoughnutChart from './EnquiriesDoughnutChart.js';
+
+function AnalyticsSection({
+  viewingsCount,
+  bookingsCount,
+  attendeesCount,
+  cancellationsCount,
+  applicationsCount,
+  averageRent,
+  textUsage,
+  tradeMeEnquiriesCount,
+  bookMeEnquiriesCount,
+  manualEnquiryCount,
+  agreementsCount,
+  agreementsFinalisedCount,
+  filterDaysCount
+}) {
+  const isXlUp = useMediaQuery((theme) => theme.breakpoints.up("xl"));
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      align: "stretch",
+      direction: { xs: "column-reverse", mlg: "row" },
+      gap: "27px",
+      children: [
+        /* @__PURE__ */ jsx(Box, { width: "100%", maxWidth: { xs: "100%", mob: "340px", xl: "463px" }, children: /* @__PURE__ */ jsx(Paper, { style: { width: "100%", position: "relative", height: "100%" }, children: /* @__PURE__ */ jsx(Box, { mt: "20px", height: "100%", children: /* @__PURE__ */ jsx(
+          EnquiriesDoughnutChart,
+          {
+            tradeMeEnquiriesCount,
+            bookMeEnquiriesCount,
+            manualEnquiryCount
+          }
+        ) }) }) }),
+        /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Box, { display: "flex", direction: "row", width: "100%", gap: 6, children: [
+          /* @__PURE__ */ jsxs(Box, { flex: 3, children: [
+            /* @__PURE__ */ jsxs(Box, { display: "flex", gap: 6, children: [
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Viewings",
+                  amount: viewingsCount,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Bookings",
+                  amount: bookingsCount,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Attendees",
+                  amount: attendeesCount,
+                  width: "100%",
+                  border: "3px solid #6FD3C0",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { display: "flex", width: "100%", gap: 6, mt: 6, children: [
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Converted Properties",
+                  amount: agreementsCount,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px",
+                  text: /* @__PURE__ */ jsxs(Box, { as: "span", maxWidth: "276px", children: [
+                    "Properties that have had a viewing in the last",
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        display: "inline",
+                        weight: "700",
+                        fontSize: "inherit",
+                        children: filterDaysCount
+                      }
+                    ),
+                    " ",
+                    "days where an agreement has been",
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        display: "inline",
+                        weight: "700",
+                        fontSize: "inherit",
+                        children: "created"
+                      }
+                    )
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Converted Properties",
+                  amount: agreementsFinalisedCount,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px",
+                  text: /* @__PURE__ */ jsxs(Box, { as: "span", maxWidth: "276px", children: [
+                    "Properties that have had a viewing in the last",
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        display: "inline",
+                        weight: "700",
+                        fontSize: "inherit",
+                        children: filterDaysCount
+                      }
+                    ),
+                    " ",
+                    "days where an agreement has been",
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        display: "inline",
+                        weight: "700",
+                        fontSize: "inherit",
+                        children: "finalised"
+                      }
+                    )
+                  ] })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { flex: 2, children: [
+            /* @__PURE__ */ jsxs(Box, { display: "flex", gap: 6, children: [
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Cancellations",
+                  amount: cancellationsCount,
+                  width: "100%",
+                  border: "3px solid #ED0D8D",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: "Applications",
+                  amount: applicationsCount,
+                  width: "100%",
+                  border: "3px solid #F5C440",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { display: "flex", gap: 6, mt: 6, children: [
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: /* @__PURE__ */ jsxs("span", { children: [
+                    "Average",
+                    /* @__PURE__ */ jsx("br", {}),
+                    " Rent"
+                  ] }),
+                  amount: averageRent,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AnalyticsBox,
+                {
+                  label: /* @__PURE__ */ jsxs("span", { children: [
+                    "Text Usage",
+                    /* @__PURE__ */ jsx("br", {}),
+                    " Total"
+                  ] }),
+                  amount: textUsage,
+                  width: "100%",
+                  height: isXlUp ? "157px" : "125px"
+                }
+              )
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+
+export { AnalyticsSection as default };

package/dist/esm/components/BookingChart.js

@@ -0,0 +1,120 @@
+"use strict";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Box } from '@tenancy.nz/ui';
+import { Chart } from 'primereact/chart';
+import { StyledBookingChartStack, StyledBookingChartLegend, StyledBookingChartButton } from './BookingChart.styled.js';
+
+const defaultOptions = {
+  scaleFontColor: "black",
+  legend: {
+    display: false
+  },
+  plugins: {
+    datalabels: {
+      align: "centre",
+      font: {
+        weight: "700",
+        size: 12,
+        family: "Montserrat, sans-serif"
+      },
+      display: (ctx) => ctx.dataset.data[ctx.dataIndex] > 0
+    }
+  },
+  scales: {
+    xAxes: [
+      {
+        gridLines: {
+          labelString: "Date",
+          display: false
+        },
+        ticks: {
+          fontSize: 13,
+          family: "Montserrat, sans-serif",
+          fontWeight: "bold"
+        },
+        stacked: true
+      }
+    ],
+    yAxes: [
+      {
+        scaleLabel: {
+          display: true,
+          labelString: "Total bookings",
+          fontFamily: "Montserrat, sans-serif",
+          fontSize: 13,
+          fontStyle: "600"
+        },
+        ticks: {
+          min: 0,
+          stepSize: 5,
+          fontSize: 13,
+          fontWeight: 500
+        },
+        gridLines: {
+          display: false
+        },
+        stacked: true
+      }
+    ]
+  }
+};
+function BookingChart({
+  data,
+  labels,
+  mode = "day",
+  options = {},
+  onModeChange = void 0
+}) {
+  const legends = useMemo(
+    () => data.map(({ label, backgroundColor }) => [label, backgroundColor]).filter(
+      ([label], i, items) => items.findIndex(([l]) => l === label) === i
+    ),
+    [data]
+  );
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", direction: "column", gap: "16px", width: "100%", children: [
+    legends.length > 0 && /* @__PURE__ */ jsx(StyledBookingChartStack, { children: legends.map(([label, backgroundColor]) => /* @__PURE__ */ jsx(StyledBookingChartLegend, { color: backgroundColor, children: label }, label)) }),
+    /* @__PURE__ */ jsx(Box, { width: "100%", overflow: "hidden", children: /* @__PURE__ */ jsx(
+      Chart,
+      {
+        type: "bar",
+        data: {
+          labels,
+          datasets: data
+        },
+        options: { ...defaultOptions, ...options }
+      }
+    ) }),
+    onModeChange && /* @__PURE__ */ jsxs(StyledBookingChartStack, { children: [
+      /* @__PURE__ */ jsx(
+        StyledBookingChartButton,
+        {
+          onClick: onModeChange,
+          active: mode === "day",
+          value: "day",
+          children: "Day"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StyledBookingChartButton,
+        {
+          onClick: onModeChange,
+          active: mode === "week",
+          value: "week",
+          children: "Week"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StyledBookingChartButton,
+        {
+          onClick: onModeChange,
+          active: mode === "month",
+          value: "month",
+          children: "Month"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { BookingChart as default };

package/dist/esm/components/BookingChart.styled.js

@@ -0,0 +1,94 @@
+"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+
+const StyledBookingChartStack = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  font-size: 12px;
+  justify-content: center;
+  color: #000;
+  width: 100%;
+`;
+const StyledBookingChartLegend = styled("span", {
+  shouldForwardProp: (prop) => !["color"].includes(prop)
+})`
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  &::before {
+    content: '';
+    display: inline-flex;
+    width: 32px;
+    height: 18px;
+    background-color: ${(props) => props.color};
+    border-radius: 4px;
+  }
+`;
+const StyledBookingChartButton = styled("button", {
+  shouldForwardProp: (prop) => !["color"].includes(prop)
+})`
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  padding: 6px 10px;
+  font-size: 14px;
+  border-radius: 4px;
+  font-family: inherit;
+  border: 1px solid ${({ theme }) => theme.palette.primary.main};
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  background-color: ${({ active, theme }) => active ? "#CEF3ED" : theme.palette.background.paper};
+  cursor: pointer;
+
+  &:hover {
+    background-color: ${({ active, theme }) => !active ? theme.palette.grey[100] : null};
+  }
+`;
+const StyledPropertyDetailsBox = styled.div`
+  display: flex;
+  width: 100%;
+  align-items: flex-start;
+  padding: 16px 24px 16px 20px;
+  flex-direction: column;
+
+  ${({ theme }) => css`
+    ${theme.breakpoints.up("sm")} {
+      flex-direction: row;
+      align-items: center;
+    }
+  `}
+
+  @media print {
+    flex-direction: row;
+    align-items: center;
+  }
+`;
+const StyledPropertyAmenitiesBox = styled.div`
+  padding-right: 25px;
+  display: flex;
+  flex-direction: column;
+  margin-top: 5px;
+
+  gap: 18px;
+  min-width: 170px;
+  height: 100%;
+  justify-content: space-between;
+
+  ${({ theme }) => `
+    @media (min-width: ${theme.breakpoints.values.md}px) {
+      align-items: flex-end;
+    }
+  `}
+
+  @media print {
+    align-items: flex-end;
+  }
+`;
+
+export { StyledBookingChartButton, StyledBookingChartLegend, StyledBookingChartStack, StyledPropertyAmenitiesBox, StyledPropertyDetailsBox };

package/dist/esm/components/BookingTable.js

@@ -0,0 +1,40 @@
+"use strict";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { uid } from 'react-uid';
+import { Box, Paper, Heading } from '@tenancy.nz/ui';
+import BookingTableRowHeader from './BookingTableRowHeader.js';
+import BookingTableRow from './BookingTableRow.js';
+import BookingTableRowSkeleton from './BookingTableRowSkeleton.js';
+
+function BookingTable({ data, loading = false }) {
+  return /* @__PURE__ */ jsx(Box, { sx: { overflowX: "auto", scrollBehavior: "smooth" }, children: /* @__PURE__ */ jsx(Box, { sx: { minWidth: "1024px" }, children: /* @__PURE__ */ jsxs(Paper, { outlined: true, overflow: false, children: [
+    /* @__PURE__ */ jsx(Box, { bgcolor: "grey.50", children: /* @__PURE__ */ jsx(BookingTableRowHeader, {}) }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      !loading && data.map((booking, index) => /* @__PURE__ */ jsx(
+        BookingTableRow,
+        {
+          firstName: booking.firstName,
+          lastName: booking.lastName,
+          notes: booking.notes,
+          tenantNotes: booking.tenantNotes,
+          status: booking.status,
+          attended: booking.attended,
+          suitable: booking.suitable,
+          applicationSent: booking.applicationSent,
+          applicationReceived: booking.applicationReceived
+        },
+        uid(booking, index)
+      )),
+      loading && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(BookingTableRowSkeleton, {}),
+        /* @__PURE__ */ jsx(BookingTableRowSkeleton, {}),
+        /* @__PURE__ */ jsx(BookingTableRowSkeleton, {}),
+        /* @__PURE__ */ jsx(BookingTableRowSkeleton, {})
+      ] }),
+      !loading && data.length === 0 && /* @__PURE__ */ jsx(Heading, { as: "h4", align: "center", sx: { margin: "16px 0" }, children: "No bookings" })
+    ] })
+  ] }) }) });
+}
+
+export { BookingTable as default };

package/dist/esm/components/BookingTableRow.js

@@ -0,0 +1,59 @@
+"use strict";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Grid, Text, Tag } from '@tenancy.nz/ui';
+import CheckedIcon from './CheckedIcon.js';
+import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
+
+const tagMap = (status) => {
+  if (status === "confirmed") {
+    return /* @__PURE__ */ jsx(Tag, { color: "success", label: "Confirmed" });
+  }
+  if (status === "cancelled") {
+    return /* @__PURE__ */ jsx(Tag, { color: "error", label: "Cancelled" });
+  }
+  return /* @__PURE__ */ jsx(Tag, { color: "info", label: "Registered" });
+};
+function BookingTableRow({
+  applicationReceived = false,
+  applicationSent = false,
+  attended = false,
+  firstName,
+  lastName,
+  notes = void 0,
+  status,
+  suitable = false,
+  tenantNotes = void 0
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, container: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 3, children: /* @__PURE__ */ jsxs(StyledBookingTableRowCell, { children: [
+        firstName,
+        " ",
+        lastName
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 7, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { children: /* @__PURE__ */ jsxs(Text, { as: "div", variant: "body2", children: [
+        notes && /* @__PURE__ */ jsxs(Text, { variant: "inherit", paragraph: !!tenantNotes, children: [
+          /* @__PURE__ */ jsx("strong", { children: "Property Manager Note" }),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          notes
+        ] }),
+        tenantNotes && /* @__PURE__ */ jsxs(Text, { variant: "inherit", children: [
+          /* @__PURE__ */ jsx("strong", { children: "Tenant Feedback" }),
+          /* @__PURE__ */ jsx("br", {}),
+          tenantNotes
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 2, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { children: /* @__PURE__ */ jsx("span", { children: tagMap(status) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, container: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { align: "center", children: /* @__PURE__ */ jsx(CheckedIcon, { value: attended }) }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { align: "center", children: /* @__PURE__ */ jsx(CheckedIcon, { value: suitable }) }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { align: "center", children: /* @__PURE__ */ jsx(CheckedIcon, { value: applicationSent }) }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(StyledBookingTableRowCell, { align: "center", children: /* @__PURE__ */ jsx(CheckedIcon, { value: applicationReceived }) }) })
+    ] })
+  ] });
+}
+
+export { BookingTableRow as default };