mozrest-sdk-react-dev 0.3.41 → 0.3.43

package/mozrest-sdk.es.js

@@ -7835,6 +7835,7 @@ const Period$4 = "Period";
 const Year$5 = "Year";
 const Covers$4 = "Covered";
 const NO_AVAILABLE_CHANNELS$4 = "No available channels";
+const select$4 = "Select";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8384,7 +8385,8 @@ const en = {
   "No options": "No options",
   Covers: Covers$4,
   "dd/mm/yyyy": "dd/mm/yyyy",
-  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$4
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$4,
+  select: select$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…)";
@@ -8883,6 +8885,7 @@ const Year$4 = "Año";
 const Bookings$3 = "Reservas";
 const Covers$3 = "Coberturas";
 const NO_AVAILABLE_CHANNELS$3 = "No hay canales disponibles";
+const select$3 = "Seleccione";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9433,7 +9436,8 @@ const es$2 = {
   Bookings: Bookings$3,
   Covers: Covers$3,
   "dd/mm/yyyy": "dd/mm/yyyy",
-  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$3
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$3,
+  select: select$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet email n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Fermetures exceptionnelles et horaires d’ouverture modifiés (jours fériés, événements, etc.) ";
@@ -9932,6 +9936,7 @@ const Year$3 = "Année";
 const Bookings$2 = "Réservations";
 const Covers$2 = "Couverts";
 const NO_AVAILABLE_CHANNELS$2 = "Aucun canal disponible";
+const select$2 = "Selectionner";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10481,7 +10486,8 @@ const fr$1 = {
   Bookings: Bookings$2,
   Covers: Covers$2,
   "dd/mm/yyyy": "JJ/MM/AAAA",
-  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$2
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$2,
+  select: select$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…)";
@@ -10980,6 +10986,7 @@ const Year$2 = "Jahr";
 const Bookings$1 = "Buchungen";
 const Covers$1 = "Covered";
 const NO_AVAILABLE_CHANNELS$1 = "Keine verfügbaren Kanäle";
+const select$1 = "Auswählen";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11530,7 +11537,8 @@ const de$1 = {
   Bookings: Bookings$1,
   Covers: Covers$1,
   "dd/mm/yyyy": "dd/mm/yyyy",
-  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$1
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$1,
+  select: select$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.)";
@@ -12029,6 +12037,7 @@ const Period = "Periode";
 const Year$1 = "Jaar";
 const Bookings = "Reserveringen";
 const Covers = "Covered";
+const select = "Selecteer";
 const nl$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -12579,7 +12588,8 @@ const nl$1 = {
   "No options": "Geen opties",
   Bookings,
   Covers,
-  "dd/mm/yyyy": "dd/mm/yyyy"
+  "dd/mm/yyyy": "dd/mm/yyyy",
+  select
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -60917,7 +60927,7 @@ const Modal$1 = ({
     children
   });
 };
-const container$q = "_container_ut3y7_1";
+const container$q = "_container_1rjfx_1";
 const styles$1z = {
   container: container$q
 };
@@ -60930,7 +60940,7 @@ const customStyles = {
     borderRadius: 0,
     boxShadow: state.isFocused ? "0 0 5px var(--moz-input-border)" : "none",
     color: "var(--moz-text-input)",
-    padding: "2px 0"
+    padding: "4px 0px 4px 0px"
   }),
   singleValue: (provided) => ({
     ...provided,
@@ -85924,7 +85934,43 @@ const Header$3 = ({
               dropdowns: {
                 months: true,
                 years: true
-              }
+              },
+              shortcuts: [{
+                text: t2("Today"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("day").toDate();
+                  const end = hooks().endOf("day").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Week"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("week").toDate();
+                  const end = hooks().endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Week"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "week").startOf("week").toDate();
+                  const end = hooks().subtract(1, "week").endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Month"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("month").toDate();
+                  const end = hooks().endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Month"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "month").startOf("month").toDate();
+                  const end = hooks().subtract(1, "month").endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }]
             }
           })
         }), /* @__PURE__ */ jsx$1(Col, {
@@ -92344,7 +92390,43 @@ const Header$2 = ({
               dropdowns: {
                 months: true,
                 years: true
-              }
+              },
+              shortcuts: [{
+                text: t2("Today"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("day").toDate();
+                  const end = hooks().endOf("day").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Week"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("week").toDate();
+                  const end = hooks().endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Week"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "week").startOf("week").toDate();
+                  const end = hooks().subtract(1, "week").endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Month"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("month").toDate();
+                  const end = hooks().endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Month"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "month").startOf("month").toDate();
+                  const end = hooks().subtract(1, "month").endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }]
             }
           })
         }), /* @__PURE__ */ jsx$1(Col, {
@@ -116357,7 +116439,43 @@ const Header$1 = ({
               dropdowns: {
                 months: true,
                 years: true
-              }
+              },
+              shortcuts: [{
+                text: t2("Today"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("day").toDate();
+                  const end = hooks().endOf("day").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Week"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("week").toDate();
+                  const end = hooks().endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Week"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "week").startOf("week").toDate();
+                  const end = hooks().subtract(1, "week").endOf("week").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("This Month"),
+                onClick: (picker2) => {
+                  const start = hooks().startOf("month").toDate();
+                  const end = hooks().endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }, {
+                text: t2("Last Month"),
+                onClick: (picker2) => {
+                  const start = hooks().subtract(1, "month").startOf("month").toDate();
+                  const end = hooks().subtract(1, "month").endOf("month").toDate();
+                  picker2.setDateRange(start, end);
+                }
+              }]
             },
             onChange: (v2) => {
               if (!v2 || v2.length < 2) return;
@@ -150417,7 +150535,43 @@ const ExportDataModal$1 = ({
           dropdowns: {
             months: true,
             years: true
-          }
+          },
+          shortcuts: [{
+            text: t2("Today"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("day").toDate();
+              const end = hooks().endOf("day").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("This Week"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("week").toDate();
+              const end = hooks().endOf("week").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("Last Week"),
+            onClick: (picker2) => {
+              const start = hooks().subtract(1, "week").startOf("week").toDate();
+              const end = hooks().subtract(1, "week").endOf("week").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("This Month"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("month").toDate();
+              const end = hooks().endOf("month").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("Last Month"),
+            onClick: (picker2) => {
+              const start = hooks().subtract(1, "month").startOf("month").toDate();
+              const end = hooks().subtract(1, "month").endOf("month").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }]
         }
       }), /* @__PURE__ */ jsxs("div", {
         style: {
@@ -150790,55 +150944,55 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainWrapper = "_mainWrapper_8bjty_2";
-const mainConatiner$1 = "_mainConatiner_8bjty_9";
-const mainTableContainer = "_mainTableContainer_8bjty_20";
-const mainSidebarContainer = "_mainSidebarContainer_8bjty_28";
-const sidebarContent = "_sidebarContent_8bjty_36";
-const sidebarHeader = "_sidebarHeader_8bjty_41";
-const sidebarMainContent = "_sidebarMainContent_8bjty_46";
-const sidebarFooter = "_sidebarFooter_8bjty_54";
-const headerReferece = "_headerReferece_8bjty_59";
-const sidebarCloseIcon = "_sidebarCloseIcon_8bjty_62";
-const headerContainer = "_headerContainer_8bjty_125";
-const searchContainer = "_searchContainer_8bjty_131";
-const buttonList = "_buttonList_8bjty_142";
-const buttonItem = "_buttonItem_8bjty_147";
-const addReservationButton = "_addReservationButton_8bjty_156";
-const hideCancellationsContainer = "_hideCancellationsContainer_8bjty_165";
-const customerVisitContainer = "_customerVisitContainer_8bjty_173";
-const multipleVisits = "_multipleVisits_8bjty_185";
-const singleVisit = "_singleVisit_8bjty_188";
-const loading = "_loading_8bjty_191";
-const tableTopHeader = "_tableTopHeader_8bjty_202";
-const tableTopHeaderContent = "_tableTopHeaderContent_8bjty_216";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_8bjty_223";
-const tableRowContainer = "_tableRowContainer_8bjty_232";
-const tableRowCard = "_tableRowCard_8bjty_238";
-const fadeInX = "_fadeInX_8bjty_1";
-const canceled = "_canceled_8bjty_246";
-const noData = "_noData_8bjty_249";
-const tableRowHour = "_tableRowHour_8bjty_256";
-const tableRowHourText = "_tableRowHourText_8bjty_272";
-const hours = "_hours_8bjty_280";
-const tableRowContent = "_tableRowContent_8bjty_286";
-const rowImage = "_rowImage_8bjty_301";
-const rowContactContainer = "_rowContactContainer_8bjty_315";
-const rowContactText = "_rowContactText_8bjty_327";
-const rowContactPhone = "_rowContactPhone_8bjty_333";
-const rowSectionContainer = "_rowSectionContainer_8bjty_340";
-const rowSection = "_rowSection_8bjty_340";
-const rowSectionText = "_rowSectionText_8bjty_353";
-const rowSectionSecText = "_rowSectionSecText_8bjty_359";
-const rowActionButton = "_rowActionButton_8bjty_366";
-const bookingInfoContainer = "_bookingInfoContainer_8bjty_379";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_8bjty_384";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_8bjty_392";
-const bookingInfoCard = "_bookingInfoCard_8bjty_384";
-const bookingInfoCardContent = "_bookingInfoCardContent_8bjty_404";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_8bjty_410";
-const bookingInfoCardText = "_bookingInfoCardText_8bjty_413";
-const enableOnboardingContainer = "_enableOnboardingContainer_8bjty_417";
+const mainWrapper = "_mainWrapper_fujtq_2";
+const mainConatiner$1 = "_mainConatiner_fujtq_9";
+const mainTableContainer = "_mainTableContainer_fujtq_20";
+const mainSidebarContainer = "_mainSidebarContainer_fujtq_28";
+const sidebarContent = "_sidebarContent_fujtq_36";
+const sidebarHeader = "_sidebarHeader_fujtq_41";
+const sidebarMainContent = "_sidebarMainContent_fujtq_46";
+const sidebarFooter = "_sidebarFooter_fujtq_54";
+const headerReferece = "_headerReferece_fujtq_59";
+const sidebarCloseIcon = "_sidebarCloseIcon_fujtq_62";
+const headerContainer = "_headerContainer_fujtq_125";
+const searchContainer = "_searchContainer_fujtq_131";
+const buttonList = "_buttonList_fujtq_142";
+const buttonItem = "_buttonItem_fujtq_147";
+const addReservationButton = "_addReservationButton_fujtq_156";
+const hideCancellationsContainer = "_hideCancellationsContainer_fujtq_165";
+const customerVisitContainer = "_customerVisitContainer_fujtq_173";
+const multipleVisits = "_multipleVisits_fujtq_184";
+const singleVisit = "_singleVisit_fujtq_187";
+const loading = "_loading_fujtq_190";
+const tableTopHeader = "_tableTopHeader_fujtq_201";
+const tableTopHeaderContent = "_tableTopHeaderContent_fujtq_215";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_fujtq_222";
+const tableRowContainer = "_tableRowContainer_fujtq_231";
+const tableRowCard = "_tableRowCard_fujtq_237";
+const fadeInX = "_fadeInX_fujtq_1";
+const canceled = "_canceled_fujtq_245";
+const noData = "_noData_fujtq_248";
+const tableRowHour = "_tableRowHour_fujtq_255";
+const tableRowHourText = "_tableRowHourText_fujtq_271";
+const hours = "_hours_fujtq_279";
+const tableRowContent = "_tableRowContent_fujtq_285";
+const rowImage = "_rowImage_fujtq_300";
+const rowContactContainer = "_rowContactContainer_fujtq_314";
+const rowContactText = "_rowContactText_fujtq_326";
+const rowContactPhone = "_rowContactPhone_fujtq_332";
+const rowSectionContainer = "_rowSectionContainer_fujtq_339";
+const rowSection = "_rowSection_fujtq_339";
+const rowSectionText = "_rowSectionText_fujtq_352";
+const rowSectionSecText = "_rowSectionSecText_fujtq_358";
+const rowActionButton = "_rowActionButton_fujtq_365";
+const bookingInfoContainer = "_bookingInfoContainer_fujtq_378";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_fujtq_383";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_fujtq_391";
+const bookingInfoCard = "_bookingInfoCard_fujtq_383";
+const bookingInfoCardContent = "_bookingInfoCardContent_fujtq_403";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_fujtq_409";
+const bookingInfoCardText = "_bookingInfoCardText_fujtq_412";
+const enableOnboardingContainer = "_enableOnboardingContainer_fujtq_416";
 const styles$f = {
   mainWrapper,
   mainConatiner: mainConatiner$1,
@@ -150850,9 +151004,9 @@ const styles$f = {
   sidebarFooter,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_8bjty_73",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_8bjty_79",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_8bjty_87",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_fujtq_73",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_fujtq_79",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_fujtq_87",
   headerContainer,
   searchContainer,
   buttonList,
@@ -151114,11 +151268,9 @@ const index$9 = ({
     t: t2
   } = useTranslation();
   const {
-    showSidebar,
     setShowSidebar
   } = useShowSidebarContext();
   const {
-    selectedBooking,
     setSelectedBooking,
     canEdit
   } = useSelectedBookingContext();
@@ -152576,10 +152728,7 @@ const index$7 = ({
     date: "",
     time: null,
     partySize: null,
-    table: {
-      value: null,
-      label: t2("All")
-    },
+    table: null,
     firstName: "",
     lastName: "",
     email: "",
@@ -152732,7 +152881,7 @@ const index$7 = ({
       setTableOptions(filtersData.tables.map((item2) => ({
         value: item2.id,
         label: item2.label
-      })));
+      })).filter((item2) => item2.value !== null));
     }
     if (filtersData == null ? void 0 : filtersData.timeZone) {
       setCurrentTimeZone(filtersData.timeZone);
@@ -152850,7 +152999,7 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("selectTime"),
+            placeholder: t2("select"),
             isDisabled: !canEdit,
             control,
             isClearable: true,
@@ -152870,7 +153019,7 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("selectPartySize"),
+            placeholder: t2("select"),
             isDisabled: !canEdit,
             control,
             isClearable: true,
@@ -152884,7 +153033,7 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("selectTable"),
+            placeholder: t2("select"),
             isDisabled: !canEdit,
             control,
             id: "table",
@@ -193748,7 +193897,43 @@ const ExportDataModal = ({
           dropdowns: {
             months: true,
             years: true
-          }
+          },
+          shortcuts: [{
+            text: t2("Today"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("day").toDate();
+              const end = hooks().endOf("day").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("This Week"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("week").toDate();
+              const end = hooks().endOf("week").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("Last Week"),
+            onClick: (picker2) => {
+              const start = hooks().subtract(1, "week").startOf("week").toDate();
+              const end = hooks().subtract(1, "week").endOf("week").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("This Month"),
+            onClick: (picker2) => {
+              const start = hooks().startOf("month").toDate();
+              const end = hooks().endOf("month").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }, {
+            text: t2("Last Month"),
+            onClick: (picker2) => {
+              const start = hooks().subtract(1, "month").startOf("month").toDate();
+              const end = hooks().subtract(1, "month").endOf("month").toDate();
+              picker2.setDateRange(start, end);
+            }
+          }]
         }
       }), /* @__PURE__ */ jsxs("div", {
         style: {

package/package.json

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

package/style.css

@@ -1294,11 +1294,12 @@
 }
 .resbook-modal .ant-modal-close-x line {
   stroke: var(--moz-text-input) !important;
-}._container_ut3y7_1 {
+}._container_1rjfx_1 {
   display: inline;
+  padding: 4px 0px 0px 0px;
 }
 
-._tooltip_ut3y7_5 {
+._tooltip_1rjfx_6 {
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -4964,13 +4965,13 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-._mainWrapper_8bjty_2 {
+._mainWrapper_fujtq_2 {
   display: flex;
   flex-direction: column;
   height: 100vh;
   overflow: hidden;
 }
-._mainConatiner_8bjty_9 {
+._mainConatiner_fujtq_9 {
   color: var(--moz-text-primary);
   flex: 1;
   padding-left: 10px;
@@ -4981,7 +4982,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_8bjty_9 ._mainTableContainer_8bjty_20 {
+._mainConatiner_fujtq_9 ._mainTableContainer_fujtq_20 {
   padding-top: 10px;
   flex: 1;
   display: flex;
@@ -4989,7 +4990,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
   width: auto;
   padding: 1rem;
   display: flex;
@@ -4997,17 +4998,17 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background-color: var(--moz-cta-content-bg);
   box-shadow: -5px 30px 10px rgba(0, 0, 0, 0.1);
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarContent_8bjty_36 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarHeader_8bjty_41 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarHeader_fujtq_41 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarMainContent_8bjty_46 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarMainContent_fujtq_46 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -5015,151 +5016,150 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 1rem;
   gap: 1.5rem;
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarFooter_8bjty_54 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarFooter_fujtq_54 {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._headerReferece_8bjty_59 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._headerReferece_fujtq_59 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarCloseIcon_8bjty_62 {
+._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarContent_8bjty_36 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
     display: none;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer--open_8bjty_73 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer--close_8bjty_79 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer--close_fujtq_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarCloseIcon_8bjty_62 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
     display: none;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarCloseIcon--show_8bjty_87 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon--show_fujtq_87 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 {
     width: 0px;
     padding: 0;
     height: calc(100vh - var(--enable-onboarding-height, 20px));
     transition: width 0.3s ease-in-out;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarContent_8bjty_36 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarContent_fujtq_36 {
     display: none;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer--open_8bjty_73 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 {
     position: fixed;
     right: 0px;
     width: 450px;
     padding: 1rem;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer--open_8bjty_73 ._sidebarContent_8bjty_36 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer--open_fujtq_73 ._sidebarContent_fujtq_36 {
     display: flex;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer--close_8bjty_79 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer--close_fujtq_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarCloseIcon_8bjty_62 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon_fujtq_62 {
     display: none;
   }
-  ._mainConatiner_8bjty_9 ._mainSidebarContainer_8bjty_28 ._sidebarCloseIcon--show_8bjty_87 {
+  ._mainConatiner_fujtq_9 ._mainSidebarContainer_fujtq_28 ._sidebarCloseIcon--show_fujtq_87 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_8bjty_125 {
+._headerContainer_fujtq_125 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_8bjty_125 ._searchContainer_8bjty_131 {
+._headerContainer_fujtq_125 ._searchContainer_fujtq_131 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_8bjty_125 ._searchContainer_8bjty_131 {
+  ._headerContainer_fujtq_125 ._searchContainer_fujtq_131 {
     width: 200px;
   }
 }
-._headerContainer_8bjty_125 ._buttonList_8bjty_142 {
+._headerContainer_fujtq_125 ._buttonList_fujtq_142 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_8bjty_125 ._buttonList_8bjty_142 ._buttonItem_8bjty_147 {
+._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._buttonItem_fujtq_147 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_8bjty_125 ._buttonList_8bjty_142 ._buttonItem_8bjty_147 {
+  ._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._buttonItem_fujtq_147 {
     display: none;
   }
 }
-._headerContainer_8bjty_125 ._buttonList_8bjty_142 ._addReservationButton_8bjty_156 {
+._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._addReservationButton_fujtq_156 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_8bjty_125 ._buttonList_8bjty_142 ._addReservationButton_8bjty_156 {
+  ._headerContainer_fujtq_125 ._buttonList_fujtq_142 ._addReservationButton_fujtq_156 {
     display: none;
   }
 }
-._hideCancellationsContainer_8bjty_165 {
+._hideCancellationsContainer_fujtq_165 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.5rem;
   margin-top: 10px;
 }
-._customerVisitContainer_8bjty_173 {
+._customerVisitContainer_fujtq_173 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 0.5rem;
   margin-top: 0px;
-  flex: 1;
   border-radius: 6px;
   padding-left: 10px;
   padding-right: 10px;
   color: var(--moz-cta-primary-text);
 }
-._customerVisitContainer_8bjty_173._multipleVisits_8bjty_185 {
+._customerVisitContainer_fujtq_173._multipleVisits_fujtq_184 {
   background: var(--moz-cta-primary);
 }
-._customerVisitContainer_8bjty_173._singleVisit_8bjty_188 {
+._customerVisitContainer_fujtq_173._singleVisit_fujtq_187 {
   background: var(--moz-cta-success);
 }
-._customerVisitContainer_8bjty_173._loading_8bjty_191 {
+._customerVisitContainer_fujtq_173._loading_fujtq_190 {
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--moz-cta-content-sec-bg);
 }
-._customerVisitContainer_8bjty_173 h4, ._customerVisitContainer_8bjty_173 h5 {
+._customerVisitContainer_fujtq_173 h4, ._customerVisitContainer_fujtq_173 h5 {
   color: inherit;
   margin: 0;
 }
-._tableTopHeader_8bjty_202 {
+._tableTopHeader_fujtq_201 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -5168,50 +5168,50 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_8bjty_202 {
+  ._tableTopHeader_fujtq_201 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_8bjty_216 {
+._tableTopHeaderContent_fujtq_215 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_8bjty_216 ._tableTopHeaderContentText_8bjty_223 {
+._tableTopHeaderContent_fujtq_215 ._tableTopHeaderContentText_fujtq_222 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_8bjty_216 ._tableTopHeaderContentText_8bjty_223 {
+  ._tableTopHeaderContent_fujtq_215 ._tableTopHeaderContentText_fujtq_222 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_8bjty_232 {
+._tableRowContainer_fujtq_231 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_8bjty_232 ._tableRowCard_8bjty_238 {
+._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_8bjty_1 0.3s ease-in forwards;
+  animation: _fadeInX_fujtq_1 0.3s ease-in forwards;
 }
-._tableRowContainer_8bjty_232 ._tableRowCard_8bjty_238 ._canceled_8bjty_246 {
+._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 ._canceled_fujtq_245 {
   text-decoration: line-through;
 }
-._tableRowContainer_8bjty_232 ._tableRowCard_8bjty_238 ._noData_8bjty_249 {
+._tableRowContainer_fujtq_231 ._tableRowCard_fujtq_237 ._noData_fujtq_248 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_8bjty_232 ._tableRowHour_8bjty_256 {
+._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -5223,25 +5223,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowHour_8bjty_256 {
+  ._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowHour_8bjty_256 ._tableRowHourText_8bjty_272 {
+._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._tableRowHourText_fujtq_271 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowHour_8bjty_256 ._tableRowHourText_8bjty_272 {
+  ._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._tableRowHourText_fujtq_271 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowHour_8bjty_256 ._hours_8bjty_280 {
+._tableRowContainer_fujtq_231 ._tableRowHour_fujtq_255 ._hours_fujtq_279 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -5251,26 +5251,26 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 {
+  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowImage_8bjty_301 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowImage_fujtq_300 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowImage_8bjty_301 {
+  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowImage_fujtq_300 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowContactContainer_8bjty_315 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -5278,24 +5278,24 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowContactContainer_8bjty_315 {
+  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 {
     text-align: center;
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowContactContainer_8bjty_315 ._rowContactText_8bjty_327 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 ._rowContactText_fujtq_326 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowContactContainer_8bjty_315 ._rowContactPhone_8bjty_333 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowContactContainer_fujtq_314 ._rowContactPhone_fujtq_332 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowSectionContainer_8bjty_340 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -5303,25 +5303,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowSectionContainer_8bjty_340 {
+  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowSectionContainer_8bjty_340 ._rowSection_8bjty_340 ._rowSectionText_8bjty_353 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 ._rowSection_fujtq_339 ._rowSectionText_fujtq_352 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowSectionContainer_8bjty_340 ._rowSection_8bjty_340 ._rowSectionSecText_8bjty_359 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowSectionContainer_fujtq_339 ._rowSection_fujtq_339 ._rowSectionSecText_fujtq_358 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowActionButton_8bjty_366 {
+._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowActionButton_fujtq_365 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -5329,16 +5329,16 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_8bjty_232 ._tableRowContent_8bjty_286 ._rowActionButton_8bjty_366 {
+  ._tableRowContainer_fujtq_231 ._tableRowContent_fujtq_285 ._rowActionButton_fujtq_365 {
     display: none;
   }
 }
-._bookingInfoContainer_8bjty_379 {
+._bookingInfoContainer_fujtq_378 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -5346,11 +5346,11 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 ._bookingInfoCardContainer_8bjty_392 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 ._bookingInfoCardContainer_8bjty_392 ._bookingInfoCard_8bjty_384 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCard_fujtq_383 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -5358,19 +5358,19 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 ._bookingInfoCardContainer_8bjty_392 ._bookingInfoCardContent_8bjty_404 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 ._bookingInfoCardContainer_8bjty_392 ._bookingInfoCardContent_8bjty_404 ._bookingInfoCardTitle_8bjty_410 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 ._bookingInfoCardTitle_fujtq_409 {
   color: var(--moz-text-primary);
 }
-._bookingInfoContainer_8bjty_379 ._bookingInfoCardColumn_8bjty_384 ._bookingInfoCardContainer_8bjty_392 ._bookingInfoCardContent_8bjty_404 ._bookingInfoCardText_8bjty_413 {
+._bookingInfoContainer_fujtq_378 ._bookingInfoCardColumn_fujtq_383 ._bookingInfoCardContainer_fujtq_391 ._bookingInfoCardContent_fujtq_403 ._bookingInfoCardText_fujtq_412 {
   color: var(--moz-text-secondary);
 }
-._enableOnboardingContainer_8bjty_417 {
+._enableOnboardingContainer_fujtq_416 {
   background-color: var(--moz-cta-soft-danger);
   color: var(--moz-cta-danger-text);
   padding: 10px;
@@ -5381,7 +5381,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   justify-content: space-between;
   align-items: center;
 }
-@keyframes _fadeInX_8bjty_1 {
+@keyframes _fadeInX_fujtq_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);