mozrest-sdk-react-dev 0.2.11 → 0.2.12

package/mozrest-sdk.es.js

@@ -6346,6 +6346,7 @@ const SETPASSWORD = "Set password";
 const EXPORTDATA = "Export data";
 const SELECTYOURRESTAURANTS = "Select your restaurants";
 const SelectXResturant = "Select {{value}} restaurant";
+const SelectAllFromX = "Select all from {{value}}";
 const ComparedPeriod = "Compared period";
 const CLOSE = "Close";
 const NoChannelsConnected = "No channels connected";
@@ -6354,6 +6355,7 @@ 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}}";
+const ADDANEMAIL = "Add an email";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6658,6 +6660,7 @@ var en = {
   EXPORTDATA,
   SELECTYOURRESTAURANTS,
   SelectXResturant,
+  SelectAllFromX,
   ComparedPeriod,
   CLOSE,
   NoChannelsConnected,
@@ -6665,7 +6668,9 @@ var en = {
   AddWalKin,
   ConfirmCreateWalkInReservation,
   NoBookingAvailability,
-  NoAvailabilityForPartySize
+  NoAvailabilityForPartySize,
+  ADDANEMAIL,
+  "Provide at lease one email": "Provide at lease one email"
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -34140,14 +34145,14 @@ var objectCreate = Object.create || function create(O2, Properties) {
   return Properties === void 0 ? result : definePropertiesModule.f(result, Properties);
 };
 var wellKnownSymbol = wellKnownSymbol$5;
-var create$3 = objectCreate;
+var create$4 = objectCreate;
 var defineProperty$3 = objectDefineProperty.f;
 var UNSCOPABLES = wellKnownSymbol("unscopables");
 var ArrayPrototype = Array.prototype;
 if (ArrayPrototype[UNSCOPABLES] == void 0) {
   defineProperty$3(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
-    value: create$3(null)
+    value: create$4(null)
   });
 }
 var addToUnscopables$1 = function(key2) {
@@ -37085,6 +37090,59 @@ BaseSchema.prototype.optional = BaseSchema.prototype.notRequired;
 const Mixed = BaseSchema;
 Mixed.prototype;
 const isAbsent = (value2) => value2 == null;
+function create$3() {
+  return new BooleanSchema();
+}
+class BooleanSchema extends BaseSchema {
+  constructor() {
+    super({
+      type: "boolean"
+    });
+    this.withMutation(() => {
+      this.transform(function(value2) {
+        if (!this.isType(value2)) {
+          if (/^(true|1)$/i.test(String(value2)))
+            return true;
+          if (/^(false|0)$/i.test(String(value2)))
+            return false;
+        }
+        return value2;
+      });
+    });
+  }
+  _typeCheck(v2) {
+    if (v2 instanceof Boolean)
+      v2 = v2.valueOf();
+    return typeof v2 === "boolean";
+  }
+  isTrue(message2 = boolean.isValue) {
+    return this.test({
+      message: message2,
+      name: "is-value",
+      exclusive: true,
+      params: {
+        value: "true"
+      },
+      test(value2) {
+        return isAbsent(value2) || value2 === true;
+      }
+    });
+  }
+  isFalse(message2 = boolean.isValue) {
+    return this.test({
+      message: message2,
+      name: "is-value",
+      exclusive: true,
+      params: {
+        value: "false"
+      },
+      test(value2) {
+        return isAbsent(value2) || value2 === false;
+      }
+    });
+  }
+}
+create$3.prototype = BooleanSchema.prototype;
 let rEmail = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i;
 let rUrl = /^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i;
 let rUUID = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
@@ -52758,6 +52816,16 @@ const Form$b = ({
   reload
 }) => {
   const { t: t2 } = useTranslation();
+  const { showMessageError } = useMessage();
+  const emailValidationSchema = create$2().email("Please enter a valid email address");
+  const dataValidationSchema = create$1().shape({
+    dailyReport: create$3(),
+    weeklyReport: create$3(),
+    monthlyReport: create$3(),
+    negativeReviewAlert: create$3(),
+    allReviewAlert: create$3(),
+    emails: create2().of(emailValidationSchema).required("Emails are required")
+  });
   const { isExecuting, execute } = useService(UpdateUserNotificationSettings, {
     onSuccess: async () => {
       await reload();
@@ -52765,6 +52833,9 @@ const Form$b = ({
     }
   });
   const handleSubmit = (values) => {
+    if (values.emails.length === 0) {
+      return showMessageError(t2("Provide at lease one email"));
+    }
     execute({ data: { ...initialValues, ...values } });
   };
   return /* @__PURE__ */ React__default.createElement(Modal2, {
@@ -52774,8 +52845,9 @@ const Form$b = ({
     width: 700
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
-    onSubmit: handleSubmit
-  }, ({ values }) => /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(FieldArray, {
+    onSubmit: handleSubmit,
+    validationSchema: dataValidationSchema
+  }, ({ values, isValid: isValid2 }) => /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(FieldArray, {
     name: "emails",
     render: (arrayHelpers) => /* @__PURE__ */ React__default.createElement("div", null, values.emails && values.emails.length > 0 ? values.emails.map((email3, index2) => /* @__PURE__ */ React__default.createElement("div", {
       className: styles$1h.container,
@@ -52795,14 +52867,17 @@ const Form$b = ({
       onClick: () => arrayHelpers.insert(1, "")
     }, /* @__PURE__ */ React__default.createElement("span", {
       className: styles$1h.plus
-    }, "+")))) : /* @__PURE__ */ React__default.createElement("button", {
+    }, "+")))) : /* @__PURE__ */ React__default.createElement(Button$3, {
+      size: "small",
+      mode: "secondary",
       type: "button",
       onClick: () => arrayHelpers.push("")
-    }, "Add an email"), /* @__PURE__ */ React__default.createElement("div", {
+    }, t2("ADDANEMAIL")), /* @__PURE__ */ React__default.createElement("div", {
       className: styles$1h.footer
     }, /* @__PURE__ */ React__default.createElement(Button$3, {
       size: "small",
       type: "submit",
+      disabled: !isValid2,
       isLoading: isExecuting
     }, t2("SAVE"))))
   }))));
@@ -101323,7 +101398,7 @@ const Chart = ({
     }, /* @__PURE__ */ React__default.createElement(NewSelect, {
       options: showStatsOptions,
       defaultValue: showStatsOptions[0],
-      label: t2("SHOW"),
+      label: "",
       onChange: (data22) => setDisplayConcept(data22.value)
     })), /* @__PURE__ */ React__default.createElement(Col$1, {
       xs: { span: 24, order: 1 },
@@ -101347,13 +101422,14 @@ const Chart = ({
     }, /* @__PURE__ */ React__default.createElement(NewSelect, {
       options: displayStatsOptions,
       defaultValue: displayStatsOptions[totalDays > 60 ? 1 : 0],
-      label: t2("DISPLAYBY"),
+      label: "",
       onChange: (data22) => setDisplayBy(data22.value)
     })))
   }, statsToDisplay && sources && !isLoading && !isLoadingSources && /* @__PURE__ */ React__default.createElement(ResponsiveContainer, null, /* @__PURE__ */ React__default.createElement(BarChart, {
     height: 300,
     data: statsToDisplay,
-    barSize: 100
+    barSize: 100,
+    style: { marginTop: 20 }
   }, /* @__PURE__ */ React__default.createElement(CartesianGrid, {
     strokeDasharray: "3 3"
   }), /* @__PURE__ */ React__default.createElement(XAxis, {
@@ -101412,8 +101488,8 @@ const partySizeOptions = [
   { value: 5, label: "5-6" },
   { value: 7, label: "7+" }
 ];
-const filtersContainer = "_filtersContainer_4274u_1";
-const filters = "_filters_4274u_1";
+const filtersContainer = "_filtersContainer_srxei_1";
+const filters = "_filters_srxei_1";
 var styles$3 = {
   filtersContainer,
   filters
@@ -101431,8 +101507,12 @@ const GetBrands = async () => {
 const SelectBrands = ({ handleSearchBrand }) => {
   const { t: t2 } = useTranslation();
   const { data: data2, isLoading } = useFetch(GetBrands, "brands");
+  const mockData = [
+    { id: "1", name: "Name1" },
+    { id: "2", name: "Name2" }
+  ];
   return /* @__PURE__ */ React__default.createElement(NewSelect, {
-    options: data2,
+    options: mockData,
     placeholder: t2("ALL"),
     getOptionLabel: (option) => option.name,
     getOptionValue: (option) => option.id,
@@ -101441,7 +101521,7 @@ const SelectBrands = ({ handleSearchBrand }) => {
     isClearable: true
   });
 };
-const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, setSelectedRestaurants }) => {
+const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, setSelectedRestaurants, selectedBrand, setSelectedBrand }) => {
   const { t: t2 } = useTranslation();
   const [searchValue, setSearchValue] = useState("");
   const [currentPage, setCurrentPage] = useState(1);
@@ -101460,6 +101540,7 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
     setParams({ ...params, "filters[criteria]": e3.target.value });
   };
   const handleSearchBrand = (value2) => {
+    setSelectedBrand(value2);
     setParams({ ...params, "filters[brand]": value2 ? value2.id : null });
   };
   const handleOnChangePage = (page) => {
@@ -101550,9 +101631,13 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
     className: ""
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$3.filtersContainer
-  }, selectedRestaurants.length > 0 && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Button$3, {
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: 10, justifyContent: "center" }
+  }, selectedRestaurants.length > 0 && /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: () => onClose2()
+  }, t2("SelectXResturant", { value: selectedRestaurants.length })), selectedBrand && /* @__PURE__ */ React__default.createElement(Button$3, {
     onClick: () => onClose2()
-  }, t2("SelectXResturant", { value: selectedRestaurants.length }))), /* @__PURE__ */ React__default.createElement("div", {
+  }, t2("SelectAllFromX", { value: selectedBrand.name }))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$3.filters
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { minWidth: 150 }
@@ -101585,6 +101670,7 @@ const ToolbarFormFields = ({ handleOnFilter }) => {
   const onOpenRestaurantsSelector = () => setOpenRestaurantsSelector(true);
   const onCloseRestaurantsSelector = () => setOpenRestaurantsSelector(false);
   const [selectedRestaurants, setSelectedRestaurants] = useState([]);
+  const [selectedBrand, setSelectedBrand] = useState(null);
   const {
     handleChange,
     setFieldValue,
@@ -101595,23 +101681,31 @@ const ToolbarFormFields = ({ handleOnFilter }) => {
     isSubmitting
   } = useFormikContext();
   const handleOnClickRestaurantsButton = () => {
-    if (selectedRestaurants.length === 0) {
+    if (selectedRestaurants.length === 0 && !selectedBrand) {
       onOpenRestaurantsSelector();
     } else {
       setSelectedRestaurants([]);
+      setSelectedBrand(null);
     }
   };
   useEffect(() => {
-    handleOnFilter({ ...values, selectedRestaurants });
-  }, [values, selectedRestaurants]);
+    let filters2 = values;
+    if (selectedBrand) {
+      filters2 = { ...filters2, selectedBrand };
+    }
+    if (selectedRestaurants) {
+      filters2 = { ...filters2, selectedRestaurants };
+    }
+    handleOnFilter(filters2);
+  }, [values, selectedRestaurants, selectedBrand]);
   return /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [16, 16],
     align: "bottom"
   }, /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
     sm: 12,
-    md: 8,
-    lg: 5
+    md: 9,
+    lg: 6
   }, /* @__PURE__ */ React__default.createElement(DatePicker, {
     id: "dateRange",
     label: t2("BOOKINGCREATIONDATERANGE"),
@@ -101633,8 +101727,8 @@ const ToolbarFormFields = ({ handleOnFilter }) => {
   })), /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
     sm: 12,
-    md: 8,
-    lg: 5
+    md: 7,
+    lg: 4
   }, /* @__PURE__ */ React__default.createElement(NewSelect, {
     options: partySizeOptions,
     placeholder: t2("ALL"),
@@ -101655,9 +101749,11 @@ const ToolbarFormFields = ({ handleOnFilter }) => {
     mode: "secondary",
     className: classNames$2(styles$4.btn, styles$4["btn--all"]),
     onClick: () => handleOnClickRestaurantsButton()
-  }, selectedRestaurants.length > 0 ? `x ${selectedRestaurants.length}` : "All")), /* @__PURE__ */ React__default.createElement(RestaurantsSelector, {
+  }, selectedRestaurants.length > 0 ? `x ${selectedRestaurants.length}` : selectedBrand ? `x All ${selectedBrand.name}` : "All")), /* @__PURE__ */ React__default.createElement(RestaurantsSelector, {
     selectedRestaurants,
     setSelectedRestaurants,
+    selectedBrand,
+    setSelectedBrand,
     open: openRestaurantsSelector,
     onClose: onCloseRestaurantsSelector
   }));
@@ -101769,6 +101865,9 @@ const ToolBar = ({ filters: filters2, setFilters, setTotalDays, userEmail, userF
       } : {},
       ...values.selectedRestaurants.length > 0 ? {
         "filters[venues]": values.selectedRestaurants.map((sr) => sr.id)
+      } : {},
+      ...values.selectedBrand ? {
+        "filters[brandId]": values.selectedBrand.id
       } : {}
     };
     setTotalDays(hooks((_a2 = values.till) != null ? _a2 : null).diff(hooks((_b = values.from) != null ? _b : null), "day") + 1);

package/package.json

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