mozrest-sdk-react-dev 0.1.68 → 0.1.70

package/mozrest-sdk.es.js

@@ -7746,6 +7746,17 @@ const google$2 = () => /* @__PURE__ */ React__default.createElement("svg", {
   fill: "#1976D2",
   d: "M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
 }));
+const apple = () => /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "15",
+  height: "15",
+  fill: "currentColor",
+  viewBox: "0 0 17 17"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  d: "M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"
+}), /* @__PURE__ */ React__default.createElement("path", {
+  d: "M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"
+}));
 const plus$5 = () => {
   return /* @__PURE__ */ React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8718,6 +8729,7 @@ var icons$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   comments,
   facebook: facebook$2,
   google: google$2,
+  apple,
   plus: plus$5,
   dotsVertical,
   chevronLeft,
@@ -84482,12 +84494,14 @@ const useConnect = ({ venueId }) => {
   const FacebookConnected = activeModules.includes("Facebook");
   const GoogleConnected = activeModules.includes("Google");
   const BingConnected = activeModules.includes("Bing");
+  const AppleConnected = activeModules.includes("Apple");
   return {
     isLoading,
     data: data2,
     GoogleConnected,
     FacebookConnected,
     BingConnected,
+    AppleConnected,
     reload
   };
 };
@@ -84573,12 +84587,13 @@ const FormToolBar = ({
   setGooglePublishing,
   setFacebookPublishing,
   setGoogleErrors,
-  setFacebookErrors
+  setFacebookErrors,
+  onAppleConnectModal
 }) => {
   const { t: t2 } = useTranslation();
   const navigate = useNavigate();
   const { showMessageError } = useMessage();
-  const { FacebookConnected, GoogleConnected, BingConnected, reload, isLoading: loadingConnections } = useConnect({
+  const { FacebookConnected, GoogleConnected, BingConnected, AppleConnected, reload, isLoading: loadingConnections } = useConnect({
     venueId
   });
   const { execute: publishGoogle, isExecuting: isPublishingGoogle, error: errorGoogle, data: rGoogle } = useService(PublishVenueListing);
@@ -84616,12 +84631,12 @@ const FormToolBar = ({
     navigate(`/venues/${venueListing.id}`);
   };
   useEffect(() => {
-    if (!loadingConnections && !GoogleConnected && !FacebookConnected && !BingConnected) {
+    if (!loadingConnections && !GoogleConnected && !FacebookConnected && !BingConnected && !AppleConnected) {
       setTimeout(() => {
         data2.license ? onOnboarding() : onFreemium();
       }, 1e3);
     }
-  }, [GoogleConnected, FacebookConnected, FacebookConnected, loadingConnections]);
+  }, [GoogleConnected, FacebookConnected, FacebookConnected, AppleConnected, loadingConnections]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(HeaderBar, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$T.toolbar
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -84632,7 +84647,18 @@ const FormToolBar = ({
     isConnected: GoogleConnected,
     reload: reloadConnect,
     onDisconnect
-  }), /* @__PURE__ */ React__default.createElement(FbButton$1, {
+  }), /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    icon: "apple",
+    mode: "tertiary",
+    type: "button",
+    onClick: () => onAppleConnectModal(),
+    style: {
+      padding: ".5rem"
+    }
+  }, /* @__PURE__ */ React__default.createElement("span", {
+    className: styles$T.connectedText
+  }, t2("CONNECT"))), /* @__PURE__ */ React__default.createElement(FbButton$1, {
     onSuccess: setfbResponse,
     isConnected: FacebookConnected,
     reload: reloadConnect,
@@ -94608,6 +94634,22 @@ const ModalBingConnect = ({
     isLoading: isExecuting
   }, t2("SAVE"))))));
 };
+const ModalAppleConnect = ({ onClose: onClose2, open }) => {
+  useTranslation();
+  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
+    title: null,
+    open,
+    onCancel: onClose2,
+    width: 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ React__default.createElement(Icon$1, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true,
+    zIndex: 1032
+  }, /* @__PURE__ */ React__default.createElement("h2", null, "Getting Started"), /* @__PURE__ */ React__default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae consectetur arcu. Aliquam bibendum eget ex vel feugiat. Morbi ullamcorper lacinia tincidunt. Mauris elementum et nunc vel gravida. Aliquam erat volutpat."));
+};
 const VenueListingDetail = ({
   venueListingId,
   singleVenue: singleVenue2
@@ -94623,6 +94665,8 @@ const VenueListingDetail = ({
   const [openBingConnectModal, setOpenBingConnectModal] = useState(false);
   const clearModuleToDisconnect = () => setModuleToDisconnect(void 0);
   const clearModuleToConnect = () => setModuleToConnect(void 0);
+  const [showAppleConnectModal, setShowAppleConnectModal] = useState(false);
+  const onAppleConnectModal = () => setShowAppleConnectModal(true);
   const [googlePublishing, setGooglePublishing] = useState();
   const [facebookPublishing, setFacebookPublishing] = useState();
   const [googleErrors, setGoogleErrors] = useState();
@@ -94716,7 +94760,8 @@ const VenueListingDetail = ({
       setGooglePublishing,
       setFacebookPublishing,
       setGoogleErrors,
-      setFacebookErrors
+      setFacebookErrors,
+      onAppleConnectModal
     })
   }, /* @__PURE__ */ React__default.createElement(Masonry, {
     breakpointCols: {
@@ -94788,6 +94833,9 @@ const VenueListingDetail = ({
     setfbResponse,
     setGoogleResponse,
     onConnect: setModuleToConnect
+  }), /* @__PURE__ */ React__default.createElement(ModalAppleConnect, {
+    onClose: () => setShowAppleConnectModal(false),
+    open: showAppleConnectModal
   }), /* @__PURE__ */ React__default.createElement(ModalPublish, {
     onClose: closePublishModal,
     open: Boolean(openPublishModal),
@@ -97173,19 +97221,22 @@ const Table$1 = ({ data: data2, setSelectedRow, currentTimeZone }) => {
     onClick: (value2) => setSelectedRow(value2)
   }))))));
 };
-const container = "_container_j0ivt_1";
-const filterRow = "_filterRow_j0ivt_7";
-const table = "_table_j0ivt_37";
-const item = "_item_j0ivt_41";
+const container = "_container_1ditd_1";
+const filterRow = "_filterRow_1ditd_7";
+const table = "_table_1ditd_37";
+const item = "_item_1ditd_41";
+const timeSlot = "_timeSlot_1ditd_46";
 var styles$6 = {
   container,
   filterRow,
   table,
-  item
+  item,
+  timeSlot,
+  "timeSlot-active-true": "_timeSlot-active-true_1ditd_50",
+  "timeSlot-active-false": "_timeSlot-active-false_1ditd_53"
 };
-const FilterForm = ({ partyOptions, areasOptions, hoursOptions, setBookingValues, currentDate }) => {
+const FilterForm = ({ tableOptions, setBookingValues, currentDate, partyOptions }) => {
   const { t: t2 } = useTranslation();
-  const [currentDayHours, setCurrentDayHours] = useState([]);
   const {
     handleChange,
     setFieldValue,
@@ -97193,12 +97244,9 @@ const FilterForm = ({ partyOptions, areasOptions, hoursOptions, setBookingValues
     values
   } = useFormikContext();
   useEffect(() => {
-    setBookingValues(values);
+    setBookingValues({ ...values, partyOptions });
+    handleSubmit();
   }, [values]);
-  useEffect(() => {
-    setCurrentDayHours(hoursOptions.find((d2) => d2.weekday === hooks(values.date).format("dddd").toLocaleLowerCase()).hours.filter((d2) => d2.id));
-    setFieldValue("time", hoursOptions.find((d2) => d2.weekday === hooks(values.date).format("dddd").toLocaleLowerCase()).hours.filter((d2) => d2.id)[0]);
-  }, [values.date]);
   useEffect(() => {
     if (currentDate)
       setFieldValue("date", currentDate);
@@ -97207,12 +97255,6 @@ const FilterForm = ({ partyOptions, areasOptions, hoursOptions, setBookingValues
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$6.filterRow
   }, /* @__PURE__ */ React__default.createElement("div", {
-    style: { minWidth: 100 }
-  }, /* @__PURE__ */ React__default.createElement(SelectField, {
-    id: "partySize",
-    label: t2("PARTYSIZE"),
-    options: partyOptions
-  })), /* @__PURE__ */ React__default.createElement("div", {
     style: { minWidth: 100, marginRight: 30 }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "date",
@@ -97225,24 +97267,10 @@ const FilterForm = ({ partyOptions, areasOptions, hoursOptions, setBookingValues
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { minWidth: 100 }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
-    id: "time",
-    label: t2("TIME"),
-    options: currentDayHours
-  })), /* @__PURE__ */ React__default.createElement("div", {
-    style: { minWidth: 100 }
-  }, /* @__PURE__ */ React__default.createElement(SelectField, {
-    id: "area",
-    label: t2("Area"),
-    options: areasOptions
-  })), /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", justifyContent: "end", flex: 1 }
-  }, /* @__PURE__ */ React__default.createElement(Button$3, {
-    style: { marginTop: 30, justifyContent: "end" },
-    mode: "secondary",
-    icon: "search",
-    size: "small",
-    onClick: () => handleSubmit()
-  }, "")));
+    id: "table",
+    label: t2("TABLE"),
+    options: tableOptions
+  })));
 };
 var momentTimezone$1 = { exports: {} };
 var momentTimezone = { exports: {} };
@@ -98620,33 +98648,25 @@ const TableFilters = ({ venueId, params, setParams, reload, setBookingValues, cu
     return /* @__PURE__ */ React__default.createElement(SkeletonFilters, null);
   }
   const initialValues = {
-    partySize: data2.partySizes ? data2.partySizes[1] : { label: "No selected", id: null },
-    time: data2.hours.find((h2) => h2.weekday == moment$1().format("dddd").toLocaleLowerCase()) ? data2.hours.find((h2) => h2.weekday == moment$1().format("dddd").toLocaleLowerCase()).hours.filter((d2) => d2.id)[0] : { label: "Closed", id: null },
-    area: data2.areas ? data2.areas[0] : { label: "No selected", id: null },
+    table: data2.tables ? data2.tables[1] : { label: "No selected", id: null },
     date: moment$1().format("YYYY-MM-DD")
   };
   const handleOnSubmit = (values) => {
-    const formatedDate = moment$1.tz(`${values.date} ${values.time.id}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
+    const formatedDate = moment$1.tz(`${values.date}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
     let auxParams = {
       ...params,
-      ...values.partySize.id ? {
-        partySize: values.partySize.id
-      } : {},
-      ...values.area.id ? {
-        area: values.area.id
-      } : {},
       ...values.date ? {
         startSec: formatedDate
+      } : {},
+      ...values.table.id ? {
+        table: values.table.id
       } : {}
     };
     if (!values.date && auxParams.startSec) {
       delete auxParams.startSec;
     }
-    if (!values.partySize.id && auxParams.partySize) {
-      delete auxParams.partySize;
-    }
-    if (!values.area.id && auxParams.area) {
-      delete auxParams.area;
+    if (!values.table.id && auxParams.table) {
+      delete auxParams.table;
     }
     setParams(auxParams);
     reload();
@@ -98655,60 +98675,42 @@ const TableFilters = ({ venueId, params, setParams, reload, setBookingValues, cu
     initialValues,
     onSubmit: handleOnSubmit
   }, /* @__PURE__ */ React__default.createElement(FilterForm, {
-    partyOptions: data2.partySizes,
-    areasOptions: data2.areas,
-    hoursOptions: data2.hours,
     setBookingValues,
-    currentDate
+    currentDate,
+    tableOptions: data2.tables.filter((t2) => t2.id),
+    partyOptions: data2.partySizes.filter((p2) => p2.id)
   })));
 };
 const TableRow = ({ row: row2, setSelectedTable }) => {
-  var _a2, _b;
-  return /* @__PURE__ */ React__default.createElement("tr", {
-    className: styles$6.item,
-    onClick: () => setSelectedTable(row2)
-  }, /* @__PURE__ */ React__default.createElement("td", {
-    style: { textAlign: "left", paddingTop: 10, paddingBottom: 10 }
-  }, `${row2.name} ${row2.area ? "(" + row2.area + ")" : ""}`), /* @__PURE__ */ React__default.createElement("td", {
-    style: { textAlign: "center" }
-  }, `${(_a2 = row2.minCapacity) != null ? _a2 : "?"} - ${(_b = row2.maxCapacity) != null ? _b : "?"}`), /* @__PURE__ */ React__default.createElement("td", {
-    style: { textAlign: "center" }
-  }, " ", row2.nextBookingIn ? /* @__PURE__ */ React__default.createElement(TimeFormatter, {
-    seconds: row2.nextBookingIn,
-    type: "minutes"
-  }) : "---"));
+  return /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: 3 }
+  }, row2 && row2.slots && row2.slots.length && row2.slots.length > 0 ? row2.slots.map((slot2, index2) => /* @__PURE__ */ React__default.createElement("div", {
+    key: index2,
+    onClick: () => slot2.available && setSelectedTable({ ...row2, slot: slot2 })
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classNames$2(styles$6["timeSlot"], styles$6[`timeSlot-active-${slot2.available ? "true" : "false"}`])
+  }, slot2.time))) : null);
 };
 const Table = ({ data: data2, setSelectedTable }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%", margin: "auto" }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    style: { overflowX: "auto" }
-  }, /* @__PURE__ */ React__default.createElement("table", {
-    className: styles$6.tableName
-  }, /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", {
-    style: { paddingLeft: 24, paddingRight: 24, textAlign: "left" }
-  }, "Table"), /* @__PURE__ */ React__default.createElement("th", {
-    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
-  }, "Capacity"), /* @__PURE__ */ React__default.createElement("th", {
-    style: { paddingLeft: 24, paddingRight: 24, textAlign: "center" }
-  }, "Next booking"))), /* @__PURE__ */ React__default.createElement("tbody", {
-    style: { backgroundColor: "white" }
+    style: { overflowX: "auto", display: "flex", flexDirection: "column", gap: 10 }
   }, data2.length && data2.length > 0 ? data2.map((table2, index2) => /* @__PURE__ */ React__default.createElement(TableRow, {
     row: table2,
     key: index2,
     setSelectedTable
   })) : /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", {
-    style: { textAlign: "center" },
-    colSpan: 10
-  }, /* @__PURE__ */ React__default.createElement("p", null, t2("NOTABLESAVAILABLE"))))))));
+    style: { textAlign: "center", width: "100%", backgroundColor: "#F8F8F8" }
+  }, /* @__PURE__ */ React__default.createElement("p", null, t2("NOTABLESAVAILABLE"))))));
 };
 const GetTableAvailability = async ({
   venue_id,
   params
 }) => {
   if (params && params.startSec) {
-    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/table-availablity`, {
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/table-availablity/map`, {
       params: { ...params, limit: 100 }
     });
     const data2 = responseData != null ? responseData : [];
@@ -98743,7 +98745,7 @@ const AddBooking = async ({
   await instance$1.post(`/resbook/venue/${venueId}/bookings`, data2);
   return { data: "created" };
 };
-const ContactDetailsFormFields = ({ isExecuting = false }) => {
+const ContactDetailsFormFields = ({ isExecuting = false, partyOptions }) => {
   const { t: t2 } = useTranslation();
   const {
     handleChange,
@@ -98762,6 +98764,13 @@ const ContactDetailsFormFields = ({ isExecuting = false }) => {
   }, /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
     lg: 10
+  }, /* @__PURE__ */ React__default.createElement(SelectField, {
+    id: "partySize",
+    label: t2("PARTYSIZE"),
+    options: partyOptions
+  })), /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    lg: 10
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "firstname",
     label: t2("FIRSTNAME")
@@ -98802,28 +98811,31 @@ const ContactDetailsFormFields = ({ isExecuting = false }) => {
   }, t2("CREATERESERVATION"))));
 };
 const ContactDetailsForm = ({ venueId, selectedTable, setSelectedTable, setCreated, bookingValues, currentTimeZone, reloadMainTable }) => {
+  var _a2;
   const { t: t2 } = useTranslation();
   const initialValues = {
     notes: "",
     firstname: "",
     lastname: "",
     email: "",
-    telephone: ""
+    telephone: "",
+    partySize: bookingValues.partyOptions[0]
   };
   const bookingSchema = create$1().shape({
     firstname: create$2().required(t2("errors.required")),
     lastname: create$2().required(t2("errors.required")),
     notes: create$2(),
     email: create$2().required(t2("errors.required")).email(t2("errors.email")),
-    telephone: create$2().required(t2("errors.required")).matches(new RegExp(/^\+?[1-9]\d{8,14}$/), t2("errors.phone"))
+    telephone: create$2().required(t2("errors.required")).matches(new RegExp(/^\+?[1-9]\d{8,14}$/), t2("errors.phone")),
+    partySize: create$1()
   });
   const { execute, data: data2, isExecuting } = useService(AddBooking);
   const handleOnSubmit = async (values) => {
-    var _a2, _b;
+    var _a3, _b, _c;
     const toSend = {
-      partySize: bookingValues.partySize.id ? bookingValues.partySize.id : selectedTable.maxCapacity,
+      partySize: values.partySize.id ? values.partySize.id : 1,
       table: selectedTable.id,
-      date: bookingValues.date ? moment$1.tz(`${bookingValues.date} ${bookingValues.time.id}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment$1.tz(moment$1(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+      date: bookingValues.date ? moment$1.tz(`${bookingValues.date} ${selectedTable.slot.time}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment$1.tz(moment$1(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
       notes: values.notes,
       contact: {
         firstname: values.firstname,
@@ -98842,7 +98854,7 @@ const ContactDetailsForm = ({ venueId, selectedTable, setSelectedTable, setCreat
       setCreated(true);
     }
     setSelectedTable(null);
-    setCreated({ ...toSend, time: bookingValues.time.id, area: (_a2 = bookingValues.area.id) != null ? _a2 : null, dateString: (_b = new Date(`${bookingValues.date} ${bookingValues.time.id}`).toDateString()) != null ? _b : "?" });
+    setCreated({ ...toSend, time: selectedTable.slot.time, area: (_b = (_a3 = bookingValues == null ? void 0 : bookingValues.area) == null ? void 0 : _a3.id) != null ? _b : null, dateString: (_c = new Date(`${bookingValues.date} ${selectedTable.slot.time}`).toDateString()) != null ? _c : "?" });
     reloadMainTable();
   };
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h4", null, t2("CONTACTDETAILS")), /* @__PURE__ */ React__default.createElement(Formik, {
@@ -98850,11 +98862,12 @@ const ContactDetailsForm = ({ venueId, selectedTable, setSelectedTable, setCreat
     onSubmit: handleOnSubmit,
     validationSchema: bookingSchema
   }, /* @__PURE__ */ React__default.createElement(ContactDetailsFormFields, {
-    isExecuting
+    isExecuting,
+    partyOptions: (_a2 = bookingValues.partyOptions) != null ? _a2 : []
   })));
 };
 const ContactDetails = ({ setSelectedTable, selectedTable, venueId, setCreated, bookingValues, reloadMainTable, currentTimeZone }) => {
-  var _a2, _b, _c;
+  var _a2;
   return /* @__PURE__ */ React__default.createElement("div", {
     className: ""
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -98873,17 +98886,7 @@ const ContactDetails = ({ setSelectedTable, selectedTable, venueId, setCreated,
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "clock",
     className: "mr-2"
-  }), (_a2 = bookingValues == null ? void 0 : bookingValues.time.id) != null ? _a2 : "---"), /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex" }
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    icon: "people",
-    className: "mr-2"
-  }), (bookingValues == null ? void 0 : bookingValues.partySize.id) ? bookingValues.partySize.id : `${(_b = selectedTable.minCapacity) != null ? _b : "?"}-${(_c = selectedTable.maxCapacity) != null ? _c : "?"}`), (bookingValues == null ? void 0 : bookingValues.area.id) && /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex" }
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    icon: "business",
-    className: "mr-2"
-  }), (bookingValues == null ? void 0 : bookingValues.area.id) ? bookingValues == null ? void 0 : bookingValues.area.label : "?")), /* @__PURE__ */ React__default.createElement(ContactDetailsForm, {
+  }), (_a2 = selectedTable == null ? void 0 : selectedTable.slot.time) != null ? _a2 : "---")), /* @__PURE__ */ React__default.createElement(ContactDetailsForm, {
     venueId,
     selectedTable,
     setSelectedTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {