mozrest-sdk-react-dev 0.1.63 → 0.1.64

package/mozrest-sdk.es.js

@@ -6305,6 +6305,9 @@ const CREATEDAT = "Created at";
 const CHANNEL = "Channel";
 const NOTABLESAVAILABLE = "No tables available";
 const NOTES = "Notes";
+const CANCELRESERVATION = "Cancel reservation";
+const AREYOUSURECANCELRESERVATION = "Are you sure you want to cancel this reservation?";
+const CANCELREASON = "Cancel reason";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6571,7 +6574,10 @@ var en = {
   CREATEDAT,
   CHANNEL,
   NOTABLESAVAILABLE,
-  NOTES
+  NOTES,
+  CANCELRESERVATION,
+  AREYOUSURECANCELRESERVATION,
+  CANCELREASON
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -96718,7 +96724,7 @@ const SelectedDateDisplay = ({ selectedDate, onSelectDate, datesSummary }) => {
       index2 === selectedCardIndex && styles$8.cardActive
     ])
   }, /* @__PURE__ */ React__default.createElement("p", {
-    style: { fontSize: "12px", marginBottom: "0px !important", textAlign: "center", fontWeight: "bold" }
+    style: { fontSize: "12px", marginBottom: 0, textAlign: "center", fontWeight: "bold" }
   }, " ", d2.date.toLocaleDateString([], { weekday: "short" }).toUpperCase(), " "), /* @__PURE__ */ React__default.createElement("div", {
     style: { textAlign: "center", position: "relative", bottom: "10px" }
   }, /* @__PURE__ */ React__default.createElement("strong", {
@@ -98963,7 +98969,11 @@ const TableSelectField = ({ value: value2, tableOptions, isEdit, setIsEdit }) =>
 };
 const UpdateBooking = async ({ venueId, bookingId, data: data2 }) => {
   await instance$1.put(`/resbook/venue/${venueId}/bookings/${bookingId}`, data2);
-  return { data: "created" };
+  return { data: "updated" };
+};
+const CancelBooking = async ({ venueId, bookingId, data: data2 }) => {
+  await instance$1.put(`/resbook/venue/${venueId}/bookings/${bookingId}/cancel`, data2);
+  return { data: "canceled" };
 };
 const TableSelectForm = ({ table: table2, id: id2, tableOptions, initialValues, isEdit, setIsEdit, reloadMainTable, onClose: onClose2, venueId }) => {
   const emptyVal = {
@@ -98988,9 +98998,53 @@ const TableSelectForm = ({ table: table2, id: id2, tableOptions, initialValues,
     setIsEdit
   }));
 };
-const ReservationDetail = ({ open, onClose: onClose2, venueId, reloadMainTable, selectedRow, currentTimeZone }) => {
+const CancelReservationModal = ({ onAccept, isLoading, message: message2, title: title2, ...props }) => {
+  const { t: t2 } = useTranslation();
+  const initialValues = {
+    cancelActor: "",
+    cancelReason: ""
+  };
+  const bookingSchema = create$1().shape({
+    cancelActor: create$2().required(t2("errors.required")),
+    cancelReason: create$2()
+  });
+  return /* @__PURE__ */ React__default.createElement(Modal2, {
+    ...props,
+    title: t2("CANCELRESERVATION")
+  }, /* @__PURE__ */ React__default.createElement("h5", null, t2("AREYOUSURECANCELRESERVATION")), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Formik, {
+    initialValues,
+    validationSchema: bookingSchema,
+    onSubmit: (values, { resetForm }) => {
+      onAccept(values);
+      resetForm({ values: initialValues });
+    }
+  }, ({ values, errors: errors2, touched, isValid: isValid2 }) => /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    id: "cancelActor",
+    label: t2("FIRSTNAME")
+  }), /* @__PURE__ */ React__default.createElement(TextAreaField, {
+    id: "cancelReason",
+    label: t2("CANCELREASON"),
+    maxLength: 100
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "center", gap: 20, marginTop: 20 }
+  }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    mode: "tertiary",
+    onClick: props.onClose,
+    disabled: isLoading
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "submit",
+    disabled: !isValid2,
+    isLoading
+  }, t2("ACCEPT")))))));
+};
+const ReservationDetail = ({ open, onClose: onClose2, venueId, reloadMainTable, selectedRow, currentTimeZone, setSelectedRow }) => {
   var _a2, _b, _c, _d, _e2, _f, _g;
   const { t: t2 } = useTranslation();
+  const [openCancelReservationModal, setOpenCancelReservationModal] = useState(false);
+  const onOpenCancelRevModal = () => setOpenCancelReservationModal(true);
+  const onCloseCancelRevModal = () => setOpenCancelReservationModal(false);
   const [isEdit, setIsEdit] = useState(false);
   const [initialValues, setInitialValues] = useState(null);
   const { data: data2 } = useFetch(GetTableAvailability, {
@@ -99001,6 +99055,20 @@ const ReservationDetail = ({ open, onClose: onClose2, venueId, reloadMainTable,
       partySize: selectedRow.partySize
     } : { startSec: null }
   });
+  const { isExecuting, execute } = useService(CancelBooking, {
+    onSuccess: async () => {
+      setSelectedRow({ ...selectedRow, status: "canceled" });
+      onCloseCancelRevModal();
+      reloadMainTable();
+    }
+  });
+  const cancelReservation = async (values) => {
+    const toSend = {
+      cancelActor: values.cancelActor,
+      cancelReason: values.cancelReason
+    };
+    execute({ data: toSend, venueId, bookingId: selectedRow.id });
+  };
   useEffect(() => {
     if (selectedRow && selectedRow.table && open) {
       setInitialValues({ id: selectedRow.table.id, label: selectedRow.table.name });
@@ -99081,7 +99149,19 @@ const ReservationDetail = ({ open, onClose: onClose2, venueId, reloadMainTable,
     reloadMainTable,
     onClose: onClose2,
     venueId
-  }))));
+  })), selectedRow && selectedRow.status && selectedRow.status !== "canceled" && /* @__PURE__ */ React__default.createElement(Button$3, {
+    style: { marginTop: 10 },
+    type: "submit",
+    className: styles$8.btnDanger,
+    onClick: () => onOpenCancelRevModal()
+  }, t2("CANCELRESERVATION"))), selectedRow && selectedRow.status && selectedRow.status !== "canceled" && /* @__PURE__ */ React__default.createElement(CancelReservationModal, {
+    width: 400,
+    message: t2("AREYOUSURECANCELRESERVATION"),
+    onAccept: cancelReservation,
+    open: openCancelReservationModal,
+    onClose: onCloseCancelRevModal,
+    isLoading: isExecuting
+  }));
 };
 const ReservationDashboard = ({
   Header: Header2,
@@ -99194,6 +99274,7 @@ const ReservationDashboard = ({
     open: openDetailReservation,
     onClose: onCloseDetailReservation,
     selectedRow,
+    setSelectedRow,
     currentTimeZone,
     venueId,
     reloadMainTable: reload

package/package.json

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