mozrest-sdk-react-dev 0.3.35 → 0.3.36

package/mozrest-sdk.es.js

@@ -7814,6 +7814,7 @@ const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$4 = "We are updating the restaurant conf
 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 hideCancellations$4 = "Hide cancellations";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8338,7 +8339,8 @@ const en = {
   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
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$4,
+  hideCancellations: hideCancellations$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…)";
@@ -8818,6 +8820,7 @@ const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$3 = "Estamos actualizando la configuraci
 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 hideCancellations$3 = "Ocultar cancelaciones";
 const es$1 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9342,7 +9345,8 @@ const es$1 = {
   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
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$3,
+  hideCancellations: hideCancellations$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.)";
@@ -9750,6 +9754,7 @@ const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$2 = "Nous mettons à jour la configurati
 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 hideCancellations$2 = "Masquer les annulations";
 const fr = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10159,7 +10164,8 @@ const fr = {
   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
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$2,
+  hideCancellations: hideCancellations$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…)";
@@ -10639,6 +10645,7 @@ const UPDATE_IN_PROGRESS_MESSAGE_WITH_X$1 = "Wir aktualisieren die Restaurant-Ko
 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 hideCancellations$1 = "Stornierungen ausblenden";
 const de = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11163,7 +11170,8 @@ const de = {
   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
+  ARE_YOU_SURE_DELETE_X_AREAS: ARE_YOU_SURE_DELETE_X_AREAS$1,
+  hideCancellations: hideCancellations$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.)";
@@ -11637,6 +11645,7 @@ const UPDATE_IN_PROGRESS_MESSAGE_WITH_X = "We zijn bezig met het bijwerken van d
 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 hideCancellations = "Annuleringen verbergen";
 const nl = {
   errors,
   SPECIALCLOSINGDATES,
@@ -12139,7 +12148,8 @@ const nl = {
   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
+  ARE_YOU_SURE_DELETE_X_AREAS,
+  hideCancellations
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -127388,50 +127398,51 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainWrapper = "_mainWrapper_6p1lo_2";
-const mainConatiner$1 = "_mainConatiner_6p1lo_9";
-const mainTableContainer = "_mainTableContainer_6p1lo_20";
-const mainSidebarContainer = "_mainSidebarContainer_6p1lo_28";
-const sidebarContent = "_sidebarContent_6p1lo_36";
-const sidebarHeader = "_sidebarHeader_6p1lo_41";
-const sidebarMainContent = "_sidebarMainContent_6p1lo_46";
-const sidebarFooter = "_sidebarFooter_6p1lo_54";
-const headerReferece = "_headerReferece_6p1lo_59";
-const sidebarCloseIcon = "_sidebarCloseIcon_6p1lo_62";
-const headerContainer = "_headerContainer_6p1lo_125";
-const searchContainer = "_searchContainer_6p1lo_131";
-const buttonList = "_buttonList_6p1lo_142";
-const buttonItem = "_buttonItem_6p1lo_147";
-const addReservationButton = "_addReservationButton_6p1lo_156";
-const tableTopHeader = "_tableTopHeader_6p1lo_165";
-const tableTopHeaderContent = "_tableTopHeaderContent_6p1lo_179";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_6p1lo_186";
-const tableRowContainer = "_tableRowContainer_6p1lo_195";
-const tableRowCard = "_tableRowCard_6p1lo_201";
-const fadeInX = "_fadeInX_6p1lo_1";
-const canceled = "_canceled_6p1lo_209";
-const noData = "_noData_6p1lo_212";
-const tableRowHour = "_tableRowHour_6p1lo_219";
-const tableRowHourText = "_tableRowHourText_6p1lo_235";
-const hours = "_hours_6p1lo_243";
-const tableRowContent = "_tableRowContent_6p1lo_249";
-const rowImage = "_rowImage_6p1lo_264";
-const rowContactContainer = "_rowContactContainer_6p1lo_278";
-const rowContactText = "_rowContactText_6p1lo_290";
-const rowContactPhone = "_rowContactPhone_6p1lo_296";
-const rowSectionContainer = "_rowSectionContainer_6p1lo_303";
-const rowSection = "_rowSection_6p1lo_303";
-const rowSectionText = "_rowSectionText_6p1lo_316";
-const rowSectionSecText = "_rowSectionSecText_6p1lo_322";
-const rowActionButton = "_rowActionButton_6p1lo_329";
-const bookingInfoContainer = "_bookingInfoContainer_6p1lo_342";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_6p1lo_347";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_6p1lo_355";
-const bookingInfoCard = "_bookingInfoCard_6p1lo_347";
-const bookingInfoCardContent = "_bookingInfoCardContent_6p1lo_367";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_6p1lo_373";
-const bookingInfoCardText = "_bookingInfoCardText_6p1lo_376";
-const enableOnboardingContainer = "_enableOnboardingContainer_6p1lo_380";
+const mainWrapper = "_mainWrapper_1dw33_2";
+const mainConatiner$1 = "_mainConatiner_1dw33_9";
+const mainTableContainer = "_mainTableContainer_1dw33_20";
+const mainSidebarContainer = "_mainSidebarContainer_1dw33_28";
+const sidebarContent = "_sidebarContent_1dw33_36";
+const sidebarHeader = "_sidebarHeader_1dw33_41";
+const sidebarMainContent = "_sidebarMainContent_1dw33_46";
+const sidebarFooter = "_sidebarFooter_1dw33_54";
+const headerReferece = "_headerReferece_1dw33_59";
+const sidebarCloseIcon = "_sidebarCloseIcon_1dw33_62";
+const headerContainer = "_headerContainer_1dw33_125";
+const searchContainer = "_searchContainer_1dw33_131";
+const buttonList = "_buttonList_1dw33_142";
+const buttonItem = "_buttonItem_1dw33_147";
+const addReservationButton = "_addReservationButton_1dw33_156";
+const hideCancellationsContainer = "_hideCancellationsContainer_1dw33_165";
+const tableTopHeader = "_tableTopHeader_1dw33_173";
+const tableTopHeaderContent = "_tableTopHeaderContent_1dw33_187";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_1dw33_194";
+const tableRowContainer = "_tableRowContainer_1dw33_203";
+const tableRowCard = "_tableRowCard_1dw33_209";
+const fadeInX = "_fadeInX_1dw33_1";
+const canceled = "_canceled_1dw33_217";
+const noData = "_noData_1dw33_220";
+const tableRowHour = "_tableRowHour_1dw33_227";
+const tableRowHourText = "_tableRowHourText_1dw33_243";
+const hours = "_hours_1dw33_251";
+const tableRowContent = "_tableRowContent_1dw33_257";
+const rowImage = "_rowImage_1dw33_272";
+const rowContactContainer = "_rowContactContainer_1dw33_286";
+const rowContactText = "_rowContactText_1dw33_298";
+const rowContactPhone = "_rowContactPhone_1dw33_304";
+const rowSectionContainer = "_rowSectionContainer_1dw33_311";
+const rowSection = "_rowSection_1dw33_311";
+const rowSectionText = "_rowSectionText_1dw33_324";
+const rowSectionSecText = "_rowSectionSecText_1dw33_330";
+const rowActionButton = "_rowActionButton_1dw33_337";
+const bookingInfoContainer = "_bookingInfoContainer_1dw33_350";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_1dw33_355";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_1dw33_363";
+const bookingInfoCard = "_bookingInfoCard_1dw33_355";
+const bookingInfoCardContent = "_bookingInfoCardContent_1dw33_375";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_1dw33_381";
+const bookingInfoCardText = "_bookingInfoCardText_1dw33_384";
+const enableOnboardingContainer = "_enableOnboardingContainer_1dw33_388";
 const styles$e = {
   mainWrapper,
   mainConatiner: mainConatiner$1,
@@ -127443,14 +127454,15 @@ const styles$e = {
   sidebarFooter,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_6p1lo_73",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_6p1lo_79",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_6p1lo_87",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_1dw33_73",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_1dw33_79",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1dw33_87",
   headerContainer,
   searchContainer,
   buttonList,
   buttonItem,
   addReservationButton,
+  hideCancellationsContainer,
   tableTopHeader,
   tableTopHeaderContent,
   tableTopHeaderContentText,
@@ -127860,12 +127872,14 @@ const index$9 = ({
   const defaultValue2 = {
     criteria: "",
     commingUp: false,
-    fromDate: hooks().format("YYYY-MM-DD")
+    fromDate: hooks().format("YYYY-MM-DD"),
+    hideCancellations: false
   };
   const searchSchema = () => create$2().shape({
     criteria: create$4(),
     fromDate: create$4(),
-    commingUp: create$5()
+    commingUp: create$5(),
+    hideCancellations: create$5()
   });
   const {
     control,
@@ -127887,6 +127901,10 @@ const index$9 = ({
     control,
     name: "commingUp"
   });
+  const hideCancellations2 = useWatch({
+    control,
+    name: "hideCancellations"
+  });
   const selectDate = (type4) => {
     switch (type4) {
       case "today":
@@ -127919,104 +127937,115 @@ const index$9 = ({
     setFilters((prevFilters) => ({
       ...prevFilters,
       fromDate,
-      commingUp
+      commingUp,
+      hideCancellations: hideCancellations2
     }));
-  }, [fromDate, commingUp, setFilters]);
+  }, [fromDate, commingUp, hideCancellations2, setFilters]);
   useEffect(() => {
     debouncedCriteriaUpdate(criteria);
   }, [criteria, debouncedCriteriaUpdate]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: styles$e.headerContainer,
-    children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$e.searchContainer,
-      children: /* @__PURE__ */ jsx$1(TextInputField, {
-        control,
-        id: "criteria",
-        name: "criteria",
-        label: "criteria",
-        hideLabel: true,
-        placeholder: t2("Search ..."),
-        icon: "search",
-        iconPosition: "left",
-        iconSize: "small",
-        radius: "md",
-        filled: true,
-        borderLess: true,
-        rounded: true
-      })
-    }), /* @__PURE__ */ jsxs("div", {
-      className: styles$e.buttonList,
-      children: [/* @__PURE__ */ jsx$1(Button$1, {
-        mode: "tertiary",
-        className: styles$e.buttonItem,
-        onClick: () => selectDate("commingUp"),
-        children: t2("COMMINGUP")
-      }), /* @__PURE__ */ jsx$1(Button$1, {
-        mode: "tertiary",
-        className: styles$e.buttonItem,
-        onClick: () => selectDate("today"),
-        children: t2("TODAY")
-      }), /* @__PURE__ */ jsx$1(Button$1, {
-        mode: "tertiary",
-        className: styles$e.buttonItem,
-        onClick: () => selectDate("tomorrow"),
-        children: t2("TOMORROW")
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$e.headerContainer,
+      children: [/* @__PURE__ */ jsx$1("div", {
+        className: styles$e.searchContainer,
+        children: /* @__PURE__ */ jsx$1(TextInputField, {
+          control,
+          id: "criteria",
+          name: "criteria",
+          label: "criteria",
+          hideLabel: true,
+          placeholder: t2("Search ..."),
+          icon: "search",
+          iconPosition: "left",
+          iconSize: "small",
+          radius: "md",
+          filled: true,
+          borderLess: true,
+          rounded: true
+        })
       }), /* @__PURE__ */ jsxs("div", {
+        className: styles$e.buttonList,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
-          mode: "primary",
-          onClick: () => setDatePickerOpen(true),
-          children: t2("SELECTADAY")
-        }), /* @__PURE__ */ jsx$1(DatePicker, {
-          onChange: onChange2,
-          show: datePickerOpen,
-          setShow: setDatePickerOpen,
-          showToday: false,
-          renderExtraFooter: () => /* @__PURE__ */ jsxs("div", {
-            className: "ant-custom-footer",
-            children: [/* @__PURE__ */ jsx$1("button", {
-              className: "ant-button",
-              onClick: () => {
-                selectDate("commingUp");
-                setDatePickerOpen(false);
-              },
-              children: t2("COMMINGUP")
-            }), /* @__PURE__ */ jsx$1("button", {
-              className: "ant-button",
-              onClick: () => {
-                selectDate("today");
-                setDatePickerOpen(false);
-              },
-              children: t2("TODAY")
-            }), /* @__PURE__ */ jsx$1("button", {
-              className: "ant-button",
-              onClick: () => {
-                selectDate("tomorrow");
-                setDatePickerOpen(false);
-              },
-              children: t2("TOMORROW")
-            })]
-          })
+          mode: "tertiary",
+          className: styles$e.buttonItem,
+          onClick: () => selectDate("commingUp"),
+          children: t2("COMMINGUP")
+        }), /* @__PURE__ */ jsx$1(Button$1, {
+          mode: "tertiary",
+          className: styles$e.buttonItem,
+          onClick: () => selectDate("today"),
+          children: t2("TODAY")
+        }), /* @__PURE__ */ jsx$1(Button$1, {
+          mode: "tertiary",
+          className: styles$e.buttonItem,
+          onClick: () => selectDate("tomorrow"),
+          children: t2("TOMORROW")
+        }), /* @__PURE__ */ jsxs("div", {
+          children: [/* @__PURE__ */ jsx$1(Button$1, {
+            mode: "primary",
+            onClick: () => setDatePickerOpen(true),
+            children: t2("SELECTADAY")
+          }), /* @__PURE__ */ jsx$1(DatePicker, {
+            onChange: onChange2,
+            show: datePickerOpen,
+            setShow: setDatePickerOpen,
+            showToday: false,
+            renderExtraFooter: () => /* @__PURE__ */ jsxs("div", {
+              className: "ant-custom-footer",
+              children: [/* @__PURE__ */ jsx$1("button", {
+                className: "ant-button",
+                onClick: () => {
+                  selectDate("commingUp");
+                  setDatePickerOpen(false);
+                },
+                children: t2("COMMINGUP")
+              }), /* @__PURE__ */ jsx$1("button", {
+                className: "ant-button",
+                onClick: () => {
+                  selectDate("today");
+                  setDatePickerOpen(false);
+                },
+                children: t2("TODAY")
+              }), /* @__PURE__ */ jsx$1("button", {
+                className: "ant-button",
+                onClick: () => {
+                  selectDate("tomorrow");
+                  setDatePickerOpen(false);
+                },
+                children: t2("TOMORROW")
+              })]
+            })
+          })]
+        }), canEdit && /* @__PURE__ */ jsx$1(Button$1, {
+          className: styles$e.addReservationButton,
+          mode: "success",
+          onClick: () => {
+            setSelectedBooking(null);
+            setShowSidebar(true);
+          },
+          children: t2("ADDRESERVATION")
         })]
-      }), canEdit && /* @__PURE__ */ jsx$1(Button$1, {
-        className: styles$e.addReservationButton,
-        mode: "success",
-        onClick: () => {
-          setSelectedBooking(null);
-          setShowSidebar(true);
+      }), /* @__PURE__ */ jsx$1(ExportBookingModal, {
+        isExportLoading: false,
+        setIsExportLoading: () => {
         },
-        children: t2("ADDRESERVATION")
+        open: showExportBookingConfirmationModal,
+        currentVenue,
+        userEmail,
+        userFullName,
+        onClose: () => {
+          setShowExportBookingConfirmationModal(false);
+        }
       })]
-    }), /* @__PURE__ */ jsx$1(ExportBookingModal, {
-      isExportLoading: false,
-      setIsExportLoading: () => {
-      },
-      open: showExportBookingConfirmationModal,
-      currentVenue,
-      userEmail,
-      userFullName,
-      onClose: () => {
-        setShowExportBookingConfirmationModal(false);
-      }
+    }), /* @__PURE__ */ jsx$1("div", {
+      className: styles$e.hideCancellationsContainer,
+      children: /* @__PURE__ */ jsx$1(SwitchField, {
+        control,
+        name: "hideCancellations",
+        label: "hideCancellations",
+        id: "hideCancellations"
+      })
     })]
   });
 };
@@ -129573,16 +129602,23 @@ const GetBookings = async ({
   venue_id,
   params = {}
 }) => {
+  const paramsToSend = {
+    ...params,
+    limit: 100
+  };
+  if (paramsToSend.hideCancellations) {
+    delete paramsToSend.hideCancellations;
+  }
   const responseData = await instance$1.get(`resbook/venue/${venue_id}/bookings`, {
-    params: {
-      ...params,
-      limit: 100
-    }
+    params: paramsToSend
   });
   const data2 = responseData.data;
-  return formatData$6(data2);
+  return formatData$6(data2, params);
 };
-const formatData$6 = (data2) => {
+const formatData$6 = (data2, params) => {
+  if (params.hideCancellations) {
+    data2 = data2.filter((item2) => item2.status !== "canceled");
+  }
   return data2.map((item2) => {
     var _a2;
     return {
@@ -129698,6 +129734,24 @@ const EnableLive = async ({
   );
   return { data: "enabled" };
 };
+const useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize({
+        width: self.innerWidth,
+        height: self.innerHeight
+      });
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowSize;
+};
 const EnableOnboarding = ({
   venueId,
   onboardingReady,
@@ -129708,6 +129762,10 @@ const EnableOnboarding = ({
     t: t2
   } = useTranslation();
   const [enableLiveShowModal, setEnableLiveShowModal] = useState(false);
+  const {
+    width,
+    height
+  } = useWindowSize();
   const {
     execute: executeEnableLive
   } = useService(EnableLive, {
@@ -129720,10 +129778,10 @@ const EnableOnboarding = ({
   });
   useEffect(() => {
     if (containerRef.current) {
-      const height = containerRef.current.offsetHeight;
-      document.documentElement.style.setProperty("--enable-onboarding-height", `${height}px`);
+      const height2 = containerRef.current.offsetHeight;
+      document.documentElement.style.setProperty("--enable-onboarding-height", `${height2}px`);
     }
-  }, []);
+  }, [width, height]);
   if (onboardingReady) return null;
   return /* @__PURE__ */ jsxs("div", {
     ref: containerRef,
@@ -129764,7 +129822,8 @@ function MainComponent({
     setShowSidebar
   } = useShowSidebarContext();
   const [filters2, setFilters] = useState({
-    fromDate: hooks().format("YYYY-MM-DD")
+    fromDate: hooks().format("YYYY-MM-DD"),
+    hideCancellations: false
   });
   const [params, setParams] = useState(() => {
     const date4 = /* @__PURE__ */ new Date();
@@ -129814,6 +129873,11 @@ function MainComponent({
       paramsToSend["filters[fromZ]"] = `${filters2.fromDate}${filters2.commingUp ? hooks().format("Tkk:mm:ss") : "T00:00:00"}`;
       paramsToSend["filters[tillZ]"] = `${filters2.fromDate}T23:59:59.999`;
     }
+    if (filters2.hideCancellations) {
+      paramsToSend["hideCancellations"] = filters2.hideCancellations;
+    } else {
+      delete paramsToSend["hideCancellations"];
+    }
     setParams(paramsToSend);
   }, [filters2]);
   useEffect(() => {

package/package.json

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

package/style.css

@@ -4059,13 +4059,13 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-._mainWrapper_6p1lo_2 {
+._mainWrapper_1dw33_2 {
   display: flex;
   flex-direction: column;
   height: 100vh;
   overflow: hidden;
 }
-._mainConatiner_6p1lo_9 {
+._mainConatiner_1dw33_9 {
   color: var(--moz-text-primary);
   flex: 1;
   padding-left: 10px;
@@ -4076,7 +4076,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_6p1lo_9 ._mainTableContainer_6p1lo_20 {
+._mainConatiner_1dw33_9 ._mainTableContainer_1dw33_20 {
   padding-top: 10px;
   flex: 1;
   display: flex;
@@ -4084,7 +4084,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   overflow: hidden;
   min-height: 0;
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 {
   width: auto;
   padding: 1rem;
   display: flex;
@@ -4092,17 +4092,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_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarContent_1dw33_36 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarHeader_6p1lo_41 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarHeader_1dw33_41 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarMainContent_6p1lo_46 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarMainContent_1dw33_46 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -4110,116 +4110,123 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 1rem;
   gap: 1.5rem;
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarFooter_6p1lo_54 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarFooter_1dw33_54 {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._headerReferece_6p1lo_59 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._headerReferece_1dw33_59 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
+._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarCloseIcon_1dw33_62 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarContent_1dw33_36 {
     display: none;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer--open_1dw33_73 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--close_6p1lo_79 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer--close_1dw33_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarCloseIcon_1dw33_62 {
     display: none;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon--show_6p1lo_87 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarCloseIcon--show_1dw33_87 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 {
     width: 0px;
     padding: 0;
     height: calc(100vh - var(--enable-onboarding-height, 20px));
     transition: width 0.3s ease-in-out;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarContent_6p1lo_36 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarContent_1dw33_36 {
     display: none;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer--open_1dw33_73 {
     position: fixed;
     right: 0px;
     width: 450px;
     padding: 1rem;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--open_6p1lo_73 ._sidebarContent_6p1lo_36 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer--open_1dw33_73 ._sidebarContent_1dw33_36 {
     display: flex;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer--close_6p1lo_79 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer--close_1dw33_79 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon_6p1lo_62 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarCloseIcon_1dw33_62 {
     display: none;
   }
-  ._mainConatiner_6p1lo_9 ._mainSidebarContainer_6p1lo_28 ._sidebarCloseIcon--show_6p1lo_87 {
+  ._mainConatiner_1dw33_9 ._mainSidebarContainer_1dw33_28 ._sidebarCloseIcon--show_1dw33_87 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_6p1lo_125 {
+._headerContainer_1dw33_125 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_6p1lo_125 ._searchContainer_6p1lo_131 {
+._headerContainer_1dw33_125 ._searchContainer_1dw33_131 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_6p1lo_125 ._searchContainer_6p1lo_131 {
+  ._headerContainer_1dw33_125 ._searchContainer_1dw33_131 {
     width: 200px;
   }
 }
-._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 {
+._headerContainer_1dw33_125 ._buttonList_1dw33_142 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._buttonItem_6p1lo_147 {
+._headerContainer_1dw33_125 ._buttonList_1dw33_142 ._buttonItem_1dw33_147 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._buttonItem_6p1lo_147 {
+  ._headerContainer_1dw33_125 ._buttonList_1dw33_142 ._buttonItem_1dw33_147 {
     display: none;
   }
 }
-._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._addReservationButton_6p1lo_156 {
+._headerContainer_1dw33_125 ._buttonList_1dw33_142 ._addReservationButton_1dw33_156 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_6p1lo_125 ._buttonList_6p1lo_142 ._addReservationButton_6p1lo_156 {
+  ._headerContainer_1dw33_125 ._buttonList_1dw33_142 ._addReservationButton_1dw33_156 {
     display: none;
   }
 }
-._tableTopHeader_6p1lo_165 {
+._hideCancellationsContainer_1dw33_165 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  margin-top: 10px;
+}
+._tableTopHeader_1dw33_173 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4228,50 +4235,50 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_6p1lo_165 {
+  ._tableTopHeader_1dw33_173 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_6p1lo_179 {
+._tableTopHeaderContent_1dw33_187 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_6p1lo_179 ._tableTopHeaderContentText_6p1lo_186 {
+._tableTopHeaderContent_1dw33_187 ._tableTopHeaderContentText_1dw33_194 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_6p1lo_179 ._tableTopHeaderContentText_6p1lo_186 {
+  ._tableTopHeaderContent_1dw33_187 ._tableTopHeaderContentText_1dw33_194 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_6p1lo_195 {
+._tableRowContainer_1dw33_203 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 {
+._tableRowContainer_1dw33_203 ._tableRowCard_1dw33_209 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_6p1lo_1 0.3s ease-in forwards;
+  animation: _fadeInX_1dw33_1 0.3s ease-in forwards;
 }
-._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 ._canceled_6p1lo_209 {
+._tableRowContainer_1dw33_203 ._tableRowCard_1dw33_209 ._canceled_1dw33_217 {
   text-decoration: line-through;
 }
-._tableRowContainer_6p1lo_195 ._tableRowCard_6p1lo_201 ._noData_6p1lo_212 {
+._tableRowContainer_1dw33_203 ._tableRowCard_1dw33_209 ._noData_1dw33_220 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 {
+._tableRowContainer_1dw33_203 ._tableRowHour_1dw33_227 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -4283,25 +4290,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 {
+  ._tableRowContainer_1dw33_203 ._tableRowHour_1dw33_227 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._tableRowHourText_6p1lo_235 {
+._tableRowContainer_1dw33_203 ._tableRowHour_1dw33_227 ._tableRowHourText_1dw33_243 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._tableRowHourText_6p1lo_235 {
+  ._tableRowContainer_1dw33_203 ._tableRowHour_1dw33_227 ._tableRowHourText_1dw33_243 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowHour_6p1lo_219 ._hours_6p1lo_243 {
+._tableRowContainer_1dw33_203 ._tableRowHour_1dw33_227 ._hours_1dw33_251 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -4311,26 +4318,26 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 {
+  ._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowImage_6p1lo_264 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowImage_1dw33_272 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowImage_6p1lo_264 {
+  ._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowImage_1dw33_272 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowContactContainer_1dw33_286 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -4338,24 +4345,24 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 {
+  ._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowContactContainer_1dw33_286 {
     text-align: center;
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 ._rowContactText_6p1lo_290 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowContactContainer_1dw33_286 ._rowContactText_1dw33_298 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowContactContainer_6p1lo_278 ._rowContactPhone_6p1lo_296 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowContactContainer_1dw33_286 ._rowContactPhone_1dw33_304 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowSectionContainer_1dw33_311 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -4363,25 +4370,25 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 {
+  ._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowSectionContainer_1dw33_311 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 ._rowSection_6p1lo_303 ._rowSectionText_6p1lo_316 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowSectionContainer_1dw33_311 ._rowSection_1dw33_311 ._rowSectionText_1dw33_324 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowSectionContainer_6p1lo_303 ._rowSection_6p1lo_303 ._rowSectionSecText_6p1lo_322 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowSectionContainer_1dw33_311 ._rowSection_1dw33_311 ._rowSectionSecText_1dw33_330 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowActionButton_6p1lo_329 {
+._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowActionButton_1dw33_337 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -4389,16 +4396,16 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_6p1lo_195 ._tableRowContent_6p1lo_249 ._rowActionButton_6p1lo_329 {
+  ._tableRowContainer_1dw33_203 ._tableRowContent_1dw33_257 ._rowActionButton_1dw33_337 {
     display: none;
   }
 }
-._bookingInfoContainer_6p1lo_342 {
+._bookingInfoContainer_1dw33_350 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -4406,11 +4413,11 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 ._bookingInfoCardContainer_1dw33_363 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCard_6p1lo_347 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 ._bookingInfoCardContainer_1dw33_363 ._bookingInfoCard_1dw33_355 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -4418,19 +4425,19 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 ._bookingInfoCardContainer_1dw33_363 ._bookingInfoCardContent_1dw33_375 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 ._bookingInfoCardTitle_6p1lo_373 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 ._bookingInfoCardContainer_1dw33_363 ._bookingInfoCardContent_1dw33_375 ._bookingInfoCardTitle_1dw33_381 {
   color: var(--moz-text-primary);
 }
-._bookingInfoContainer_6p1lo_342 ._bookingInfoCardColumn_6p1lo_347 ._bookingInfoCardContainer_6p1lo_355 ._bookingInfoCardContent_6p1lo_367 ._bookingInfoCardText_6p1lo_376 {
+._bookingInfoContainer_1dw33_350 ._bookingInfoCardColumn_1dw33_355 ._bookingInfoCardContainer_1dw33_363 ._bookingInfoCardContent_1dw33_375 ._bookingInfoCardText_1dw33_384 {
   color: var(--moz-text-secondary);
 }
-._enableOnboardingContainer_6p1lo_380 {
+._enableOnboardingContainer_1dw33_388 {
   background-color: var(--moz-cta-soft-danger);
   color: var(--moz-cta-danger-text);
   padding: 10px;
@@ -4441,7 +4448,7 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   justify-content: space-between;
   align-items: center;
 }
-@keyframes _fadeInX_6p1lo_1 {
+@keyframes _fadeInX_1dw33_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);