mozrest-sdk-react-dev 0.1.96 → 0.1.99

package/mozrest-sdk.es.js

@@ -6347,6 +6347,13 @@ const EXPORTDATA = "Export data";
 const SELECTYOURRESTAURANTS = "Select your restaurants";
 const SelectXResturant = "Select {{value}} restaurant";
 const ComparedPeriod = "Compared period";
+const CLOSE = "Close";
+const NoChannelsConnected = "No channels connected";
+const NoChannelsConnectedDesc = "You do not have channels connected, as soon as you connect them the changes will be reflected in the channels.";
+const AddWalKin = "Add a walk-in";
+const ConfirmCreateWalkInReservation = "Please confirm that you want to create a walk-in reservation for {{value}}";
+const NoBookingAvailability = "No booking availability";
+const NoAvailabilityForPartySize = "Sorry we have not availability for this party size: {{value}}";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6651,7 +6658,14 @@ var en = {
   EXPORTDATA,
   SELECTYOURRESTAURANTS,
   SelectXResturant,
-  ComparedPeriod
+  ComparedPeriod,
+  CLOSE,
+  NoChannelsConnected,
+  NoChannelsConnectedDesc,
+  AddWalKin,
+  ConfirmCreateWalkInReservation,
+  NoBookingAvailability,
+  NoAvailabilityForPartySize
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -7612,6 +7626,17 @@ const roundTable = () => /* @__PURE__ */ React__default.createElement("svg", {
   fill: "currentColor",
   transform: "translate(27,0)"
 }));
+const link$1 = () => /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "currentColor",
+  viewBox: "0 0 16 16"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  d: "M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"
+}), /* @__PURE__ */ React__default.createElement("path", {
+  d: "M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"
+}));
 const linkedin = () => /* @__PURE__ */ React__default.createElement("svg", {
   viewBox: "0 0 24 24",
   fill: "none",
@@ -8802,6 +8827,7 @@ const clock = () => {
 var icons$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   roundTable,
+  link: link$1,
   linkedin,
   menu,
   close: close$4,
@@ -43414,9 +43440,6 @@ const NewSelect = ({
   }, label2), /* @__PURE__ */ React__default.createElement("div", {
     style: { position: "relative" }
   }, /* @__PURE__ */ React__default.createElement(Select$1, {
-    className: clsx([
-      heigth && heigth !== "md" ? "h-12" : "h-7"
-    ]),
     styles: customStyles,
     ...props,
     id: id2,
@@ -53328,6 +53351,9 @@ const ModalConfirmation = ({
   message: message2,
   title: title2,
   icon: icon2,
+  showSubmitButton = true,
+  submitButtonText = "ACCEPT",
+  cancelButtonText = "CANCEL",
   ...props
 }) => {
   const { t: t2 } = useTranslation();
@@ -53348,11 +53374,11 @@ const ModalConfirmation = ({
     mode: "tertiary",
     onClick: props.onClose,
     disabled: isLoading
-  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
+  }, t2(cancelButtonText)), showSubmitButton && /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     onClick: onAccept,
     isLoading
-  }, t2("ACCEPT"))));
+  }, t2(submitButtonText))));
 };
 const ReplyTemplates = ({
   venueId,
@@ -95069,6 +95095,9 @@ const VenueListingDetail = ({
   const clearModuleToDisconnect = () => setModuleToDisconnect(void 0);
   const clearModuleToConnect = () => setModuleToConnect(void 0);
   const [showAppleConnectModal, setShowAppleConnectModal] = useState(false);
+  const [showNotConnectedChannelsModal, setShowNotConnectedChannelsModal] = useState(false);
+  const onOpenNotConnectedChannelsModal = () => setShowNotConnectedChannelsModal(true);
+  const onCloseNotConnectedChannelsModal = () => setShowNotConnectedChannelsModal(false);
   const [googlePublishing, setGooglePublishing] = useState();
   const [facebookPublishing, setFacebookPublishing] = useState();
   const [googleErrors, setGoogleErrors] = useState();
@@ -95079,7 +95108,7 @@ const VenueListingDetail = ({
     venueListingId
   });
   const venueId = data2 == null ? void 0 : data2.venueId;
-  const { reload: _reloadConnect } = useConnect({ venueId });
+  const { FacebookConnected, GoogleConnected, BingConnected, AppleConnected, reload: _reloadConnect } = useConnect({ venueId });
   const { execute: publishGoogle, isExecuting: isPublishingGoogle, error: errorGoogle, data: rGoogle } = useService(PublishVenueListing);
   const { execute: publishFacebook, isExecuting: isPublishingFacebook, error: errorFacebook, data: responseFacebook } = useService(PublishVenueListing);
   const reloadConnect = () => {
@@ -95151,6 +95180,9 @@ const VenueListingDetail = ({
     } else {
       setFacebookPublishing("success");
     }
+    if (!FacebookConnected && !GoogleConnected && !BingConnected && !AppleConnected) {
+      onOpenNotConnectedChannelsModal();
+    }
     await reload();
   };
   if (isLoading) {
@@ -95249,6 +95281,15 @@ const VenueListingDetail = ({
     onClose: clearTemporaryClosed,
     isLoading: isUpdating,
     width: 500
+  }), /* @__PURE__ */ React__default.createElement(ModalConfirmation, {
+    title: t$3("NoChannelsConnected"),
+    message: t$3("NoChannelsConnectedDesc"),
+    showSubmitButton: false,
+    open: showNotConnectedChannelsModal,
+    onClose: onCloseNotConnectedChannelsModal,
+    cancelButtonText: "CLOSE",
+    icon: "link",
+    width: 500
   }), /* @__PURE__ */ React__default.createElement(ModalOnboarding, {
     onClose: () => setOpenOnboarding(false),
     venue: data2 && (data2 == null ? void 0 : data2.businessName),
@@ -97164,40 +97205,39 @@ const formatData = (data2) => {
     };
   });
 };
-const mainConatiner = "_mainConatiner_3nkgk_1";
-const btnDanger = "_btnDanger_3nkgk_5";
-const btnWarning = "_btnWarning_3nkgk_10";
-const btnSuccess = "_btnSuccess_3nkgk_15";
-const container$3 = "_container_3nkgk_20";
-const button$1 = "_button_3nkgk_52";
-const skeleton$1 = "_skeleton_3nkgk_60";
-const pulse$3 = "_pulse_3nkgk_1";
-const item$4 = "_item_3nkgk_63";
-const icons = "_icons_3nkgk_69";
-const column = "_column_3nkgk_74";
-const row = "_row_3nkgk_104";
-const cards = "_cards_3nkgk_116";
-const cardActive = "_cardActive_3nkgk_127";
-const cards1 = "_cards1_3nkgk_132";
-const dot$1 = "_dot_3nkgk_143";
-const formInline = "_formInline_3nkgk_155";
-const header = "_header_3nkgk_161";
-const datesSectionContainer = "_datesSectionContainer_3nkgk_178";
-const datesSectionActionButtons1 = "_datesSectionActionButtons1_3nkgk_189";
-const datesSectionActionButtons2 = "_datesSectionActionButtons2_3nkgk_200";
-const tableFiltersContainer = "_tableFiltersContainer_3nkgk_213";
-const tableFiltersFilterButton = "_tableFiltersFilterButton_3nkgk_225";
-const tableDesktopFilters = "_tableDesktopFilters_3nkgk_235";
-const mainTableDesktop = "_mainTableDesktop_3nkgk_246";
-const mainTableTablet = "_mainTableTablet_3nkgk_255";
+const mainConatiner = "_mainConatiner_1x9ia_1";
+const btnWarning = "_btnWarning_1x9ia_5";
+const btnSuccess = "_btnSuccess_1x9ia_10";
+const container$3 = "_container_1x9ia_15";
+const button$1 = "_button_1x9ia_47";
+const skeleton$1 = "_skeleton_1x9ia_55";
+const pulse$3 = "_pulse_1x9ia_1";
+const item$4 = "_item_1x9ia_58";
+const icons = "_icons_1x9ia_64";
+const column = "_column_1x9ia_69";
+const row = "_row_1x9ia_99";
+const cards = "_cards_1x9ia_111";
+const cardActive = "_cardActive_1x9ia_122";
+const cards1 = "_cards1_1x9ia_127";
+const dot$1 = "_dot_1x9ia_138";
+const formInline = "_formInline_1x9ia_150";
+const header = "_header_1x9ia_156";
+const datesSectionContainer = "_datesSectionContainer_1x9ia_173";
+const datesSectionActionButtons1 = "_datesSectionActionButtons1_1x9ia_184";
+const datesSectionActionButtons2 = "_datesSectionActionButtons2_1x9ia_195";
+const tableFiltersContainer = "_tableFiltersContainer_1x9ia_208";
+const tableFiltersFilterButton = "_tableFiltersFilterButton_1x9ia_220";
+const tableDesktopFilters = "_tableDesktopFilters_1x9ia_230";
+const mainTableDesktop = "_mainTableDesktop_1x9ia_241";
+const mainTableTablet = "_mainTableTablet_1x9ia_250";
+const walkingButton = "_walkingButton_1x9ia_260";
 var styles$f = {
   mainConatiner,
-  btnDanger,
   btnWarning,
   btnSuccess,
   container: container$3,
   button: button$1,
-  "button-disable": "_button-disable_3nkgk_55",
+  "button-disable": "_button-disable_1x9ia_50",
   skeleton: skeleton$1,
   pulse: pulse$3,
   item: item$4,
@@ -97217,7 +97257,8 @@ var styles$f = {
   tableFiltersFilterButton,
   tableDesktopFilters,
   mainTableDesktop,
-  mainTableTablet
+  mainTableTablet,
+  walkingButton
 };
 const SelectedDateDisplay = ({ initialDate, selectedDate, onSelectDate, datesSummary }) => {
   const [summary, setSummary] = useState([]);
@@ -97540,82 +97581,6 @@ const FormFields = ({ onFilter: onFilter2, partyOptions, hoursOptions, currentDa
     partyOptions
   }));
 };
-const GetCreateBookingSelectsData = async ({
-  venue_id
-}) => {
-  const responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}`);
-  const responseAreas = await instance$1.get(`/v1/rms/venues/${venue_id}/areas`);
-  const responseHours = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours`);
-  const responseTables = await instance$1.get(`/resbook/venue/${venue_id}/tables?sortby[orderPriority]=ASC`);
-  const data2 = {
-    partySizes: formatPartySizeData(responseVenueData),
-    areas: formatAreasData(responseAreas),
-    hours: formatHoursData(responseHours),
-    tables: formatTableData(responseTables),
-    channels: formatChannelsData(responseVenueData),
-    timeZone: formatTimezone(responseVenueData)
-  };
-  return data2;
-};
-const formatAreasData = (data2) => {
-  return data2.data ? [{ id: null, label: "All" }, ...data2.data.map((d2) => ({ id: d2.id, label: d2.name }))] : [{ id: null, label: "All" }];
-};
-const formatPartySizeData = (data2) => {
-  const { minCovers, maxCovers } = data2;
-  const array4 = createObjectArray(minCovers, maxCovers);
-  return [{ id: null, label: "All" }, ...array4];
-};
-const formatTimezone = (data2) => {
-  const { timezone } = data2;
-  return timezone;
-};
-const formatChannelsData = (data2) => {
-  const { reservationPortals } = data2;
-  return [{ id: null, label: "All" }, ...reservationPortals.map((p2) => ({ id: p2.id, label: p2.name }))];
-};
-const formatHoursData = (data2) => {
-  if (!data2 || typeof data2 !== "object") {
-    console.error("Error fetching opening hours data: Invalid response data");
-    return [];
-  }
-  const formattedData = data2.data.map((d2) => {
-    const weekday2 = d2.weekday;
-    let hours2 = [{ id: null, label: "All" }];
-    if (d2.timeSlots && d2.timeSlots.length && d2.timeSlots.length > 0 && !d2.closed) {
-      d2.timeSlots.map((ts) => {
-        const startTime = hooks(ts.start, "HH:mm");
-        const endTime = hooks(ts.end, "HH:mm");
-        while (startTime.isSameOrBefore(endTime)) {
-          hours2.push({ id: startTime.format("HH:mm"), label: startTime.format("HH:mm") });
-          startTime.add(15, "minutes");
-        }
-      });
-    } else if (!d2.closed) {
-      const startTime = hooks().startOf("day");
-      while (startTime.isSameOrBefore(hooks().endOf("day"))) {
-        hours2.push({ id: startTime.format("HH:mm"), label: startTime.format("HH:mm") });
-        startTime.add(15, "minutes");
-      }
-    } else {
-      hours2.push({ label: "Closed", id: null });
-    }
-    return { weekday: weekday2, hours: hours2 };
-  });
-  return formattedData;
-};
-const formatTableData = (data2) => {
-  return data2.data ? [{ id: null, label: "All" }, ...data2.data.map((d2) => ({ id: d2.id, label: d2.name }))] : [{ id: null, label: "All" }];
-};
-const createObjectArray = (start, end) => {
-  if (start > end) {
-    return [];
-  }
-  const objectArray = [];
-  for (let i = start; i <= end; i++) {
-    objectArray.push({ id: i, label: i });
-  }
-  return objectArray;
-};
 const pulse$2 = "_pulse_egqe1_1";
 const container$2 = "_container_egqe1_13";
 const item$3 = "_item_egqe1_19";
@@ -97636,15 +97601,7 @@ const SkeletonFilters = () => {
     className: styles$e.item
   })));
 };
-const TableFilters$2 = ({ handleSearch, venueId, currentDate, setCurrentTimeZone }) => {
-  const {
-    data: data2,
-    isLoading,
-    error: error3
-  } = useFetch(GetCreateBookingSelectsData, {
-    cacheId: "venueCapacity",
-    venue_id: venueId
-  });
+const TableFilters$2 = ({ data: data2, isLoading, error: error3, handleSearch, venueId, currentDate }) => {
   if (error3) {
     return /* @__PURE__ */ React__default.createElement(Error$1, {
       error: error3
@@ -97653,7 +97610,6 @@ const TableFilters$2 = ({ handleSearch, venueId, currentDate, setCurrentTimeZone
   if (isLoading) {
     return /* @__PURE__ */ React__default.createElement(SkeletonFilters, null);
   }
-  setCurrentTimeZone(data2.timeZone);
   const initialState2 = {
     status: statusOptions ? statusOptions[0] : { label: t$3("ALL"), id: null },
     channel: data2.channels ? data2.channels[0] : { label: t$3("ALL"), id: null },
@@ -97877,6 +97833,82 @@ const FilterForm$1 = ({ partyOptions, areasOptions, hoursOptions, setBookingValu
     onClick: () => handleSubmit()
   }, "")));
 };
+const GetCreateBookingSelectsData = async ({
+  venue_id
+}) => {
+  const responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}`);
+  const responseAreas = await instance$1.get(`/v1/rms/venues/${venue_id}/areas`);
+  const responseHours = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours`);
+  const responseTables = await instance$1.get(`/resbook/venue/${venue_id}/tables?sortby[orderPriority]=ASC`);
+  const data2 = {
+    partySizes: formatPartySizeData(responseVenueData),
+    areas: formatAreasData(responseAreas),
+    hours: formatHoursData(responseHours),
+    tables: formatTableData(responseTables),
+    channels: formatChannelsData(responseVenueData),
+    timeZone: formatTimezone(responseVenueData)
+  };
+  return data2;
+};
+const formatAreasData = (data2) => {
+  return data2.data ? [{ id: null, label: "All" }, ...data2.data.map((d2) => ({ id: d2.id, label: d2.name }))] : [{ id: null, label: "All" }];
+};
+const formatPartySizeData = (data2) => {
+  const { minCovers, maxCovers } = data2;
+  const array4 = createObjectArray(minCovers, maxCovers);
+  return [{ id: null, label: "All" }, ...array4];
+};
+const formatTimezone = (data2) => {
+  const { timezone } = data2;
+  return timezone;
+};
+const formatChannelsData = (data2) => {
+  const { reservationPortals } = data2;
+  return [{ id: null, label: "All" }, ...reservationPortals.map((p2) => ({ id: p2.id, label: p2.name }))];
+};
+const formatHoursData = (data2) => {
+  if (!data2 || typeof data2 !== "object") {
+    console.error("Error fetching opening hours data: Invalid response data");
+    return [];
+  }
+  const formattedData = data2.data.map((d2) => {
+    const weekday2 = d2.weekday;
+    let hours2 = [{ id: null, label: "All" }];
+    if (d2.timeSlots && d2.timeSlots.length && d2.timeSlots.length > 0 && !d2.closed) {
+      d2.timeSlots.map((ts) => {
+        const startTime = hooks(ts.start, "HH:mm");
+        const endTime = hooks(ts.end, "HH:mm");
+        while (startTime.isSameOrBefore(endTime)) {
+          hours2.push({ id: startTime.format("HH:mm"), label: startTime.format("HH:mm") });
+          startTime.add(15, "minutes");
+        }
+      });
+    } else if (!d2.closed) {
+      const startTime = hooks().startOf("day");
+      while (startTime.isSameOrBefore(hooks().endOf("day"))) {
+        hours2.push({ id: startTime.format("HH:mm"), label: startTime.format("HH:mm") });
+        startTime.add(15, "minutes");
+      }
+    } else {
+      hours2.push({ label: "Closed", id: null });
+    }
+    return { weekday: weekday2, hours: hours2 };
+  });
+  return formattedData;
+};
+const formatTableData = (data2) => {
+  return data2.data ? [{ id: null, label: "All" }, ...data2.data.map((d2) => ({ id: d2.id, label: d2.name }))] : [{ id: null, label: "All" }];
+};
+const createObjectArray = (start, end) => {
+  if (start > end) {
+    return [];
+  }
+  const objectArray = [];
+  for (let i = start; i <= end; i++) {
+    objectArray.push({ id: i, label: i });
+  }
+  return objectArray;
+};
 var momentTimezone$1 = { exports: {} };
 var momentTimezone = { exports: {} };
 var require$$0 = /* @__PURE__ */ getAugmentedNamespace(moment$2);
@@ -99362,6 +99394,19 @@ const GetTableAvailability = async ({
   }
   return [];
 };
+const GetTableWalkInAvailability = async ({
+  venue_id,
+  params
+}) => {
+  if (params && params.startSec) {
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/table-availablity/walk-in`, {
+      params: { ...params, limit: 100 }
+    });
+    const data2 = responseData != null ? responseData : [];
+    return data2;
+  }
+  return [];
+};
 const TableAvailability = ({ venueId, setSelectedTable, setBookingValues, params, setParams, currentTimeZone, currentDate }) => {
   const { data: data2, reload } = useFetch(GetTableAvailability, { cacheId: "reservation0dashboard0table0availability", venue_id: venueId, params });
   const handleOnSelectTable = (row2) => {
@@ -99476,7 +99521,7 @@ const ContactDetailsForm = ({ venueId, selectedTable, setSelectedTable, setCreat
         lastname: values.lastname,
         email: values.email,
         telephone: values.telephone,
-        locale: "es"
+        locale: "en"
       }
     };
     await execute({
@@ -99997,6 +100042,65 @@ const formatDateToYYYYMMDD = (date4) => {
   const day2 = String(date4.getDate()).padStart(2, "0");
   return `${year2}-${month2}-${day2}`;
 };
+const WalkinButton = ({ partyOptions, onOpenCreateWalkInReservation, walkInPartySize, setWalkInPartySize }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ React__default.createElement("select", {
+    className: styles$f.walkingButton,
+    value: walkInPartySize != null ? walkInPartySize : "",
+    onChange: (e3) => {
+      const selectedValue = e3.target.value;
+      setWalkInPartySize(selectedValue);
+      onOpenCreateWalkInReservation();
+    }
+  }, /* @__PURE__ */ React__default.createElement("option", {
+    value: ""
+  }, t2("AddWalKin")), partyOptions.filter((p2) => p2.id).map((p2, i) => /* @__PURE__ */ React__default.createElement("option", {
+    key: i,
+    value: p2.id
+  }, p2.label)));
+};
+const CreateWalkInReservation = ({ open, onClose: onClose2, venueId, reloadMainTable, currentTimeZone, currentDate, partySize }) => {
+  const { t: t2 } = useTranslation();
+  const params = {
+    partySize,
+    startSec: moment$1.tz(`${currentDate} 12:00`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3
+  };
+  const { data: data2, isLoading, reload } = useFetch(GetTableWalkInAvailability, { cacheId: "walkIntableAvailability", venue_id: venueId, params });
+  const { execute, isExecuting } = useService(AddBooking);
+  const handleOnSubmit = async () => {
+    const toSend = {
+      partySize,
+      table: data2.id,
+      date: params.startSec,
+      notes: "Walk-in reservation",
+      contact: {
+        firstname: "Walk-in",
+        lastname: "reservation",
+        email: "walkin@walkin.com",
+        telephone: "Walk-in reservation",
+        locale: "en"
+      }
+    };
+    await execute({
+      venueId,
+      data: toSend
+    });
+    reloadMainTable();
+    onClose2();
+  };
+  return /* @__PURE__ */ React__default.createElement(ModalConfirmation, {
+    title: data2 && data2.id ? t2("AREYOUSURE?") : t2("NoBookingAvailability"),
+    icon: data2 && data2.id ? "calendar" : "no",
+    message: data2 && data2.id ? t2("ConfirmCreateWalkInReservation", { value: partySize }) : t2("NoAvailabilityForPartySize", { value: partySize }),
+    showSubmitButton: data2 && data2.id ? true : false,
+    cancelButtonText: data2 && data2.id ? void 0 : t2("CLOSE"),
+    onAccept: () => handleOnSubmit(),
+    open,
+    onClose: onClose2,
+    isLoading: isLoading || isExecuting,
+    width: 500
+  });
+};
 const ReservationDashboard = ({
   Header: Header2,
   classNameConatiner,
@@ -100013,12 +100117,21 @@ const ReservationDashboard = ({
       "filters[tillZ]": `${dateString}T23:59:59.999`
     };
   });
-  const [currentTimeZone, setCurrentTimeZone] = useState(null);
+  const currentTimeZone = useRef(null);
   const [currentDate, setCurrentDate] = useState(hooks().format("YYYY-MM-DD"));
   const [initialDate, setInitialDate] = useState(hooks().format("YYYY-MM-DD"));
   const [openCreateReservation, setOpenCreateReservation] = useState(false);
   const onOpenCreateReservation = () => setOpenCreateReservation(true);
   const onCloseCreateReservation = () => setOpenCreateReservation(false);
+  const [walkInPartySize, setWalkInPartySize] = useState("");
+  const [openCreateWalkInReservation, setOpenCreateWalkInReservation] = useState(false);
+  const onOpenCreateWalkInReservation = () => {
+    setOpenCreateWalkInReservation(true);
+  };
+  const onCloseCreateWalkInReservation = () => {
+    setWalkInPartySize("");
+    setOpenCreateWalkInReservation(false);
+  };
   const [openDetailReservation, setOpenDetailReservation] = useState(false);
   const onOpenDetailReservation = () => setOpenDetailReservation(true);
   const onCloseDetailReservation = () => setOpenDetailReservation(false);
@@ -100028,6 +100141,10 @@ const ReservationDashboard = ({
   const [selectedRow, setSelectedRow] = useState(null);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetBookings, { cacheId: "reservation0dashboard", venue_id: venueId, params });
   const { data: bookingSumary, isLoading: bookingSumaryLoading, error: bookingSumaryError, reload: bookingSumaryReload } = useFetch(GetBookingSummary, { cacheId: "bookingSummary", venue_id: venueId, date: initialDate });
+  const { data: filtersData, isLoading: filtersLoading, error: filtersError } = useFetch(GetCreateBookingSelectsData, {
+    cacheId: "venueCapacity",
+    venue_id: venueId
+  });
   if (error3 || bookingSumaryError) {
     return /* @__PURE__ */ React__default.createElement(Error$1, {
       error: error3
@@ -100043,8 +100160,8 @@ const ReservationDashboard = ({
     if (values && values.time && values.time.id) {
       const utcDate2 = hooks(currentDate).add(values.time.id, "hours").format("YYYY-MM-DDTHH:mm:ss");
       const timeZone = new Date(utcDate2).toLocaleTimeString([], {
-        ...currentTimeZone ? {
-          timeZone: currentTimeZone
+        ...currentTimeZone.current ? {
+          timeZone: currentTimeZone.current
         } : {},
         hour: "2-digit",
         minute: "2-digit",
@@ -100065,6 +100182,14 @@ const ReservationDashboard = ({
   useEffect(() => {
     bookingSumaryReload();
   }, [data2]);
+  useEffect(() => {
+    if (filtersData && filtersData.timeZone) {
+      currentTimeZone.current = filtersData.timeZone;
+    }
+  }, [filtersData]);
+  if (filtersLoading || !filtersData && !filtersData.timeZone) {
+    return /* @__PURE__ */ React__default.createElement(SkeletonPage, null);
+  }
   return /* @__PURE__ */ React__default.createElement(LayoutPage$1, {
     containerClassName: styles$f.mainConatiner
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -100081,24 +100206,27 @@ const ReservationDashboard = ({
     className: styles$f.datesSectionActionButtons2
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
-    className: styles$f.btnDanger,
+    mode: "danger",
     onClick: () => onOpenCreateReservation()
-  }, "Add a reservation"), /* @__PURE__ */ React__default.createElement(Button$3, {
-    size: "small",
-    className: styles$f.btnDanger,
-    disabled: true
-  }, "Add a walk-in"))), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(Card, {
+  }, "Add a reservation"), /* @__PURE__ */ React__default.createElement(WalkinButton, {
+    walkInPartySize,
+    setWalkInPartySize,
+    onOpenCreateWalkInReservation,
+    partyOptions: !filtersLoading && filtersData && filtersData.partySizes ? filtersData.partySizes : []
+  }))), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(Card, {
     className: classNameConatiner,
     header: Header2
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { marginBottom: 40 }
   }, /* @__PURE__ */ React__default.createElement(TableFilters$2, {
+    data: filtersData,
+    error: filtersError,
+    isLoading: filtersLoading,
     handleSearch: onFilter2,
     venueId,
-    currentDate,
-    setCurrentTimeZone
+    currentDate
   })), isLoading ? /* @__PURE__ */ React__default.createElement(SkeletonPage, null) : /* @__PURE__ */ React__default.createElement(Table$2, {
-    currentTimeZone,
+    currentTimeZone: currentTimeZone.current,
     data: data2,
     setSelectedRow: (row2) => {
       onOpenDetailReservation();
@@ -100107,22 +100235,30 @@ const ReservationDashboard = ({
   })), /* @__PURE__ */ React__default.createElement(HoursAvailability, {
     open: openHoursAvailability,
     onClose: onCloseHoursAvailability,
-    currentTimeZone,
+    currentTimeZone: currentTimeZone.current,
     currentDate,
     venueId
   }), /* @__PURE__ */ React__default.createElement(CreateReservation, {
     open: openCreateReservation,
     onClose: onCloseCreateReservation,
-    currentTimeZone,
+    currentTimeZone: currentTimeZone.current,
     currentDate,
     venueId,
     reloadMainTable: reload
+  }), walkInPartySize && /* @__PURE__ */ React__default.createElement(CreateWalkInReservation, {
+    open: openCreateWalkInReservation,
+    onClose: onCloseCreateWalkInReservation,
+    currentTimeZone: currentTimeZone.current,
+    currentDate,
+    venueId,
+    reloadMainTable: reload,
+    partySize: walkInPartySize
   }), /* @__PURE__ */ React__default.createElement(ReservationDetail, {
     open: openDetailReservation,
     onClose: onCloseDetailReservation,
     selectedRow,
     setSelectedRow,
-    currentTimeZone,
+    currentTimeZone: currentTimeZone.current,
     venueId,
     reloadMainTable: reload
   }));

package/package.json

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