mozrest-sdk-react-dev 0.2.74 → 0.2.75

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") {
@@ -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,
@@ -106653,7 +106651,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 +106713,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 +106777,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 +107011,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 +107026,7 @@ const index$6 = ({ filtersData, venueId }) => {
     reset,
     trigger,
     getValues,
+    setValue: setValue2,
     handleSubmit
   } = useForm({
     mode: "onChange",
@@ -107065,7 +107064,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 +107092,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 +107171,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 +107207,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 +107217,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 +107228,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.75",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {