mozrest-sdk-react-dev 0.3.9 → 0.3.10

package/mozrest-sdk.es.js

@@ -64287,17 +64287,17 @@ const EmailsCard = ({
     })
   });
 };
-const drawer = "_drawer_1srra_1";
-const drawer__overlay = "_drawer__overlay_1srra_18";
-const drawer__content = "_drawer__content_1srra_34";
-const drawer__header = "_drawer__header_1srra_42";
-const drawer__header__content = "_drawer__header__content_1srra_50";
-const drawer__header__content__desc = "_drawer__header__content__desc_1srra_56";
-const drawer__close = "_drawer__close_1srra_60";
-const drawer__body = "_drawer__body_1srra_71";
+const drawer = "_drawer_1laol_1";
+const drawer__overlay = "_drawer__overlay_1laol_18";
+const drawer__content = "_drawer__content_1laol_34";
+const drawer__header = "_drawer__header_1laol_42";
+const drawer__header__content = "_drawer__header__content_1laol_50";
+const drawer__header__content__desc = "_drawer__header__content__desc_1laol_56";
+const drawer__close = "_drawer__close_1laol_60";
+const drawer__body = "_drawer__body_1laol_71";
 const styles$18 = {
   drawer,
-  "drawer--open": "_drawer--open_1srra_14",
+  "drawer--open": "_drawer--open_1laol_14",
   drawer__overlay,
   drawer__content,
   drawer__header,
@@ -116171,11 +116171,11 @@ const TimeSlotField = ({
     })]
   });
 };
-const container$a = "_container_u4adl_1";
-const slot$1 = "_slot_u4adl_13";
-const close$1 = "_close_u4adl_19";
-const add = "_add_u4adl_33";
-const plus = "_plus_u4adl_47";
+const container$a = "_container_gr7hf_1";
+const slot$1 = "_slot_gr7hf_13";
+const close$1 = "_close_gr7hf_19";
+const add = "_add_gr7hf_33";
+const plus = "_plus_gr7hf_47";
 const styles$G = {
   container: container$a,
   slot: slot$1,
@@ -116216,7 +116216,7 @@ const TimeSlotManager = ({
       type: "button",
       onClick: addSlot,
       children: /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx$1("span", {
+        children: [/* @__PURE__ */ jsx$1("div", {
           className: styles$G.plus,
           children: "+"
         }), t("ADD")]
@@ -122524,14 +122524,14 @@ const ChannelPayment = ({
     });
   };
   if (error3) {
-    return /* @__PURE__ */ jsx$1(Error$2, {
+    return /* @__PURE__ */ jsx$1(Error$1, {
       error: error3
     });
   }
-  return /* @__PURE__ */ jsxs(LayoutPage$2, {
-    children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage$1, {}), !isLoading && /* @__PURE__ */ jsx$1("div", {
+  return /* @__PURE__ */ jsxs(LayoutPage$1, {
+    children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && /* @__PURE__ */ jsx$1("div", {
       className: styles$f.conditionsContainer,
-      children: /* @__PURE__ */ jsxs(Card, {
+      children: /* @__PURE__ */ jsxs(Card$1, {
         className: styles$f.conditionsCardContainer,
         children: [/* @__PURE__ */ jsxs("div", {
           style: {
@@ -122581,7 +122581,7 @@ const ChannelPayment = ({
             justifyContent: "center",
             marginTop: 20
           },
-          children: /* @__PURE__ */ jsx$1(Button, {
+          children: /* @__PURE__ */ jsx$1(Button$1, {
             onClick: () => handleOnAgree(),
             children: t2("IAGREE")
           })
@@ -122637,7 +122637,7 @@ const PaymentView = ({
   }, []);
   return /* @__PURE__ */ jsx$1("div", {
     className: styles$e.conditionsContainer,
-    children: /* @__PURE__ */ jsxs(Card, {
+    children: /* @__PURE__ */ jsxs(Card$1, {
       className: styles$e.conditionsCardContainer,
       children: [/* @__PURE__ */ jsxs("div", {
         style: {
@@ -122677,7 +122677,7 @@ const PaymentView = ({
               justifyContent: "center",
               marginTop: 20
             },
-            children: /* @__PURE__ */ jsx$1(Button, {
+            children: /* @__PURE__ */ jsx$1(Button$1, {
               onClick: () => handleOnGetStarted(),
               children: t2("GETSTARTED")
             })
@@ -122711,7 +122711,7 @@ const ChannelSubscription = ({
   };
   useEffect(() => {
   }, []);
-  return /* @__PURE__ */ jsx$1(LayoutPage$2, {
+  return /* @__PURE__ */ jsx$1(LayoutPage$1, {
     children: /* @__PURE__ */ jsx$1(PaymentView, {
       openCheckout,
       subscriptionCompleted,
@@ -124240,53 +124240,53 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainConatiner$1 = "_mainConatiner_1q3j4_48";
-const mainTableContainer = "_mainTableContainer_1q3j4_58";
-const mainSidebarContainer = "_mainSidebarContainer_1q3j4_66";
-const headerReferece = "_headerReferece_1q3j4_76";
-const sidebarCloseIcon = "_sidebarCloseIcon_1q3j4_79";
-const headerContainer = "_headerContainer_1q3j4_131";
-const searchContainer = "_searchContainer_1q3j4_137";
-const buttonList = "_buttonList_1q3j4_148";
-const buttonItem = "_buttonItem_1q3j4_153";
-const addReservationButton = "_addReservationButton_1q3j4_162";
-const tableTopHeader = "_tableTopHeader_1q3j4_171";
-const tableTopHeaderContent = "_tableTopHeaderContent_1q3j4_185";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_1q3j4_192";
-const tableRowContainer = "_tableRowContainer_1q3j4_201";
-const tableRowCard = "_tableRowCard_1q3j4_207";
-const fadeInX = "_fadeInX_1q3j4_1";
-const canceled = "_canceled_1q3j4_215";
-const noData = "_noData_1q3j4_218";
-const tableRowHour = "_tableRowHour_1q3j4_225";
-const tableRowHourText = "_tableRowHourText_1q3j4_241";
-const hours = "_hours_1q3j4_249";
-const tableRowContent = "_tableRowContent_1q3j4_255";
-const rowImage = "_rowImage_1q3j4_270";
-const rowContactContainer = "_rowContactContainer_1q3j4_284";
-const rowContactText = "_rowContactText_1q3j4_296";
-const rowContactPhone = "_rowContactPhone_1q3j4_302";
-const rowSectionContainer = "_rowSectionContainer_1q3j4_309";
-const rowSection = "_rowSection_1q3j4_309";
-const rowSectionText = "_rowSectionText_1q3j4_322";
-const rowSectionSecText = "_rowSectionSecText_1q3j4_328";
-const rowActionButton = "_rowActionButton_1q3j4_335";
-const bookingInfoContainer = "_bookingInfoContainer_1q3j4_348";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_1q3j4_353";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_1q3j4_361";
-const bookingInfoCard = "_bookingInfoCard_1q3j4_353";
-const bookingInfoCardContent = "_bookingInfoCardContent_1q3j4_373";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_1q3j4_379";
-const bookingInfoCardText = "_bookingInfoCardText_1q3j4_382";
+const mainConatiner$1 = "_mainConatiner_1qp4s_7";
+const mainTableContainer = "_mainTableContainer_1qp4s_17";
+const mainSidebarContainer = "_mainSidebarContainer_1qp4s_25";
+const headerReferece = "_headerReferece_1qp4s_35";
+const sidebarCloseIcon = "_sidebarCloseIcon_1qp4s_38";
+const headerContainer = "_headerContainer_1qp4s_90";
+const searchContainer = "_searchContainer_1qp4s_96";
+const buttonList = "_buttonList_1qp4s_107";
+const buttonItem = "_buttonItem_1qp4s_112";
+const addReservationButton = "_addReservationButton_1qp4s_121";
+const tableTopHeader = "_tableTopHeader_1qp4s_130";
+const tableTopHeaderContent = "_tableTopHeaderContent_1qp4s_144";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_1qp4s_151";
+const tableRowContainer = "_tableRowContainer_1qp4s_160";
+const tableRowCard = "_tableRowCard_1qp4s_166";
+const fadeInX = "_fadeInX_1qp4s_1";
+const canceled = "_canceled_1qp4s_174";
+const noData = "_noData_1qp4s_177";
+const tableRowHour = "_tableRowHour_1qp4s_184";
+const tableRowHourText = "_tableRowHourText_1qp4s_200";
+const hours = "_hours_1qp4s_208";
+const tableRowContent = "_tableRowContent_1qp4s_214";
+const rowImage = "_rowImage_1qp4s_229";
+const rowContactContainer = "_rowContactContainer_1qp4s_243";
+const rowContactText = "_rowContactText_1qp4s_255";
+const rowContactPhone = "_rowContactPhone_1qp4s_261";
+const rowSectionContainer = "_rowSectionContainer_1qp4s_268";
+const rowSection = "_rowSection_1qp4s_268";
+const rowSectionText = "_rowSectionText_1qp4s_281";
+const rowSectionSecText = "_rowSectionSecText_1qp4s_287";
+const rowActionButton = "_rowActionButton_1qp4s_294";
+const bookingInfoContainer = "_bookingInfoContainer_1qp4s_307";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_1qp4s_312";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_1qp4s_320";
+const bookingInfoCard = "_bookingInfoCard_1qp4s_312";
+const bookingInfoCardContent = "_bookingInfoCardContent_1qp4s_332";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_1qp4s_338";
+const bookingInfoCardText = "_bookingInfoCardText_1qp4s_341";
 const styles$8 = {
   mainConatiner: mainConatiner$1,
   mainTableContainer,
   mainSidebarContainer,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_1q3j4_87",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_1q3j4_93",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1q3j4_101",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_1qp4s_46",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_1qp4s_52",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1qp4s_60",
   headerContainer,
   searchContainer,
   buttonList,
@@ -124782,10 +124782,7 @@ const index$8 = ({
         radius: "md",
         filled: true,
         borderLess: true,
-        rounded: true,
-        customStyles: {
-          backgroundColor: "#2F3349"
-        }
+        rounded: true
       })
     }), /* @__PURE__ */ jsxs("div", {
       className: styles$8.buttonList,
@@ -125111,7 +125108,7 @@ const TableBody = ({
         });
         return `${formattedTime}:00`;
       });
-      const sortedGroupedByHour = _23(groupedByHour).toPairs().map(([hour2, reservations]) => [hour2, _23.orderBy(reservations, (r2) => new Date(r2.date), ["desc"])]).orderBy(([hour2]) => parseInt(hour2.split(":")[0], 10), ["asc"]).fromPairs().value();
+      const sortedGroupedByHour = _23(groupedByHour).toPairs().map(([hour2, reservations]) => [hour2, _23.orderBy(reservations, (r2) => new Date(r2.date), ["asc"])]).orderBy(([hour2]) => parseInt(hour2.split(":")[0], 10), ["asc"]).fromPairs().value();
       setFormattedData(sortedGroupedByHour);
     }
   }, [data2, filtersData]);

package/package.json

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

package/style.css

@@ -2109,24 +2109,24 @@ hr {
   padding: 20px;
   padding-bottom: 5px;
   border-top: 1px solid var(--moz-text-secondary);
-}._drawer_1srra_1 {
+}._drawer_1laol_1 {
   position: fixed;
   top: 0;
   right: -200%;
   width: auto;
   height: 100%;
-  background-color: #2F3349;
-  color: white;
+  background-color: var(--moz-cta-content-bg);
+  color: var(--moz-text-primary);
   transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;
   z-index: 151;
   box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
   pointer-events: none;
 }
-._drawer--open_1srra_14 {
+._drawer--open_1laol_14 {
   right: 0;
   pointer-events: auto;
 }
-._drawer__overlay_1srra_18 {
+._drawer__overlay_1laol_18 {
   position: fixed;
   top: 0;
   left: 0;
@@ -2138,48 +2138,48 @@ hr {
   opacity: 0;
   pointer-events: none;
 }
-._drawer--open_1srra_14 ._drawer__overlay_1srra_18 {
+._drawer--open_1laol_14 ._drawer__overlay_1laol_18 {
   opacity: 1;
   pointer-events: auto;
 }
-._drawer__content_1srra_34 {
+._drawer__content_1laol_34 {
   position: relative;
   z-index: 1052;
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: #2F3349;
+  background-color: var(--moz-cta-content-bg);
 }
-._drawer__header_1srra_42 {
+._drawer__header_1laol_42 {
   padding: 16px;
-  background-color: #2F3349;
+  background-color: var(--moz-cta-content-bg);
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 1px solid #444;
+  border-bottom: 1px solid var(--moz-border);
 }
-._drawer__header__content_1srra_50 {
+._drawer__header__content_1laol_50 {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   gap: 0.25rem;
 }
-._drawer__header__content__desc_1srra_56 {
+._drawer__header__content__desc_1laol_56 {
   font-size: 14px;
-  color: #9392a3;
+  color: var(--moz-text-secondary);
 }
-._drawer__header_1srra_42 ._drawer__close_1srra_60 {
+._drawer__header_1laol_42 ._drawer__close_1laol_60 {
   background: none;
   border: none;
-  color: white;
+  color: var(--moz-text-primary);
   font-size: 24px;
   cursor: pointer;
   transition: transform 0.2s;
 }
-._drawer__header_1srra_42 ._drawer__close_1srra_60:hover {
+._drawer__header_1laol_42 ._drawer__close_1laol_60:hover {
   transform: scale(1.2);
 }
-._drawer__body_1srra_71 {
+._drawer__body_1laol_71 {
   flex: 1;
   overflow-y: auto;
   padding: 16px;
@@ -2885,25 +2885,25 @@ hr {
 }
 ._container_w3z1y_1 > div {
   min-width: 100px;
-}._container_u4adl_1 {
+}._container_gr7hf_1 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 1rem;
 }
 @media (max-width: 768px) {
-  ._container_u4adl_1 {
+  ._container_gr7hf_1 {
     justify-content: center;
   }
 }
 
-._slot_u4adl_13 {
+._slot_gr7hf_13 {
   display: flex;
   align-items: center;
   gap: 1rem;
   flex-wrap: wrap;
 }
-._slot_u4adl_13 ._close_u4adl_19 {
+._slot_gr7hf_13 ._close_gr7hf_19 {
   border: none;
   background-color: var(--moz-cta-secondary);
   color: var(--moz-cta-secondary-text);
@@ -2917,7 +2917,7 @@ hr {
   margin-top: 1.5rem;
 }
 
-._add_u4adl_33 {
+._add_gr7hf_33 {
   margin-top: 1.5rem;
   display: flex;
   align-items: center;
@@ -2931,14 +2931,15 @@ hr {
   padding-right: 0.6rem;
   cursor: pointer;
 }
-._add_u4adl_33 ._plus_u4adl_47 {
+._add_gr7hf_33 ._plus_gr7hf_47 {
   height: 20px;
   width: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
-  border: 1px solid white;
+  color: var(--moz-cta-secondary-text);
+  border: 1px solid var(--moz-border);
 }._regularHour_1xx5k_1 {
   display: flex;
   padding: 1.25rem 2rem;
@@ -4039,49 +4040,11 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-:root {
-  --font-family: "Public Sans", sans-serif !important;
-  --cta-primary: #25293C !important;
-  --cta-primary-text: white !important;
-  --cta-primary-hover: white !important;
-  --cta-primary-text-hover: black !important;
-  --moz-cta-secondary: #383868 !important;
-  --moz-cta-secondary-text: white !important;
-  --moz-cta-secondary-hover: white !important;
-  --moz-cta-secondary-text-hover: black !important;
-  --cta-secondary: #777 !important;
-  --cta-secondary-text: #CFCDE4 !important;
-  --cta-secondary-hover: #CFCDE4 !important;
-  --cta-secondary-text-hover: black !important;
-  --text-primary: white !important;
-  --text-secondary: rgb(15, 163, 227) !important;
-  --text-title: #CFCDE4 !important;
-  --text-label: #CFCDE4 !important;
-  --state-active: gray !important;
-  --moz-state-active: #383868 !important;
-  --moz-container-padding: 0 !important;
-  --ant-picker-bg: #2F3349 !important;
-  --ant-picker-border-radius: 6px !important;
-  --ant-picker-text-color: #ffffff !important;
-  --ant-picker-hover-cell-bg: #3A3D54 !important;
-  --ant-picker-selected-cell-bg: #4C4F64 !important;
-  --ant-picker-cell-hover-color: #ffffff !important;
-}
-body {
-  margin: 0 !important;
-  font-family: "Public Sans", sans-serif !important;
-  font: italic !important;
-  font-weight: normal !important;
-}
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Public Sans", sans-serif !important;
-  font-weight: normal !important;
-}
 hr {
   border: 0;
-  border-top: 2px solid #42465a;
+  border-top: 2px solid var(--moz-border) !important;
 }
-._mainConatiner_1q3j4_48 {
+._mainConatiner_1qp4s_7 {
   color: var(--moz-text-primary);
   max-height: 100vh;
   padding-left: 10px;
@@ -4091,7 +4054,7 @@ hr {
   background-color: var(--moz-cta-body-bg);
   overflow: hidden;
 }
-._mainConatiner_1q3j4_48 ._mainTableContainer_1q3j4_58 {
+._mainConatiner_1qp4s_7 ._mainTableContainer_1qp4s_17 {
   padding-top: 10px;
   flex: 1;
   display: flex;
@@ -4099,7 +4062,7 @@ hr {
   overflow: hidden;
   height: 100vh;
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
   width: auto;
   padding: 1rem;
   height: 100vh;
@@ -4109,100 +4072,100 @@ hr {
   transition: 0.3s;
   position: inherit;
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._headerReferece_1q3j4_76 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._headerReferece_1qp4s_35 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--open_1q3j4_87 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--close_1q3j4_93 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
     display: none;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon--show_1q3j4_101 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--open_1q3j4_87 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
     position: fixed;
     right: 0px;
     width: 400px;
     padding: 1rem;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--close_1q3j4_93 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
     display: none;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon--show_1q3j4_101 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_1q3j4_131 {
+._headerContainer_1qp4s_90 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_1q3j4_131 ._searchContainer_1q3j4_137 {
+._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._searchContainer_1q3j4_137 {
+  ._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
     width: 200px;
   }
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._buttonItem_1q3j4_153 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._buttonItem_1q3j4_153 {
+  ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
     display: none;
   }
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._addReservationButton_1q3j4_162 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._addReservationButton_1q3j4_162 {
+  ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
     display: none;
   }
 }
-._tableTopHeader_1q3j4_171 {
+._tableTopHeader_1qp4s_130 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4211,50 +4174,50 @@ hr {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_1q3j4_171 {
+  ._tableTopHeader_1qp4s_130 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_1q3j4_185 {
+._tableTopHeaderContent_1qp4s_144 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_1q3j4_185 ._tableTopHeaderContentText_1q3j4_192 {
+._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_1q3j4_185 ._tableTopHeaderContentText_1q3j4_192 {
+  ._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_1q3j4_201 {
+._tableRowContainer_1qp4s_160 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_1q3j4_1 0.3s ease-in forwards;
+  animation: _fadeInX_1qp4s_1 0.3s ease-in forwards;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 ._canceled_1q3j4_215 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._canceled_1qp4s_174 {
   text-decoration: line-through;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 ._noData_1q3j4_218 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._noData_1qp4s_177 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -4266,25 +4229,25 @@ hr {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 {
+  ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._tableRowHourText_1q3j4_241 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._tableRowHourText_1q3j4_241 {
+  ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._hours_1q3j4_249 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._hours_1qp4s_208 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -4294,26 +4257,26 @@ hr {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowImage_1q3j4_270 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowImage_1q3j4_270 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -4321,24 +4284,24 @@ hr {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
     text-align: center;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 ._rowContactText_1q3j4_296 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactText_1qp4s_255 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 ._rowContactPhone_1q3j4_302 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactPhone_1qp4s_261 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -4346,25 +4309,25 @@ hr {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 ._rowSection_1q3j4_309 ._rowSectionText_1q3j4_322 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionText_1qp4s_281 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 ._rowSection_1q3j4_309 ._rowSectionSecText_1q3j4_328 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionSecText_1qp4s_287 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowActionButton_1q3j4_335 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -4372,16 +4335,16 @@ hr {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowActionButton_1q3j4_335 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
     display: none;
   }
 }
-._bookingInfoContainer_1q3j4_348 {
+._bookingInfoContainer_1qp4s_307 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -4389,11 +4352,11 @@ hr {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCard_1q3j4_353 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCard_1qp4s_312 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -4401,19 +4364,19 @@ hr {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 ._bookingInfoCardTitle_1q3j4_379 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardTitle_1qp4s_338 {
   color: white;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 ._bookingInfoCardText_1q3j4_382 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardText_1qp4s_341 {
   color: var(--moz-text-secondary);
 }
-@keyframes _fadeInX_1q3j4_1 {
+@keyframes _fadeInX_1qp4s_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);