mozrest-sdk-react-dev 0.3.26 → 0.3.28

package/mozrest-sdk.es.js

@@ -7803,6 +7803,17 @@ const openWidget$4 = "Open Widget";
 const widget$4 = "Widget";
 const maxPartySize$4 = "Max party size";
 const VENUE_MANAGEMENT$4 = "Venue management";
+const SLOTGAP$4 = "Slot gap";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$4 = "How many reservations are you able to welcome at a specific time slot";
+const TIMEOFFSETTOMEALTIME_DESC$4 = "Until how long in advance of meal time can a diner book";
+const SLOTGAP_DESC$4 = "Every how many minutes do you want to offer slots";
+const maxPartySize_DESC$4 = "What is the maximum number of customers a reservation can have";
+const OK$4 = "Ok";
+const UPDATE_IN_PROGRESS$4 = "Update in progress";
+const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$4 = "We are updating the restaurant configuration. The changes can take up to {{value}} minutes to be available.";
+const ARE_YOU_SURE_DELETE_X_TABLES$4 = "Are you sure you want to delete {{value}} tables?";
+const ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$4 = "Are you sure you want to delete {{value}} special dates?";
+const ARE_YOU_SURE_DELETE_X_AREAS$4 = "Are you sure you want to delete {{value}} areas?";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8316,7 +8327,18 @@ const en = {
   openWidget: openWidget$4,
   widget: widget$4,
   maxPartySize: maxPartySize$4,
-  VENUE_MANAGEMENT: VENUE_MANAGEMENT$4
+  VENUE_MANAGEMENT: VENUE_MANAGEMENT$4,
+  SLOTGAP: SLOTGAP$4,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC: MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$4,
+  TIMEOFFSETTOMEALTIME_DESC: TIMEOFFSETTOMEALTIME_DESC$4,
+  SLOTGAP_DESC: SLOTGAP_DESC$4,
+  maxPartySize_DESC: maxPartySize_DESC$4,
+  OK: OK$4,
+  UPDATE_IN_PROGRESS: UPDATE_IN_PROGRESS$4,
+  UPDATE_IN_PROGRESS_MESSAGE_WITH_X: UPDATE_IN_PROGRESS_MESSAGE_WITH_X$4,
+  ARE_YOU_SURE_DELETE_X_TABLES: ARE_YOU_SURE_DELETE_X_TABLES$4,
+  ARE_YOU_SURE_DELETE_X_SPECIAL_DATES: ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$4,
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$4
 };
 const errors$3 = { "required": "Este campo es requerido", "email": "Este correo electrónico no es válido", "phone": "Número de teléfono no válido", "url": "URL no válida" };
 const SPECIALCLOSINGDATES$3 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -8568,7 +8590,7 @@ const TABLE$3 = "Mesa";
 const STATUSES$3 = "Estados";
 const MINCAPACITY$3 = "Capacidad mínima";
 const MAXCAPACITY$3 = "Capacidad máxima";
-const TIMEOFFSETTOMEALTIME$3 = "Desfase de tiempo a la hora de la comida";
+const TIMEOFFSETTOMEALTIME$3 = "Tiempo máximo de anticipación para reservar";
 const MAXPAXPERSLOT$3 = "Máximo de personas por franja horaria";
 const ADDRESERVATION$3 = "Agregar reserva";
 const DATE$4 = "Fecha";
@@ -8785,6 +8807,17 @@ const openWidget$3 = "Abrir widget";
 const widget$3 = "Widget";
 const maxPartySize$3 = "Tamaño máximo de grupo";
 const VENUE_MANAGEMENT$3 = "Gestión de restaurantes";
+const SLOTGAP$3 = "Intervalo entre reservas";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$3 = "¿Cuántas reservas puede recibir en un período de tiempo específico?";
+const TIMEOFFSETTOMEALTIME_DESC$3 = "¿Hasta cuánto tiempo antes de la hora de la comida puede un cliente reservar?";
+const SLOTGAP_DESC$3 = "¿Cada cuántos minutos desea ofrecer reservas?";
+const maxPartySize_DESC$3 = "¿Cuál es el número máximo de clientes que una reserva puede tener?";
+const OK$3 = "Ok";
+const UPDATE_IN_PROGRESS$3 = "Actualización en progreso";
+const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$3 = "Estamos actualizando la configuración del restaurante. Los cambios pueden tardar hasta {{value}} minutos en aplicarse.";
+const ARE_YOU_SURE_DELETE_X_TABLES$3 = "¿Está seguro de que desea eliminar {{value}} mesas?";
+const ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$3 = "¿Está seguro de que desea eliminar {{value}} fechas especiales?";
+const ARE_YOU_SURE_DELETE_X_AREAS$3 = "¿Está seguro de que desea eliminar {{value}} áreas?";
 const es$1 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9298,7 +9331,18 @@ const es$1 = {
   openWidget: openWidget$3,
   widget: widget$3,
   maxPartySize: maxPartySize$3,
-  VENUE_MANAGEMENT: VENUE_MANAGEMENT$3
+  VENUE_MANAGEMENT: VENUE_MANAGEMENT$3,
+  SLOTGAP: SLOTGAP$3,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC: MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$3,
+  TIMEOFFSETTOMEALTIME_DESC: TIMEOFFSETTOMEALTIME_DESC$3,
+  SLOTGAP_DESC: SLOTGAP_DESC$3,
+  maxPartySize_DESC: maxPartySize_DESC$3,
+  OK: OK$3,
+  UPDATE_IN_PROGRESS: UPDATE_IN_PROGRESS$3,
+  UPDATE_IN_PROGRESS_MESSAGE_WITH_X: UPDATE_IN_PROGRESS_MESSAGE_WITH_X$3,
+  ARE_YOU_SURE_DELETE_X_TABLES: ARE_YOU_SURE_DELETE_X_TABLES$3,
+  ARE_YOU_SURE_DELETE_X_SPECIAL_DATES: ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$3,
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet e-mail n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Dates de fermeture spéciales ou horaires différents (jours fériés, événements privés, etc.)";
@@ -9695,6 +9739,17 @@ const openWidget$2 = "Ouvrir le widget";
 const widget$2 = "Widget";
 const maxPartySize$2 = "Taille max. du groupe";
 const VENUE_MANAGEMENT$2 = "Gestion des établissements";
+const SLOTGAP$2 = "Intervalle entre réservations";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$2 = "Combien de réservations pouvez-vous recevoir dans un créneau de temps spécifique?";
+const TIMEOFFSETTOMEALTIME_DESC$2 = "Jusqu'à quelle heure avant la réservation peut-on recevoir une réservation?";
+const SLOTGAP_DESC$2 = "Combien de minutes entre deux réservations souhaitez-vous offrir?";
+const maxPartySize_DESC$2 = "Combien de clients une réservation peut-elle avoir?";
+const OK$2 = "Ok";
+const UPDATE_IN_PROGRESS$2 = "Mise à jour en cours";
+const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$2 = "Nous mettons à jour la configuration du restaurant. Les changements peuvent prendre jusqu'à {{value}} minutes pour être appliqués.";
+const ARE_YOU_SURE_DELETE_X_TABLES$2 = "Êtes-vous sûr de vouloir supprimer {{value}} tables?";
+const ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$2 = "Êtes-vous sûr de vouloir supprimer {{value}} dates spéciales?";
+const ARE_YOU_SURE_DELETE_X_AREAS$2 = "Êtes-vous sûr de vouloir supprimer {{value}} zones?";
 const fr = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10093,7 +10148,18 @@ const fr = {
   openWidget: openWidget$2,
   widget: widget$2,
   maxPartySize: maxPartySize$2,
-  VENUE_MANAGEMENT: VENUE_MANAGEMENT$2
+  VENUE_MANAGEMENT: VENUE_MANAGEMENT$2,
+  SLOTGAP: SLOTGAP$2,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC: MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$2,
+  TIMEOFFSETTOMEALTIME_DESC: TIMEOFFSETTOMEALTIME_DESC$2,
+  SLOTGAP_DESC: SLOTGAP_DESC$2,
+  maxPartySize_DESC: maxPartySize_DESC$2,
+  OK: OK$2,
+  UPDATE_IN_PROGRESS: UPDATE_IN_PROGRESS$2,
+  UPDATE_IN_PROGRESS_MESSAGE_WITH_X: UPDATE_IN_PROGRESS_MESSAGE_WITH_X$2,
+  ARE_YOU_SURE_DELETE_X_TABLES: ARE_YOU_SURE_DELETE_X_TABLES$2,
+  ARE_YOU_SURE_DELETE_X_SPECIAL_DATES: ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$2,
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$2
 };
 const errors$1 = { "required": "Dieses Feld ist erforderlich", "email": "Diese E-Mail ist nicht gültig", "phone": "Diese Telefonnummer ist nicht gültig", "url": "Diese URL ist nicht gültig" };
 const SPECIALCLOSINGDATES$1 = "Besondere Schließungstage oder abweichende Öffnungszeiten (besondere Tage, Feiertage, private Veranstaltungen…)";
@@ -10562,6 +10628,17 @@ const openWidget$1 = "Widget öffnen";
 const widget$1 = "Widget";
 const maxPartySize$1 = "Max. Gästeanzahl";
 const VENUE_MANAGEMENT$1 = "Standortverwaltung";
+const SLOTGAP$1 = "Zeitfensterabstand";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$1 = "Wie viele Reservierungen können Sie in einem bestimmten Zeitfenster aufnehmen?";
+const TIMEOFFSETTOMEALTIME_DESC$1 = "Bis zu welcher Zeit vor der Essenszeit können Gäste reservieren?";
+const SLOTGAP_DESC$1 = "Wie viele Minuten zwischen zwei Reservierungen möchten Sie anbieten?";
+const maxPartySize_DESC$1 = "Wie viele Gäste können in einer Reservierung sein?";
+const OK$1 = "Ok";
+const UPDATE_IN_PROGRESS$1 = "Aktualisierung läuft";
+const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$1 = "Wir aktualisieren die Restaurant-Konfiguration. Die Änderungen können bis zu {{value}} Minuten dauern.";
+const ARE_YOU_SURE_DELETE_X_TABLES$1 = "Sind Sie sicher, dass Sie {{value}} Tische löschen möchten?";
+const ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$1 = "Sind Sie sicher, dass Sie {{value}} besondere Daten löschen möchten?";
+const ARE_YOU_SURE_DELETE_X_AREAS$1 = "Sind Sie sicher, dass Sie {{value}} Bereiche löschen möchten?";
 const de = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11075,7 +11152,18 @@ const de = {
   openWidget: openWidget$1,
   widget: widget$1,
   maxPartySize: maxPartySize$1,
-  VENUE_MANAGEMENT: VENUE_MANAGEMENT$1
+  VENUE_MANAGEMENT: VENUE_MANAGEMENT$1,
+  SLOTGAP: SLOTGAP$1,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC: MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC$1,
+  TIMEOFFSETTOMEALTIME_DESC: TIMEOFFSETTOMEALTIME_DESC$1,
+  SLOTGAP_DESC: SLOTGAP_DESC$1,
+  maxPartySize_DESC: maxPartySize_DESC$1,
+  OK: OK$1,
+  UPDATE_IN_PROGRESS: UPDATE_IN_PROGRESS$1,
+  UPDATE_IN_PROGRESS_MESSAGE_WITH_X: UPDATE_IN_PROGRESS_MESSAGE_WITH_X$1,
+  ARE_YOU_SURE_DELETE_X_TABLES: ARE_YOU_SURE_DELETE_X_TABLES$1,
+  ARE_YOU_SURE_DELETE_X_SPECIAL_DATES: ARE_YOU_SURE_DELETE_X_SPECIAL_DATES$1,
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$1
 };
 const errors = { "required": "Dit veld is verplicht", "email": "Dit e-mailadres is ongeldig", "phone": "Ongeldig telefoonnummer", "url": "Deze URL is ongeldig" };
 const SPECIALCLOSINGDATES = "Speciale sluitingsdagen of afwijkende openingstijden (feestdagen, evenementen, enz.)";
@@ -11538,6 +11626,17 @@ const openWidget = "Widget openen";
 const widget = "Widget";
 const maxPartySize = "Max. gasten";
 const VENUE_MANAGEMENT = "Locatiebeheer";
+const SLOTGAP = "Tijdslotafstand";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC = "Hoeveel reserveringen kunt u in een bepaald tijdsinterval ontvangen?";
+const TIMEOFFSETTOMEALTIME_DESC = "Tot welke tijd voor de maaltijd kunnen gasten een reservering maken?";
+const SLOTGAP_DESC = "Hoeveel minuten tussen twee reserveringen wilt u aanbieden?";
+const maxPartySize_DESC = "Hoeveel gasten kunnen in een reservering zitten?";
+const OK = "Ok";
+const UPDATE_IN_PROGRESS = "Update in uitvoering";
+const UPDATE_IN_PROGRESS_MESSAGE_WITH_X = "We zijn bezig met het bijwerken van de restaurantconfiguratie. De wijzigingen kunnen tot {{value}} minuten duren voordat ze worden toegepast.";
+const ARE_YOU_SURE_DELETE_X_TABLES = "Weet je zeker dat je {{value}} tafels wilt verwijderen?";
+const ARE_YOU_SURE_DELETE_X_SPECIAL_DATES = "Weet je zeker dat je {{value}} speciale datums wilt verwijderen?";
+const ARE_YOU_SURE_DELETE_X_AREAS = "Weet je zeker dat je {{value}} gebieden wilt verwijderen?";
 const nl = {
   errors,
   SPECIALCLOSINGDATES,
@@ -12029,7 +12128,18 @@ const nl = {
   openWidget,
   widget,
   maxPartySize,
-  VENUE_MANAGEMENT
+  VENUE_MANAGEMENT,
+  SLOTGAP,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC,
+  TIMEOFFSETTOMEALTIME_DESC,
+  SLOTGAP_DESC,
+  maxPartySize_DESC,
+  OK,
+  UPDATE_IN_PROGRESS,
+  UPDATE_IN_PROGRESS_MESSAGE_WITH_X,
+  ARE_YOU_SURE_DELETE_X_TABLES,
+  ARE_YOU_SURE_DELETE_X_SPECIAL_DATES,
+  ARE_YOU_SURE_DELETE_X_AREAS
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -39194,7 +39304,7 @@ const useService = (executer, { onSuccess, onError, successText } = {}) => {
       if (typeof onError === "function") {
         await onError(error22);
       }
-      showMessageError("Error");
+      showMessageError((error22 == null ? void 0 : error22.message) ?? "Error");
       setError(error22 == null ? void 0 : error22.message);
     } finally {
       setIsExecuting(false);
@@ -62050,22 +62160,24 @@ const reInit = (el, props) => {
   el.litePickerInstance.destroy();
   init$2(el, props);
 };
-const inputWrapper = "_inputWrapper_1i9tl_1";
-const input$4 = "_input_1i9tl_1";
-const inputIcon = "_inputIcon_1i9tl_75";
+const inputWrapper = "_inputWrapper_c5acm_1";
+const input$4 = "_input_c5acm_1";
+const inputIcon = "_inputIcon_c5acm_89";
 const styles$1v = {
   inputWrapper,
   input: input$4,
-  "input--r-md": "_input--r-md_1i9tl_37",
-  "input--r-sm": "_input--r-sm_1i9tl_42",
-  "input--with-icon-left": "_input--with-icon-left_1i9tl_47",
-  "input--with-icon-right": "_input--with-icon-right_1i9tl_50",
-  "input--filled": "_input--filled_1i9tl_53",
-  "input--borderless": "_input--borderless_1i9tl_56",
-  "input--rounded": "_input--rounded_1i9tl_60",
+  "input--r-md": "_input--r-md_c5acm_37",
+  "input--r-sm": "_input--r-sm_c5acm_42",
+  "input--with-icon-left": "_input--with-icon-left_c5acm_47",
+  "input--with-icon-right": "_input--with-icon-right_c5acm_50",
+  "input--filled": "_input--filled_c5acm_53",
+  "input--error": "_input--error_c5acm_56",
+  "input--line-through": "_input--line-through_c5acm_59",
+  "input--borderless": "_input--borderless_c5acm_70",
+  "input--rounded": "_input--rounded_c5acm_74",
   inputIcon,
-  "inputIcon--p-left": "_inputIcon--p-left_1i9tl_84",
-  "inputIcon--p-right": "_inputIcon--p-right_1i9tl_87"
+  "inputIcon--p-left": "_inputIcon--p-left_c5acm_98",
+  "inputIcon--p-right": "_inputIcon--p-right_c5acm_101"
 };
 const Input$2 = React__default.forwardRef(({
   id: id2,
@@ -62087,7 +62199,9 @@ const Input$2 = React__default.forwardRef(({
   borderLess = false,
   rounded = false,
   customStyles: customStyles2,
+  error: error3 = false,
   className,
+  lineThrough = false,
   ...props
 }, ref) => {
   return /* @__PURE__ */ jsxs("div", {
@@ -62111,7 +62225,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1v["input"], styles$1v[`input--h-${heigth}`], styles$1v[`input--r-${radius}`], icon2 && styles$1v[`input--with-icon-${iconPosition}`], filled == true ? styles$1v[`input--filled`] : "", borderLess == true ? styles$1v[`input--borderless`] : "", rounded == true ? styles$1v[`input--rounded`] : ""),
+        className: classNames$2(styles$1v["input"], styles$1v[`input--h-${heigth}`], styles$1v[`input--r-${radius}`], icon2 && styles$1v[`input--with-icon-${iconPosition}`], filled == true ? styles$1v[`input--filled`] : "", borderLess == true ? styles$1v[`input--borderless`] : "", rounded == true ? styles$1v[`input--rounded`] : "", error3 == true ? styles$1v[`input--error`] : "", lineThrough == true ? styles$1v[`input--line-through`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -67363,6 +67477,7 @@ const TextInputField = ({
           onChangeE && onChangeE(e);
         },
         onBlur,
+        error: error3 ? true : false,
         ...props
       }), infoText2 && /* @__PURE__ */ jsx$1("p", {
         className: styles$1e.infoText,
@@ -122645,22 +122760,28 @@ const addModuleGoogle = async ({
     data: data2
   };
 };
-const account = "_account_8539r_12";
+const account = "_account_p1rn0_12";
+const account__address = "_account__address_p1rn0_27";
 const styles$w = {
   account,
-  "account--selected": "_account--selected_8539r_23"
+  "account--selected": "_account--selected_p1rn0_24",
+  account__address
 };
 const Account = ({
   name: name2,
   onClick,
-  selected
+  selected,
+  address: address2
 }) => {
-  return /* @__PURE__ */ jsx$1("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: classNames$2(styles$w.account, {
       [styles$w["account--selected"]]: selected
     }),
     onClick,
-    children: name2
+    children: [name2, address2 && /* @__PURE__ */ jsx$1("div", {
+      className: styles$w.account__address,
+      children: address2
+    })]
   });
 };
 const selectAccount$1 = "_selectAccount_1cl8x_1";
@@ -122671,6 +122792,17 @@ const styles$v = {
   selectAccount__title: selectAccount__title$1,
   close: close2
 };
+const googleAddressFormatter = (storefrontAddress) => {
+  if (!storefrontAddress) return null;
+  const addressParts = [
+    ...storefrontAddress.addressLines,
+    storefrontAddress.locality,
+    storefrontAddress.administrativeArea,
+    storefrontAddress.postalCode,
+    storefrontAddress.regionCode
+  ].filter(Boolean);
+  return addressParts.join(", ");
+};
 const SelectAccount$1 = ({
   accounts,
   onNext,
@@ -122687,7 +122819,10 @@ const SelectAccount$1 = ({
   };
   const handleSearchAccount = (e) => {
     setSearchValue(e.target.value);
-    setFilteredAccounts(accounts.filter((a2) => a2.title.toLowerCase().includes(e.target.value)));
+    setFilteredAccounts(accounts.filter((a2) => {
+      var _a2;
+      return a2.title.toLowerCase().includes(e.target.value) || (a2.storefrontAddress ? (_a2 = googleAddressFormatter(a2.storefrontAddress)) == null ? void 0 : _a2.toLowerCase().includes(e.target.value) : false);
+    }));
   };
   useEffect(() => {
     setFilteredAccounts(accounts);
@@ -122731,6 +122866,7 @@ const SelectAccount$1 = ({
     }), /* @__PURE__ */ jsx$1("br", {}), filteredAccounts.map((account2) => {
       return /* @__PURE__ */ jsx$1(Account, {
         name: account2.title,
+        address: googleAddressFormatter(account2 == null ? void 0 : account2.storefrontAddress),
         onClick: () => onSelectAccount(account2),
         selected: (selectedAccount == null ? void 0 : selectedAccount.name) === account2.name
       }, account2.name);
@@ -123753,6 +123889,8 @@ const ConfirmationModal = ({
   title: title2,
   text: text2 = "AREYOUSURE?",
   icon: icon2,
+  submitButtonText = "ACCEPT",
+  cancelButtonText = "CANCEL",
   ...props
 }) => {
   const {
@@ -123790,13 +123928,13 @@ const ConfirmationModal = ({
           mode: "tertiary",
           onClick: props.onClose,
           disabled: isLoading,
-          children: t2("CANCEL")
+          children: t2(cancelButtonText)
         }), /* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "submit",
           onClick: () => onAccept(),
           isLoading,
-          children: t2("ACCEPT")
+          children: t2(submitButtonText)
         })]
       })
     })]
@@ -127940,19 +128078,19 @@ const UpdateBookingStatusBooking = async ({ venueId, bookingId, data: data2 }) =
   }
   return { data: "ok" };
 };
-const ReloadContext = createContext(void 0);
-const useReloadContext = () => {
-  const context = useContext(ReloadContext);
+const ReloadContext$1 = createContext(void 0);
+const useReloadContext$1 = () => {
+  const context = useContext(ReloadContext$1);
   if (!context) {
     throw new Error("useReloadContext must be used within a ReloadProvider");
   }
   return context;
 };
-const ReloadProvider = ({
+const ReloadProvider$1 = ({
   children,
   reload
 }) => {
-  return /* @__PURE__ */ jsx$1(ReloadContext.Provider, {
+  return /* @__PURE__ */ jsx$1(ReloadContext$1.Provider, {
     value: {
       reload
     },
@@ -127971,7 +128109,7 @@ const TableRow = ({
   } = useTranslation();
   const {
     reload: reloadMainTable
-  } = useReloadContext();
+  } = useReloadContext$1();
   const {
     showSidebar,
     setShowSidebar
@@ -128217,7 +128355,7 @@ const ActionButtons = ({
   } = useSelectedBookingContext();
   const {
     reload: reloadMainTable
-  } = useReloadContext();
+  } = useReloadContext$1();
   const [showConfrimationModal, setShowConfrimationModal] = useState(false);
   const [action, setAction] = useState("");
   const {
@@ -129005,7 +129143,7 @@ const index$7 = ({
   } = useTranslation();
   const {
     reload: reloadMainTable
-  } = useReloadContext();
+  } = useReloadContext$1();
   const {
     selectedBooking,
     setSelectedBooking,
@@ -129417,16 +129555,16 @@ const index$7 = ({
           label: t2("notes"),
           placeholder: t2("notes")
         })
+      }), selectedBooking && selectedBooking.status !== "canceled" && /* @__PURE__ */ jsxs(React__default.Fragment, {
+        children: [/* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsx$1(BookingInfo, {
+          item: selectedBooking
+        })]
       })]
     }), /* @__PURE__ */ jsxs("div", {
       className: styles$e.sidebarFooter,
       children: [/* @__PURE__ */ jsx$1(Divider2, {}), canEdit && /* @__PURE__ */ jsx$1(ActionButtons, {
         onSubmit,
         venueId
-      }), selectedBooking && selectedBooking.status !== "canceled" && /* @__PURE__ */ jsxs(React__default.Fragment, {
-        children: [/* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsx$1(BookingInfo, {
-          item: selectedBooking
-        })]
       })]
     })]
   });
@@ -129575,6 +129713,9 @@ const EnableOnboarding = ({
   } = useService(EnableLive, {
     onSuccess: async () => {
       reloadSelectsData();
+    },
+    onError: () => {
+      reloadSelectsData();
     }
   });
   useEffect(() => {
@@ -129702,13 +129843,13 @@ function MainComponent({
       clearInterval(interval);
     };
   }, [reload]);
-  return /* @__PURE__ */ jsx$1(ReloadProvider, {
+  return /* @__PURE__ */ jsx$1(ReloadProvider$1, {
     reload,
     children: /* @__PURE__ */ jsxs("div", {
       className: styles$e.mainWrapper,
       children: [/* @__PURE__ */ jsx$1(EnableOnboarding, {
         venueId,
-        onboardingReady: filtersData == null ? void 0 : filtersData.onboardingReady,
+        onboardingReady: !filtersData ? true : filtersData == null ? void 0 : filtersData.onboardingReady,
         reloadSelectsData
       }), /* @__PURE__ */ jsxs("div", {
         className: styles$e.mainConatiner,
@@ -129752,30 +129893,32 @@ function Main$2({
     })
   });
 }
-const mainConatiner = "_mainConatiner_1afjz_41";
-const header$1 = "_header_1afjz_54";
-const sectionCard = "_sectionCard_1afjz_73";
-const cardHeader = "_cardHeader_1afjz_77";
-const cardTitle = "_cardTitle_1afjz_80";
-const cardDesc = "_cardDesc_1afjz_84";
-const cardBody = "_cardBody_1afjz_88";
-const cardFooter = "_cardFooter_1afjz_92";
-const cardFooterContent = "_cardFooterContent_1afjz_92";
-const sectionManagement = "_sectionManagement_1afjz_104";
-const sectionFormRow = "_sectionFormRow_1afjz_104";
-const drawerContent = "_drawerContent_1afjz_111";
-const scrollableForm = "_scrollableForm_1afjz_116";
-const fixedActions = "_fixedActions_1afjz_122";
-const specialDatesInfoText = "_specialDatesInfoText_1afjz_129";
-const deleteIcon = "_deleteIcon_1afjz_143";
-const stripeConnectContainer = "_stripeConnectContainer_1afjz_148";
-const paymentGatewayContainer = "_paymentGatewayContainer_1afjz_156";
-const paymentRules = "_paymentRules_1afjz_162";
-const paymentRulesContainer = "_paymentRulesContainer_1afjz_167";
-const paymentRulesDesc = "_paymentRulesDesc_1afjz_173";
+const mainConatiner = "_mainConatiner_gaf1i_41";
+const header$1 = "_header_gaf1i_54";
+const sectionCard = "_sectionCard_gaf1i_73";
+const cardHeader = "_cardHeader_gaf1i_77";
+const cardTitle = "_cardTitle_gaf1i_80";
+const cardDesc = "_cardDesc_gaf1i_84";
+const cardBody = "_cardBody_gaf1i_88";
+const cardFooter = "_cardFooter_gaf1i_92";
+const cardFooterContent = "_cardFooterContent_gaf1i_92";
+const sectionManagement = "_sectionManagement_gaf1i_104";
+const sectionFormRow = "_sectionFormRow_gaf1i_104";
+const drawerContent = "_drawerContent_gaf1i_111";
+const scrollableForm = "_scrollableForm_gaf1i_116";
+const formRow = "_formRow_gaf1i_122";
+const fixedActions = "_fixedActions_gaf1i_125";
+const specialDatesInfoText = "_specialDatesInfoText_gaf1i_132";
+const deleteIcon = "_deleteIcon_gaf1i_146";
+const stripeConnectContainer = "_stripeConnectContainer_gaf1i_151";
+const paymentGatewayContainer = "_paymentGatewayContainer_gaf1i_159";
+const paymentRules = "_paymentRules_gaf1i_165";
+const paymentRulesContainer = "_paymentRulesContainer_gaf1i_170";
+const paymentRulesDesc = "_paymentRulesDesc_gaf1i_176";
+const secText = "_secText_gaf1i_182";
 const styles$b = {
-  "my-masonry-grid": "_my-masonry-grid_1afjz_19",
-  "my-masonry-grid_column": "_my-masonry-grid_column_1afjz_30",
+  "my-masonry-grid": "_my-masonry-grid_gaf1i_19",
+  "my-masonry-grid_column": "_my-masonry-grid_column_gaf1i_30",
   mainConatiner,
   header: header$1,
   sectionCard,
@@ -129789,6 +129932,7 @@ const styles$b = {
   sectionFormRow,
   drawerContent,
   scrollableForm,
+  formRow,
   fixedActions,
   specialDatesInfoText,
   deleteIcon,
@@ -129796,7 +129940,8 @@ const styles$b = {
   paymentGatewayContainer,
   paymentRules,
   paymentRulesContainer,
-  paymentRulesDesc
+  paymentRulesDesc,
+  secText
 };
 const AreaManagementCard$1 = ({
   isOpenDrawer,
@@ -129901,6 +130046,25 @@ const DeleteArea = async ({
   );
   return { data: "deleted" };
 };
+const ReloadContext = createContext(void 0);
+const useReloadContext = () => {
+  const context = useContext(ReloadContext);
+  if (!context) {
+    throw new Error("useReloadContext must be used within a ReloadProvider");
+  }
+  return context;
+};
+const ReloadProvider = ({
+  children,
+  reload
+}) => {
+  return /* @__PURE__ */ jsx$1(ReloadContext.Provider, {
+    value: {
+      reload
+    },
+    children
+  });
+};
 const AreaEditDrawer = ({
   isOpen,
   setIsOpen,
@@ -129908,6 +130072,9 @@ const AreaEditDrawer = ({
   data: data2,
   reload
 }) => {
+  const {
+    reload: reloadAreaManagement
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -129932,6 +130099,7 @@ const AreaEditDrawer = ({
     onSuccess: () => {
       setShowConfirmationModal(false);
       setSelectedArea(null);
+      reloadAreaManagement();
       reload();
     }
   });
@@ -129954,10 +130122,7 @@ const AreaEditDrawer = ({
     control,
     reset,
     trigger,
-    getValues,
-    formState: {
-      isDirty
-    }
+    getValues
   } = useForm({
     mode: "onChange",
     resolver: o(areaSchema()),
@@ -130010,6 +130175,7 @@ const AreaEditDrawer = ({
         venueId
       });
     }
+    reloadAreaManagement();
     reload();
     setIsOpen(false);
   };
@@ -130543,6 +130709,9 @@ const TableEditDrawer = ({
   areasList,
   reload
 }) => {
+  const {
+    reload: reloadTableManagement
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -130569,6 +130738,7 @@ const TableEditDrawer = ({
     onSuccess: () => {
       setShowConfirmationModal(false);
       setSelectedTable(null);
+      reloadTableManagement();
       reload();
     }
   });
@@ -130599,8 +130769,7 @@ const TableEditDrawer = ({
   });
   const {
     fields,
-    append: append2,
-    remove
+    append: append2
   } = useFieldArray({
     control,
     name: "tables"
@@ -130645,16 +130814,9 @@ const TableEditDrawer = ({
       bulkUpdate: true
     });
     reload();
+    reloadTableManagement();
     setIsOpen(false);
   };
-  const onDelete = (value2, index2) => {
-    if (value2.id) {
-      setShowConfirmationModal(true);
-      setSelectedTable(value2.id);
-    } else {
-      remove(index2);
-    }
-  };
   const scrollToBottom = () => {
     if (scrollableRef.current) {
       scrollableRef.current.scrollTo({
@@ -130722,14 +130884,6 @@ const TableEditDrawer = ({
         children: fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
           className: styles$b.sectionFormRow,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$b.deleteIcon,
-            children: /* @__PURE__ */ jsx$1(Icon, {
-              icon: "TrashX",
-              onClick: () => {
-                onDelete(getValues(`tables.${index2}`), index2);
-              }
-            })
-          }), /* @__PURE__ */ jsx$1("div", {
             style: {
               width: 150
             },
@@ -130992,6 +131146,9 @@ const ReservationDurationEditDrawer = ({
   data: data2,
   reload
 }) => {
+  const {
+    reload: reloadReservationDuration
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -131064,6 +131221,7 @@ const ReservationDurationEditDrawer = ({
         bulkUpdate: true
       });
       reload();
+      reloadReservationDuration();
       setIsOpen(false);
     } catch (error3) {
       showMessageError("Failed to update reservation duration");
@@ -131375,6 +131533,9 @@ const SpecialDatesEditDrawer = ({
   data: data2,
   reload
 }) => {
+  const {
+    reload: reloadSpecialDates
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -131396,6 +131557,7 @@ const SpecialDatesEditDrawer = ({
     onSuccess: () => {
       setShowConfirmationModal(false);
       setSelectedDate(null);
+      reloadSpecialDates();
       reload();
     }
   });
@@ -131478,6 +131640,7 @@ const SpecialDatesEditDrawer = ({
         bulkUpdate: true
       });
       reload();
+      reloadSpecialDates();
       setIsOpen(false);
     } catch (error3) {
       showMessageError("Failed to update special dates");
@@ -131754,6 +131917,9 @@ const ShiftsEditDrawer = ({
   data: data2,
   reload
 }) => {
+  const {
+    reload: reloadShifts
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -131827,6 +131993,7 @@ const ShiftsEditDrawer = ({
         module: "opHour"
       });
       reload();
+      reloadShifts();
       setIsOpen(false);
     } catch (error3) {
       showMessageError(t2("Failed to save shifts"));
@@ -132066,11 +132233,17 @@ const ReservationPreferencesCard = ({
           style: {
             display: "contents"
           },
-          children: [/* @__PURE__ */ jsx$1("p", {
-            style: {
-              fontWeight: "bold"
-            },
-            children: t2("MAX_RESERVATIONS_ARRIVAL_PER_SLOT")
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: "",
+            children: [/* @__PURE__ */ jsx$1("p", {
+              style: {
+                fontWeight: "bold"
+              },
+              children: t2("MAX_RESERVATIONS_ARRIVAL_PER_SLOT")
+            }), /* @__PURE__ */ jsx$1("p", {
+              className: styles$b.secText,
+              children: t2("MAX_RESERVATIONS_ARRIVAL_PER_SLOT_DESC")
+            })]
           }), /* @__PURE__ */ jsx$1("p", {
             style: {
               textAlign: "left"
@@ -132081,11 +132254,38 @@ const ReservationPreferencesCard = ({
           style: {
             display: "contents"
           },
-          children: [/* @__PURE__ */ jsx$1("p", {
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: "",
+            children: [/* @__PURE__ */ jsx$1("p", {
+              style: {
+                fontWeight: "bold"
+              },
+              children: t2("TIMEOFFSETTOMEALTIME")
+            }), /* @__PURE__ */ jsx$1("p", {
+              className: styles$b.secText,
+              children: t2("TIMEOFFSETTOMEALTIME_DESC")
+            })]
+          }), /* @__PURE__ */ jsxs("p", {
             style: {
-              fontWeight: "bold"
+              textAlign: "left"
             },
-            children: t2("TIMEOFFSETTOMEALTIME")
+            children: [(venueData == null ? void 0 : venueData.minAdvanceBooking) ? `${venueData == null ? void 0 : venueData.minAdvanceBooking} min` : "-", " "]
+          })]
+        }), /* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "contents"
+          },
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: "",
+            children: [/* @__PURE__ */ jsx$1("p", {
+              style: {
+                fontWeight: "bold"
+              },
+              children: t2("SLOTGAP")
+            }), /* @__PURE__ */ jsx$1("p", {
+              className: styles$b.secText,
+              children: t2("SLOTGAP_DESC")
+            })]
           }), /* @__PURE__ */ jsxs("p", {
             style: {
               textAlign: "left"
@@ -132096,11 +132296,17 @@ const ReservationPreferencesCard = ({
           style: {
             display: "contents"
           },
-          children: [/* @__PURE__ */ jsx$1("p", {
-            style: {
-              fontWeight: "bold"
-            },
-            children: t2("maxPartySize")
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: "",
+            children: [/* @__PURE__ */ jsx$1("p", {
+              style: {
+                fontWeight: "bold"
+              },
+              children: t2("maxPartySize")
+            }), /* @__PURE__ */ jsx$1("p", {
+              className: styles$b.secText,
+              children: t2("maxPartySize_DESC")
+            })]
           }), /* @__PURE__ */ jsx$1("p", {
             style: {
               textAlign: "left"
@@ -132131,6 +132337,9 @@ const ReservationPreferencesEditDrawer = ({
   reloadVenue,
   reloadReservationDuration
 }) => {
+  const {
+    reload: reloadReservationPreferences
+  } = useReloadContext();
   const {
     t: t2
   } = useTranslation();
@@ -132148,22 +132357,21 @@ const ReservationPreferencesEditDrawer = ({
     id: "",
     maxWelcomeSlot: "",
     slotDuration: "",
-    maxPartySize: venueData == null ? void 0 : venueData.maxCovers
+    maxPartySize: venueData == null ? void 0 : venueData.maxCovers,
+    minAdvanceBooking: venueData == null ? void 0 : venueData.minAdvanceBooking
   };
   const areaSchema = () => create$2().shape({
     id: create$4().nullable(),
     maxWelcomeSlot: create$4().required(t2("errors.required")),
     slotDuration: create$4().required(t2("errors.required")),
-    maxPartySize: create$4().required(t2("errors.required"))
+    maxPartySize: create$4().required(t2("errors.required")),
+    minAdvanceBooking: create$4().required(t2("errors.required"))
   });
   const {
     control,
     reset,
     trigger,
-    getValues,
-    formState: {
-      isDirty
-    }
+    getValues
   } = useForm({
     mode: "onChange",
     resolver: o(areaSchema()),
@@ -132181,7 +132389,8 @@ const ReservationPreferencesEditDrawer = ({
       slotDuration: data22.slotDuration
     };
     const toSendToVenue = {
-      maxCovers: data22.maxPartySize
+      maxCovers: data22.maxPartySize,
+      minAdvanceBooking: data22.minAdvanceBooking
     };
     await execute({
       data: toSend,
@@ -132193,6 +132402,7 @@ const ReservationPreferencesEditDrawer = ({
       data: toSendToVenue,
       venueId
     });
+    reloadReservationPreferences();
     reload();
     reloadVenue();
     reloadReservationDuration();
@@ -132204,7 +132414,8 @@ const ReservationPreferencesEditDrawer = ({
         id: data2.id,
         maxWelcomeSlot: data2.maxWelcomeSlot,
         slotDuration: data2.slotDuration,
-        maxPartySize: venueData == null ? void 0 : venueData.maxCovers
+        maxPartySize: venueData == null ? void 0 : venueData.maxCovers,
+        minAdvanceBooking: venueData == null ? void 0 : venueData.minAdvanceBooking
       });
     } else {
       reset(defaultValue2);
@@ -132220,7 +132431,7 @@ const ReservationPreferencesEditDrawer = ({
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$b.scrollableForm,
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: "",
+          className: styles$b.formRow,
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             control,
             id: "maxWelcomeSlot",
@@ -132231,18 +132442,29 @@ const ReservationPreferencesEditDrawer = ({
             type: "number"
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: "",
+          className: styles$b.formRow,
+          children: /* @__PURE__ */ jsx$1(TextInputField, {
+            control,
+            id: "minAdvanceBooking",
+            name: "minAdvanceBooking",
+            label: t2("TIMEOFFSETTOMEALTIME") + " (min)",
+            placeholder: t2("TIMEOFFSETTOMEALTIME"),
+            radius: "sm",
+            type: "number"
+          })
+        }), /* @__PURE__ */ jsx$1("div", {
+          className: styles$b.formRow,
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             control,
             id: "slotDuration",
             name: "slotDuration",
-            label: "Time offset to mealtime (minutes)",
-            placeholder: "Time offset to mealtime ...",
+            label: t2("SLOTGAP") + " (min)",
+            placeholder: t2("SLOTGAP"),
             radius: "sm",
             type: "number"
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: "",
+          className: styles$b.formRow,
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             control,
             id: "maxPartySize",
@@ -133003,6 +133225,7 @@ function Main$1({
   } = useTranslation();
   const [currentVenue, setCurrentVenue] = useState(null);
   const [canEdit, setCanEdit] = useState(false);
+  const [showUpdateInprogressModal, setShowUpdateInprogressModal] = useState(false);
   const {
     data: data2,
     reload
@@ -133063,44 +133286,58 @@ function Main$1({
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("RESTAURANTSETUP")
       })
-    }), /* @__PURE__ */ jsxs(Masonry, {
-      breakpointCols: {
-        default: 3,
-        1200: 2,
-        800: 1
-      },
-      className: styles$b["my-masonry-grid"],
-      columnClassName: styles$b["my-masonry-grid_column"],
-      children: [/* @__PURE__ */ jsx$1(index$6, {
-        areas: data2,
-        reloadAreas: reload,
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index$5, {
-        areas: data2,
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index$4, {
-        data: reservationDurationData,
-        reload: reloadReservationDuration,
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index$2, {
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index$3, {
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index$1, {
-        venueData: data2 == null ? void 0 : data2.venue,
-        reloadVenue: reload,
-        reloadReservationDuration,
-        venueId: currentVenue,
-        canEdit
-      }), /* @__PURE__ */ jsx$1(index, {
-        venueId: currentVenue,
-        canEdit
-      })]
+    }), /* @__PURE__ */ jsx$1(ReloadProvider, {
+      reload: () => setShowUpdateInprogressModal(true),
+      children: /* @__PURE__ */ jsxs(Masonry, {
+        breakpointCols: {
+          default: 3,
+          1200: 2,
+          800: 1
+        },
+        className: styles$b["my-masonry-grid"],
+        columnClassName: styles$b["my-masonry-grid_column"],
+        children: [/* @__PURE__ */ jsx$1(index$6, {
+          areas: data2,
+          reloadAreas: reload,
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index$5, {
+          areas: data2,
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index$4, {
+          data: reservationDurationData,
+          reload: reloadReservationDuration,
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index$2, {
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index$3, {
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index$1, {
+          venueData: data2 == null ? void 0 : data2.venue,
+          reloadVenue: reload,
+          reloadReservationDuration,
+          venueId: currentVenue,
+          canEdit
+        }), /* @__PURE__ */ jsx$1(index, {
+          venueId: currentVenue,
+          canEdit
+        })]
+      })
+    }), /* @__PURE__ */ jsx$1(ConfirmationModal, {
+      icon: "CalendarTime",
+      open: showUpdateInprogressModal,
+      onClose: () => setShowUpdateInprogressModal(false),
+      title: t2("UPDATE_IN_PROGRESS"),
+      text: t2("UPDATE_IN_PROGRESS_MESSAGE_WITH_X", {
+        value: 15
+      }),
+      onAccept: () => setShowUpdateInprogressModal(false),
+      submitButtonText: t2("OK"),
+      cancelButtonText: t2("CLOSE")
     })]
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"

package/style.css

@@ -1518,14 +1518,14 @@
   :root {
     --litepicker-day-width: 35px;
   }
-}._inputWrapper_1i9tl_1 {
+}._inputWrapper_c5acm_1 {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-._input_1i9tl_1 {
+._input_c5acm_1 {
   flex: 1;
   font: var(--moz-font-weight-input) var(--moz-font-size-input)/var(--moz-line-height-input) var(--moz-font-family-input);
   padding: 0.75rem 0.75rem;
@@ -1539,60 +1539,74 @@
   width: auto;
   box-sizing: border-box;
 }
-._input_1i9tl_1:focus {
+._input_c5acm_1:focus {
   outline: none;
   box-shadow: 0 0 5px var(--moz-input-border);
 }
-._input_1i9tl_1:disabled {
+._input_c5acm_1:disabled {
   color: var(--moz-bg-gray);
   background: var(--moz-input-disabled);
 }
-._input_1i9tl_1[type=number] {
+._input_c5acm_1[type=number] {
   appearance: textfield;
 }
-._input_1i9tl_1[type=number]::-webkit-outer-spin-button, ._input_1i9tl_1[type=number]::-webkit-inner-spin-button {
+._input_c5acm_1[type=number]::-webkit-outer-spin-button, ._input_c5acm_1[type=number]::-webkit-inner-spin-button {
   margin: 0;
   appearance: none;
 }
-._input--r-md_1i9tl_37 {
+._input--r-md_c5acm_37 {
   border-radius: 8px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._input--r-sm_1i9tl_42 {
+._input--r-sm_c5acm_42 {
   border-radius: 2px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._input--with-icon-left_1i9tl_47 {
+._input--with-icon-left_c5acm_47 {
   padding-left: 2rem;
 }
-._input--with-icon-right_1i9tl_50 {
+._input--with-icon-right_c5acm_50 {
   padding-right: 2rem;
 }
-._input--filled_1i9tl_53 {
+._input--filled_c5acm_53 {
   background: var(--moz-input-filled);
 }
-._input--borderless_1i9tl_56 {
+._input--error_c5acm_56 {
+  border-color: rgb(220, 53, 69);
+}
+._input--line-through_c5acm_59 {
+  text-decoration: line-through;
+}
+._input--line-through_c5acm_59::-webkit-datetime-edit, ._input--line-through_c5acm_59::-webkit-calendar-picker-indicator {
+  text-decoration: line-through !important;
+  -webkit-text-decoration: line-through !important;
+}
+._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit, ._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit-fields-wrapper, ._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit-text, ._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit-month-field, ._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit-day-field, ._input--line-through_c5acm_59[type=date]::-webkit-datetime-edit-year-field {
+  text-decoration: line-through !important;
+  -webkit-text-decoration: line-through !important;
+}
+._input--borderless_c5acm_70 {
   border: none;
   border-bottom: none;
 }
-._input--rounded_1i9tl_60 {
+._input--rounded_c5acm_74 {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
 }
-._input_1i9tl_1::placeholder {
+._input_c5acm_1::placeholder {
   color: var(--moz-text-input);
   opacity: 1;
 }
-._input_1i9tl_1:-ms-input-placeholder {
+._input_c5acm_1:-ms-input-placeholder {
   color: var(--moz-text-input);
 }
-._input_1i9tl_1::-ms-input-placeholder {
+._input_c5acm_1::-ms-input-placeholder {
   color: var(--moz-text-input);
 }
 
-._inputIcon_1i9tl_75 {
+._inputIcon_c5acm_89 {
   position: absolute;
   pointer-events: none;
   display: flex;
@@ -1601,10 +1615,10 @@
   top: 50%;
   transform: translateY(-50%);
 }
-._inputIcon--p-left_1i9tl_84 {
+._inputIcon--p-left_c5acm_98 {
   left: 0.5rem;
 }
-._inputIcon--p-right_1i9tl_87 {
+._inputIcon--p-right_c5acm_101 {
   right: 0.5rem;
 }._filterButton_c0yjo_1 {
   display: flex;
@@ -3260,30 +3274,35 @@ hr {
 ._my-masonry-grid_column_vahsi_12 > div {
   /* change div to reference your elements you put in <Masonry> */
   margin-bottom: 40px;
-}._selectAccount_8539r_1 {
+}._selectAccount_p1rn0_1 {
   display: flex;
   gap: 0.5rem;
   flex-direction: column;
   text-align: justify;
 }
-._selectAccount__title_8539r_7 {
+._selectAccount__title_p1rn0_7 {
   font: 600 1.125rem/1.55 var(--moz-font-family);
   text-align: center;
 }
 
-._account_8539r_12 {
+._account_p1rn0_12 {
   display: flex;
+  flex-direction: column;
   justify-content: center;
   border: 1px solid var(--moz-input-border);
   border-radius: 1rem;
   padding: 0.5rem;
   cursor: default;
 }
-._account_8539r_12:hover {
+._account_p1rn0_12:hover {
   background-color: var(--moz-cta-content-sec-bg);
 }
-._account--selected_8539r_23 {
+._account--selected_p1rn0_24 {
   background-color: var(--moz-cta-body-bg);
+}
+._account__address_p1rn0_27 {
+  font: 0.75rem/1.75rem var(--moz-font-family-title);
+  color: var(--moz-text-secondary);
 }._selectAccount_1cl8x_1 {
   display: flex;
   gap: 0.5rem;
@@ -31053,7 +31072,7 @@ hr {
   border: 0;
   border-top: 2px solid #42465a;
 }
-._my-masonry-grid_1afjz_19 {
+._my-masonry-grid_gaf1i_19 {
   display: -webkit-box;
   /* Not needed if autoprefixing */
   display: -ms-flexbox;
@@ -31063,16 +31082,16 @@ hr {
   /* gutter size offset */
   width: auto;
 }
-._my-masonry-grid_column_1afjz_30 {
+._my-masonry-grid_column_gaf1i_30 {
   padding-left: 40px;
   /* gutter size */
   background-clip: padding-box;
 }
-._my-masonry-grid_column_1afjz_30 > div {
+._my-masonry-grid_column_gaf1i_30 > div {
   /* change div to reference your elements you put in <Masonry> */
   margin-bottom: 40px;
 }
-._mainConatiner_1afjz_41 {
+._mainConatiner_gaf1i_41 {
   color: var(--moz-text-primary);
   height: 100vh;
   max-height: 100vh;
@@ -31085,13 +31104,13 @@ hr {
   padding-left: 10px;
   padding-right: 10px;
 }
-._mainConatiner_1afjz_41 ._header_1afjz_54 {
+._mainConatiner_gaf1i_41 ._header_gaf1i_54 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 1.25rem;
 }
-._mainConatiner_1afjz_41 ._content_1afjz_60 {
+._mainConatiner_gaf1i_41 ._content_gaf1i_60 {
   display: flex;
   justify-content: center;
   align-items: flex-start;
@@ -31099,29 +31118,29 @@ hr {
   padding: 1.5rem;
   overflow-y: auto;
 }
-._textSecondary_1afjz_69 {
+._textSecondary_gaf1i_69 {
   color: var(--moz-text-secondary);
 }
-._sectionCard_1afjz_73 {
+._sectionCard_gaf1i_73 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
 }
-._sectionCard_1afjz_73 ._cardHeader_1afjz_77 {
+._sectionCard_gaf1i_73 ._cardHeader_gaf1i_77 {
   padding: 1.5rem;
 }
-._sectionCard_1afjz_73 ._cardHeader_1afjz_77 ._cardTitle_1afjz_80 {
+._sectionCard_gaf1i_73 ._cardHeader_gaf1i_77 ._cardTitle_gaf1i_80 {
   font-size: 18px;
   color: var(--moz-text-label);
 }
-._sectionCard_1afjz_73 ._cardHeader_1afjz_77 ._cardDesc_1afjz_84 {
+._sectionCard_gaf1i_73 ._cardHeader_gaf1i_77 ._cardDesc_gaf1i_84 {
   font-size: 14px;
   color: var(--moz-text-secondary);
 }
-._sectionCard_1afjz_73 ._cardBody_1afjz_88 {
+._sectionCard_gaf1i_73 ._cardBody_gaf1i_88 {
   padding: 1.5rem;
   color: var(--moz-text-label);
 }
-._sectionCard_1afjz_73 ._cardFooter_1afjz_92 ._cardFooterContent_1afjz_92 {
+._sectionCard_gaf1i_73 ._cardFooter_gaf1i_92 ._cardFooterContent_gaf1i_92 {
   padding: 0.5rem;
   display: flex;
   justify-content: center;
@@ -31132,73 +31151,80 @@ hr {
   color: var(--moz-text-secondary);
   cursor: pointer;
 }
-._sectionManagement_1afjz_104 ._sectionFormRow_1afjz_104 {
+._sectionManagement_gaf1i_104 ._sectionFormRow_gaf1i_104 {
   display: flex;
   gap: 0.75rem;
   padding: 1.5rem;
   justify-content: center;
   align-items: center;
 }
-._sectionManagement_1afjz_104 ._drawerContent_1afjz_111 {
+._sectionManagement_gaf1i_104 ._drawerContent_gaf1i_111 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._sectionManagement_1afjz_104 ._drawerContent_1afjz_111 ._scrollableForm_1afjz_116 {
+._sectionManagement_gaf1i_104 ._drawerContent_gaf1i_111 ._scrollableForm_gaf1i_116 {
   flex: 1;
   overflow-y: auto;
   padding-top: 0px;
   padding: 0px;
 }
-._sectionManagement_1afjz_104 ._drawerContent_1afjz_111 ._fixedActions_1afjz_122 {
+._sectionManagement_gaf1i_104 ._drawerContent_gaf1i_111 ._scrollableForm_gaf1i_116 ._formRow_gaf1i_122 {
+  padding: 10px 0px 10px 0px;
+}
+._sectionManagement_gaf1i_104 ._drawerContent_gaf1i_111 ._fixedActions_gaf1i_125 {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
   padding: 10px 10px 0px 10px;
 }
-._specialDatesInfoText_1afjz_129 {
+._specialDatesInfoText_gaf1i_132 {
   color: var(--moz-text-secondary);
   font-size: 14px;
   padding: 5px;
   padding-top: 0;
   padding-bottom: 0;
 }
-._closeIcon_1afjz_137 {
+._closeIcon_gaf1i_140 {
   color: var(--moz-text-primary);
   cursor: "pointer";
   margin-top: 20;
 }
-._deleteIcon_1afjz_143 {
+._deleteIcon_gaf1i_146 {
   color: var(--moz-cta-danger);
   cursor: "pointer";
 }
-._stripeConnectContainer_1afjz_148 {
+._stripeConnectContainer_gaf1i_151 {
   margin-bottom: 20px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 20px;
 }
-._paymentGatewayContainer_1afjz_156 {
+._paymentGatewayContainer_gaf1i_159 {
   display: flex;
   flex-direction: column;
   gap: 30px;
   margin-bottom: 30px;
 }
-._paymentGatewayContainer_1afjz_156 ._paymentRules_1afjz_162 {
+._paymentGatewayContainer_gaf1i_159 ._paymentRules_gaf1i_165 {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
-._paymentGatewayContainer_1afjz_156 ._paymentRules_1afjz_162 ._paymentRulesContainer_1afjz_167 {
+._paymentGatewayContainer_gaf1i_159 ._paymentRules_gaf1i_165 ._paymentRulesContainer_gaf1i_170 {
   display: flex;
   flex-direction: row;
   gap: 10px;
 }
-._paymentRulesDesc_1afjz_173 {
+._paymentRulesDesc_gaf1i_176 {
   max-width: 600px;
   color: var(--moz-text-secondary);
   font-size: 14px;
+}
+._secText_gaf1i_182 {
+  font-size: 14px;
+  color: var(--moz-text-secondary);
 }._form_p8f7t_1 {
   display: flex;
   flex-direction: column;