mozrest-sdk-react-dev 0.2.73 → 0.2.75

package/mozrest-sdk.es.js

@@ -7830,7 +7830,7 @@ const fileSad = () => /* @__PURE__ */ React__default.createElement("svg", {
   strokeLinejoin: "round",
   width: "24",
   height: "24",
-  strokeWidth: "2"
+  strokeWidth: "0.5"
 }, /* @__PURE__ */ React__default.createElement("path", {
   d: "M14 3v4a1 1 0 0 0 1 1h4"
 }), /* @__PURE__ */ React__default.createElement("path", {
@@ -9141,13 +9141,14 @@ var icons$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   people: people$1,
   clock: clock$1
 }, Symbol.toStringTag, { value: "Module" }));
-const icon$7 = "_icon_1i2ej_1";
+const icon$7 = "_icon_69yub_1";
 var styles$21 = {
   icon: icon$7,
-  "icon--small": "_icon--small_1i2ej_12",
-  "icon--medium": "_icon--medium_1i2ej_15",
-  "icon--large": "_icon--large_1i2ej_18",
-  "icon--xl": "_icon--xl_1i2ej_21"
+  "icon--small": "_icon--small_69yub_12",
+  "icon--medium": "_icon--medium_69yub_15",
+  "icon--large": "_icon--large_69yub_18",
+  "icon--xl": "_icon--xl_69yub_21",
+  "icon--xxl": "_icon--xxl_69yub_24"
 };
 const Icon$2 = ({
   size = "medium",
@@ -34980,7 +34981,7 @@ var getBuiltIn$1 = getBuiltIn$5;
 var inspectSource = inspectSource$2;
 var noop$7 = function() {
 };
-var empty$2 = [];
+var empty$1 = [];
 var construct = getBuiltIn$1("Reflect", "construct");
 var constructorRegExp = /^\s*(?:class|function)\b/;
 var exec = uncurryThis$1(constructorRegExp.exec);
@@ -34989,7 +34990,7 @@ var isConstructorModern = function isConstructor(argument) {
   if (!isCallable(argument))
     return false;
   try {
-    construct(noop$7, empty$2, argument);
+    construct(noop$7, empty$1, argument);
     return true;
   } catch (error3) {
     return false;
@@ -39751,10 +39752,9 @@ const Header$4 = ({ title: title2 }) => {
     className: styles$1K.header
   }, /* @__PURE__ */ React__default.createElement(Heading, null, " ", title2));
 };
-var empty$1 = "data:image/png;base64,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";
-const container$D = "_container_1br9g_1";
-const icon$5 = "_icon_1br9g_8";
-const img = "_img_1br9g_14";
+const container$D = "_container_1kvyl_1";
+const icon$5 = "_icon_1kvyl_9";
+const img = "_img_1kvyl_13";
 var styles$1J = {
   container: container$D,
   icon: icon$5,
@@ -39763,10 +39763,10 @@ var styles$1J = {
 const Empty = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1J.container
-  }, /* @__PURE__ */ React__default.createElement("img", {
-    src: empty$1,
-    className: styles$1J.img,
-    alt: "empty"
+  }, /* @__PURE__ */ React__default.createElement(Icon$2, {
+    icon: "fileSad",
+    className: styles$1J.icon,
+    size: "xxl"
   }), /* @__PURE__ */ React__default.createElement("h2", null, children));
 };
 const container$C = "_container_ntfln_1";
@@ -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_oexkd_48";
-const mainTableContainer = "_mainTableContainer_oexkd_58";
-const mainSidebarContainer = "_mainSidebarContainer_oexkd_65";
-const headerContainer = "_headerContainer_oexkd_74";
-const buttonList = "_buttonList_oexkd_79";
-const tableTopHeader = "_tableTopHeader_oexkd_85";
-const tableTopHeaderContent = "_tableTopHeaderContent_oexkd_93";
-const tableRowContainer = "_tableRowContainer_oexkd_101";
-const tableRowCard = "_tableRowCard_oexkd_107";
-const noData = "_noData_oexkd_112";
-const tableRowHour = "_tableRowHour_oexkd_119";
-const hours = "_hours_oexkd_130";
-const tableRowContent = "_tableRowContent_oexkd_136";
-const rowImage = "_rowImage_oexkd_143";
-const rowContactContainer = "_rowContactContainer_oexkd_149";
-const rowContactText = "_rowContactText_oexkd_155";
-const rowContactPhone = "_rowContactPhone_oexkd_161";
-const rowSectionContainer = "_rowSectionContainer_oexkd_168";
-const rowSectionText = "_rowSectionText_oexkd_174";
-const rowSectionSecText = "_rowSectionSecText_oexkd_180";
-const rowActionButton = "_rowActionButton_oexkd_187";
-const bookingInfoContainer = "_bookingInfoContainer_oexkd_193";
-const bookingInfoCardRow = "_bookingInfoCardRow_oexkd_197";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_oexkd_205";
-const bookingInfoCard = "_bookingInfoCard_oexkd_197";
-const bookingInfoCardContent = "_bookingInfoCardContent_oexkd_217";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_oexkd_223";
-const bookingInfoCardText = "_bookingInfoCardText_oexkd_226";
+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";
 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,
@@ -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.73",
+  "version": "0.2.75",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {