mozrest-sdk-react-dev 0.2.74 → 0.2.76

package/mozrest-sdk.es.js

@@ -47552,9 +47552,7 @@ const Input$2 = ({
     required: required4,
     disabled: disabled2,
     ...props
-  }), disabled2 && /* @__PURE__ */ React__default.createElement("div", {
-    style: { position: "absolute", top: "1rem", right: "1rem" }
-  }, /* @__PURE__ */ React__default.createElement(LockTooltip, null, disabledTooltip))));
+  })));
 };
 const TextInputField$1 = (props) => {
   const [field2, meta] = useField(props.id);
@@ -92649,7 +92647,7 @@ const formatChannelsData = (data2) => {
   return [{ id: null, label: "All" }, ...reservationPortals.map((p2) => ({ id: p2.id, label: p2.name }))];
 };
 const formatSmartChannelsData = (data2) => {
-  return data2.map((p2) => ({ value: p2.id, label: p2.name }));
+  return data2.map((p2) => ({ value: p2.id, label: p2.name, code: p2.code }));
 };
 const formatHoursData = (data2) => {
   if (!data2 || typeof data2 !== "object") {
@@ -102518,34 +102516,34 @@ const ReservationsAnalytics = ({ userEmail, userFullName }) => {
     totalDays
   }));
 };
-const mainConatiner$1 = "_mainConatiner_ek91m_48";
-const mainTableContainer = "_mainTableContainer_ek91m_58";
-const mainSidebarContainer = "_mainSidebarContainer_ek91m_65";
-const headerContainer = "_headerContainer_ek91m_74";
-const buttonList = "_buttonList_ek91m_79";
-const tableTopHeader = "_tableTopHeader_ek91m_85";
-const tableTopHeaderContent = "_tableTopHeaderContent_ek91m_93";
-const tableRowContainer = "_tableRowContainer_ek91m_101";
-const tableRowCard = "_tableRowCard_ek91m_107";
-const noData = "_noData_ek91m_112";
-const tableRowHour = "_tableRowHour_ek91m_119";
-const hours = "_hours_ek91m_130";
-const tableRowContent = "_tableRowContent_ek91m_136";
-const rowImage = "_rowImage_ek91m_145";
-const rowContactContainer = "_rowContactContainer_ek91m_151";
-const rowContactText = "_rowContactText_ek91m_157";
-const rowContactPhone = "_rowContactPhone_ek91m_163";
-const rowSectionContainer = "_rowSectionContainer_ek91m_170";
-const rowSectionText = "_rowSectionText_ek91m_176";
-const rowSectionSecText = "_rowSectionSecText_ek91m_182";
-const rowActionButton = "_rowActionButton_ek91m_189";
-const bookingInfoContainer = "_bookingInfoContainer_ek91m_195";
-const bookingInfoCardRow = "_bookingInfoCardRow_ek91m_199";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_ek91m_207";
-const bookingInfoCard = "_bookingInfoCard_ek91m_199";
-const bookingInfoCardContent = "_bookingInfoCardContent_ek91m_219";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_ek91m_225";
-const bookingInfoCardText = "_bookingInfoCardText_ek91m_228";
+const mainConatiner$1 = "_mainConatiner_lnm3d_48";
+const mainTableContainer = "_mainTableContainer_lnm3d_58";
+const mainSidebarContainer = "_mainSidebarContainer_lnm3d_65";
+const headerContainer = "_headerContainer_lnm3d_74";
+const buttonList = "_buttonList_lnm3d_79";
+const tableTopHeader = "_tableTopHeader_lnm3d_85";
+const tableTopHeaderContent = "_tableTopHeaderContent_lnm3d_93";
+const tableRowContainer = "_tableRowContainer_lnm3d_101";
+const tableRowCard = "_tableRowCard_lnm3d_107";
+const noData = "_noData_lnm3d_112";
+const tableRowHour = "_tableRowHour_lnm3d_119";
+const hours = "_hours_lnm3d_130";
+const tableRowContent = "_tableRowContent_lnm3d_136";
+const rowImage = "_rowImage_lnm3d_145";
+const rowContactContainer = "_rowContactContainer_lnm3d_151";
+const rowContactText = "_rowContactText_lnm3d_158";
+const rowContactPhone = "_rowContactPhone_lnm3d_164";
+const rowSectionContainer = "_rowSectionContainer_lnm3d_171";
+const rowSectionText = "_rowSectionText_lnm3d_177";
+const rowSectionSecText = "_rowSectionSecText_lnm3d_183";
+const rowActionButton = "_rowActionButton_lnm3d_190";
+const bookingInfoContainer = "_bookingInfoContainer_lnm3d_196";
+const bookingInfoCardRow = "_bookingInfoCardRow_lnm3d_200";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_lnm3d_208";
+const bookingInfoCard = "_bookingInfoCard_lnm3d_200";
+const bookingInfoCardContent = "_bookingInfoCardContent_lnm3d_220";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_lnm3d_226";
+const bookingInfoCardText = "_bookingInfoCardText_lnm3d_229";
 var styles$f = {
   mainConatiner: mainConatiner$1,
   mainTableContainer,
@@ -106060,22 +106058,22 @@ const Label = ({
   }, tooltip2));
   return isHidden2 ? /* @__PURE__ */ React__default.createElement(SrOnly, null, label2) : label2;
 };
-const inputWrapper = "_inputWrapper_zpxow_1";
-const input$2 = "_input_zpxow_1";
-const inputIcon = "_inputIcon_zpxow_74";
+const inputWrapper = "_inputWrapper_1v87g_1";
+const input$2 = "_input_1v87g_1";
+const inputIcon = "_inputIcon_1v87g_73";
 var styles$8 = {
   inputWrapper,
   input: input$2,
-  "input--r-md": "_input--r-md_zpxow_36",
-  "input--r-sm": "_input--r-sm_zpxow_41",
-  "input--with-icon-left": "_input--with-icon-left_zpxow_46",
-  "input--with-icon-right": "_input--with-icon-right_zpxow_49",
-  "input--filled": "_input--filled_zpxow_52",
-  "input--borderless": "_input--borderless_zpxow_55",
-  "input--rounded": "_input--rounded_zpxow_59",
+  "input--r-md": "_input--r-md_1v87g_35",
+  "input--r-sm": "_input--r-sm_1v87g_40",
+  "input--with-icon-left": "_input--with-icon-left_1v87g_45",
+  "input--with-icon-right": "_input--with-icon-right_1v87g_48",
+  "input--filled": "_input--filled_1v87g_51",
+  "input--borderless": "_input--borderless_1v87g_54",
+  "input--rounded": "_input--rounded_1v87g_58",
   inputIcon,
-  "inputIcon--p-left": "_inputIcon--p-left_zpxow_83",
-  "inputIcon--p-right": "_inputIcon--p-right_zpxow_86"
+  "inputIcon--p-left": "_inputIcon--p-left_1v87g_82",
+  "inputIcon--p-right": "_inputIcon--p-right_1v87g_85"
 };
 const Input2 = ({
   id: id2,
@@ -106450,7 +106448,7 @@ const TableTopHeader = ({ date: date4, total }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$f.tableTopHeader
-  }, /* @__PURE__ */ React__default.createElement("h1", null, date4), /* @__PURE__ */ React__default.createElement("h1", null, total, " ", t2("RESERVATIONS")));
+  }, /* @__PURE__ */ React__default.createElement("h1", null, hooks(date4).format("DD.MM.YYYY")), /* @__PURE__ */ React__default.createElement("h1", null, total, " ", t2("RESERVATIONS")));
 };
 const TimeFormat = ({ dateTime, currentTimeZone }) => {
   const formattedTime = new Date(dateTime).toLocaleTimeString([], {
@@ -106593,20 +106591,22 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
     if (data2 && filtersData) {
       const groupedByHour = _23.groupBy(data2, (item2) => {
         const formattedTime = new Date(item2.date).toLocaleTimeString([], {
-          ...(filtersData == null ? void 0 : filtersData.timeZone) ? {
-            timeZone: filtersData == null ? void 0 : filtersData.timeZone
-          } : {},
+          ...(filtersData == null ? void 0 : filtersData.timeZone) ? { timeZone: filtersData == null ? void 0 : filtersData.timeZone } : {},
           hour: "2-digit",
           minute: void 0,
           hour12: false
         });
         return `${formattedTime}:00`;
       });
-      const sortedGroupedByHour = _23(groupedByHour).toPairs().orderBy(
+      const sortedGroupedByHour = _23(groupedByHour).toPairs().map(([hour2, reservations]) => [
+        hour2,
+        _23.orderBy(reservations, (r2) => new Date(r2.date), ["desc"])
+      ]).orderBy(
         ([hour2]) => parseInt(hour2.split(":")[0], 10),
         ["asc"]
       ).fromPairs().value();
       setFormattedData(sortedGroupedByHour);
+      console.log(sortedGroupedByHour, "sortedGroupedByHour");
     }
   }, [data2, filtersData]);
   return /* @__PURE__ */ React__default.createElement("div", null, _23.isEmpty(formattedData) ? /* @__PURE__ */ React__default.createElement("div", {
@@ -106653,7 +106653,7 @@ var styles$7 = {
 const customStyles = {
   control: (provided, state) => ({
     ...provided,
-    backgroundColor: "transparent",
+    backgroundColor: state.isDisabled ? "#25293C" : "transparent",
     border: "none",
     borderBottom: `1px solid ${state.isFocused ? "gray" : "#bbb"}`,
     borderRadius: 0,
@@ -106715,9 +106715,7 @@ const Select = ({
     ...props,
     id: id2,
     isDisabled
-  }), isDisabled && /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$7.tooltip
-  }, /* @__PURE__ */ React__default.createElement(LockTooltip, null, disabledTooltip))));
+  })));
 };
 const SelectField = ({ control, name, ...props }) => {
   return /* @__PURE__ */ React__default.createElement(Controller, {
@@ -106781,9 +106779,7 @@ const TextArea = React__default.forwardRef(
       disabled: disabled2,
       ...props,
       ref
-    }), disabled2 && /* @__PURE__ */ React__default.createElement("div", {
-      style: { position: "absolute", top: "1rem", right: "1rem" }
-    }, /* @__PURE__ */ React__default.createElement(LockTooltip, null, disabledTooltip))));
+    })));
   }
 );
 const TextAreaField = ({ control, name, ...props }) => {
@@ -107017,10 +107013,14 @@ const index$6 = ({ filtersData, venueId }) => {
       "Table is required",
       (value2) => value2 !== null && typeof value2 === "object" && !!value2.value
     ).required(),
-    firstName: create$2().required(t2("errors.required")),
-    lastName: create$2().required(t2("errors.required")),
-    email: create$2().email(t2("errors.email")).required(t2("errors.required")),
-    phone: create$2().required(t2("errors.required")).matches(new RegExp(/^\+?[1-9]\d{8,14}$/), t2("errors.phone")),
+    firstName: create$2(),
+    lastName: create$2(),
+    email: create$2().email(t2("errors.email")),
+    phone: create$2().nullable().notRequired().test(
+      "is-valid-phone",
+      t2("errors.phone"),
+      (value2) => !value2 || new RegExp(/^\+?[1-9]\d{8,14}$/).test(value2)
+    ),
     notes: create$2()
   });
   const {
@@ -107028,6 +107028,7 @@ const index$6 = ({ filtersData, venueId }) => {
     reset,
     trigger,
     getValues,
+    setValue: setValue2,
     handleSubmit
   } = useForm({
     mode: "onChange",
@@ -107065,7 +107066,7 @@ const index$6 = ({ filtersData, venueId }) => {
     }
   });
   const onSubmit = async () => {
-    var _a2, _b, _c, _d, _e2;
+    var _a2, _b, _c, _d, _e2, _f, _g;
     const data22 = await getValues();
     const result = await trigger();
     if (!result) {
@@ -107093,7 +107094,12 @@ const index$6 = ({ filtersData, venueId }) => {
       });
       reloadMainTable();
     } else {
-      executeUpdate({ data: { table: (_e2 = data22 == null ? void 0 : data22.table) == null ? void 0 : _e2.value }, venueId, bookingId: selectedBooking.id });
+      const toSend = {
+        partySize: (_e2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _e2.value,
+        table: (_f = data22 == null ? void 0 : data22.table) == null ? void 0 : _f.value,
+        date: data22.date ? moment$1.tz(`${data22.date} ${(_g = data22.time) == null ? void 0 : _g.value}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment$1.tz(moment$1(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3
+      };
+      executeUpdate({ data: toSend, venueId, bookingId: selectedBooking.id });
     }
   };
   useEffect(() => {
@@ -107167,6 +107173,26 @@ const index$6 = ({ filtersData, venueId }) => {
       }
     }
   }, [date4]);
+  useEffect(() => {
+    if (source2 && source2.code === "WALK-IN") {
+      const currentTime = moment$1();
+      setValue2("date", currentTime.format("YYYY-MM-DD"));
+      if (timeOptions.length > 0) {
+        const validFutureTimes = timeOptions.filter((option) => option.value).map((option) => ({
+          ...option,
+          momentValue: moment$1(option.value, "HH:mm")
+        })).filter((option) => option.momentValue.isSameOrAfter(currentTime));
+        if (validFutureTimes.length > 0) {
+          const closestTime = validFutureTimes.reduce((prev2, curr) => {
+            const prevDiff = Math.abs(currentTime.diff(prev2.momentValue, "minutes"));
+            const currDiff = Math.abs(currentTime.diff(curr.momentValue, "minutes"));
+            return currDiff < prevDiff ? curr : prev2;
+          });
+          setValue2("time", closestTime);
+        }
+      }
+    }
+  }, [source2, timeOptions, setValue2]);
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column", gap: 10 },
     onSubmit: handleSubmit(onSubmit)
@@ -107183,7 +107209,6 @@ const index$6 = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    disabled: selectedBooking,
     control,
     id: "date",
     name: "date",
@@ -107194,7 +107219,6 @@ const index$6 = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
-    isDisabled: selectedBooking,
     control,
     isClearable: true,
     id: "time",
@@ -107206,7 +107230,6 @@ const index$6 = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
-    isDisabled: selectedBooking,
     control,
     isClearable: true,
     id: "partySize",

package/package.json

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