mozrest-sdk-react-dev 0.3.12 → 0.3.13

package/mozrest-sdk.es.js

@@ -5,7 +5,7 @@ import ReactDOM__default, { createPortal } from "react-dom";
 const container$A = "_container_1xz3t_13";
 const item$7 = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-const styles$20 = {
+const styles$21 = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$A,
   item: item$7,
@@ -957,15 +957,15 @@ const jsxs = jsxRuntimeExports.jsxs;
 const Fragment = jsxRuntimeExports.Fragment;
 const SkeletonPage$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$20["animate-pulse"],
+    className: styles$21["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$20.container,
+      className: styles$21.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$20.item
+        className: styles$21.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$20.item
+        className: styles$21.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$20.itemfull
+        className: styles$21.itemfull
       })]
     })
   });
@@ -3298,7 +3298,10 @@ const config$1 = {
   fb_graph_url: "https://graph.facebook.com/v12.0",
   paddle_env: "sandbox",
   paddle_vendor_id: "6925",
-  paddle_product_id: "42937"
+  paddle_product_id: "42937",
+  stripe_client_id: "ca_RfFkg4XcsD2iyNPdUyCt7qpmrIGo4Ixb",
+  stripe_publish_key: "pk_test_2343823823823",
+  stripe_gateway_url: "https://stripe-gateway.dev.mozrest.com/mozrest-stripe-handler_local"
 };
 const refreshToken = async () => {
   try {
@@ -3434,7 +3437,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$z = "_container_1ar7o_1";
-const styles$1$ = {
+const styles$20 = {
   container: container$z
 };
 const Container = ({
@@ -3448,12 +3451,12 @@ const Container = ({
   return /* @__PURE__ */ jsx$1(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$1$["container"], className),
+    className: classNames$2(styles$20["container"], className),
     children
   });
 };
 const container$y = "_container_11xrj_1";
-const styles$1_ = {
+const styles$1$ = {
   container: container$y
 };
 const LayoutPage$2 = ({
@@ -3463,12 +3466,12 @@ const LayoutPage$2 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1_.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1$.container, containerClassName, "mz-sdk-cst-pf"),
     children: [header2 && /* @__PURE__ */ jsx$1("div", {
       className: "mz-header",
       children: header2
     }), /* @__PURE__ */ jsx$1(Container, {
-      className: classNames$2(styles$1_.content, contentClassName),
+      className: classNames$2(styles$1$.content, contentClassName),
       children
     })]
   });
@@ -7770,6 +7773,27 @@ const INSERTAGS$1 = "Insert tags";
 const loadingListingAnalytics$1 = "Loading Listing Analytics";
 const All$1 = "All";
 const confirmationExportExcel$1 = "Do you want to export an excel file from {{from}} until {{till}}? You will receive shortly the report in your email inbox.";
+const PAYMENTS_INTEGRATION$1 = "Payments integration";
+const PAYMENTS_INTEGRATION_DESC$1 = "Accept online payments through your own Stripe account, seamlessly integrated with your booking system, using credit cards, digital wallets, or bank transfers.";
+const CONNECT_WITH_STRIPE$1 = "Connect with Stripe";
+const DISCONNECT_STRIPE_ACCOUNT$1 = "Disconnect Stripe account";
+const AMOUNT_PER_GUEST$1 = "Amount per guest";
+const MIN_GUESTS_REQ_PAYMENT$1 = "Min. guests requiring payment";
+const CANCELATION_POLICY_IN_HOURS$1 = "Cancelation policy in hours";
+const ENABLED_PAYMENTS$1 = "Enabled payments";
+const paymentRules$2 = "Payment rules";
+const paymentRulesDesc$2 = "A payment rule will be required to make a booking in this period, based on the following settings.";
+const amountPerGuestDesc$1 = "The amount guests have to pay to make a booking.";
+const minGuestsReqPaymentDesc$1 = "If set to '4' a booking with 3 or fewer people will not have to pay.";
+const cancelationPolicyInHoursDesc$1 = "The time before a booking during which a guest will get a full refund if they cancel their booking.";
+const paymentsEnabled$1 = "Payments enabled";
+const depositType$1 = "Deposit type";
+const amountPerGuest$1 = "Amount per guest";
+const minGuestsReqPayment$1 = "Min. guests requiring payment";
+const deposit$1 = "Deposit";
+const creditCardGuarantee$1 = "Credit card guarantee";
+const disconnectStripeAccount$1 = "Disconnect Stripe account";
+const disconnectStripeAccountDesc$1 = "Are you sure you want to disconnect your Stripe account?";
 const en = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -8254,7 +8278,28 @@ const en = {
   All: All$1,
   "Choose the Booking creation date range to export. The rest of the filters selected on the page will apply as export criteria.": "Choose the Booking creation date range to export. The rest of the filters selected on the page will apply as export criteria.",
   "You will receive shortly the report on you email inbox after clicking the 'Export data' button.": "You will receive shortly the report on you email inbox after clicking the 'Export data' button.",
-  confirmationExportExcel: confirmationExportExcel$1
+  confirmationExportExcel: confirmationExportExcel$1,
+  PAYMENTS_INTEGRATION: PAYMENTS_INTEGRATION$1,
+  PAYMENTS_INTEGRATION_DESC: PAYMENTS_INTEGRATION_DESC$1,
+  CONNECT_WITH_STRIPE: CONNECT_WITH_STRIPE$1,
+  DISCONNECT_STRIPE_ACCOUNT: DISCONNECT_STRIPE_ACCOUNT$1,
+  AMOUNT_PER_GUEST: AMOUNT_PER_GUEST$1,
+  MIN_GUESTS_REQ_PAYMENT: MIN_GUESTS_REQ_PAYMENT$1,
+  CANCELATION_POLICY_IN_HOURS: CANCELATION_POLICY_IN_HOURS$1,
+  ENABLED_PAYMENTS: ENABLED_PAYMENTS$1,
+  paymentRules: paymentRules$2,
+  paymentRulesDesc: paymentRulesDesc$2,
+  amountPerGuestDesc: amountPerGuestDesc$1,
+  minGuestsReqPaymentDesc: minGuestsReqPaymentDesc$1,
+  cancelationPolicyInHoursDesc: cancelationPolicyInHoursDesc$1,
+  paymentsEnabled: paymentsEnabled$1,
+  depositType: depositType$1,
+  amountPerGuest: amountPerGuest$1,
+  minGuestsReqPayment: minGuestsReqPayment$1,
+  deposit: deposit$1,
+  creditCardGuarantee: creditCardGuarantee$1,
+  disconnectStripeAccount: disconnectStripeAccount$1,
+  disconnectStripeAccountDesc: disconnectStripeAccountDesc$1
 };
 const errors = { "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 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -8694,6 +8739,27 @@ const INSERTAGS = "Insertar etiquetas";
 const loadingListingAnalytics = "Cargando analíticas de listing...";
 const All = "Todos";
 const confirmationExportExcel = "Quiere exportar un archivo excel desde {{from}} hasta {{till}}? Recibirá pronto el informe en su bandeja de entrada de correo electrónico.";
+const PAYMENTS_INTEGRATION = "Integración de pagos";
+const PAYMENTS_INTEGRATION_DESC = "Acepta pagos en línea a través de su cuenta de Stripe propia, integrado con su sistema de reservas, usando tarjetas de crédito, billeteras digitales o transferencias bancarias.";
+const CONNECT_WITH_STRIPE = "Conectar con Stripe";
+const DISCONNECT_STRIPE_ACCOUNT = "Desconectar cuenta de Stripe";
+const AMOUNT_PER_GUEST = "Cantidad por invitado";
+const MIN_GUESTS_REQ_PAYMENT = "Mínimo de invitados requeridos para pago";
+const CANCELATION_POLICY_IN_HOURS = "Política de cancelación en horas";
+const ENABLED_PAYMENTS = "Pagos habilitados";
+const paymentRules$1 = "Reglas de pago";
+const paymentRulesDesc$1 = "Una regla de pago será requerida para hacer una reserva en este período, basada en los siguientes ajustes.";
+const amountPerGuestDesc = "La cantidad de invitados que tienen que pagar para hacer una reserva.";
+const minGuestsReqPaymentDesc = "Si se establece en '4' una reserva con 3 o menos personas no tendrá que pagar.";
+const cancelationPolicyInHoursDesc = "El tiempo antes de una reserva durante el cual un invitado recibirá un reembolso completo si cancela su reserva.";
+const paymentsEnabled = "Pagos habilitados";
+const depositType = "Tipo de depósito";
+const amountPerGuest = "Cantidad por invitado";
+const minGuestsReqPayment = "Mínimo de invitados requeridos para pago";
+const deposit = "Depósito";
+const creditCardGuarantee = "Garantía de tarjeta de crédito";
+const disconnectStripeAccount = "Desconectar cuenta de Stripe";
+const disconnectStripeAccountDesc = "¿Está seguro de que desea desconectar su cuenta de Stripe?";
 const es$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -9178,7 +9244,28 @@ const es$1 = {
   All,
   "Choose the Booking creation date range to export. The rest of the filters selected on the page will apply as export criteria.": "Elija el rango de fechas de creación de la reserva para exportar. El resto de los filtros seleccionados en la página se aplicarán como criterios de exportación.",
   "You will receive shortly the report on you email inbox after clicking the 'Export data' button.": "Recibirá pronto el informe en su bandeja de entrada de correo electrónico después de hacer clic en el botón 'Exportar datos'.",
-  confirmationExportExcel
+  confirmationExportExcel,
+  PAYMENTS_INTEGRATION,
+  PAYMENTS_INTEGRATION_DESC,
+  CONNECT_WITH_STRIPE,
+  DISCONNECT_STRIPE_ACCOUNT,
+  AMOUNT_PER_GUEST,
+  MIN_GUESTS_REQ_PAYMENT,
+  CANCELATION_POLICY_IN_HOURS,
+  ENABLED_PAYMENTS,
+  paymentRules: paymentRules$1,
+  paymentRulesDesc: paymentRulesDesc$1,
+  amountPerGuestDesc,
+  minGuestsReqPaymentDesc,
+  cancelationPolicyInHoursDesc,
+  paymentsEnabled,
+  depositType,
+  amountPerGuest,
+  minGuestsReqPayment,
+  deposit,
+  creditCardGuarantee,
+  disconnectStripeAccount,
+  disconnectStripeAccountDesc
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -14163,10 +14250,10 @@ var infinite = function(useSWRNext) {
     };
   };
 };
-var index$f = withMiddleware(useSWR, infinite);
+var index$g = withMiddleware(useSWR, infinite);
 const useInfinite = (service, params, limit = 5) => {
   var _a2, _b;
-  const { data: data2, error: error3, isValidating, mutate: mutate2, size, setSize } = index$f((page, previousPageData) => {
+  const { data: data2, error: error3, isValidating, mutate: mutate2, size, setSize } = index$g((page, previousPageData) => {
     if (previousPageData && !previousPageData.length) {
       return null;
     }
@@ -15254,7 +15341,7 @@ var ResizeObserver$1 = (
     return (_a2 = observers.get(this))[method4].apply(_a2, arguments);
   };
 });
-var index$e = function() {
+var index$f = function() {
   if (typeof global$1$1.ResizeObserver !== "undefined") {
     return global$1$1.ResizeObserver;
   }
@@ -15262,7 +15349,7 @@ var index$e = function() {
 }();
 const ResizeObserver_es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: index$e
+  default: index$f
 }, Symbol.toStringTag, { value: "Module" }));
 function _createSuper$n(t2) {
   var r2 = _isNativeReflectConstruct$o();
@@ -21291,7 +21378,7 @@ function monitorResize(element, callback) {
     prevWidth = fixedWidth;
     prevHeight = fixedHeight;
   }
-  var resizeObserver = new index$e(onResize);
+  var resizeObserver = new index$f(onResize);
   if (element) {
     resizeObserver.observe(element);
   }
@@ -36269,25 +36356,25 @@ const ContextUserRole = React__default.createContext([
 const label$8 = "_label_7mgn7_1";
 const comment$4 = "_comment_7mgn7_5";
 const translate = "_translate_7mgn7_9";
-const styles$1Z = {
+const styles$1_ = {
   label: label$8,
   comment: comment$4,
   translate
 };
 const sronly$1 = "_sronly_1n9bw_1";
-const styles$1Y = {
+const styles$1Z = {
   sronly: sronly$1
 };
 const SrOnly$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$1Y.sronly,
+    className: styles$1Z.sronly,
     children
   });
 };
 const label$7 = "_label_1vki7_1";
-const styles$1X = {
+const styles$1Y = {
   label: label$7
 };
 var propTypes$3 = { exports: {} };
@@ -41175,7 +41262,7 @@ const icons$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   yes: yes$1
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$a = "_icon_69yub_1";
-const styles$1W = {
+const styles$1X = {
   icon: icon$a,
   "icon--small": "_icon--small_69yub_12",
   "icon--medium": "_icon--medium_69yub_15",
@@ -41190,14 +41277,14 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1W["icon"], styles$1W[`icon--${size}`], className),
+    className: classNames$2(styles$1X["icon"], styles$1X[`icon--${size}`], className),
     ...props,
     children: icons$1[icon2]()
   });
 };
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-const styles$1V = {
+const styles$1W = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
@@ -41205,9 +41292,9 @@ const Tooltip$2 = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1V.tooltip,
+    className: styles$1W.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$1V.tooltip__icon,
+      className: styles$1W.tooltip__icon,
       icon: "question",
       size: "small",
       "data-tip": true
@@ -41228,7 +41315,7 @@ const Label$2 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$1X.label,
+    className: styles$1Y.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$2, {
       children: tooltip2
@@ -41240,7 +41327,7 @@ const Label$2 = ({
 };
 const label$6 = "_label_15hk9_1";
 const translation$1 = "_translation_15hk9_6";
-const styles$1U = {
+const styles$1V = {
   label: label$6,
   translation: translation$1
 };
@@ -41274,13 +41361,13 @@ const ReplyTranslation = ({
     children: [isExecuting && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isExecuting && /* @__PURE__ */ jsxs("div", {
-      className: styles$1U.translation,
+      className: styles$1V.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$1U.label,
+        className: styles$1V.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1U.translation,
+        className: styles$1V.translation,
         children: data2 && data2.translatedText ? data2.translatedText : "---"
       })]
     })]
@@ -42861,7 +42948,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   yes
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$9 = "_icon_lm3br_1";
-const styles$1T = {
+const styles$1U = {
   icon: icon$9,
   "icon--xs": "_icon--xs_lm3br_12",
   "icon--small": "_icon--small_lm3br_15",
@@ -42876,13 +42963,13 @@ const Icon = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1T["icon"], styles$1T[`icon--${size}`], className),
+    className: classNames$2(styles$1U["icon"], styles$1U[`icon--${size}`], className),
     ...props,
     children: React__default.createElement(icons[icon2])
   });
 };
 const btn$2 = "_btn_g6dop_1";
-const styles$1S = {
+const styles$1T = {
   btn: btn$2,
   "btn--large": "_btn--large_g6dop_16",
   "btn--default": "_btn--default_g6dop_20",
@@ -42910,7 +42997,7 @@ const Button$1 = ({
   ...props
 }) => {
   const componentProps = {
-    className: classNames$2(styles$1S["btn"], styles$1S[`btn--${mode}`], styles$1S[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1T["btn"], styles$1T[`btn--${mode}`], styles$1T[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon, {
@@ -42935,25 +43022,25 @@ const Button$1 = ({
   });
 };
 const sronly = "_sronly_1n9bw_1";
-const styles$1R = {
+const styles$1S = {
   sronly
 };
 const SrOnly = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$1R.sronly,
+    className: styles$1S.sronly,
     children
   });
 };
 const label$5 = "_label_wrsfp_1";
-const styles$1Q = {
+const styles$1R = {
   label: label$5
 };
 const tooltipContainer = "_tooltipContainer_13ux5_1";
 const tooltipBox = "_tooltipBox_13ux5_5";
 const isVisible = "_isVisible_13ux5_26";
-const styles$1P = {
+const styles$1Q = {
   tooltipContainer,
   tooltipBox,
   isVisible,
@@ -42973,14 +43060,14 @@ const Tooltip$1 = ({
   const showTooltip = () => setIsVisible(true);
   const hideTooltip = () => setIsVisible(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1P.tooltipContainer,
+    className: styles$1Q.tooltipContainer,
     onMouseEnter: showTooltip,
     onMouseLeave: hideTooltip,
     onFocus: showTooltip,
     onBlur: hideTooltip,
     tabIndex: 0,
     children: [children, /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$1P.tooltipBox, styles$1P[`tooltip--${position2}`], isVisible2 ? styles$1P.isVisible : "", className),
+      className: classNames$2(styles$1Q.tooltipBox, styles$1Q[`tooltip--${position2}`], isVisible2 ? styles$1Q.isVisible : "", className),
       ...props,
       children: message ?? ""
     })]
@@ -42994,7 +43081,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$1Q.label,
+    className: styles$1R.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
@@ -44926,7 +45013,7 @@ function o(o2, n, a2) {
   };
 }
 const text$2 = "_text_1f1l5_1";
-const styles$1O = {
+const styles$1P = {
   text: text$2
 };
 const FieldError$1 = ({
@@ -44934,14 +45021,14 @@ const FieldError$1 = ({
 }) => {
   if (error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1O.text,
+      className: styles$1P.text,
       children: error3.message
     });
   }
   return null;
 };
 const input$5 = "_input_1ayrx_1";
-const styles$1N = {
+const styles$1O = {
   input: input$5
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -44977,7 +45064,7 @@ const TextArea$1 = React__default.forwardRef(({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1N.input,
+        className: styles$1O.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -45099,11 +45186,11 @@ const ReplyForm = ({
             marginTop: 10
           },
           children: [!showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$1Z.translate,
+            className: styles$1_.translate,
             onClick: () => setShowTranslation(true),
             children: t2("SHOWTRANSLATION")
           }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$1Z.translate,
+            className: styles$1_.translate,
             onClick: () => setShowTranslation(false),
             children: t2("HIDETRANSLATION")
           })]
@@ -45150,7 +45237,7 @@ const ReplyForm = ({
 const label$4 = "_label_x1r40_1";
 const comment$1 = "_comment_x1r40_7";
 const date$3 = "_date_x1r40_12";
-const styles$1M = {
+const styles$1N = {
   label: label$4,
   comment: comment$1,
   date: date$3
@@ -45164,13 +45251,13 @@ const Reply = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1M.label,
+      className: styles$1N.label,
       children: t2("REPLY")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1M.comment,
+      className: styles$1N.comment,
       children: reply2.comment
     }), /* @__PURE__ */ jsx$1("span", {
-      className: styles$1M.date,
+      className: styles$1N.date,
       children: reply2.createdAt
     }), /* @__PURE__ */ jsx$1("br", {})]
   });
@@ -45256,7 +45343,7 @@ const back = "_back_ypeoh_30";
 const statusbar = "_statusbar_ypeoh_38";
 const statusbar__icons = "_statusbar__icons_ypeoh_44";
 const platform = "_platform_ypeoh_48";
-const styles$1L = {
+const styles$1M = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -45278,36 +45365,36 @@ const Comment = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1Z.label,
+      className: styles$1_.label,
       children: t2("REVIEW")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1Z.comment,
+      className: styles$1_.comment,
       children
     }), !showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-      className: styles$1Z.translate,
+      className: styles$1_.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
     }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-      className: styles$1Z.translate,
+      className: styles$1_.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
     })]
   });
 };
 const flag = "_flag_wd4ay_1";
-const styles$1K = {
+const styles$1L = {
   flag
 };
 const CountryFlag = ({
   locale: locale2
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1K.flag}`
+    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1L.flag}`
   });
 };
 const label$3 = "_label_15hk9_1";
 const translation = "_translation_15hk9_6";
-const styles$1J = {
+const styles$1K = {
   label: label$3,
   translation
 };
@@ -45343,13 +45430,13 @@ const CommentTranslation = ({
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$1J.translation,
+      className: styles$1K.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$1J.label,
+        className: styles$1K.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1J.translation,
+        className: styles$1K.translation,
         children: data2
       })]
     })]
@@ -45357,7 +45444,7 @@ const CommentTranslation = ({
 };
 const label$2 = "_label_13kaz_1";
 const title$3 = "_title_13kaz_5";
-const styles$1I = {
+const styles$1J = {
   label: label$2,
   title: title$3
 };
@@ -45370,10 +45457,10 @@ const Title = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1I.label,
+      className: styles$1J.label,
       children: t2("TITLE")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1I.title,
+      className: styles$1J.title,
       children
     })]
   });
@@ -45551,7 +45638,7 @@ const formatData$k = (data2) => {
   });
 };
 const text$1 = "_text_12cto_1";
-const styles$1H = {
+const styles$1I = {
   text: text$1
 };
 const tagsMap$2 = {
@@ -45564,7 +45651,7 @@ const TemplateText = ({
   text: text2
 }) => {
   return /* @__PURE__ */ jsx$1("p", {
-    className: styles$1H.text,
+    className: styles$1I.text,
     children: text2.split("@@").map((item2, index2) => {
       if (tagsMap$2[item2]) {
         return /* @__PURE__ */ jsx$1("span", {
@@ -45576,7 +45663,7 @@ const TemplateText = ({
   });
 };
 const button$6 = "_button_1hbqp_1";
-const styles$1G = {
+const styles$1H = {
   button: button$6
 };
 const Template$1 = ({
@@ -45591,7 +45678,7 @@ const Template$1 = ({
     children: [/* @__PURE__ */ jsx$1(TemplateText, {
       text: text2
     }), /* @__PURE__ */ jsx$1("button", {
-      className: styles$1G.button,
+      className: styles$1H.button,
       onClick: handleClickUse,
       children: "Use"
     })]
@@ -45600,7 +45687,7 @@ const Template$1 = ({
 const container$x = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-const styles$1F = {
+const styles$1G = {
   container: container$x,
   hide: hide$1,
   toolbar: toolbar$3
@@ -47348,7 +47435,7 @@ function autoUpdate(reference, floating, update, options2) {
     }
   };
 }
-var index$d = useLayoutEffect$1;
+var index$e = useLayoutEffect$1;
 function _defineProperty$t(obj, key2, value2) {
   if (key2 in obj) {
     Object.defineProperty(obj, key2, {
@@ -47910,7 +47997,7 @@ var MenuPortal = function MenuPortal2(_ref7) {
       });
     }
   }, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width]);
-  index$d(function() {
+  index$e(function() {
     updateComputedPosition();
   }, [updateComputedPosition]);
   var runAutoUpdate = useCallback(function() {
@@ -47922,7 +48009,7 @@ var MenuPortal = function MenuPortal2(_ref7) {
       cleanupRef.current = autoUpdate(controlElement, menuPortalRef.current, updateComputedPosition);
     }
   }, [controlElement, updateComputedPosition]);
-  index$d(function() {
+  index$e(function() {
     runAutoUpdate();
   }, [runAutoUpdate]);
   var setMenuPortalElement = useCallback(function(menuPortalElement) {
@@ -50742,7 +50829,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-const styles$1E = {
+const styles$1F = {
   tooltip: tooltip$1,
   tooltip__icon
 };
@@ -50750,9 +50837,9 @@ const LockTooltip = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1E.tooltip,
+    className: styles$1F.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$1E.tooltip__icon,
+      className: styles$1F.tooltip__icon,
       icon: "lock",
       size: "small",
       "data-tip": children
@@ -50766,7 +50853,7 @@ const LockTooltip = ({
 };
 const container$w = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-const styles$1D = {
+const styles$1E = {
   container: container$w,
   tooltip
 };
@@ -50795,7 +50882,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1D.container,
+    className: styles$1E.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -50809,7 +50896,7 @@ const NewSelect = ({
         id: id2,
         isDisabled
       }), isDisabled && /* @__PURE__ */ jsx$1("div", {
-        className: styles$1D.tooltip,
+        className: styles$1E.tooltip,
         children: /* @__PURE__ */ jsx$1(LockTooltip, {
           children: disabledTooltip
         })
@@ -50885,12 +50972,12 @@ const filterTemplatesByLanguage = (templates, language) => {
 };
 const header$7 = "_header_1jmjy_1";
 const icon$8 = "_icon_1jmjy_11";
-const styles$1C = {
+const styles$1D = {
   header: header$7,
   icon: icon$8
 };
 const heading = "_heading_1fifa_1";
-const styles$1B = {
+const styles$1C = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -50906,7 +50993,7 @@ const Heading = ({
   const Tag2 = level;
   return /* @__PURE__ */ jsx$1(Tag2, {
     id: id2,
-    className: classNames$2(styles$1B["heading"], styles$1B[`heading--${size}`]),
+    className: classNames$2(styles$1C["heading"], styles$1C[`heading--${size}`]),
     ...props,
     children
   });
@@ -50921,18 +51008,18 @@ const Header$6 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1C.header,
+    className: styles$1D.header,
     children: [/* @__PURE__ */ jsx$1(Heading, {
       children: header2.title
     }), typeof header2.icon === "string" && /* @__PURE__ */ jsx$1(Icon, {
       icon: header2.icon,
       onClick: header2.onClickIcon,
-      className: styles$1C.icon
+      className: styles$1D.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$v = "_container_pc1hp_1";
-const styles$1A = {
+const styles$1B = {
   container: container$v
 };
 const Card$1 = ({
@@ -50944,12 +51031,12 @@ const Card$1 = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1A.container, className, "mz-card"),
+      className: classNames$2(styles$1B.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$6, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1A.content, classNameContent),
+        className: classNames$2(styles$1B.content, classNameContent),
         children
       })]
     })
@@ -51021,11 +51108,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$1F.container, {
-      [styles$1F.hide]: !open
+    className: classNames$2(styles$1G.container, {
+      [styles$1G.hide]: !open
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1F.toolbar,
+      className: styles$1G.toolbar,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -51079,31 +51166,31 @@ const DetailMobile = ({
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1L.detail, {
-      [styles$1L.hidden]: !openForm
+    className: classNames$2(styles$1M.detail, {
+      [styles$1M.hidden]: !openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
       onClick,
-      className: styles$1L.back,
+      className: styles$1M.back,
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "close"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1L.statusbar,
+      className: styles$1M.statusbar,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1L.statusbar__icons,
+        className: styles$1M.statusbar__icons,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: reply2 ? "mailReplied" : "mailNotReplied"
         }), /* @__PURE__ */ jsx$1("img", {
           alt: platform2,
           src: platformImages[platform2],
-          className: styles$1L.platform
+          className: styles$1M.platform
         })]
       }), /* @__PURE__ */ jsx$1("div", {
         children: createdAt
       })]
     }), /* @__PURE__ */ jsxs("strong", {
-      className: styles$1L.reviewer,
+      className: styles$1M.reviewer,
       children: [reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ jsx$1(CountryFlag, {
         locale: locale2
       })]
@@ -51148,7 +51235,7 @@ const DetailMobile = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1L["container--reply"],
+      className: styles$1M["container--reply"],
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -51161,7 +51248,7 @@ const DetailMobile = ({
         locale: locale2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1L["container--reply"],
+      className: styles$1M["container--reply"],
       children: reply2 && /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       })
@@ -51194,13 +51281,13 @@ const DetailMobile = ({
 const detail = "_detail_1nbuk_1";
 const reply = "_reply_1nbuk_10";
 const hide = "_hide_1nbuk_14";
-const styles$1z = {
+const styles$1A = {
   detail,
   reply,
   hide
 };
 const btn$1 = "_btn_1wg4v_1";
-const styles$1y = {
+const styles$1z = {
   btn: btn$1,
   "btn--large": "_btn--large_1wg4v_16",
   "btn--small": "_btn--small_1wg4v_19",
@@ -51225,7 +51312,7 @@ const Button = React__default.forwardRef(({
   ...props
 }, ref = null) => {
   const componentProps = {
-    className: classNames$2(styles$1y["btn"], styles$1y[`btn--${mode}`], styles$1y[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1z["btn"], styles$1z[`btn--${mode}`], styles$1z[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon$1, {
@@ -51277,8 +51364,8 @@ const DetailDesktop = ({
   } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1z.detail, {
-      [styles$1z.hide]: !openForm
+    className: classNames$2(styles$1A.detail, {
+      [styles$1A.hide]: !openForm
     }),
     children: [meta && /* @__PURE__ */ jsxs("div", {
       style: {
@@ -51319,7 +51406,7 @@ const DetailDesktop = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1z.reply,
+      className: styles$1A.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -51333,7 +51420,7 @@ const DetailDesktop = ({
         locale: locale2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1z.reply,
+      className: styles$1A.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1("div", {
@@ -51363,7 +51450,7 @@ const image$1 = "_image_x6ey8_40";
 const imageMobile = "_imageMobile_x6ey8_46";
 const reviewer = "_reviewer_x6ey8_61";
 const location = "_location_x6ey8_66";
-const styles$1x = {
+const styles$1y = {
   container: container$u,
   light,
   active,
@@ -51427,30 +51514,30 @@ const Review = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("article", {
-    className: classNames$2(styles$1x.container, {
-      [styles$1x.light]: light2,
-      [styles$1x.active]: openForm
+    className: classNames$2(styles$1y.container, {
+      [styles$1y.light]: light2,
+      [styles$1y.active]: openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1x.resume,
+      className: styles$1y.resume,
       onClick,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1x.resume__container,
+        className: styles$1y.resume__container,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1x.left,
+          className: styles$1y.left,
           children: [/* @__PURE__ */ jsx$1(Row, {
             children: /* @__PURE__ */ jsxs(Col, {
               xs: 24,
               sm: 0,
               children: [/* @__PURE__ */ jsx$1("span", {
-                className: styles$1x["icon--center"],
+                className: styles$1y["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
               }), /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1x.imageMobile
+                className: styles$1y.imageMobile
               })]
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -51458,7 +51545,7 @@ const Review = ({
               xs: 0,
               sm: 24,
               children: /* @__PURE__ */ jsx$1("span", {
-                className: styles$1x["icon--center"],
+                className: styles$1y["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
@@ -51471,7 +51558,7 @@ const Review = ({
               children: /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1x.image
+                className: styles$1y.image
               })
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -51495,7 +51582,7 @@ const Review = ({
               },
               children: [/* @__PURE__ */ jsx$1(Col, {
                 children: /* @__PURE__ */ jsx$1("strong", {
-                  className: styles$1x.reviewer,
+                  className: styles$1y.reviewer,
                   children: reviewer2.name
                 })
               }), /* @__PURE__ */ jsx$1(Col, {
@@ -51533,11 +51620,11 @@ const Review = ({
           })]
         }), multiVenue && /* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$1x.location,
+            className: styles$1y.location,
             children: locationName
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1x.right,
+          className: styles$1y.right,
           children: createdAt
         })]
       })
@@ -51583,7 +51670,7 @@ const Review = ({
 };
 const header$6 = "_header_190p9_1";
 const icon$7 = "_icon_190p9_10";
-const styles$1w = {
+const styles$1x = {
   header: header$6,
   icon: icon$7
 };
@@ -51597,18 +51684,18 @@ const Header$5 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1w.header,
+    className: styles$1x.header,
     children: [/* @__PURE__ */ jsx$1(Heading, {
       children: header2.title
     }), typeof header2.icon === "string" && /* @__PURE__ */ jsx$1(Icon$1, {
       icon: header2.icon,
       onClick: header2.onClickIcon,
-      className: styles$1w.icon
+      className: styles$1x.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$t = "_container_pd6ji_1";
-const styles$1v = {
+const styles$1w = {
   container: container$t
 };
 const Card = ({
@@ -51620,43 +51707,43 @@ const Card = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1v.container, className, "mz-card"),
+      className: classNames$2(styles$1w.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$5, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1v.content, classNameContent),
+        className: classNames$2(styles$1w.content, classNameContent),
         children
       })]
     })
   });
 };
 const header$5 = "_header_1qr4z_1";
-const styles$1u = {
+const styles$1v = {
   header: header$5
 };
 const Header$4 = ({
   title: title2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1u.header,
+    className: styles$1v.header,
     children: /* @__PURE__ */ jsxs(Heading, {
       children: [" ", title2]
     })
   });
 };
 const container$s = "_container_1egcu_1";
-const styles$1t = {
+const styles$1u = {
   container: container$s
 };
 const Empty = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1t.container,
+    className: styles$1u.container,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
       icon: "fileSad",
-      className: styles$1t.icon,
+      className: styles$1u.icon,
       size: "xxl"
     }), /* @__PURE__ */ jsx$1("h2", {
       children
@@ -51664,11 +51751,11 @@ const Empty = ({
   });
 };
 const container$r = "_container_n6953_1";
-const content$9 = "_content_n6953_6";
+const content$8 = "_content_n6953_6";
 const empty = "_empty_n6953_10";
-const styles$1s = {
+const styles$1t = {
   container: container$r,
-  content: content$9,
+  content: content$8,
   empty
 };
 const ContextReview = React__default.createContext([
@@ -51703,13 +51790,13 @@ const Reviews = ({
     }
   };
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1s.container,
-    classNameContent: styles$1s.content,
+    className: styles$1t.container,
+    classNameContent: styles$1t.content,
     header: /* @__PURE__ */ jsx$1(Header$4, {
       title: t2("REVIEWS")
     }),
     children: [isEmpty && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1s.empty,
+      className: styles$1t.empty,
       children: /* @__PURE__ */ jsx$1(Empty, {
         children: t2("youDontHaveReviewsYet")
       })
@@ -51760,13 +51847,13 @@ const tagsMap$1 = {
 const collapse = "_collapse_1tnkf_8";
 const collapse__header = "_collapse__header_1tnkf_15";
 const left = "_left_1tnkf_23";
-const content$8 = "_content_1tnkf_28";
-const styles$1r = {
+const content$7 = "_content_1tnkf_28";
+const styles$1s = {
   collapse,
   "collapse--light": "_collapse--light_1tnkf_12",
   collapse__header,
   left,
-  content: content$8
+  content: content$7
 };
 const Template = ({
   light: light2,
@@ -51783,14 +51870,14 @@ const Template = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1r.collapse, {
-      [styles$1r["collapse--light"]]: light2
+    className: classNames$2(styles$1s.collapse, {
+      [styles$1s["collapse--light"]]: light2
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1r.collapse__header,
+      className: styles$1s.collapse__header,
       onClick: toggle,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1r.left,
+        className: styles$1s.left,
         children: [/* @__PURE__ */ jsx$1(Icon$1, {
           icon: open ? "chevronDown" : "chevronRight"
         }), template.title, /* @__PURE__ */ jsx$1(CountryFlag, {
@@ -51801,7 +51888,7 @@ const Template = ({
         children: t2("USE")
       })]
     }), open && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1r.content,
+      className: styles$1s.content,
       children: /* @__PURE__ */ jsx$1(TemplateContent, {
         children: template.reply
       })
@@ -51811,7 +51898,7 @@ const Template = ({
 const skeleton$2 = "_skeleton_1jxqg_12";
 const error$1 = "_error_1jxqg_16";
 const filters$1 = "_filters_1jxqg_20";
-const styles$1q = {
+const styles$1r = {
   skeleton: skeleton$2,
   error: error$1,
   filters: filters$1,
@@ -57354,7 +57441,7 @@ const Modal$1 = ({
   });
 };
 const container$q = "_container_ut3y7_1";
-const styles$1p = {
+const styles$1q = {
   container: container$q
 };
 const customStyles = {
@@ -57428,7 +57515,7 @@ const Select = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1p.container,
+    className: styles$1q.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       htmlFor: id2,
       children: label2
@@ -57506,15 +57593,15 @@ const Templates = ({
       children: t2("REPLYTEMPLATES")
     }),
     children: [isLoading && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1q.skeleton,
+      className: styles$1r.skeleton,
       children: /* @__PURE__ */ jsx$1(SkeletonPage$1, {})
     }), error3 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1q.error,
+      className: styles$1r.error,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: error3
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1q.filters,
+      className: styles$1r.filters,
       children: [/* @__PURE__ */ jsx$1(Select, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -57527,7 +57614,7 @@ const Templates = ({
         onChange: handleOnChangeLanguage
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1q["templates--container"],
+      className: styles$1r["templates--container"],
       children: templates == null ? void 0 : templates.map((template, index2) => /* @__PURE__ */ jsx$1(Template, {
         template,
         light: index2 % 2 === 1,
@@ -59069,22 +59156,22 @@ const reInit = (el, props) => {
   el.litePickerInstance.destroy();
   init$2(el, props);
 };
-const inputWrapper = "_inputWrapper_ib1mx_1";
-const input$4 = "_input_ib1mx_1";
-const inputIcon = "_inputIcon_ib1mx_75";
-const styles$1o = {
+const inputWrapper = "_inputWrapper_1vi07_1";
+const input$4 = "_input_1vi07_1";
+const inputIcon = "_inputIcon_1vi07_75";
+const styles$1p = {
   inputWrapper,
   input: input$4,
-  "input--r-md": "_input--r-md_ib1mx_37",
-  "input--r-sm": "_input--r-sm_ib1mx_42",
-  "input--with-icon-left": "_input--with-icon-left_ib1mx_47",
-  "input--with-icon-right": "_input--with-icon-right_ib1mx_50",
-  "input--filled": "_input--filled_ib1mx_53",
-  "input--borderless": "_input--borderless_ib1mx_56",
-  "input--rounded": "_input--rounded_ib1mx_60",
+  "input--r-md": "_input--r-md_1vi07_37",
+  "input--r-sm": "_input--r-sm_1vi07_42",
+  "input--with-icon-left": "_input--with-icon-left_1vi07_47",
+  "input--with-icon-right": "_input--with-icon-right_1vi07_50",
+  "input--filled": "_input--filled_1vi07_53",
+  "input--borderless": "_input--borderless_1vi07_56",
+  "input--rounded": "_input--rounded_1vi07_60",
   inputIcon,
-  "inputIcon--p-left": "_inputIcon--p-left_ib1mx_84",
-  "inputIcon--p-right": "_inputIcon--p-right_ib1mx_87"
+  "inputIcon--p-left": "_inputIcon--p-left_1vi07_84",
+  "inputIcon--p-right": "_inputIcon--p-right_1vi07_87"
 };
 const Input$2 = React__default.forwardRef(({
   id: id2,
@@ -59129,7 +59216,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1o["input"], styles$1o[`input--h-${heigth}`], styles$1o[`input--r-${radius}`], icon2 && styles$1o[`input--with-icon-${iconPosition}`], filled == true ? styles$1o[`input--filled`] : "", borderLess == true ? styles$1o[`input--borderless`] : "", rounded == true ? styles$1o[`input--rounded`] : ""),
+        className: classNames$2(styles$1p["input"], styles$1p[`input--h-${heigth}`], styles$1p[`input--r-${radius}`], icon2 && styles$1p[`input--with-icon-${iconPosition}`], filled == true ? styles$1p[`input--filled`] : "", borderLess == true ? styles$1p[`input--borderless`] : "", rounded == true ? styles$1p[`input--rounded`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -59140,7 +59227,7 @@ const Input$2 = React__default.forwardRef(({
         disabled: disabled2,
         ...props
       }), icon2 && /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1o["inputIcon"], styles$1o[`inputIcon--p-${iconPosition}`], className ? className : ""),
+        className: classNames$2(styles$1p["inputIcon"], styles$1p[`inputIcon--p-${iconPosition}`], className ? className : ""),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: icon2,
           size: iconSize
@@ -59276,7 +59363,7 @@ const useOutsideClick = (ref, callback) => {
 const filterButton$1 = "_filterButton_c0yjo_1";
 const buttonClose$1 = "_buttonClose_c0yjo_21";
 const toolbar$2 = "_toolbar_c0yjo_38";
-const styles$1n = {
+const styles$1o = {
   filterButton: filterButton$1,
   buttonClose: buttonClose$1,
   toolbar: toolbar$2,
@@ -59296,12 +59383,12 @@ const FiltersWrapper$1 = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$1n.toolbar, {
-        [styles$1n["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$1o.toolbar, {
+        [styles$1o["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1n.buttonClose, {
-          [styles$1n.hide]: !showFilters
+        className: classNames$2(styles$1o.buttonClose, {
+          [styles$1o.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: "close",
@@ -59313,7 +59400,7 @@ const FiltersWrapper$1 = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$1n.filterButton,
+      className: styles$1o.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "descriptionShort",
         size: "small"
@@ -59468,18 +59555,18 @@ const Header$3 = ({
     })
   });
 };
-const content$7 = "_content_6vryc_2";
+const content$6 = "_content_6vryc_2";
 const grid = "_grid_6vryc_8";
 const footer$8 = "_footer_6vryc_15";
-const styles$1m = {
-  content: content$7,
+const styles$1n = {
+  content: content$6,
   grid,
   footer: footer$8
 };
 const container$p = "_container_1xz3t_13";
 const item$6 = "_item_1xz3t_20";
 const itemfull = "_itemfull_1xz3t_26";
-const styles$1l = {
+const styles$1m = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$p,
   item: item$6,
@@ -59487,21 +59574,21 @@ const styles$1l = {
 };
 const SkeletonPage = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1l["animate-pulse"],
+    className: styles$1m["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1l.container,
+      className: styles$1m.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$1l.item
+        className: styles$1m.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1l.item
+        className: styles$1m.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1l.itemfull
+        className: styles$1m.itemfull
       })]
     })
   });
 };
 const container$o = "_container_1oqup_1";
-const styles$1k = {
+const styles$1l = {
   container: container$o
 };
 const LayoutPage$1 = ({
@@ -59511,12 +59598,12 @@ const LayoutPage$1 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1k.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1l.container, containerClassName, "mz-sdk-cst-pf"),
     children: [header2 && /* @__PURE__ */ jsx$1("div", {
       className: "mz-header",
       children: header2
     }), /* @__PURE__ */ jsx$1(Container, {
-      className: classNames$2(styles$1k.content, contentClassName),
+      className: classNames$2(styles$1l.content, contentClassName),
       children
     })]
   });
@@ -59589,7 +59676,7 @@ const ReviewsPage = ({
     });
   }
   return /* @__PURE__ */ jsx$1(LayoutPage$2, {
-    contentClassName: styles$1m.content,
+    contentClassName: styles$1n.content,
     header: /* @__PURE__ */ jsx$1(Header$3, {
       onChangeFilter: setFilters,
       filters: filter2,
@@ -59604,7 +59691,7 @@ const ReviewsPage = ({
           value: [review, setReview],
           children: /* @__PURE__ */ jsxs("div", {
             children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
-              className: styles$1m.grid,
+              className: styles$1n.grid,
               children: [/* @__PURE__ */ jsxs("div", {
                 children: [/* @__PURE__ */ jsx$1(Reviews, {
                   reviews: issues,
@@ -59613,7 +59700,7 @@ const ReviewsPage = ({
                   multiVenue,
                   setShowTemplate: setShowReplyTemplates
                 }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
-                  className: styles$1m.footer,
+                  className: styles$1n.footer,
                   children: /* @__PURE__ */ jsx$1(Button$1, {
                     type: "button",
                     onClick: loadMore,
@@ -60625,7 +60712,7 @@ const container$n = "_container_1jgim_1";
 const button$5 = "_button_1jgim_14";
 const skeleton$1 = "_skeleton_1jgim_22";
 const item$5 = "_item_1jgim_33";
-const styles$1j = {
+const styles$1k = {
   container: container$n,
   button: button$5,
   "button-disable": "_button-disable_1jgim_17",
@@ -60648,11 +60735,11 @@ const Table = ({
       width: "100%"
     },
     children: /* @__PURE__ */ jsxs(Card, {
-      classNameContent: classNames$2(styles$1j.container, classNameContent),
+      classNameContent: classNames$2(styles$1k.container, classNameContent),
       className: classNameConatiner,
       header: Header2,
       children: [/* @__PURE__ */ jsxs("table", {
-        className: classNames$2(styles$1j.table, className),
+        className: classNames$2(styles$1k.table, className),
         children: [/* @__PURE__ */ jsx$1("thead", {
           children: /* @__PURE__ */ jsx$1("tr", {
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
@@ -60682,12 +60769,12 @@ const LoadingBody$1 = ({
   rows = 5,
   items = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: styles$1j.skeleton,
+  className: styles$1k.skeleton,
   children: Object.keys(Array(rows).fill(1)).map((index2) => {
     return /* @__PURE__ */ jsx$1("tr", {
       children: Object.keys(Array(items).fill(1)).map((id2) => /* @__PURE__ */ jsx$1("td", {
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$1j.item
+          className: styles$1k.item
         })
       }, `${index2}-${id2}`))
     }, index2);
@@ -60712,11 +60799,11 @@ const TablePagination$1 = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$1j.button, {
-    [styles$1j["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$1k.button, {
+    [styles$1k["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$1j.button, {
-    [styles$1j["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$1k.button, {
+    [styles$1k["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
@@ -61759,7 +61846,7 @@ const formatParams$3 = ({ limit = 10, page = 1 }) => {
   };
 };
 const container$m = "_container_aljvu_1";
-const styles$1i = {
+const styles$1j = {
   container: container$m
 };
 const roleOptions = [{
@@ -61775,7 +61862,7 @@ const FiltersBar = () => {
       title: "Filters"
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1i.container,
+      className: styles$1j.container,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         placeholder: "All roles",
         options: roleOptions,
@@ -61792,7 +61879,7 @@ const FiltersBar = () => {
 };
 const container$l = "_container_ntz7t_1";
 const table$1 = "_table_ntz7t_6";
-const styles$1h = {
+const styles$1i = {
   container: container$l,
   table: table$1
 };
@@ -61814,8 +61901,8 @@ const Users = () => {
       totalElements: (data2 == null ? void 0 : data2.total) || 0,
       data: (data2 == null ? void 0 : data2.data) || [],
       header: TableHeader,
-      className: styles$1h.table,
-      classNameConatiner: styles$1h.container
+      className: styles$1i.table,
+      classNameConatiner: styles$1i.container
     })]
   });
 };
@@ -63778,7 +63865,7 @@ var Form$7 = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 Form$7.displayName = "Form";
 const text = "_text_1f1l5_1";
-const styles$1g = {
+const styles$1h = {
   text
 };
 const FieldError = ({
@@ -63787,7 +63874,7 @@ const FieldError = ({
 }) => {
   if (touched && error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1g.text,
+      className: styles$1h.text,
       children: error3
     });
   }
@@ -63830,7 +63917,7 @@ const SelectField$1 = ({
   });
 };
 const input$3 = "_input_1xto5_1";
-const styles$1f = {
+const styles$1g = {
   input: input$3,
   "input--r-md": "_input--r-md_1xto5_23",
   "input--r-sm": "_input--r-sm_1xto5_26"
@@ -63875,7 +63962,7 @@ const Input$1 = ({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("input", {
-        className: classNames$2(styles$1f["input"], styles$1f[`input--h-${heigth}`], styles$1f[`input--r-${radius}`]),
+        className: classNames$2(styles$1g["input"], styles$1g[`input--h-${heigth}`], styles$1g[`input--r-${radius}`]),
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -63900,14 +63987,14 @@ const TextInputField$1 = (props) => {
   });
 };
 const layoutForm = "_layoutForm_2ktmv_1";
-const styles$1e = {
+const styles$1f = {
   layoutForm
 };
 const LayoutForm = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1e.layoutForm,
+    className: styles$1f.layoutForm,
     children
   });
 };
@@ -64112,7 +64199,7 @@ const formatData$h = (data2) => {
 const mainConatiner$3 = "_mainConatiner_1mt10_1";
 const container$k = "_container_1mt10_5";
 const item$4 = "_item_1mt10_23";
-const styles$1d = {
+const styles$1e = {
   mainConatiner: mainConatiner$3,
   container: container$k,
   item: item$4
@@ -64120,7 +64207,7 @@ const styles$1d = {
 const label$1 = "_label_4sekk_1";
 const label__switch$1 = "_label__switch_4sekk_8";
 const input$2 = "_input_4sekk_30";
-const styles$1c = {
+const styles$1d = {
   label: label$1,
   label__switch: label__switch$1,
   input: input$2
@@ -64144,7 +64231,7 @@ const Toggle$2 = ({
   }
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1c.input,
+      className: styles$1d.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -64152,9 +64239,9 @@ const Toggle$2 = ({
       checked
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1c.label,
+      className: styles$1d.label,
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: styles$1c.label__switch
+        className: styles$1d.label__switch
       }), label2]
     })]
   });
@@ -64174,7 +64261,7 @@ const ToggleField = (props) => {
   });
 };
 const item$3 = "_item_1hc7u_1";
-const styles$1b = {
+const styles$1c = {
   item: item$3
 };
 const Item$1 = ({
@@ -64183,7 +64270,7 @@ const Item$1 = ({
   onChange: onChange2
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1b.item,
+    className: styles$1c.item,
     children: [name2, /* @__PURE__ */ jsx$1(ToggleField, {
       id: id2,
       onChange: onChange2
@@ -64195,7 +64282,7 @@ const email2 = "_email_1vq15_8";
 const button$4 = "_button_1vq15_20";
 const plus$1 = "_plus_1vq15_33";
 const footer$7 = "_footer_1vq15_42";
-const styles$1a = {
+const styles$1b = {
   container: container$j,
   email: email2,
   button: button$4,
@@ -64204,7 +64291,7 @@ const styles$1a = {
 };
 const mainConatiner$2 = "_mainConatiner_75rsa_64";
 const header$4 = "_header_75rsa_75";
-const content$6 = "_content_75rsa_81";
+const content$5 = "_content_75rsa_81";
 const sectionCard$1 = "_sectionCard_75rsa_95";
 const cardHeader$1 = "_cardHeader_75rsa_104";
 const cardTitle$1 = "_cardTitle_75rsa_107";
@@ -64214,10 +64301,10 @@ const cardFooter$1 = "_cardFooter_75rsa_119";
 const cardFooterContent$1 = "_cardFooterContent_75rsa_132";
 const sectionManagement$1 = "_sectionManagement_75rsa_145";
 const sectionFormRow$1 = "_sectionFormRow_75rsa_145";
-const styles$19 = {
+const styles$1a = {
   mainConatiner: mainConatiner$2,
   header: header$4,
-  content: content$6,
+  content: content$5,
   sectionCard: sectionCard$1,
   cardHeader: cardHeader$1,
   cardTitle: cardTitle$1,
@@ -64239,20 +64326,20 @@ const EmailsCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card, {
-    className: styles$19.sectionCard,
+    className: styles$1a.sectionCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$19.sectionCard,
+      className: styles$1a.sectionCard,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$19.cardHeader,
+        className: styles$1a.cardHeader,
         children: [/* @__PURE__ */ jsx$1("h2", {
-          className: styles$19.cardTitle,
+          className: styles$1a.cardTitle,
           children: t2("EMAILS")
         }), /* @__PURE__ */ jsx$1("p", {
-          className: styles$19.cardDesc,
+          className: styles$1a.cardDesc,
           children: t2("EMAILS_DESC")
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$19.cardBody,
+        className: styles$1a.cardBody,
         children: [(data2 == null ? void 0 : data2.emails) && data2.emails.length > 0 && /* @__PURE__ */ jsx$1("div", {
           style: {
             display: "flex",
@@ -64275,9 +64362,9 @@ const EmailsCard = ({
           }), t2("NOTDEFINED")]
         })]
       }), canEdit && /* @__PURE__ */ jsxs("div", {
-        className: styles$19.cardFooter,
+        className: styles$1a.cardFooter,
         children: [/* @__PURE__ */ jsx$1("hr", {}), /* @__PURE__ */ jsx$1("div", {
-          className: styles$19.cardFooterContent,
+          className: styles$1a.cardFooterContent,
           onClick: () => {
             setIsOpenDrawer(true);
           },
@@ -64287,17 +64374,17 @@ const EmailsCard = ({
     })
   });
 };
-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 = {
+const drawer = "_drawer_nrlje_1";
+const drawer__overlay = "_drawer__overlay_nrlje_18";
+const drawer__content = "_drawer__content_nrlje_34";
+const drawer__header = "_drawer__header_nrlje_42";
+const drawer__header__content = "_drawer__header__content_nrlje_50";
+const drawer__header__content__desc = "_drawer__header__content__desc_nrlje_56";
+const drawer__close = "_drawer__close_nrlje_61";
+const drawer__body = "_drawer__body_nrlje_72";
+const styles$19 = {
   drawer,
-  "drawer--open": "_drawer--open_1laol_14",
+  "drawer--open": "_drawer--open_nrlje_14",
   drawer__overlay,
   drawer__content,
   drawer__header,
@@ -64315,40 +64402,48 @@ const Drawer = ({
   width = 500
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$18.drawer, isOpen ? styles$18[`drawer--open`] : ""),
+    className: classNames$2(styles$19.drawer, isOpen ? styles$19[`drawer--open`] : ""),
     children: [isOpen && /* @__PURE__ */ jsx$1("div", {
-      className: styles$18.drawer__overlay,
+      className: styles$19.drawer__overlay,
       onClick: onClose2
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$18.drawer__content,
+      className: styles$19.drawer__content,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$18.drawer__header,
+        className: styles$19.drawer__header,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$18.drawer__header__content,
+          className: styles$19.drawer__header__content,
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: title2
           }), titleDesc && /* @__PURE__ */ jsx$1("p", {
-            className: styles$18.drawer__header__content__desc,
+            className: styles$19.drawer__header__content__desc,
             children: titleDesc
           })]
         }), /* @__PURE__ */ jsx$1("button", {
-          className: styles$18.drawer__close,
+          className: styles$19.drawer__close,
           onClick: onClose2,
           children: "×"
         })]
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$18.drawer__body,
+        className: styles$19.drawer__body,
         children
       })]
     })]
   });
 };
+const infoText = "_infoText_1m2uc_1";
+const styles$18 = {
+  infoText
+};
 const TextInputField = ({
   control,
   name: name2,
   onChangeE,
+  infoText: infoText2,
   ...props
 }) => {
+  const {
+    t: t2
+  } = useTranslation();
   return /* @__PURE__ */ jsx$1(Controller, {
     control,
     name: name2,
@@ -64374,6 +64469,9 @@ const TextInputField = ({
         },
         onBlur,
         ...props
+      }), infoText2 && /* @__PURE__ */ jsx$1("p", {
+        className: styles$18.infoText,
+        children: t2(infoText2)
       }), error3 && /* @__PURE__ */ jsx$1(FieldError$1, {
         error: error3
       })]
@@ -64451,7 +64549,7 @@ const EmailEditDrawer = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsx$1("div", {
         children: fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$19.sectionFormRow,
+          className: styles$1a.sectionFormRow,
           style: {
             justifyContent: "flex-start"
           },
@@ -64504,7 +64602,7 @@ const EmailEditDrawer = ({
     })
   });
 };
-const index$c = ({
+const index$d = ({
   venueId,
   data: data2,
   reload,
@@ -64512,7 +64610,7 @@ const index$c = ({
 }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$19.sectionManagement,
+    className: styles$1a.sectionManagement,
     children: [/* @__PURE__ */ jsx$1(EmailsCard, {
       isOpenDrawer,
       setIsOpenDrawer,
@@ -64655,18 +64753,18 @@ const ReservationsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$19.sectionCard,
+    className: styles$1a.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$19.cardHeader,
+      className: styles$1a.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$19.cardTitle,
+        className: styles$1a.cardTitle,
         children: t2("RESERVATIONS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$19.cardDesc,
+        className: styles$1a.cardDesc,
         children: t2("RESERVATIONS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$19.cardBody,
+      className: styles$1a.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64720,14 +64818,14 @@ const ReservationsCard = ({
     })]
   });
 };
-const index$b = ({
+const index$c = ({
   venueId,
   data: data2,
   reload,
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$19.sectionManagement,
+    className: styles$1a.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReservationsCard, {
       data: data2,
       reload,
@@ -64775,18 +64873,18 @@ const ReviewsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$19.sectionCard,
+    className: styles$1a.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$19.cardHeader,
+      className: styles$1a.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$19.cardTitle,
+        className: styles$1a.cardTitle,
         children: t2("REVIEWS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$19.cardDesc,
+        className: styles$1a.cardDesc,
         children: t2("REVIEWS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$19.cardBody,
+      className: styles$1a.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64826,14 +64924,14 @@ const ReviewsCard = ({
     })]
   });
 };
-const index$a = ({
+const index$b = ({
   venueId,
   data: data2,
   reload,
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$19.sectionManagement,
+    className: styles$1a.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsCard, {
       data: data2,
       reload,
@@ -64882,18 +64980,18 @@ const ReviewsReportCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$19.sectionCard,
+    className: styles$1a.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$19.cardHeader,
+      className: styles$1a.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$19.cardTitle,
+        className: styles$1a.cardTitle,
         children: t2("REVIEWSREPORT")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$19.cardDesc,
+        className: styles$1a.cardDesc,
         children: t2("REVIEWSREPORT_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$19.cardBody,
+      className: styles$1a.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64947,14 +65045,14 @@ const ReviewsReportCard = ({
     })]
   });
 };
-const index$9 = ({
+const index$a = ({
   venueId,
   data: data2,
   reload,
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$19.sectionManagement,
+    className: styles$1a.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsReportCard, {
       data: data2,
       reload,
@@ -64988,30 +65086,30 @@ function Main$2({
     setCurrentVenue(venueId);
   }, [venueId]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$19.mainConatiner,
+    className: styles$1a.mainConatiner,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$19.header,
+      className: styles$1a.header,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("NOTIFICATIONS")
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$19.content,
-      children: [/* @__PURE__ */ jsx$1(index$c, {
+      className: styles$1a.content,
+      children: [/* @__PURE__ */ jsx$1(index$d, {
         venueId: currentVenue,
         data: data2,
         reload,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$b, {
+      }), /* @__PURE__ */ jsx$1(index$c, {
         venueId: currentVenue,
         data: data2,
         reload,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$a, {
+      }), /* @__PURE__ */ jsx$1(index$b, {
         venueId: currentVenue,
         data: data2,
         reload,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$9, {
+      }), /* @__PURE__ */ jsx$1(index$a, {
         venueId: currentVenue,
         data: data2,
         reload,
@@ -65101,9 +65199,9 @@ const EmailForm = ({
       onSubmit: handleSubmit(onSubmitForm),
       children: /* @__PURE__ */ jsxs("div", {
         children: [fields && fields.length > 0 ? fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1a.container,
+          className: styles$1b.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$1a.email,
+            className: styles$1b.email,
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
               id: `emails.${index2}`,
@@ -65113,19 +65211,19 @@ const EmailForm = ({
               radius: "sm"
             })
           }), index2 > 0 && /* @__PURE__ */ jsx$1("button", {
-            className: styles$1a.button,
+            className: styles$1b.button,
             type: "button",
             onClick: () => remove(index2),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1a.plus,
+              className: styles$1b.plus,
               children: "-"
             })
           }), /* @__PURE__ */ jsx$1("button", {
-            className: styles$1a.button,
+            className: styles$1b.button,
             type: "button",
             onClick: () => append2(""),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1a.plus,
+              className: styles$1b.plus,
               children: "+"
             })
           })]
@@ -65136,7 +65234,7 @@ const EmailForm = ({
           onClick: () => append2(""),
           children: t2("ADDANEMAIL")
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1a.footer,
+          className: styles$1b.footer,
           children: /* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "submit",
@@ -65392,7 +65490,7 @@ const Notifications = ({
     });
   }
   return /* @__PURE__ */ jsxs(LayoutPage$1, {
-    containerClassName: styles$1d.mainConatiner,
+    containerClassName: styles$1e.mainConatiner,
     children: [/* @__PURE__ */ jsx$1(Formik, {
       initialValues: data2,
       onSubmit: handleSubmit,
@@ -65402,7 +65500,7 @@ const Notifications = ({
       }) => {
         var _a3, _b2;
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$1d.container,
+          className: styles$1e.container,
           children: [/* @__PURE__ */ jsxs(Card$1, {
             header: {
               title: t2("REVIEWSREPORT")
@@ -65453,7 +65551,7 @@ const Notifications = ({
               children: t2("Get all the notifications on these emails.")
             }), /* @__PURE__ */ jsx$1("br", {}), data2 == null ? void 0 : data2.emails.map((email3, index2) => {
               return /* @__PURE__ */ jsxs("div", {
-                className: styles$1d.item,
+                className: styles$1e.item,
                 children: [/* @__PURE__ */ jsx$1("div", {
                   children: /* @__PURE__ */ jsx$1(Icon, {
                     icon: "mail"
@@ -65461,7 +65559,7 @@ const Notifications = ({
                 }), email3 || t2("NOTDEFINED")]
               }, index2);
             }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
-              className: styles$1d.item,
+              className: styles$1e.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "mail"
@@ -65477,7 +65575,7 @@ const Notifications = ({
             children: [/* @__PURE__ */ jsx$1("p", {
               children: t2("Ai prompt for generate reviews.")
             }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-              className: styles$1d.item,
+              className: styles$1e.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "robot"
@@ -89287,12 +89385,12 @@ const renderActiveShape = ({
   });
 };
 const container$i = "_container_6pm34_1";
-const content$5 = "_content_6pm34_7";
+const content$4 = "_content_6pm34_7";
 const item$2 = "_item_6pm34_13";
 const compare = "_compare_6pm34_19";
 const styles$12 = {
   container: container$i,
-  content: content$5,
+  content: content$4,
   item: item$2,
   compare
 };
@@ -89388,7 +89486,7 @@ const header$3 = "_header_18cx4_9";
 const value$1 = "_value_18cx4_14";
 const comparison$1 = "_comparison_18cx4_20";
 const container$h = "_container_18cx4_25";
-const content$4 = "_content_18cx4_29";
+const content$3 = "_content_18cx4_29";
 const title$2 = "_title_18cx4_33";
 const styles$11 = {
   success: success$1,
@@ -89397,7 +89495,7 @@ const styles$11 = {
   value: value$1,
   comparison: comparison$1,
   container: container$h,
-  content: content$4,
+  content: content$3,
   title: title$2
 };
 const container$g = "_container_1vji6_13";
@@ -89740,7 +89838,7 @@ const ActionsChart = ({
 const listingAnalyticsContainer = "_listingAnalyticsContainer_15v81_1";
 const h3 = "_h3_15v81_22";
 const center = "_center_15v81_28";
-const content$3 = "_content_15v81_42";
+const content$2 = "_content_15v81_42";
 const errorContainer = "_errorContainer_15v81_49";
 const venueSelectorContainer = "_venueSelectorContainer_15v81_54";
 const venueSelector$1 = "_venueSelector_15v81_54";
@@ -89748,7 +89846,7 @@ const styles$$ = {
   listingAnalyticsContainer,
   h3,
   center,
-  content: content$3,
+  content: content$2,
   errorContainer,
   venueSelectorContainer,
   venueSelector: venueSelector$1
@@ -90240,7 +90338,7 @@ const header$2 = "_header_18cx4_9";
 const value = "_value_18cx4_14";
 const comparison = "_comparison_18cx4_20";
 const container$f = "_container_18cx4_25";
-const content$2 = "_content_18cx4_29";
+const content$1 = "_content_18cx4_29";
 const title = "_title_18cx4_33";
 const styles$Z = {
   success,
@@ -90249,7 +90347,7 @@ const styles$Z = {
   value,
   comparison,
   container: container$f,
-  content: content$2,
+  content: content$1,
   title
 };
 const container$e = "_container_1vji6_13";
@@ -121146,7 +121244,6 @@ const actionstoConnect = {
   TripAdvisorConnect: t("AREYOUSURECONNECTTOTRIPADVISOR")
 };
 const getAction = (module2 = "") => {
-  console.log(module2, "module");
   return actionstoDisconnect[module2] || actionstoConnect[module2] || "";
 };
 const getLastVenueManaged = () => localStorage.getItem("rb_lastManagedLocation");
@@ -122928,9 +123025,9 @@ const showStatsOptions = [
   { value: 1, label: t("BOOKINGS") },
   { value: 2, label: t("COVERS") }
 ];
-const content$1 = "_content_7cjx9_1";
+const content = "_content_7cjx9_1";
 const styles$c = {
-  content: content$1
+  content
 };
 const LoadingBarChart = ({ data: data2, type: type4, dateType }) => {
   const [isLoading, setIsLoading] = useState(true);
@@ -124240,53 +124337,53 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-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 mainConatiner$1 = "_mainConatiner_dbqrh_7";
+const mainTableContainer = "_mainTableContainer_dbqrh_17";
+const mainSidebarContainer = "_mainSidebarContainer_dbqrh_25";
+const headerReferece = "_headerReferece_dbqrh_35";
+const sidebarCloseIcon = "_sidebarCloseIcon_dbqrh_38";
+const headerContainer = "_headerContainer_dbqrh_90";
+const searchContainer = "_searchContainer_dbqrh_96";
+const buttonList = "_buttonList_dbqrh_107";
+const buttonItem = "_buttonItem_dbqrh_112";
+const addReservationButton = "_addReservationButton_dbqrh_121";
+const tableTopHeader = "_tableTopHeader_dbqrh_130";
+const tableTopHeaderContent = "_tableTopHeaderContent_dbqrh_144";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_dbqrh_151";
+const tableRowContainer = "_tableRowContainer_dbqrh_160";
+const tableRowCard = "_tableRowCard_dbqrh_166";
+const fadeInX = "_fadeInX_dbqrh_1";
+const canceled = "_canceled_dbqrh_174";
+const noData = "_noData_dbqrh_177";
+const tableRowHour = "_tableRowHour_dbqrh_184";
+const tableRowHourText = "_tableRowHourText_dbqrh_200";
+const hours = "_hours_dbqrh_208";
+const tableRowContent = "_tableRowContent_dbqrh_214";
+const rowImage = "_rowImage_dbqrh_229";
+const rowContactContainer = "_rowContactContainer_dbqrh_243";
+const rowContactText = "_rowContactText_dbqrh_255";
+const rowContactPhone = "_rowContactPhone_dbqrh_261";
+const rowSectionContainer = "_rowSectionContainer_dbqrh_268";
+const rowSection = "_rowSection_dbqrh_268";
+const rowSectionText = "_rowSectionText_dbqrh_281";
+const rowSectionSecText = "_rowSectionSecText_dbqrh_287";
+const rowActionButton = "_rowActionButton_dbqrh_294";
+const bookingInfoContainer = "_bookingInfoContainer_dbqrh_307";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_dbqrh_312";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_dbqrh_320";
+const bookingInfoCard = "_bookingInfoCard_dbqrh_312";
+const bookingInfoCardContent = "_bookingInfoCardContent_dbqrh_332";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_dbqrh_338";
+const bookingInfoCardText = "_bookingInfoCardText_dbqrh_341";
 const styles$8 = {
   mainConatiner: mainConatiner$1,
   mainTableContainer,
   mainSidebarContainer,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_1qp4s_46",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_1qp4s_52",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1qp4s_60",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_dbqrh_46",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_dbqrh_52",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_dbqrh_60",
   headerContainer,
   searchContainer,
   buttonList,
@@ -124676,7 +124773,7 @@ const DatePicker = ({
     renderExtraFooter
   });
 };
-const index$8 = ({
+const index$9 = ({
   filters: filters2,
   setFilters,
   currentVenue,
@@ -125148,7 +125245,7 @@ const TableBody = ({
     })
   });
 };
-const index$7 = ({
+const index$8 = ({
   data: data2,
   filters: filters2,
   filtersData,
@@ -125956,7 +126053,7 @@ const AddBooking = async ({
   );
   return { data: "created" };
 };
-const index$6 = ({
+const index$7 = ({
   filtersData,
   venueId
 }) => {
@@ -126065,7 +126162,6 @@ const index$6 = ({
       return;
     }
     if (!selectedBooking) {
-      console.log("data", data22);
       const toSend = {
         bookingChannel: (_a2 = data22 == null ? void 0 : data22.source) == null ? void 0 : _a2.value,
         partySize: (_b = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _b.value,
@@ -126186,7 +126282,7 @@ const index$6 = ({
   }, [selectedBooking]);
   useEffect(() => {
     if (date4) {
-      const weekDay = moment(date4).format("dddd").toLocaleLowerCase();
+      const weekDay = moment(date4).locale("en").format("dddd").toLowerCase();
       const timeSlots = timeByDayOptions.find((item2) => item2.weekday === weekDay);
       if (timeSlots) {
         setTimeOptions(timeSlots.hours.map((item2) => ({
@@ -126613,13 +126709,13 @@ function MainComponent({
       className: styles$8.mainConatiner,
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$8.mainTableContainer,
-        children: [/* @__PURE__ */ jsx$1(index$8, {
+        children: [/* @__PURE__ */ jsx$1(index$9, {
           filters: filters2,
           setFilters,
           currentVenue,
           userEmail,
           userFullName
-        }), /* @__PURE__ */ jsx$1(index$7, {
+        }), /* @__PURE__ */ jsx$1(index$8, {
           data: data2,
           filters: filters2,
           filtersData,
@@ -126627,7 +126723,7 @@ function MainComponent({
         })]
       }), /* @__PURE__ */ jsx$1("div", {
         className: classNames$2(styles$8.mainSidebarContainer, showSidebar ? styles$8[`mainSidebarContainer--open`] : "styles[`mainSidebarContainer--close`]"),
-        children: /* @__PURE__ */ jsx$1(index$6, {
+        children: /* @__PURE__ */ jsx$1(index$7, {
           filtersData,
           venueId
         })
@@ -126650,27 +126746,32 @@ function Main$1({
     })
   });
 }
-const mainConatiner = "_mainConatiner_70uhk_64";
-const header$1 = "_header_70uhk_75";
-const content = "_content_70uhk_81";
-const sectionCard = "_sectionCard_70uhk_94";
-const cardHeader = "_cardHeader_70uhk_99";
-const cardTitle = "_cardTitle_70uhk_102";
-const cardDesc = "_cardDesc_70uhk_106";
-const cardBody = "_cardBody_70uhk_110";
-const cardFooter = "_cardFooter_70uhk_114";
-const cardFooterContent = "_cardFooterContent_70uhk_114";
-const sectionManagement = "_sectionManagement_70uhk_126";
-const sectionFormRow = "_sectionFormRow_70uhk_126";
-const drawerContent = "_drawerContent_70uhk_133";
-const scrollableForm = "_scrollableForm_70uhk_138";
-const fixedActions = "_fixedActions_70uhk_144";
-const specialDatesInfoText = "_specialDatesInfoText_70uhk_153";
-const deleteIcon = "_deleteIcon_70uhk_167";
+const mainConatiner = "_mainConatiner_pybf6_64";
+const header$1 = "_header_pybf6_75";
+const sectionCard = "_sectionCard_pybf6_94";
+const cardHeader = "_cardHeader_pybf6_98";
+const cardTitle = "_cardTitle_pybf6_101";
+const cardDesc = "_cardDesc_pybf6_105";
+const cardBody = "_cardBody_pybf6_109";
+const cardFooter = "_cardFooter_pybf6_113";
+const cardFooterContent = "_cardFooterContent_pybf6_113";
+const sectionManagement = "_sectionManagement_pybf6_125";
+const sectionFormRow = "_sectionFormRow_pybf6_125";
+const drawerContent = "_drawerContent_pybf6_132";
+const scrollableForm = "_scrollableForm_pybf6_137";
+const fixedActions = "_fixedActions_pybf6_143";
+const specialDatesInfoText = "_specialDatesInfoText_pybf6_152";
+const deleteIcon = "_deleteIcon_pybf6_166";
+const stripeConnectContainer = "_stripeConnectContainer_pybf6_171";
+const paymentGatewayContainer = "_paymentGatewayContainer_pybf6_179";
+const paymentRules = "_paymentRules_pybf6_185";
+const paymentRulesContainer = "_paymentRulesContainer_pybf6_190";
+const paymentRulesDesc = "_paymentRulesDesc_pybf6_196";
 const styles$6 = {
+  "my-masonry-grid": "_my-masonry-grid_pybf6_42",
+  "my-masonry-grid_column": "_my-masonry-grid_column_pybf6_53",
   mainConatiner,
   header: header$1,
-  content,
   sectionCard,
   cardHeader,
   cardTitle,
@@ -126684,7 +126785,12 @@ const styles$6 = {
   scrollableForm,
   fixedActions,
   specialDatesInfoText,
-  deleteIcon
+  deleteIcon,
+  stripeConnectContainer,
+  paymentGatewayContainer,
+  paymentRules,
+  paymentRulesContainer,
+  paymentRulesDesc
 };
 const AreaManagementCard$1 = ({
   isOpenDrawer,
@@ -127020,7 +127126,7 @@ const fieldChanged$3 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$5 = ({
+const index$6 = ({
   venueId,
   reloadAreas,
   areas,
@@ -127280,6 +127386,11 @@ const UpdateResbook = async ({
       } else {
         break;
       }
+    case "payment":
+      await instance$1.post(`${BASE_URL$1}${venue_id}/payment`, formatPaymentDefinition(data2));
+      await instance$1.post(`${BASE_URL$1}${venue_id}/payment-gateway`, formatPaymentGateway(data2));
+      await instance$1.put(`${BASE_URL$1}${venue_id}/opening-hours`, data2 == null ? void 0 : data2.days);
+      return { data: "updated" };
     default:
       await instance$1.put(
         `${BASE_URL$1}${venue_id}/tables/${table_id}`,
@@ -127312,6 +127423,25 @@ const UpdateResbook = async ({
   ]);
   return { data: "updated" };
 };
+const formatPaymentDefinition = (input2) => {
+  const { paymentEnabled, amount, minGuestsRequiringPayment, cancellationPolicyDuration, depositType: depositType2 } = input2;
+  return {
+    paymentEnabled,
+    amount,
+    minGuestsRequiringPayment,
+    cancellationPolicyDuration,
+    depositType: depositType2
+  };
+};
+const formatPaymentGateway = (input2) => {
+  const { merchantId, status } = input2;
+  return {
+    gateway: "stripe",
+    status,
+    publishKey: config$1.stripe_publish_key,
+    merchantId
+  };
+};
 const formarRegularHours = ({ regularHours }) => {
   return weekdaysIds.reduce((acc, key2) => {
     const {
@@ -127696,6 +127826,9 @@ const fieldChanged$2 = (currentValue, initialData) => {
 const GetTableManagement = async ({
   venue_id
 }) => {
+  if (!venue_id) {
+    return null;
+  }
   const responseData = await instance$1.get(
     `resbook/venue/${venue_id}/tables`,
     {
@@ -127719,7 +127852,7 @@ const formatData$5 = (data2) => {
     };
   });
 };
-const index$4 = ({
+const index$5 = ({
   venueId,
   areas,
   canEdit
@@ -128025,6 +128158,9 @@ const fieldChanged$1 = (currentValue, initialData) => {
 const GetSeatingRules = async ({
   venue_id
 }) => {
+  if (!venue_id) {
+    return null;
+  }
   const responseData = await instance$1.get(
     `/resbook/venue/${venue_id}/seating-rules`,
     {
@@ -128046,7 +128182,7 @@ const formatSeating = (data2) => {
     };
   });
 };
-const index$3 = ({
+const index$4 = ({
   venueId,
   canEdit
 }) => {
@@ -128157,6 +128293,9 @@ const SpecialDatesCard = ({
 const GetSpecialDates = async ({
   venue_id
 }) => {
+  if (!venue_id) {
+    return null;
+  }
   const responseData = await instance$1.get(
     `/resbook/venue/${venue_id}/special-dates?limit=100`
   );
@@ -128554,7 +128693,7 @@ const fieldChanged = (currentValue, initialData) => {
   }
   return false;
 };
-const index$2 = ({
+const index$3 = ({
   venueId,
   canEdit
 }) => {
@@ -128874,6 +129013,9 @@ const GetOpeningHours = async ({
   venue_id
 }) => {
   try {
+    if (!venue_id) {
+      return null;
+    }
     const responseData = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours?limit=100`);
     if (!responseData || typeof responseData !== "object") {
       console.error("Error fetching opening hours data: Invalid response data");
@@ -128897,7 +129039,7 @@ const formatData$3 = (data2) => {
   });
   return openingHoursArray;
 };
-const index$1 = ({
+const index$2 = ({
   venueId,
   canEdit
 }) => {
@@ -129142,6 +129284,9 @@ const ReservationPreferencesEditDrawer = ({
 const GetArrivalRules = async ({
   venue_id
 }) => {
+  if (!venue_id) {
+    return null;
+  }
   const responseData = await instance$1.get(
     `/resbook/venue/${venue_id}/arrival-rules?limit=100`
   );
@@ -129155,7 +129300,7 @@ const formatData$2 = (data2) => {
     id: data2[0].id
   };
 };
-const index = ({
+const index$1 = ({
   venueId,
   canEdit
 }) => {
@@ -129209,6 +129354,624 @@ const formatData$1 = (data2) => {
 const formatVenueData = (data2) => {
   return { bookableAreas: data2.bookableAreas };
 };
+const PaymentsCard = ({
+  isOpenDrawer,
+  setIsOpenDrawer,
+  paymentDefinitionData,
+  canEdit
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Card, {
+    className: styles$6.sectionCard,
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$6.cardHeader,
+      children: [/* @__PURE__ */ jsx$1("h2", {
+        className: styles$6.cardTitle,
+        children: t2("PAYMENTS_INTEGRATION")
+      }), /* @__PURE__ */ jsx$1("p", {
+        className: styles$6.cardDesc,
+        children: t2("PAYMENTS_INTEGRATION_DESC")
+      })]
+    }), /* @__PURE__ */ jsx$1("div", {
+      className: styles$6.cardBody,
+      children: /* @__PURE__ */ jsxs("div", {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "1fr auto",
+          gap: "10px",
+          rowGap: "20px",
+          marginBottom: 10
+        },
+        children: [/* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "contents"
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            style: {
+              fontWeight: "bold"
+            },
+            children: t2("ENABLED_PAYMENTS")
+          }), /* @__PURE__ */ jsxs("p", {
+            style: {
+              textAlign: "left"
+            },
+            children: [" ", (paymentDefinitionData == null ? void 0 : paymentDefinitionData.paymentEnabled) ? t2("YES") : t2("NO")]
+          })]
+        }), /* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "contents"
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            style: {
+              fontWeight: "bold"
+            },
+            children: t2("AMOUNT_PER_GUEST")
+          }), /* @__PURE__ */ jsx$1("p", {
+            style: {
+              textAlign: "left"
+            },
+            children: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.amount) ?? "---"
+          })]
+        }), /* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "contents"
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            style: {
+              fontWeight: "bold"
+            },
+            children: t2("MIN_GUESTS_REQ_PAYMENT")
+          }), /* @__PURE__ */ jsx$1("p", {
+            style: {
+              textAlign: "left"
+            },
+            children: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.minGuestsRequiringPayment) ?? "---"
+          })]
+        })]
+      })
+    }), canEdit && /* @__PURE__ */ jsxs("div", {
+      className: styles$6.cardFooter,
+      children: [/* @__PURE__ */ jsx$1("hr", {}), /* @__PURE__ */ jsx$1("div", {
+        className: styles$6.cardFooterContent,
+        onClick: () => {
+          setIsOpenDrawer(true);
+        },
+        children: t2("more")
+      })]
+    })]
+  });
+};
+const PaymentsEditDrawer = ({
+  isOpen,
+  setIsOpen,
+  venueId,
+  shiftsData,
+  paymentDefinitionData,
+  paymentGatewayData,
+  reload
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const {
+    showMessageError,
+    showMessageSucess
+  } = useMessage();
+  const [isLoadingStripe, setIsLoadingStripe] = useState(false);
+  const [isOpenDisconnectStripeConfirmation, setIsOpenDisconnectStripeConfirmation] = useState(false);
+  const {
+    isExecuting: loadingUpdate,
+    execute: executeUpdater
+  } = useService(UpdateResbook, {});
+  const defaultValue2 = {
+    days: [],
+    enabledPayments: false,
+    amount: 0,
+    minGuestsRequiringPayment: 0,
+    cancellationPolicyDuration: 0,
+    depositType: null,
+    merchantId: null,
+    status: "inactive"
+  };
+  const depositTypeOptions = [{
+    label: t2("deposit"),
+    value: "deposit"
+  }, {
+    label: t2("creditCardGuarantee"),
+    value: "cc_guarantee"
+  }];
+  const paymentsSchema = () => create$2().shape({
+    enabledPayments: create$5().required(t2("Enabled payments is required")),
+    amount: create$3().required(t2("Amount per guest is required")),
+    minGuestsRequiringPayment: create$3().required(t2("Min. guests requiring payment is required")),
+    cancellationPolicyDuration: create$3().required(t2("Cancelation policy in hours is required")),
+    depositType: create$6(),
+    days: create$1().of(create$2().shape({
+      id: create$4().nullable(),
+      closed: create$5(),
+      weekDay: create$4().nullable(),
+      timeslots: create$1().of(create$2().shape({
+        start: create$4().required(t2("Start time is required")),
+        end: create$4().required(t2("End time is required")),
+        paymentEnabled: create$5().required(t2("Apply payment rules is required"))
+      })).max(2, t2("You can only add up to two timeslots"))
+    }))
+  });
+  const {
+    control,
+    reset,
+    trigger,
+    getValues,
+    setValue: setValue2,
+    watch,
+    formState: {
+      isDirty
+    }
+  } = useForm({
+    mode: "onChange",
+    resolver: o(paymentsSchema()),
+    defaultValues: defaultValue2
+  });
+  const days2 = watch("days");
+  const enabledPayments = watch("enabledPayments");
+  const merchantId = watch("merchantId");
+  const status = watch("status");
+  const {
+    fields
+  } = useFieldArray({
+    control,
+    name: "days"
+  });
+  const onSubmit = async (toggleDrawer = true) => {
+    var _a2;
+    const formData = getValues();
+    const result = await trigger();
+    if (!result) {
+      showMessageError(t2("pleaseCheckFormsErrors"));
+      return;
+    }
+    const transformedData = formData.days.reduce((acc, day2) => {
+      acc[day2.day.toLowerCase()] = {
+        closed: day2.closed.toString(),
+        timeslots: (day2 == null ? void 0 : day2.timeslots.map((timeslot) => ({
+          start: timeslot.start,
+          end: timeslot.end,
+          paymentEnabled: timeslot.paymentEnabled ? "true" : "false"
+        }))) || []
+      };
+      return acc;
+    }, {});
+    const toSend = {
+      enabledPayments: formData.enabledPayments,
+      amount: formData.amount,
+      minGuestsRequiringPayment: formData.minGuestsRequiringPayment,
+      cancellationPolicyDuration: formData.cancellationPolicyDuration,
+      depositType: (_a2 = formData.depositType) == null ? void 0 : _a2.value,
+      days: transformedData,
+      merchantId: formData.merchantId,
+      status: formData.status
+    };
+    try {
+      await executeUpdater({
+        data: toSend,
+        venue_id: venueId,
+        module: "payment"
+      });
+      reload();
+      if (toggleDrawer) {
+        setIsOpen(false);
+      }
+    } catch (error3) {
+      showMessageError(t2("Failed to save shifts"));
+    }
+  };
+  const isProcessingCode = React__default.useRef(false);
+  const exchangeCodeForToken = async (code) => {
+    if (isProcessingCode.current) {
+      return;
+    }
+    try {
+      isProcessingCode.current = true;
+      setIsLoadingStripe(true);
+      const response = await fetch(`${config$1.stripe_gateway_url}?action=getMerchantId&code=${code}`);
+      const data2 = await response.json();
+      if (data2.success && data2.stripe_user_id) {
+        setValue2("merchantId", data2.stripe_user_id, {
+          shouldDirty: true,
+          shouldTouch: true,
+          shouldValidate: true
+        });
+        setValue2("status", "active", {
+          shouldDirty: true,
+          shouldTouch: true,
+          shouldValidate: true
+        });
+        showMessageSucess(t2("Successfully connected with Stripe"));
+        await onSubmit(false);
+      } else {
+        throw new Error("Invalid response from Stripe gateway");
+      }
+    } catch (error3) {
+      console.error("Error exchanging code for token:", error3);
+      showMessageError(t2("Failed to connect with Stripe"));
+    } finally {
+      setIsLoadingStripe(false);
+      isProcessingCode.current = false;
+    }
+  };
+  const onConnectWithStripe = () => {
+    const queryParams = new URLSearchParams({
+      response_type: "code",
+      client_id: config$1.stripe_client_id,
+      scope: "read_write",
+      redirect_uri: `${window.location.origin}/stripe-connect`
+    });
+    const width = 500;
+    const height = 600;
+    const left2 = window.screen.width / 2 - width / 2;
+    const top = window.screen.height / 2 - height / 2;
+    const stripeWindow = window.open(`https://connect.stripe.com/oauth/authorize?${queryParams.toString()}`, "Stripe Connect", `width=${width},
+             height=${height},
+             left=${left2},
+             top=${top},
+             toolbar=no,
+             menubar=no,
+             scrollbars=yes,
+             resizable=no,
+             location=no,
+             status=no`);
+    const handleMessage = async (event) => {
+      if (event.origin === window.location.origin && event.data.type === "STRIPE_OAUTH_RESULT") {
+        if (event.data.success && event.data.code) {
+          await exchangeCodeForToken(event.data.code);
+        } else {
+          showMessageError(t2("Failed to connect with Stripe"));
+        }
+        if (stripeWindow) {
+          stripeWindow.close();
+        }
+        window.removeEventListener("message", handleMessage);
+      }
+    };
+    if (stripeWindow === null) {
+      showMessageError(t2("Please allow popups for this website"));
+      return;
+    }
+    window.addEventListener("message", handleMessage);
+  };
+  const onStripeDisconnect = async () => {
+    try {
+      setIsLoadingStripe(true);
+      const currentMerchantId = merchantId;
+      if (!currentMerchantId) {
+        setValue2("status", "inactive", {
+          shouldDirty: true,
+          shouldTouch: true,
+          shouldValidate: true
+        });
+        return;
+      }
+      const response = await fetch(`${config$1.stripe_gateway_url}?action=unauthorize&merchantId=${currentMerchantId}`);
+      const data2 = await response.json();
+      if (data2.success) {
+        setValue2("merchantId", null, {
+          shouldDirty: true,
+          shouldTouch: true,
+          shouldValidate: true
+        });
+        setValue2("status", "inactive", {
+          shouldDirty: true,
+          shouldTouch: true,
+          shouldValidate: true
+        });
+        showMessageSucess(t2("Successfully disconnected Stripe account"));
+        await onSubmit(false);
+        setIsOpenDisconnectStripeConfirmation(false);
+        setIsLoadingStripe(false);
+      } else {
+        throw new Error("Failed to deauthorize Stripe account");
+      }
+    } catch (error3) {
+      console.error("Error disconnecting Stripe account:", error3);
+      showMessageError(t2("Failed to disconnect Stripe account"));
+      setIsLoadingStripe(false);
+    }
+  };
+  useEffect(() => {
+    if (shiftsData && paymentDefinitionData && paymentGatewayData) {
+      const data2 = {
+        days: shiftsData,
+        enabledPayments: paymentDefinitionData == null ? void 0 : paymentDefinitionData.paymentEnabled,
+        amount: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.amount) ?? 0,
+        minGuestsRequiringPayment: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.minGuestsRequiringPayment) ?? 0,
+        cancellationPolicyDuration: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.cancellationPolicyDuration) ?? 0,
+        depositType: (paymentDefinitionData == null ? void 0 : paymentDefinitionData.depositType) ? depositTypeOptions.find((item2) => item2.value === (paymentDefinitionData == null ? void 0 : paymentDefinitionData.depositType)) : null,
+        merchantId: (paymentGatewayData == null ? void 0 : paymentGatewayData.merchantId) ?? null,
+        status: (paymentGatewayData == null ? void 0 : paymentGatewayData.status) ?? "inactive"
+      };
+      reset(data2);
+    } else {
+      reset(defaultValue2);
+    }
+  }, [shiftsData, paymentDefinitionData]);
+  return /* @__PURE__ */ jsxs(Drawer, {
+    isOpen,
+    onClose: () => setIsOpen(false),
+    title: t2("PAYMENTS_INTEGRATION"),
+    titleDesc: t2("PAYMENTS_INTEGRATION_DESC"),
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$6.drawerContent,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: styles$6.scrollableForm,
+        children: [/* @__PURE__ */ jsx$1("div", {
+          className: styles$6.stripeConnectContainer,
+          children: /* @__PURE__ */ jsx$1(SwitchField, {
+            control,
+            id: "enabledPayments",
+            name: "enabledPayments",
+            label: t2("paymentsEnabled")
+          })
+        }), enabledPayments && /* @__PURE__ */ jsx$1("div", {
+          className: styles$6.stripeConnectContainer,
+          children: status === "inactive" ? /* @__PURE__ */ jsx$1(Button$1, {
+            isLoading: isLoadingStripe,
+            disabled: isLoadingStripe,
+            mode: "success",
+            icon: isLoadingStripe ? "Spinner" : void 0,
+            onClick: onConnectWithStripe,
+            children: t2("CONNECT_WITH_STRIPE")
+          }) : /* @__PURE__ */ jsx$1(Button$1, {
+            isLoading: isLoadingStripe,
+            disabled: isLoadingStripe,
+            mode: "soft-danger",
+            icon: isLoadingStripe ? "Spinner" : void 0,
+            onClick: () => setIsOpenDisconnectStripeConfirmation(true),
+            children: t2("DISCONNECT_STRIPE_ACCOUNT")
+          })
+        }), enabledPayments && /* @__PURE__ */ jsxs("div", {
+          className: styles$6.paymentGatewayContainer,
+          children: [/* @__PURE__ */ jsx$1(SelectField, {
+            control,
+            id: `depositType`,
+            name: `depositType`,
+            label: t2("depositType"),
+            options: depositTypeOptions
+          }), /* @__PURE__ */ jsxs("div", {
+            className: styles$6.paymentRules,
+            children: [/* @__PURE__ */ jsxs("div", {
+              children: [/* @__PURE__ */ jsx$1("h3", {
+                children: t2("paymentRules")
+              }), /* @__PURE__ */ jsx$1("p", {
+                className: styles$6.paymentRulesDesc,
+                children: t2("paymentRulesDesc")
+              })]
+            }), /* @__PURE__ */ jsxs("div", {
+              className: styles$6.paymentRulesContainer,
+              children: [/* @__PURE__ */ jsx$1("div", {
+                style: {
+                  maxWidth: 280
+                },
+                children: /* @__PURE__ */ jsx$1(TextInputField, {
+                  control,
+                  id: `amount`,
+                  name: "amount",
+                  type: "number",
+                  label: t2("amountPerGuest"),
+                  placeholder: t2("amountPerGuest"),
+                  infoText: t2("amountPerGuestDesc")
+                })
+              }), /* @__PURE__ */ jsx$1("div", {
+                style: {
+                  maxWidth: 280
+                },
+                children: /* @__PURE__ */ jsx$1(TextInputField, {
+                  control,
+                  id: `minGuestsRequiringPayment`,
+                  name: `minGuestsRequiringPayment`,
+                  type: "number",
+                  label: t2("minGuestsReqPayment"),
+                  placeholder: t2("minGuestsReqPayment"),
+                  infoText: t2("minGuestsReqPaymentDesc")
+                })
+              })]
+            })]
+          })]
+        }), /* @__PURE__ */ jsx$1("div", {
+          children: enabledPayments && /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx$1("hr", {}), /* @__PURE__ */ jsx$1("p", {
+              className: styles$6.paymentRulesDesc,
+              style: {
+                marginTop: 20
+              },
+              children: t2("paymentRulesDesc")
+            }), fields.map((item2, index2) => {
+              var _a2, _b;
+              return /* @__PURE__ */ jsxs("div", {
+                className: styles$6.sectionFormRow,
+                style: {
+                  justifyContent: "flex-start",
+                  paddingLeft: 0,
+                  paddingRight: 0,
+                  width: "100%"
+                },
+                children: [/* @__PURE__ */ jsx$1("div", {
+                  children: /* @__PURE__ */ jsx$1("p", {
+                    style: {
+                      width: "100px"
+                    },
+                    children: t2(item2.day)
+                  })
+                }), !((_a2 = days2[index2]) == null ? void 0 : _a2.closed) && /* @__PURE__ */ jsx$1("div", {
+                  style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: 50
+                  },
+                  children: (_b = days2[index2]) == null ? void 0 : _b.timeslots.map((_24, slotIndex) => {
+                    var _a3, _b2, _c, _d;
+                    return /* @__PURE__ */ jsxs("div", {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 10
+                      },
+                      children: [/* @__PURE__ */ jsx$1("div", {
+                        children: /* @__PURE__ */ jsx$1("p", {
+                          children: ((_b2 = (_a3 = days2[index2]) == null ? void 0 : _a3.timeslots[Number(slotIndex)]) == null ? void 0 : _b2.start) || "--:--"
+                        })
+                      }), /* @__PURE__ */ jsx$1("div", {
+                        children: /* @__PURE__ */ jsx$1("p", {
+                          children: ((_d = (_c = days2[index2]) == null ? void 0 : _c.timeslots[Number(slotIndex)]) == null ? void 0 : _d.end) || "--:--"
+                        })
+                      }), /* @__PURE__ */ jsx$1("div", {
+                        style: {
+                          color: "#FF4C51",
+                          cursor: "pointer"
+                        },
+                        children: /* @__PURE__ */ jsx$1(SwitchField, {
+                          control,
+                          id: `days.${index2}.timeslots.${slotIndex}.paymentEnabled`,
+                          name: `days.${index2}.timeslots.${slotIndex}.paymentEnabled`,
+                          onChangeEvent: (e) => {
+                            const isClosed = e.target.checked;
+                            setValue2(`days.${index2}.timeslots.${slotIndex}.paymentEnabled`, isClosed);
+                          }
+                        })
+                      })]
+                    }, slotIndex);
+                  })
+                })]
+              }, item2.id);
+            })]
+          })
+        })]
+      }), /* @__PURE__ */ jsx$1("div", {
+        className: styles$6.fixedActions,
+        children: isDirty && /* @__PURE__ */ jsx$1(Button$1, {
+          isLoading: loadingUpdate,
+          disabled: loadingUpdate,
+          mode: "success",
+          icon: loadingUpdate ? "Spinner" : "check",
+          type: "button",
+          onClick: () => onSubmit(),
+          children: t2("SAVE")
+        })
+      })]
+    }), /* @__PURE__ */ jsx$1(ConfirmationModal, {
+      open: isOpenDisconnectStripeConfirmation,
+      onClose: () => setIsOpenDisconnectStripeConfirmation(false),
+      onAccept: () => onStripeDisconnect(),
+      title: t2("disconnectStripeAccount"),
+      text: t2("disconnectStripeAccountDesc")
+    })]
+  });
+};
+const GetPaymentDefinition = async ({
+  venue_id
+}) => {
+  try {
+    if (!venue_id) {
+      return null;
+    }
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/payment`);
+    if (!responseData || typeof responseData !== "object") {
+      console.error("Error fetching opening hours data: Invalid response data");
+      return [];
+    }
+    const data2 = responseData;
+    return data2;
+  } catch (error3) {
+    console.error("Error fetching opening hours data:", error3.message);
+    return null;
+  }
+};
+const GetPaymentGateway = async ({
+  venue_id
+}) => {
+  try {
+    if (!venue_id) {
+      return null;
+    }
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/payment-gateway`);
+    if (!responseData || typeof responseData !== "object") {
+      console.error("Error fetching opening hours data: Invalid response data");
+      return [];
+    }
+    const data2 = responseData;
+    return data2;
+  } catch (error3) {
+    console.error("Error fetching opening hours data:", error3.message);
+    return null;
+  }
+};
+const index = ({
+  venueId,
+  canEdit
+}) => {
+  const [isOpenDrawer, setIsOpenDrawer] = useState(false);
+  const weekdayOrder = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
+  const {
+    data: shiftsData,
+    reload: reloadShifts
+  } = useFetch(GetOpeningHours, {
+    cacheId: "shifts0management",
+    venue_id: venueId
+  });
+  const {
+    data: paymentDefinitionData,
+    reload: reloadPaymentDefinition
+  } = useFetch(GetPaymentDefinition, {
+    cacheId: "payment0definition",
+    venue_id: venueId
+  });
+  const {
+    data: paymentGatewayData,
+    reload: reloadPaymentGateway
+  } = useFetch(GetPaymentGateway, {
+    cacheId: "payment0gateway",
+    venue_id: venueId
+  });
+  const [formatedData, setFormatedData] = useState([]);
+  useEffect(() => {
+    if (shiftsData) {
+      const sortedData = shiftsData.sort((a2, b2) => weekdayOrder.indexOf(a2.day) - weekdayOrder.indexOf(b2.day)).map((item2) => {
+        var _a2;
+        return {
+          ...item2,
+          day: item2.day.charAt(0).toUpperCase() + item2.day.slice(1),
+          timeslots: (_a2 = item2 == null ? void 0 : item2.timeslots) == null ? void 0 : _a2.map((timeslot) => ({
+            ...timeslot,
+            paymentEnabled: (timeslot == null ? void 0 : timeslot.paymentEnabled) && (timeslot == null ? void 0 : timeslot.paymentEnabled) === "true" ? true : false
+          }))
+        };
+      });
+      setFormatedData(sortedData);
+    }
+  }, [shiftsData]);
+  return /* @__PURE__ */ jsxs("div", {
+    className: styles$6.sectionManagement,
+    children: [/* @__PURE__ */ jsx$1(PaymentsCard, {
+      isOpenDrawer,
+      setIsOpenDrawer,
+      paymentDefinitionData,
+      canEdit
+    }), /* @__PURE__ */ jsx$1(PaymentsEditDrawer, {
+      isOpen: isOpenDrawer,
+      setIsOpen: setIsOpenDrawer,
+      venueId,
+      shiftsData: formatedData,
+      paymentGatewayData,
+      paymentDefinitionData,
+      reload: () => {
+        reloadShifts();
+        reloadPaymentDefinition();
+        reloadPaymentGateway();
+      }
+    })]
+  });
+};
 function Main({
   venueId
 }) {
@@ -129233,6 +129996,35 @@ function Main({
   useEffect(() => {
     setCurrentVenue(venueId);
   }, [venueId]);
+  useEffect(() => {
+    const handleStripeCallback = () => {
+      var _a2, _b;
+      const urlParams = new URLSearchParams(window.location.search);
+      const code = urlParams.get("code");
+      const error22 = urlParams.get("error");
+      const errorDescription = urlParams.get("error_description");
+      if (code) {
+        (_a2 = window.opener) == null ? void 0 : _a2.postMessage({
+          type: "STRIPE_OAUTH_RESULT",
+          success: true,
+          code
+        }, window.location.origin);
+      } else if (error22) {
+        (_b = window.opener) == null ? void 0 : _b.postMessage({
+          type: "STRIPE_OAUTH_RESULT",
+          success: false,
+          error: error22,
+          errorDescription
+        }, window.location.origin);
+      }
+    };
+    if (window.location.pathname === "/stripe-connect" && window.location.search.includes("code=")) {
+      handleStripeCallback();
+    }
+  }, []);
+  if (window.location.pathname === "/stripe-connect" && window.location.search.includes("code=")) {
+    return /* @__PURE__ */ jsx$1(SkeletonPage, {});
+  }
   return /* @__PURE__ */ jsxs("div", {
     className: styles$6.mainConatiner,
     children: [/* @__PURE__ */ jsx$1("div", {
@@ -129240,27 +130032,33 @@ function Main({
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("RESTAURANTSETUP")
       })
-    }), /* @__PURE__ */ jsxs("div", {
-      className: styles$6.content,
-      children: [/* @__PURE__ */ jsx$1(index$5, {
+    }), /* @__PURE__ */ jsxs(Masonry, {
+      breakpointCols: {
+        default: 3,
+        1200: 2,
+        800: 1
+      },
+      className: styles$6["my-masonry-grid"],
+      columnClassName: styles$6["my-masonry-grid_column"],
+      children: [/* @__PURE__ */ jsx$1(index$6, {
         areas: data2,
         reloadAreas: reload,
         venueId: currentVenue,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$4, {
+      }), /* @__PURE__ */ jsx$1(index$5, {
         areas: data2,
         venueId: currentVenue,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$3, {
+      }), /* @__PURE__ */ jsx$1(index$4, {
         venueId: currentVenue,
         canEdit
-      })]
-    }), /* @__PURE__ */ jsxs("div", {
-      className: styles$6.content,
-      children: [/* @__PURE__ */ jsx$1(index$1, {
+      }), /* @__PURE__ */ jsx$1(index$2, {
         venueId: currentVenue,
         canEdit
-      }), /* @__PURE__ */ jsx$1(index$2, {
+      }), /* @__PURE__ */ jsx$1(index$3, {
+        venueId: currentVenue,
+        canEdit
+      }), /* @__PURE__ */ jsx$1(index$1, {
         venueId: currentVenue,
         canEdit
       }), /* @__PURE__ */ jsx$1(index, {