mozrest-sdk-react-dev 0.3.73 → 0.3.75

package/mozrest-sdk.es.js

@@ -8,7 +8,7 @@ import ReactDOM__default, { createPortal } from "react-dom";
 const container$C = "_container_1xz3t_13";
 const item$8 = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-const styles$2p = {
+const styles$2r = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$C,
   item: item$8,
@@ -960,15 +960,15 @@ const jsxs = jsxRuntimeExports.jsxs;
 const Fragment = jsxRuntimeExports.Fragment;
 const SkeletonPage$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$2p["animate-pulse"],
+    className: styles$2r["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$2p.container,
+      className: styles$2r.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$2p.item
+        className: styles$2r.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2p.item
+        className: styles$2r.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2p.itemfull
+        className: styles$2r.itemfull
       })]
     })
   });
@@ -3445,7 +3445,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$B = "_container_1ar7o_1";
-const styles$2o = {
+const styles$2q = {
   container: container$B
 };
 const Container = ({
@@ -3459,12 +3459,12 @@ const Container = ({
   return /* @__PURE__ */ jsx$1(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$2o["container"], className),
+    className: classNames$2(styles$2q["container"], className),
     children
   });
 };
 const container$A = "_container_11xrj_1";
-const styles$2n = {
+const styles$2p = {
   container: container$A
 };
 const LayoutPage$2 = ({
@@ -3474,12 +3474,12 @@ const LayoutPage$2 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$2n.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$2p.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$2n.content, contentClassName),
+      className: classNames$2(styles$2p.content, contentClassName),
       children
     })]
   });
@@ -7678,6 +7678,7 @@ const PROFILEURL$4 = "Profile URL";
 const AREYOUSURECONNECTTOTRIPADVISOR$4 = "Are you sure you want to connect to Tripadvisor";
 const TRIPADVISOR$4 = "Tripadvisor";
 const TRIPADVISORREPLY$4 = "Reply on Tripadvisor";
+const ZOMATOREPLY$4 = "Reply on Zomato";
 const COMMINGUP$4 = "Coming up";
 const TODAY$4 = "Today";
 const TOMORROW$4 = "Tomorrow";
@@ -7715,6 +7716,7 @@ const SPECIAL_DATES_DESC$4 = "Special closing dates or different shifts (special
 const SPECIAL_DATES_DESC2$4 = "Define the period for closures or adjusted hours. Both dates are included.";
 const SPECIAL_SHIFTS$4 = "Special shifts";
 const ADD_SPECIAL_DATE$4 = "Add special date";
+const ADD_OCCASION$4 = "Add occasion";
 const DELETE_SPECIAL_DATE$4 = "Delete special date";
 const ARE_YOU_SURE_DELETE_SPECIAL_DATE$4 = "Are you sure you want to delete this special date?";
 const RESERVATION_PREFERENCES$4 = "Reservation preferences";
@@ -7959,6 +7961,8 @@ const MENU$4 = "Menu";
 const SELECT_OCCASION$3 = "Select Occasion";
 const SELECT_AREA$4 = "Select Area";
 const SELECT_MENU$4 = "Select Menu";
+const AREYOUSURECONNECTTOZOMATO$4 = "Are you sure you want to connect to Zomato";
+const AREYOUSUREDISCONNECTFROMZOMATO$4 = "Are you sure you want to disconnect from Zomato";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8293,6 +8297,7 @@ const en = {
   AREYOUSURECONNECTTOTRIPADVISOR: AREYOUSURECONNECTTOTRIPADVISOR$4,
   TRIPADVISOR: TRIPADVISOR$4,
   TRIPADVISORREPLY: TRIPADVISORREPLY$4,
+  ZOMATOREPLY: ZOMATOREPLY$4,
   COMMINGUP: COMMINGUP$4,
   TODAY: TODAY$4,
   TOMORROW: TOMORROW$4,
@@ -8330,6 +8335,7 @@ const en = {
   SPECIAL_DATES_DESC2: SPECIAL_DATES_DESC2$4,
   SPECIAL_SHIFTS: SPECIAL_SHIFTS$4,
   ADD_SPECIAL_DATE: ADD_SPECIAL_DATE$4,
+  ADD_OCCASION: ADD_OCCASION$4,
   DELETE_SPECIAL_DATE: DELETE_SPECIAL_DATE$4,
   ARE_YOU_SURE_DELETE_SPECIAL_DATE: ARE_YOU_SURE_DELETE_SPECIAL_DATE$4,
   RESERVATION_PREFERENCES: RESERVATION_PREFERENCES$4,
@@ -8432,6 +8438,7 @@ const en = {
   "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.": "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.",
   "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.": "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.",
   "Please, enter below the profile url of your tripadvisor.": "Please enter your TripAdvisor profile URL below.",
+  "Please, enter below the profile url of your zomato.": "Please enter your Zomato profile URL below.",
   "Select an account": "Select an account",
   "Please select an accout that you want to connect to Facebook.": "Please select an account that you want to connect to Facebook.",
   "Please select an accout that you want to connect to Google": "Replace it with: Please select an account that you want to connect to Google.",
@@ -8624,7 +8631,9 @@ const en = {
   MENU: MENU$4,
   SELECT_OCCASION: SELECT_OCCASION$3,
   SELECT_AREA: SELECT_AREA$4,
-  SELECT_MENU: SELECT_MENU$4
+  SELECT_MENU: SELECT_MENU$4,
+  AREYOUSURECONNECTTOZOMATO: AREYOUSURECONNECTTOZOMATO$4,
+  AREYOUSUREDISCONNECTFROMZOMATO: AREYOUSUREDISCONNECTFROMZOMATO$4
 };
 const errors$3 = { "required": "Este campo es requerido", "email": "Este correo electrónico no es válido", "phone": "Número de teléfono no válido", "url": "URL no válida" };
 const SPECIALCLOSINGDATES$3 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -8956,6 +8965,7 @@ const PROFILEURL$3 = "URL del perfil";
 const AREYOUSURECONNECTTOTRIPADVISOR$3 = "¿Está seguro de que desea conectarse a Tripadvisor?";
 const TRIPADVISOR$3 = "Tripadvisor";
 const TRIPADVISORREPLY$3 = "Respuesta de Tripadvisor";
+const ZOMATOREPLY$3 = "Respuesta de Zomato";
 const COMMINGUP$3 = "Próximamente";
 const TODAY$3 = "Hoy";
 const TOMORROW$3 = "Mañana";
@@ -8993,6 +9003,7 @@ const SPECIAL_DATES_DESC$3 = "Fechas de cierre especiales o turnos diferentes (d
 const SPECIAL_DATES_DESC2$3 = "Defina el período para cierres u horarios ajustados. Ambas fechas están incluidas.";
 const SPECIAL_SHIFTS$3 = "Turnos especiales";
 const ADD_SPECIAL_DATE$3 = "Agregar fecha especial";
+const ADD_OCCASION$3 = "Añadir ocasión";
 const DELETE_SPECIAL_DATE$3 = "Eliminar fecha especial";
 const ARE_YOU_SURE_DELETE_SPECIAL_DATE$3 = "¿Está seguro de que desea eliminar esta fecha especial?";
 const RESERVATION_PREFERENCES$3 = "Preferencias de reserva";
@@ -9238,6 +9249,8 @@ const MENU$3 = "Menú";
 const SELECT_OCCASION$2 = "Seleccionar ocasión";
 const SELECT_AREA$3 = "Seleccionar área";
 const SELECT_MENU$3 = "Seleccionar menú";
+const AREYOUSURECONNECTTOZOMATO$3 = "¿Está seguro de que desea conectar a Zomato";
+const AREYOUSUREDISCONNECTFROMZOMATO$3 = "¿Está seguro de que desea desconectar de Zomato";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9572,6 +9585,7 @@ const es$2 = {
   AREYOUSURECONNECTTOTRIPADVISOR: AREYOUSURECONNECTTOTRIPADVISOR$3,
   TRIPADVISOR: TRIPADVISOR$3,
   TRIPADVISORREPLY: TRIPADVISORREPLY$3,
+  ZOMATOREPLY: ZOMATOREPLY$3,
   COMMINGUP: COMMINGUP$3,
   TODAY: TODAY$3,
   TOMORROW: TOMORROW$3,
@@ -9609,6 +9623,7 @@ const es$2 = {
   SPECIAL_DATES_DESC2: SPECIAL_DATES_DESC2$3,
   SPECIAL_SHIFTS: SPECIAL_SHIFTS$3,
   ADD_SPECIAL_DATE: ADD_SPECIAL_DATE$3,
+  ADD_OCCASION: ADD_OCCASION$3,
   DELETE_SPECIAL_DATE: DELETE_SPECIAL_DATE$3,
   ARE_YOU_SURE_DELETE_SPECIAL_DATE: ARE_YOU_SURE_DELETE_SPECIAL_DATE$3,
   RESERVATION_PREFERENCES: RESERVATION_PREFERENCES$3,
@@ -9711,6 +9726,7 @@ const es$2 = {
   "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.": "Bing se pondrá en contacto con usted por correo electrónico o por correo postal y le proporcionará un código PIN de verificación. Una vez que lo reciba, agréguelo a continuación para que su perfil pueda sincronizarse.",
   "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.": "Bing puede requerir la verificación de la propiedad del negocio y ponerse en contacto con usted por correo electrónico o por correo postal. Por favor, ingrese a continuación el correo electrónico que desea utilizar para fines de verificación con Bing.",
   "Please, enter below the profile url of your tripadvisor.": "Por favor, ingrese a continuación la URL del perfil de su tripadvisor.",
+  "Please, enter below the profile url of your zomato.": "Por favor, ingrese a continuación la URL del perfil de su zomato.",
   "Select an account": "Seleccionar una cuenta",
   "Please select an accout that you want to connect to Facebook.": "Por favor, seleccione una cuenta que desea conectar a Facebook.",
   "Please select an accout that you want to connect to Google": "Por favor, seleccione una cuenta que desea conectar a Google",
@@ -9904,7 +9920,9 @@ const es$2 = {
   MENU: MENU$3,
   SELECT_OCCASION: SELECT_OCCASION$2,
   SELECT_AREA: SELECT_AREA$3,
-  SELECT_MENU: SELECT_MENU$3
+  SELECT_MENU: SELECT_MENU$3,
+  AREYOUSURECONNECTTOZOMATO: AREYOUSURECONNECTTOZOMATO$3,
+  AREYOUSUREDISCONNECTFROMZOMATO: AREYOUSUREDISCONNECTFROMZOMATO$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet email n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Fermetures exceptionnelles et horaires d’ouverture modifiés (jours fériés, événements, etc.) ";
@@ -10236,6 +10254,7 @@ const PROFILEURL$2 = "URL du profil";
 const AREYOUSURECONNECTTOTRIPADVISOR$2 = "Êtes-vous sûr de vouloir vous connecter à Tripadvisor ?";
 const TRIPADVISOR$2 = "Tripadvisor";
 const TRIPADVISORREPLY$2 = "Répondre sur Tripadvisor ";
+const ZOMATOREPLY$2 = "Répondre sur Zomato";
 const COMMINGUP$2 = "À venir";
 const TODAY$2 = "Aujourd'hui";
 const TOMORROW$2 = "Demain";
@@ -10273,6 +10292,7 @@ const SPECIAL_DATES_DESC$2 = "Dates de fermeture spéciales ou services différe
 const SPECIAL_DATES_DESC2$2 = "Définissez la période de fermeture ou d’horaires modifiés. Les deux dates sont incluses.";
 const SPECIAL_SHIFTS$2 = "Services spéciaux";
 const ADD_SPECIAL_DATE$2 = "Ajouter une date spéciale";
+const ADD_OCCASION$2 = "Ajouter une occasion";
 const DELETE_SPECIAL_DATE$2 = "Supprimer la date spéciale";
 const ARE_YOU_SURE_DELETE_SPECIAL_DATE$2 = "Êtes-vous sûr de vouloir supprimer cette date spéciale ?";
 const RESERVATION_PREFERENCES$2 = "Préférences de réservation";
@@ -10518,6 +10538,8 @@ const MENU$2 = "Menu";
 const SELECT_OCCASION$1 = "Sélectionner l'occasion";
 const SELECT_AREA$2 = "Sélectionner la zone";
 const SELECT_MENU$2 = "Sélectionner le menu";
+const AREYOUSURECONNECTTOZOMATO$2 = "Êtes-vous sûr de vouloir vous connecter à Zomato";
+const AREYOUSUREDISCONNECTFROMZOMATO$2 = "Êtes-vous sûr de vouloir vous déconnecter de Zomato";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10852,6 +10874,7 @@ const fr$1 = {
   AREYOUSURECONNECTTOTRIPADVISOR: AREYOUSURECONNECTTOTRIPADVISOR$2,
   TRIPADVISOR: TRIPADVISOR$2,
   TRIPADVISORREPLY: TRIPADVISORREPLY$2,
+  ZOMATOREPLY: ZOMATOREPLY$2,
   COMMINGUP: COMMINGUP$2,
   TODAY: TODAY$2,
   TOMORROW: TOMORROW$2,
@@ -10889,6 +10912,7 @@ const fr$1 = {
   SPECIAL_DATES_DESC2: SPECIAL_DATES_DESC2$2,
   SPECIAL_SHIFTS: SPECIAL_SHIFTS$2,
   ADD_SPECIAL_DATE: ADD_SPECIAL_DATE$2,
+  ADD_OCCASION: ADD_OCCASION$2,
   DELETE_SPECIAL_DATE: DELETE_SPECIAL_DATE$2,
   ARE_YOU_SURE_DELETE_SPECIAL_DATE: ARE_YOU_SURE_DELETE_SPECIAL_DATE$2,
   RESERVATION_PREFERENCES: RESERVATION_PREFERENCES$2,
@@ -10990,6 +11014,7 @@ const fr$1 = {
   "Contact your account manager to get more information about how to get a license.": "Veuillez contacter votre gestionnaire de compte pour obtenir plus d’informations sur la procédure d’obtention d’une licence.",
   "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.": "Bing vous contactera par email ou courrier pour vous fournir un code PIN de vérification. Dès réception, merci de bien vouloir le saisir ci-dessous afin de synchroniser votre profil.",
   "Please, enter below the profile url of your tripadvisor.": "Veuillez saisir ci-dessous l'URL de votre profil Tripadvisor.",
+  "Please, enter below the profile url of your zomato.": "Veuillez saisir ci-dessous l'URL de votre profil Zomato.",
   "Select an account": "Sélectionner un compte",
   "Please select an accout that you want to connect to Facebook.": "Veuillez sélectionner un compte à connecter à Facebook.",
   "Please select an accout that you want to connect to Google": "Veuillez sélectionner un compte à connecter à Google.",
@@ -11183,7 +11208,9 @@ const fr$1 = {
   MENU: MENU$2,
   SELECT_OCCASION: SELECT_OCCASION$1,
   SELECT_AREA: SELECT_AREA$2,
-  SELECT_MENU: SELECT_MENU$2
+  SELECT_MENU: SELECT_MENU$2,
+  AREYOUSURECONNECTTOZOMATO: AREYOUSURECONNECTTOZOMATO$2,
+  AREYOUSUREDISCONNECTFROMZOMATO: AREYOUSUREDISCONNECTFROMZOMATO$2
 };
 const errors$1 = { "required": "Dieses Feld ist erforderlich", "email": "Diese E-Mail ist nicht gültig", "phone": "Diese Telefonnummer ist nicht gültig", "url": "Diese URL ist nicht gültig" };
 const SPECIALCLOSINGDATES$1 = "Besondere Schließungstage oder abweichende Öffnungszeiten (besondere Tage, Feiertage, private Veranstaltungen…)";
@@ -11513,6 +11540,7 @@ const PROFILEURL$1 = "Profil-URL";
 const AREYOUSURECONNECTTOTRIPADVISOR$1 = "Sind Sie sicher, dass Sie eine Verbindung zu Tripadvisor herstellen möchten?";
 const TRIPADVISOR$1 = "Tripadvisor";
 const TRIPADVISORREPLY$1 = "Tripadvisor-Antwort";
+const ZOMATOREPLY$1 = "Zomato-Antwort";
 const COMMINGUP$1 = "Steht bevor";
 const TODAY$1 = "Heute";
 const TOMORROW$1 = "Morgen";
@@ -11550,6 +11578,7 @@ const SPECIAL_DATES_DESC$1 = "Besondere Schließtage oder abweichende Schichten
 const SPECIAL_DATES_DESC2$1 = "Definieren Sie den Zeitraum für Schließungen oder angepasste Öffnungszeiten. Beide Daten sind inklusive.";
 const SPECIAL_SHIFTS$1 = "Besondere Schichten";
 const ADD_SPECIAL_DATE$1 = "Besonderes Datum hinzufügen";
+const ADD_OCCASION$1 = "Anlass hinzufügen";
 const DELETE_SPECIAL_DATE$1 = "Besonderes Datum löschen";
 const ARE_YOU_SURE_DELETE_SPECIAL_DATE$1 = "Sind Sie sicher, dass Sie dieses besondere Datum löschen möchten?";
 const RESERVATION_PREFERENCES$1 = "Reservierungspräferenzen";
@@ -11737,6 +11766,8 @@ const MENU$1 = "Menü";
 const SELECT_OCCASION = "Gelegenheit auswählen";
 const SELECT_AREA$1 = "Bereich auswählen";
 const SELECT_MENU$1 = "Menü auswählen";
+const AREYOUSURECONNECTTOZOMATO$1 = "Sind Sie sicher, dass Sie eine Verbindung zu Zomato herstellen möchten?";
+const AREYOUSUREDISCONNECTFROMZOMATO$1 = "Sind Sie sicher, dass Sie eine Verbindung zu Zomato trennen möchten?";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -12069,6 +12100,7 @@ const de$1 = {
   AREYOUSURECONNECTTOTRIPADVISOR: AREYOUSURECONNECTTOTRIPADVISOR$1,
   TRIPADVISOR: TRIPADVISOR$1,
   TRIPADVISORREPLY: TRIPADVISORREPLY$1,
+  ZOMATOREPLY: ZOMATOREPLY$1,
   COMMINGUP: COMMINGUP$1,
   TODAY: TODAY$1,
   TOMORROW: TOMORROW$1,
@@ -12106,6 +12138,7 @@ const de$1 = {
   SPECIAL_DATES_DESC2: SPECIAL_DATES_DESC2$1,
   SPECIAL_SHIFTS: SPECIAL_SHIFTS$1,
   ADD_SPECIAL_DATE: ADD_SPECIAL_DATE$1,
+  ADD_OCCASION: ADD_OCCASION$1,
   DELETE_SPECIAL_DATE: DELETE_SPECIAL_DATE$1,
   ARE_YOU_SURE_DELETE_SPECIAL_DATE: ARE_YOU_SURE_DELETE_SPECIAL_DATE$1,
   RESERVATION_PREFERENCES: RESERVATION_PREFERENCES$1,
@@ -12208,6 +12241,7 @@ const de$1 = {
   "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.": "Bing wird Sie per E-Mail oder Post kontaktieren und Ihnen einen Verifizierungs-PIN senden. Sobald Sie ihn erhalten haben, geben Sie ihn bitte unten ein, damit Ihr Profil synchronisiert werden kann.",
   "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.": "Bing kann eine Verifizierung des Unternehmensbesitzes verlangen und Sie per E-Mail oder Post kontaktieren. Bitte geben Sie unten die E-Mail-Adresse an, die Sie für die Verifizierung verwenden möchten.",
   "Please, enter below the profile url of your tripadvisor.": "Bitte geben Sie unten die Profil-URL Ihres Tripadvisor-Kontos ein.",
+  "Please, enter below the profile url of your zomato.": "Bitte geben Sie unten die Profil-URL Ihres Zomato-Kontos ein.",
   "Select an account": "Konto auswählen",
   "Please select an accout that you want to connect to Facebook.": "Bitte wählen Sie das Konto aus, das Sie mit Facebook verbinden möchten.",
   "Please select an accout that you want to connect to Google": "Bitte wählen Sie das Konto aus, das Sie mit Google verbinden möchten.",
@@ -12343,7 +12377,9 @@ const de$1 = {
   MENU: MENU$1,
   SELECT_OCCASION,
   SELECT_AREA: SELECT_AREA$1,
-  SELECT_MENU: SELECT_MENU$1
+  SELECT_MENU: SELECT_MENU$1,
+  AREYOUSURECONNECTTOZOMATO: AREYOUSURECONNECTTOZOMATO$1,
+  AREYOUSUREDISCONNECTFROMZOMATO: AREYOUSUREDISCONNECTFROMZOMATO$1
 };
 const errors = { "required": "Dit veld is verplicht", "email": "Dit e-mailadres is ongeldig", "phone": "Ongeldig telefoonnummer", "url": "Deze URL is ongeldig" };
 const SPECIALCLOSINGDATES = "Speciale sluitingsdagen of afwijkende openingstijden (feestdagen, evenementen, enz.)";
@@ -12673,6 +12709,7 @@ const PROFILEURL = "Profiel-URL";
 const AREYOUSURECONNECTTOTRIPADVISOR = "Weet je zeker dat je verbinding wilt maken met Tripadvisor?";
 const TRIPADVISOR = "Tripadvisor";
 const TRIPADVISORREPLY = "Tripadvisor-antwoord";
+const ZOMATOREPLY = "Zomato-antwoord";
 const COMMINGUP = "Binnenkort";
 const TODAY = "Vandaag";
 const TOMORROW = "Morgen";
@@ -12710,6 +12747,7 @@ const SPECIAL_DATES_DESC = "Speciale sluitingsdagen of afwijkende shifts (feestd
 const SPECIAL_DATES_DESC2 = "Geef de periode op voor sluitingen of aangepaste uren. Beide datums zijn inbegrepen.";
 const SPECIAL_SHIFTS = "Speciale shifts";
 const ADD_SPECIAL_DATE = "Speciale datum toevoegen";
+const ADD_OCCASION = "Gelegenheid toevoegen";
 const DELETE_SPECIAL_DATE = "Speciale datum verwijderen";
 const ARE_YOU_SURE_DELETE_SPECIAL_DATE = "Weet je zeker dat je deze speciale datum wilt verwijderen?";
 const RESERVATION_PREFERENCES = "Voorkeuren voor reserveringen";
@@ -12897,6 +12935,8 @@ const MENU = "Menu";
 const SELECT_OCHTEND = "Ochtend selecteren";
 const SELECT_AREA = "Gebied selecteren";
 const SELECT_MENU = "Menu selecteren";
+const AREYOUSURECONNECTTOZOMATO = "Weet je zeker dat je verbinding wilt maken met Zomato";
+const AREYOUSUREDISCONNECTFROMZOMATO = "Weet je zeker dat je verbinding wilt verbreken met Zomato";
 const nl$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -13229,6 +13269,7 @@ const nl$1 = {
   AREYOUSURECONNECTTOTRIPADVISOR,
   TRIPADVISOR,
   TRIPADVISORREPLY,
+  ZOMATOREPLY,
   COMMINGUP,
   TODAY,
   TOMORROW,
@@ -13266,6 +13307,7 @@ const nl$1 = {
   SPECIAL_DATES_DESC2,
   SPECIAL_SHIFTS,
   ADD_SPECIAL_DATE,
+  ADD_OCCASION,
   DELETE_SPECIAL_DATE,
   ARE_YOU_SURE_DELETE_SPECIAL_DATE,
   RESERVATION_PREFERENCES,
@@ -13368,6 +13410,7 @@ const nl$1 = {
   "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.": "Bing neemt contact met je op via e-mail of post en geeft je een verificatiecode. Zodra je die hebt ontvangen, voeg je hem hieronder toe zodat je profiel gesynchroniseerd kan worden.",
   "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.": "Bing kan een eigendomsverificatie van je bedrijf vereisen. Geef hieronder het e-mailadres op dat je daarvoor wilt gebruiken.",
   "Please, enter below the profile url of your tripadvisor.": "Voer hieronder de profiel-URL van je Tripadvisor-account in.",
+  "Please, enter below the profile url of your zomato.": "Voer hieronder de profiel-URL van je Zomato-account in.",
   "Select an account": "Selecteer een account",
   "Please select an accout that you want to connect to Facebook.": "Selecteer een account dat je wilt verbinden met Facebook.",
   "Please select an accout that you want to connect to Google": "Selecteer een account dat je wilt verbinden met Google",
@@ -13503,7 +13546,9 @@ const nl$1 = {
   MENU,
   SELECT_OCHTEND,
   SELECT_AREA,
-  SELECT_MENU
+  SELECT_MENU,
+  AREYOUSURECONNECTTOZOMATO,
+  AREYOUSUREDISCONNECTFROMZOMATO
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -40770,25 +40815,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$2m = {
+const styles$2o = {
   label: label$8,
   comment: comment$4,
   translate
 };
 const sronly$1 = "_sronly_1n9bw_1";
-const styles$2l = {
+const styles$2n = {
   sronly: sronly$1
 };
 const SrOnly$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$2l.sronly,
+    className: styles$2n.sronly,
     children
   });
 };
 const label$7 = "_label_1vki7_1";
-const styles$2k = {
+const styles$2m = {
   label: label$7
 };
 var propTypes$3 = { exports: {} };
@@ -45694,7 +45739,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$2j = {
+const styles$2l = {
   icon: icon$a,
   "icon--small": "_icon--small_69yub_12",
   "icon--medium": "_icon--medium_69yub_15",
@@ -45709,14 +45754,14 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$2j["icon"], styles$2j[`icon--${size}`], className),
+    className: classNames$2(styles$2l["icon"], styles$2l[`icon--${size}`], className),
     ...props,
     children: icons$1[icon2]()
   });
 };
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-const styles$2i = {
+const styles$2k = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
@@ -45724,9 +45769,9 @@ const Tooltip$2 = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$2i.tooltip,
+    className: styles$2k.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$2i.tooltip__icon,
+      className: styles$2k.tooltip__icon,
       icon: "question",
       size: "small",
       "data-tip": true
@@ -45747,7 +45792,7 @@ const Label$2 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$2k.label,
+    className: styles$2m.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$2, {
       children: tooltip2
@@ -45759,7 +45804,7 @@ const Label$2 = ({
 };
 const label$6 = "_label_15hk9_1";
 const translation$1 = "_translation_15hk9_6";
-const styles$2h = {
+const styles$2j = {
   label: label$6,
   translation: translation$1
 };
@@ -45799,13 +45844,13 @@ const ReplyTranslation = ({
     children: [isExecuting && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isExecuting && /* @__PURE__ */ jsxs("div", {
-      className: styles$2h.translation,
+      className: styles$2j.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$2h.label,
+        className: styles$2j.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$2h.translation,
+        className: styles$2j.translation,
         children: data2 && data2.translatedText ? decodeHtmlEntities$1(data2.translatedText) : "---"
       })]
     })]
@@ -45825,6 +45870,24 @@ const Pointer = () => /* @__PURE__ */ jsx$1("svg", {
     d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
   })
 });
+const Copy = () => /* @__PURE__ */ jsx$1("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  children: /* @__PURE__ */ jsxs("g", {
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    children: [/* @__PURE__ */ jsx$1("path", {
+      d: "M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z"
+    }), /* @__PURE__ */ jsx$1("path", {
+      d: "M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1"
+    })]
+  })
+});
 const Users$2 = () => /* @__PURE__ */ jsx$1("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -45946,6 +46009,16 @@ const Tripadvisor = () => /* @__PURE__ */ jsx$1("svg", {
     })]
   })
 });
+const Zomato = () => /* @__PURE__ */ jsx$1("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: "535",
+  viewBox: "0 0 2500 535.29",
+  width: "2500",
+  children: /* @__PURE__ */ jsx$1("path", {
+    d: "m381.02 135.1-2.25 72.32-188.62 205.03c78.79 0 128.75-.77 157.56-2.37-8.35 38.91-15.14 70.72-21.98 118.41-37.89-3.2-96.96-4-156.06-4-65.88 0-123.46.79-169.67 4l1.54-73.14 188.61-204.21c-82.57 0-112.88.78-146.95 1.58 7.55-36.56 12.86-77.07 18.16-117.62 59.84 2.38 83.32 3.16 161.35 3.16 71.97.01 112.85-.78 158.31-3.16zm214.39-21.48c-122.75 0-216.64 109.67-216.64 240.84 0 98.53 56.8 174.03 167.39 174.03 123.48 0 216.65-109.69 216.65-241.63.01-97.7-55.31-173.24-167.4-173.24zm-37.13 309.46c-27.28 0-43.17-24.67-43.17-73.14 0-72.32 29.54-130.32 65.92-130.32 26.49 0 42.4 23.86 42.4 73.1-.01 71.52-28.77 130.36-65.15 130.36zm1772.1-314.9c-124.32 0-219.47 111.12-219.47 243.94 0 99.87 57.55 176.37 169.59 176.37 125.09 0 219.49-111.13 219.49-244.78.01-99.02-55.99-175.53-169.61-175.53zm-39.95 314.48c-27.29 0-43.17-24.67-43.17-73.14 0-72.32 29.55-130.31 65.92-130.31 26.48 0 42.42 23.84 42.42 73.09-.02 71.55-28.81 130.36-65.17 130.36zm-890.58-165.97c9.86-67.53 4.56-128.74-70.42-128.74-54.55 0-113.63 46.1-155.29 123.19 9.1-63.6 3.78-123.19-70.45-123.19-56.05 0-116.65 48.47-158.33 128.74 10.61-52.45 8.35-112.07 5.31-124.78-43.17 7.16-81.03 11.12-134.07 12.71 1.52 36.57-.76 84.22-7.58 129.56l-17.42 119.19c-6.82 46.91-14.4 100.95-21.98 135.13h140.9c.77-20.69 6.08-53.26 9.86-81.87l12.12-81.84c9.84-53.28 52.25-116.03 84.82-116.03 18.94 0 18.2 18.27 12.89 52.44l-13.64 92.16c-6.84 46.91-14.39 100.95-21.98 135.13h142.41c.77-20.69 5.31-53.26 9.09-81.87l12.11-81.84c9.86-53.28 52.3-116.03 84.85-116.03 18.96 0 18.21 17.46 15.15 41.32l-34.02 238.41h129.97zm680.51 147.03-15.15 93.79c-23.49 12.71-67.43 31-118.18 31-86.36 0-103.76-46.1-90.15-143.85l21.98-157.36h-42.5l12-101.86 46.4-2.24 17.43-73.91 131.03-49.29-16.65 123.19h90.15c-3.02 12.71-13.66 82.67-16.64 104.1h-87.92l-19.7 145.44c-5.3 37.35-2.25 50.87 23.47 50.87 18.98-.02 46.98-11.15 64.43-19.88zm-497.04 50.66c47.69-5.91 80.51-51.88 88.4-97.75l1.33-12.29c-20.49-4.58-50.11-8.07-78.83-4.56-27.35 3.33-50.11 14.7-62.35 31.16-9.23 11.82-13.87 25.96-11.81 42.82 3.11 25.25 31.04 44.55 63.26 40.62zm-40.59 72.64c-67.31 8.27-111.64-18.45-124.95-79.22-8.35-38.24 3.24-81.8 23.51-107.79 27.15-33.99 71.39-55.81 125.38-62.4 43.45-5.39 80.06-2.73 114.3 3.75l1.42-5.87c.98-9.39 1.97-18.76.6-29.98-3.55-28.81-26.27-45.97-82.37-39.07-37.85 4.65-73.86 18.32-101.82 33.88l-27.2-82.19c37.9-21.76 85.67-38.32 140.34-45.03 104.43-12.81 177.81 20.49 187.21 97.05 2.49 20.36 2.79 41.94.22 61.52-13.41 94.66-22 165.89-25.77 213.63-.61 7.39-.56 20.09.1 38.09l-129.59-.12c2.76-7.46 5.23-17.58 7.43-30.27 1.46-8.35 2.5-18.88 3.15-31.64-27.39 37.58-65.04 59.9-111.96 65.66z",
+    fill: "#e23744"
+  })
+});
 const LetterX = () => /* @__PURE__ */ jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -47343,6 +47416,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Bing,
   CalendarTime,
   CheckBox,
+  Copy,
   EyeOff,
   FidgetSpinner,
   LetterX,
@@ -47356,6 +47430,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   UserPlus,
   Users: Users$2,
   UsersPlus,
+  Zomato,
   apple,
   armChair,
   arrowDown,
@@ -47428,7 +47503,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   yes
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$9 = "_icon_lm3br_1";
-const styles$2g = {
+const styles$2i = {
   icon: icon$9,
   "icon--xs": "_icon--xs_lm3br_12",
   "icon--small": "_icon--small_lm3br_15",
@@ -47443,13 +47518,13 @@ const Icon = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$2g["icon"], styles$2g[`icon--${size}`], className),
+    className: classNames$2(styles$2i["icon"], styles$2i[`icon--${size}`], className),
     ...props,
     children: React__default.createElement(icons[icon2])
   });
 };
 const btn$2 = "_btn_g6dop_1";
-const styles$2f = {
+const styles$2h = {
   btn: btn$2,
   "btn--large": "_btn--large_g6dop_16",
   "btn--default": "_btn--default_g6dop_20",
@@ -47477,7 +47552,7 @@ const Button$1 = ({
   ...props
 }) => {
   const componentProps = {
-    className: classNames$2(styles$2f["btn"], styles$2f[`btn--${mode}`], styles$2f[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$2h["btn"], styles$2h[`btn--${mode}`], styles$2h[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon, {
@@ -47502,25 +47577,25 @@ const Button$1 = ({
   });
 };
 const sronly = "_sronly_1n9bw_1";
-const styles$2e = {
+const styles$2g = {
   sronly
 };
 const SrOnly = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$2e.sronly,
+    className: styles$2g.sronly,
     children
   });
 };
 const label$5 = "_label_wrsfp_1";
-const styles$2d = {
+const styles$2f = {
   label: label$5
 };
 const tooltipContainer = "_tooltipContainer_13ux5_1";
 const tooltipBox = "_tooltipBox_13ux5_5";
 const isVisible = "_isVisible_13ux5_26";
-const styles$2c = {
+const styles$2e = {
   tooltipContainer,
   tooltipBox,
   isVisible,
@@ -47540,14 +47615,14 @@ const Tooltip$1 = ({
   const showTooltip = () => setIsVisible(true);
   const hideTooltip = () => setIsVisible(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$2c.tooltipContainer,
+    className: styles$2e.tooltipContainer,
     onMouseEnter: showTooltip,
     onMouseLeave: hideTooltip,
     onFocus: showTooltip,
     onBlur: hideTooltip,
     tabIndex: 0,
     children: [children, /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$2c.tooltipBox, styles$2c[`tooltip--${position2}`], isVisible2 ? styles$2c.isVisible : "", className),
+      className: classNames$2(styles$2e.tooltipBox, styles$2e[`tooltip--${position2}`], isVisible2 ? styles$2e.isVisible : "", className),
       ...props,
       children: message2 ?? ""
     })]
@@ -47561,7 +47636,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$2d.label,
+    className: styles$2f.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
@@ -49492,23 +49567,23 @@ function o(o2, n, a2) {
     }
   };
 }
-const text$2 = "_text_1f1l5_1";
-const styles$2b = {
-  text: text$2
+const text$3 = "_text_1f1l5_1";
+const styles$2d = {
+  text: text$3
 };
 const FieldError$1 = ({
   error: error3
 }) => {
   if (error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$2b.text,
+      className: styles$2d.text,
       children: error3.message
     });
   }
   return null;
 };
 const input$5 = "_input_1ayrx_1";
-const styles$2a = {
+const styles$2c = {
   input: input$5
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -49540,7 +49615,7 @@ const TextArea$1 = React__default.forwardRef(({
       tooltip: tooltip2,
       children: label2
     }), /* @__PURE__ */ jsx$1("textarea", {
-      className: styles$2a.input,
+      className: styles$2c.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -49682,11 +49757,11 @@ const ReplyForm = ({
             marginTop: 10
           },
           children: [!showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$2m.translate,
+            className: styles$2o.translate,
             onClick: () => setShowTranslation(true),
             children: t2("SHOWTRANSLATION")
           }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$2m.translate,
+            className: styles$2o.translate,
             onClick: () => setShowTranslation(false),
             children: t2("HIDETRANSLATION")
           })]
@@ -49735,7 +49810,7 @@ const ReplyForm = ({
 const label$4 = "_label_x1r40_1";
 const comment$1 = "_comment_x1r40_7";
 const date$3 = "_date_x1r40_12";
-const styles$29 = {
+const styles$2b = {
   label: label$4,
   comment: comment$1,
   date: date$3
@@ -49749,13 +49824,13 @@ const Reply = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$29.label,
+      className: styles$2b.label,
       children: t2("REPLY")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$29.comment,
+      className: styles$2b.comment,
       children: reply2.comment
     }), /* @__PURE__ */ jsx$1("span", {
-      className: styles$29.date,
+      className: styles$2b.date,
       children: reply2.createdAt
     }), /* @__PURE__ */ jsx$1("br", {})]
   });
@@ -49832,7 +49907,8 @@ const StartScore = ({
 const platformImages = {
   tripadvisor: "https://static.tacdn.com/img2/brand_refresh/Tripadvisor_logoset_solid_green.svg",
   facebook: "https://play-lh.googleusercontent.com/5pZMqQYClc5McEjaISPkvhF8pDmlbLqraTMwk1eeqTlnUSjVxPCq-MItIrJPJGe7xW4",
-  google: "data:imagepng;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAB6CAMAAACyeTxmAAABJlBMVEX////pQjU0qFNChfT6uwWAqvk5gfQzf/Tm7v690Pv6tgD6uQAwp1DpQDPpPC7/vADoOCklpEnn8+r63Nv98fD1sKz7wADoNjff8OPy+fT86ejrUkfoLBnoMSD4+v8QoT/sYlnudGzxj4nrST3nHQD4zszoJhD3phX/+vD7viX/9OD+8NL81IX95rj93Zb+35/94qpglvbd5/1DrV7R6NbC4cn3v7vynZjsWlD0pqHue3Txh4DtZmX1jwD80HHrVTDubSvyiCPweif1lh37xUjsTQn7xTrQ3vz8zFwhd/RJozXQtiaExZOauvmmsjh5rUWaz6beuB9Uqk3BtTCPsD+txvpmvYax2rpjuXMml5A1o3BAiec/kM4/mrA3n4kxpWI7k7yEsOVV1wY9AAAFRElEQVRoge2YaXvaRhDHhSyDDZLQIkwNSBaHIT5ip7E4fLTunYRGaUlaY9I2Pb7/l+iKW2J2pV1J+Hla/i/8xqCf5j8zO7MIwlZbbbXVZlSs6FNVipsi6r1+vVZtKupEqep1/e5AryQL1W/qVcPQVFVZkaqZbaXW6CUVud64NkxVSUHCcEO5TQBdvKkeazBzyTbMhh4rtXJnmHToDK0d11pxUgNCXZFqXMdDLjY0LSx0SjbrMbjda4Zy2CNNvYlIrdyyU7EUsxapo1sKm8VLqWaPH9s/5gl2FrLR4MXWDG6qK7PGdYxUqrwez6VVOepab6oRsdjqA2ZsKxUda7JjdeVJsJXo0aY4TBZiwLY5sLWolZxKHXNgG2bAQ90p324bhvvHhEYVTyULPfpxoWjt6m2/hze6It7uWgeNmmn4thAubKVJORwVzaz1dd85VOnV1dXxwVPJglCnJFdTb+GhXukvxyUftkdOLnWg4/Vg1gQ8JgvFFNFlrUlfYPTa5JV5GkgQ7kguK+27wC/32wpXA+E8kVwON8dbKl+0wheEg0pthhtpOh/2/EsCtprsBei+9Oyrz6Bok8WeZaVS7us1sKIlfN27zEmSVPrGD27Hd/WAJblcqfTMCzb7CWMvstJEJWk1yep1wljhPifNVPp2AVa0eK+W6zo5XXCl0ncbc1k4z0pLzRtKaSb+w8nznLQKnjaUGfVmF6zvPdxpQympxMM9k/zCDaUFD6Go8qR37vUPSRezILzIrXEl6RXtG6932fQafMobgJt7TuPuD9IsyuyCT/GXlavsBZWb2WHSS+ghJ68g7kmc3J0j4CHr5YxtPqVh2bl7wEPOofS+iZWbvgrLpZYVOxcq6Iv19pWyl7FyM/thuS82wIXK+fP/MPepfH6iutpAH4XnxntugFzwnJRi5YLnxgbmAnhOCiA31jkIc8G5fx8nF5yD4J6TO6UZvT/IEAVhwbkP7XV56ccOhXu0RxZkM8xdL+j8Wxk5FC7tlQbr3Mw7+LO+BSuX/0kURbnAxYVSD7av4L+n5KWfMVZEQy7ubhrgguXsS3D+/QcXK8o2T8BHYFmB5ey9h+Z/EWfiyvADYHMaXp+FlXt3Lv+ruBA6ZMYevQTCzTyQPj4fhXnpwxKLnWbm7gPVTEwv1tTo/HvRI2anwewS04t1mZ23j0dWl437Djqt0oTudXWSnbePL2KmFO8DPUS1GVfWvH28YmqmK9BlwuE809lbgMoGPtqBwyVW80QjmQCWaQNiRXswdidDripXhxbMFWX0GAZ7RcDSqmoiBxHAojUKxj5AjetqQA9XEMo2wWlc1WJAPx2OP6YJ4RLPyIW6xICx12NKlgsOktFvv4ObRjooXKwRGeySu2XwWx1HRBNP/oAmb1B2J+9NdtolW7bT8aHLneEYofn/PwHgEOFip0k1PY/ZEkfDx27BVaf76IxlC628qvWnv6Yz8A9XaxrSwRM2smZCyG8P+subZMLvVoDGlBSHkGz9vdpPlEHkFzXFIWR9zCy8hm8JsChdHE7LhhoQtkhYh5HBs4Ya0OdB/GAZfcKHV/iaig3sNhQ71j0/olW121D/sGOxRoF9HBAw5+UKHyARvJYR4zq4og6/18hm3/eXKjtrx2C4YC0Hnluh1eUJGdn8Hi9CHsqMZISGEYOdkR2LgYwsJ0pmPSoMUbjSxsPZ4fuFgKTu2AoqMQy143HYo4K7zZDYMoaOhyGXe3b0o2Mjd8WQ5QVPdpcPNB4NY8sqqHKhg1cq254iRdsej5zHTiF+e2F6uXDoqrAp4FZbbfW/179wN6bIyeplrwAAAABJRU5ErkJggg=="
+  google: "data:imagepng;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAB6CAMAAACyeTxmAAABJlBMVEX////pQjU0qFNChfT6uwWAqvk5gfQzf/Tm7v690Pv6tgD6uQAwp1DpQDPpPC7/vADoOCklpEnn8+r63Nv98fD1sKz7wADoNjff8OPy+fT86ejrUkfoLBnoMSD4+v8QoT/sYlnudGzxj4nrST3nHQD4zszoJhD3phX/+vD7viX/9OD+8NL81IX95rj93Zb+35/94qpglvbd5/1DrV7R6NbC4cn3v7vynZjsWlD0pqHue3Txh4DtZmX1jwD80HHrVTDubSvyiCPweif1lh37xUjsTQn7xTrQ3vz8zFwhd/RJozXQtiaExZOauvmmsjh5rUWaz6beuB9Uqk3BtTCPsD+txvpmvYax2rpjuXMml5A1o3BAiec/kM4/mrA3n4kxpWI7k7yEsOVV1wY9AAAFRElEQVRoge2YaXvaRhDHhSyDDZLQIkwNSBaHIT5ip7E4fLTunYRGaUlaY9I2Pb7/l+iKW2J2pV1J+Hla/i/8xqCf5j8zO7MIwlZbbbXVZlSs6FNVipsi6r1+vVZtKupEqep1/e5AryQL1W/qVcPQVFVZkaqZbaXW6CUVud64NkxVSUHCcEO5TQBdvKkeazBzyTbMhh4rtXJnmHToDK0d11pxUgNCXZFqXMdDLjY0LSx0SjbrMbjda4Zy2CNNvYlIrdyyU7EUsxapo1sKm8VLqWaPH9s/5gl2FrLR4MXWDG6qK7PGdYxUqrwez6VVOepab6oRsdjqA2ZsKxUda7JjdeVJsJXo0aY4TBZiwLY5sLWolZxKHXNgG2bAQ90p324bhvvHhEYVTyULPfpxoWjt6m2/hze6It7uWgeNmmn4thAubKVJORwVzaz1dd85VOnV1dXxwVPJglCnJFdTb+GhXukvxyUftkdOLnWg4/Vg1gQ8JgvFFNFlrUlfYPTa5JV5GkgQ7kguK+27wC/32wpXA+E8kVwON8dbKl+0wheEg0pthhtpOh/2/EsCtprsBei+9Oyrz6Bok8WeZaVS7us1sKIlfN27zEmSVPrGD27Hd/WAJblcqfTMCzb7CWMvstJEJWk1yep1wljhPifNVPp2AVa0eK+W6zo5XXCl0ncbc1k4z0pLzRtKaSb+w8nznLQKnjaUGfVmF6zvPdxpQympxMM9k/zCDaUFD6Go8qR37vUPSRezILzIrXEl6RXtG6932fQafMobgJt7TuPuD9IsyuyCT/GXlavsBZWb2WHSS+ghJ68g7kmc3J0j4CHr5YxtPqVh2bl7wEPOofS+iZWbvgrLpZYVOxcq6Iv19pWyl7FyM/thuS82wIXK+fP/MPepfH6iutpAH4XnxntugFzwnJRi5YLnxgbmAnhOCiA31jkIc8G5fx8nF5yD4J6TO6UZvT/IEAVhwbkP7XV56ccOhXu0RxZkM8xdL+j8Wxk5FC7tlQbr3Mw7+LO+BSuX/0kURbnAxYVSD7av4L+n5KWfMVZEQy7ubhrgguXsS3D+/QcXK8o2T8BHYFmB5ey9h+Z/EWfiyvADYHMaXp+FlXt3Lv+ruBA6ZMYevQTCzTyQPj4fhXnpwxKLnWbm7gPVTEwv1tTo/HvRI2anwewS04t1mZ23j0dWl437Djqt0oTudXWSnbePL2KmFO8DPUS1GVfWvH28YmqmK9BlwuE809lbgMoGPtqBwyVW80QjmQCWaQNiRXswdidDripXhxbMFWX0GAZ7RcDSqmoiBxHAojUKxj5AjetqQA9XEMo2wWlc1WJAPx2OP6YJ4RLPyIW6xICx12NKlgsOktFvv4ObRjooXKwRGeySu2XwWx1HRBNP/oAmb1B2J+9NdtolW7bT8aHLneEYofn/PwHgEOFip0k1PY/ZEkfDx27BVaf76IxlC628qvWnv6Yz8A9XaxrSwRM2smZCyG8P+subZMLvVoDGlBSHkGz9vdpPlEHkFzXFIWR9zCy8hm8JsChdHE7LhhoQtkhYh5HBs4Ya0OdB/GAZfcKHV/iaig3sNhQ71j0/olW121D/sGOxRoF9HBAw5+UKHyARvJYR4zq4og6/18hm3/eXKjtrx2C4YC0Hnluh1eUJGdn8Hi9CHsqMZISGEYOdkR2LgYwsJ0pmPSoMUbjSxsPZ4fuFgKTu2AoqMQy143HYo4K7zZDYMoaOhyGXe3b0o2Mjd8WQ5QVPdpcPNB4NY8sqqHKhg1cq254iRdsej5zHTiF+e2F6uXDoqrAp4FZbbfW/179wN6bIyeplrwAAAABJRU5ErkJggg==",
+  zomato: "https://b.zmtcdn.com/web/assets/2267aec184e096c98c46a1565a5563661664945464.png"
 };
 const detail$1 = "_detail_ypeoh_1";
 const hidden = "_hidden_ypeoh_14";
@@ -49841,7 +49917,7 @@ const back = "_back_ypeoh_30";
 const statusbar = "_statusbar_ypeoh_38";
 const statusbar__icons = "_statusbar__icons_ypeoh_44";
 const platform$1 = "_platform_ypeoh_48";
-const styles$28 = {
+const styles$2a = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -49864,39 +49940,46 @@ const Comment = ({
     t: t2
   } = useTranslation();
   const [lang2] = useContext(ContextLang);
+  const parseHtml = (text2) => {
+    if (!text2) return "";
+    return text2.replace(/<br\s*\/?>/gi, "<br />");
+  };
+  const parsedComment = parseHtml(children);
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$2m.label,
+      className: styles$2o.label,
       children: t2("REVIEW")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$2m.comment,
-      children
+      className: styles$2o.comment,
+      dangerouslySetInnerHTML: {
+        __html: parsedComment
+      }
     }), !showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$2m.translate,
+      className: styles$2o.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
     }), showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$2m.translate,
+      className: styles$2o.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
     })]
   });
 };
 const flag = "_flag_wd4ay_1";
-const styles$27 = {
+const styles$29 = {
   flag
 };
 const CountryFlag = ({
   locale: locale2
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$27.flag}`
+    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$29.flag}`
   });
 };
 const label$3 = "_label_15hk9_1";
 const translation = "_translation_15hk9_6";
-const styles$26 = {
+const styles$28 = {
   label: label$3,
   translation
 };
@@ -49939,13 +50022,13 @@ const CommentTranslation = ({
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$26.translation,
+      className: styles$28.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$26.label,
+        className: styles$28.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$26.translation,
+        className: styles$28.translation,
         children: decodeHtmlEntities(data2 || "")
       })]
     })]
@@ -49953,7 +50036,7 @@ const CommentTranslation = ({
 };
 const label$2 = "_label_13kaz_1";
 const title$3 = "_title_13kaz_5";
-const styles$25 = {
+const styles$27 = {
   label: label$2,
   title: title$3
 };
@@ -49966,10 +50049,10 @@ const Title = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$25.label,
+      className: styles$27.label,
       children: t2("TITLE")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$25.title,
+      className: styles$27.title,
       children
     })]
   });
@@ -50146,9 +50229,9 @@ const formatData$k = (data2) => {
     return 0;
   });
 };
-const text$1 = "_text_12cto_1";
-const styles$24 = {
-  text: text$1
+const text$2 = "_text_12cto_1";
+const styles$26 = {
+  text: text$2
 };
 const tagsMap$2 = {
   business_name: "@Business name",
@@ -50160,7 +50243,7 @@ const TemplateText = ({
   text: text2
 }) => {
   return /* @__PURE__ */ jsx$1("p", {
-    className: styles$24.text,
+    className: styles$26.text,
     children: text2.split("@@").map((item2, index2) => {
       if (tagsMap$2[item2]) {
         return /* @__PURE__ */ jsx$1("span", {
@@ -50172,7 +50255,7 @@ const TemplateText = ({
   });
 };
 const button$7 = "_button_1hbqp_1";
-const styles$23 = {
+const styles$25 = {
   button: button$7
 };
 const Template$1 = ({
@@ -50187,7 +50270,7 @@ const Template$1 = ({
     children: [/* @__PURE__ */ jsx$1(TemplateText, {
       text: text2
     }), /* @__PURE__ */ jsx$1("button", {
-      className: styles$23.button,
+      className: styles$25.button,
       onClick: handleClickUse,
       children: "Use"
     })]
@@ -50196,7 +50279,7 @@ const Template$1 = ({
 const container$z = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-const styles$22 = {
+const styles$24 = {
   container: container$z,
   hide: hide$1,
   toolbar: toolbar$3
@@ -56276,7 +56359,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-const styles$21 = {
+const styles$23 = {
   tooltip: tooltip$1,
   tooltip__icon
 };
@@ -56284,9 +56367,9 @@ const LockTooltip = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$21.tooltip,
+    className: styles$23.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$21.tooltip__icon,
+      className: styles$23.tooltip__icon,
       icon: "lock",
       size: "small",
       "data-tip": children
@@ -56300,7 +56383,7 @@ const LockTooltip = ({
 };
 const container$y = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-const styles$20 = {
+const styles$22 = {
   container: container$y,
   tooltip
 };
@@ -56329,7 +56412,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$20.container,
+    className: styles$22.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -56343,7 +56426,7 @@ const NewSelect = ({
         id: id2,
         isDisabled
       }), isDisabled && /* @__PURE__ */ jsx$1("div", {
-        className: styles$20.tooltip,
+        className: styles$22.tooltip,
         children: /* @__PURE__ */ jsx$1(LockTooltip, {
           children: disabledTooltip
         })
@@ -56419,12 +56502,12 @@ const filterTemplatesByLanguage = (templates, language) => {
 };
 const header$9 = "_header_1jmjy_1";
 const icon$8 = "_icon_1jmjy_11";
-const styles$1$ = {
+const styles$21 = {
   header: header$9,
   icon: icon$8
 };
 const heading = "_heading_1fifa_1";
-const styles$1_ = {
+const styles$20 = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -56440,7 +56523,7 @@ const Heading = ({
   const Tag2 = level;
   return /* @__PURE__ */ jsx$1(Tag2, {
     id: id2,
-    className: classNames$2(styles$1_["heading"], styles$1_[`heading--${size}`]),
+    className: classNames$2(styles$20["heading"], styles$20[`heading--${size}`]),
     ...props,
     children
   });
@@ -56455,18 +56538,18 @@ const Header$6 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1$.header,
+    className: styles$21.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$1$.icon
+      className: styles$21.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$x = "_container_pc1hp_1";
-const styles$1Z = {
+const styles$1$ = {
   container: container$x
 };
 const Card$1 = ({
@@ -56478,12 +56561,12 @@ const Card$1 = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1Z.container, className, "mz-card"),
+      className: classNames$2(styles$1$.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$6, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1Z.content, classNameContent),
+        className: classNames$2(styles$1$.content, classNameContent),
         children
       })]
     })
@@ -56555,11 +56638,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$22.container, {
-      [styles$22.hide]: !open
+    className: classNames$2(styles$24.container, {
+      [styles$24.hide]: !open
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$22.toolbar,
+      className: styles$24.toolbar,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -56586,6 +56669,123 @@ const TemplatesModal = ({
     })]
   });
 };
+const Modal$1 = ({
+  open,
+  children,
+  onClose: onClose2,
+  title: title2,
+  width
+}) => {
+  return /* @__PURE__ */ jsx$1(Modal$2, {
+    className: "resbook-modal",
+    title: /* @__PURE__ */ jsxs(Fragment, {
+      children: [typeof title2 === "string" && /* @__PURE__ */ jsx$1(Heading, {
+        children: title2
+      }), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ jsx$1("div", {})]
+    }),
+    open,
+    onCancel: onClose2,
+    width: width || 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ jsx$1(Icon, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true,
+    zIndex: 1032,
+    children
+  });
+};
+const content$b = "_content_1dgv9_1";
+const text$1 = "_text_1dgv9_5";
+const replyBox = "_replyBox_1dgv9_9";
+const loading$3 = "_loading_1dgv9_18";
+const actions = "_actions_1dgv9_33";
+const styles$1_ = {
+  content: content$b,
+  text: text$1,
+  replyBox,
+  loading: loading$3,
+  actions
+};
+const AiReplyModal = ({
+  open,
+  replyText,
+  isLoading,
+  onClose: onClose2,
+  onGoToExternal,
+  externalButtonLabel,
+  onSuggestAnother
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => {
+    if (!replyText) return;
+    if (navigator && navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(replyText);
+    } else {
+      const textarea2 = document.createElement("textarea");
+      textarea2.value = replyText;
+      textarea2.style.position = "fixed";
+      textarea2.style.left = "-9999px";
+      document.body.appendChild(textarea2);
+      textarea2.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea2);
+    }
+    setCopied(true);
+  };
+  useEffect(() => {
+    if (!copied) return;
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 2e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsx$1(Modal$1, {
+    open,
+    onClose: onClose2,
+    title: t2("SUGGESTREPLY"),
+    width: 600,
+    children: /* @__PURE__ */ jsx$1("div", {
+      className: styles$1_.content,
+      children: isLoading ? /* @__PURE__ */ jsx$1("div", {
+        className: styles$1_.loading,
+        children: /* @__PURE__ */ jsx$1(Spinner$1, {})
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx$1("div", {
+          className: styles$1_.replyBox,
+          children: /* @__PURE__ */ jsx$1("p", {
+            className: styles$1_.text,
+            children: replyText
+          })
+        }), /* @__PURE__ */ jsxs("div", {
+          className: styles$1_.actions,
+          children: [/* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: "secondary",
+            icon: "robot",
+            onClick: onSuggestAnother,
+            children: t2("SUGGESTREPLY")
+          }), /* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: copied ? "success" : "secondary",
+            icon: copied ? "check" : "Copy",
+            onClick: handleCopy,
+            children: copied ? t2("Copied") : t2("Copy")
+          }), /* @__PURE__ */ jsx$1(Button$1, {
+            size: "small",
+            mode: "primary",
+            onClick: onGoToExternal,
+            children: externalButtonLabel
+          })]
+        })]
+      })
+    })
+  });
+};
 const DetailMobile = ({
   id: id2,
   reply: reply2,
@@ -56598,6 +56798,7 @@ const DetailMobile = ({
   locationName,
   locale: locale2,
   reviewUrl,
+  module: module2,
   meta,
   onReload,
   openForm,
@@ -56615,34 +56816,51 @@ const DetailMobile = ({
   const showReplyTemplates = ((_a2 = user == null ? void 0 : user.company) == null ? void 0 : _a2.replyTemplates) !== false;
   const [showTemplates, setShowTemplates] = useState(false);
   const [showTranslation, setShowTranslation] = useState(false);
+  const [template] = useContext(ContextTemplate);
+  const [showAiReplyModal, setShowAiReplyModal] = useState(false);
+  const personalisedReply = useMemo$1(() => {
+    if (!template) return "";
+    return template.replaceAll("@@business_name@@", locationName).replaceAll("@@client_fullt_name@@", reviewer2.name).replaceAll("@@client_full_name@@", reviewer2.name);
+  }, [template, locationName, reviewer2.name]);
+  const handleOpenAiReplyModal = () => {
+    setShowAiReplyModal(true);
+    onSuggestTemplate();
+  };
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$28.detail, {
-      [styles$28.hidden]: !openForm
+    className: classNames$2(styles$2a.detail, {
+      [styles$2a.hidden]: !openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
       onClick,
-      className: styles$28.back,
+      className: styles$2a.back,
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "close"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$28.statusbar,
+      className: styles$2a.statusbar,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$28.statusbar__icons,
+        className: styles$2a.statusbar__icons,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: reply2 ? "mailReplied" : "mailNotReplied"
         }), /* @__PURE__ */ jsx$1("img", {
           alt: platform2,
-          src: platformImages[platform2],
-          className: styles$28.platform
+          src: module2.logo || reviewer2.profilePhoto || platformImages[platform2] || "",
+          className: styles$2a.platform,
+          onError: (e) => {
+            const target = e.target;
+            const fallback = reviewer2.profilePhoto || platformImages[platform2] || "";
+            if (target.src !== fallback) {
+              target.src = fallback;
+            }
+          }
         })]
       }), /* @__PURE__ */ jsx$1("div", {
         children: createdAt
       })]
     }), /* @__PURE__ */ jsxs("strong", {
-      className: styles$28.reviewer,
+      className: styles$2a.reviewer,
       children: [reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ jsx$1(CountryFlag, {
         locale: locale2
       })]
@@ -56686,8 +56904,8 @@ const DetailMobile = ({
       }), showTranslation && /* @__PURE__ */ jsx$1(CommentTranslation, {
         commentId: id2
       })]
-    }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$28["container--reply"],
+    }), platform2 !== "tripadvisor" && platform2 !== "zomato" ? /* @__PURE__ */ jsx$1("div", {
+      className: styles$2a["container--reply"],
       children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -56703,7 +56921,7 @@ const DetailMobile = ({
         reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$28["container--reply"],
+      className: styles$2a["container--reply"],
       children: reply2 && /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       })
@@ -56711,7 +56929,7 @@ const DetailMobile = ({
       open: showTemplates,
       rating,
       onClose: closeModal
-    }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsxs(Fragment, {
+    }), platform2 !== "tripadvisor" && platform2 !== "zomato" ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx$1(Button$1, {
         isLoading: isSuggesting,
         onClick: () => onSuggestTemplate(),
@@ -56724,25 +56942,43 @@ const DetailMobile = ({
         onClick: openModal,
         children: t2("SHOWTEMPLATES")
       })]
-    }) : /* @__PURE__ */ jsx$1(Button$1, {
-      type: "submit",
-      size: "small",
-      mode: "primary",
-      children: t2("TRIPADVISORREPLY"),
-      onClick: () => window.open(reviewUrl ?? "tripadvisor.com")
+    }) : /* @__PURE__ */ jsxs(Fragment, {
+      children: [!reply2 && /* @__PURE__ */ jsx$1(Button$1, {
+        isLoading: isSuggesting,
+        onClick: handleOpenAiReplyModal,
+        style: {
+          marginBottom: 10
+        },
+        icon: "robot",
+        children: t2("SUGGESTREPLY")
+      }), /* @__PURE__ */ jsx$1(Button$1, {
+        type: "submit",
+        size: "small",
+        mode: "primary",
+        children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+        onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
+      }), /* @__PURE__ */ jsx$1(AiReplyModal, {
+        open: showAiReplyModal,
+        onClose: () => setShowAiReplyModal(false),
+        replyText: personalisedReply,
+        isLoading: isSuggesting,
+        onGoToExternal: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com")),
+        externalButtonLabel: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+        onSuggestAnother: onSuggestTemplate
+      })]
     })]
   });
 };
 const detail = "_detail_1nbuk_1";
 const reply = "_reply_1nbuk_10";
 const hide = "_hide_1nbuk_14";
-const styles$1Y = {
+const styles$1Z = {
   detail,
   reply,
   hide
 };
 const btn$1 = "_btn_1wg4v_1";
-const styles$1X = {
+const styles$1Y = {
   btn: btn$1,
   "btn--large": "_btn--large_1wg4v_16",
   "btn--small": "_btn--small_1wg4v_19",
@@ -56767,7 +57003,7 @@ const Button = React__default.forwardRef(({
   ...props
 }, ref = null) => {
   const componentProps = {
-    className: classNames$2(styles$1X["btn"], styles$1X[`btn--${mode}`], styles$1X[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1Y["btn"], styles$1Y[`btn--${mode}`], styles$1Y[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon$1, {
@@ -56818,10 +57054,20 @@ const DetailDesktop = ({
     t: t2
   } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
+  const [template] = useContext(ContextTemplate);
+  const [showAiReplyModal, setShowAiReplyModal] = useState(false);
+  const personalisedReply = useMemo$1(() => {
+    if (!template) return "";
+    return template.replaceAll("@@business_name@@", locationName).replaceAll("@@client_fullt_name@@", reviewer2.name).replaceAll("@@client_full_name@@", reviewer2.name);
+  }, [template, locationName, reviewer2.name]);
+  const handleOpenAiReplyModal = () => {
+    setShowAiReplyModal(true);
+    onSuggestTemplate();
+  };
   const shouldShowReply = reply2 && (platform2 !== "facebook" && platform2 !== "google" || platform2 === "facebook" && (!reply2.replyExternalId || reply2.replyExternalId === ""));
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1Y.detail, {
-      [styles$1Y.hide]: !openForm
+    className: classNames$2(styles$1Z.detail, {
+      [styles$1Z.hide]: !openForm
     }),
     children: [meta && /* @__PURE__ */ jsxs("div", {
       style: {
@@ -56861,8 +57107,8 @@ const DetailDesktop = ({
       }), showTranslation && /* @__PURE__ */ jsx$1(CommentTranslation, {
         commentId: id2
       })]
-    }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1Y.reply,
+    }), platform2 !== "tripadvisor" && platform2 !== "zomato" ? /* @__PURE__ */ jsx$1("div", {
+      className: styles$1Z.reply,
       children: shouldShowReply ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -56878,21 +57124,38 @@ const DetailDesktop = ({
         reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1Y.reply,
+      className: styles$1Z.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
-      }) : /* @__PURE__ */ jsx$1("div", {
-        style: {
-          display: "flex",
-          justifyContent: "flex-end"
-        },
-        children: /* @__PURE__ */ jsx$1(Button, {
-          type: "submit",
-          size: "small",
-          mode: "primary",
-          children: t2("TRIPADVISORREPLY"),
-          onClick: () => window.open(reviewUrl ?? "tripadvisor.com")
-        })
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsxs("div", {
+          style: {
+            display: "flex",
+            justifyContent: "flex-end",
+            gap: 8
+          },
+          children: [/* @__PURE__ */ jsx$1(Button, {
+            isLoading: isSuggesting,
+            size: "small",
+            icon: "robot",
+            children: t2("SUGGESTREPLY"),
+            onClick: handleOpenAiReplyModal
+          }), /* @__PURE__ */ jsx$1(Button, {
+            type: "submit",
+            size: "small",
+            mode: "primary",
+            children: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+            onClick: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com"))
+          })]
+        }), /* @__PURE__ */ jsx$1(AiReplyModal, {
+          open: showAiReplyModal,
+          onClose: () => setShowAiReplyModal(false),
+          replyText: personalisedReply,
+          isLoading: isSuggesting,
+          onGoToExternal: () => window.open(reviewUrl ?? (platform2 === "zomato" ? "zomato.com" : "tripadvisor.com")),
+          externalButtonLabel: platform2 === "zomato" ? t2("ZOMATOREPLY") : t2("TRIPADVISORREPLY"),
+          onSuggestAnother: onSuggestTemplate
+        })]
       })
     })]
   });
@@ -56908,7 +57171,7 @@ const image$1 = "_image_x6ey8_40";
 const imageMobile = "_imageMobile_x6ey8_46";
 const reviewer = "_reviewer_x6ey8_61";
 const location = "_location_x6ey8_66";
-const styles$1W = {
+const styles$1X = {
   container: container$w,
   light,
   active,
@@ -56941,6 +57204,7 @@ const Review = ({
   platform: platform2,
   createdAt,
   locationName,
+  venueListingId,
   locale: locale2,
   reviewUrl,
   module: module2,
@@ -56972,30 +57236,37 @@ const Review = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("article", {
-    className: classNames$2(styles$1W.container, {
-      [styles$1W.light]: light2,
-      [styles$1W.active]: openForm
+    className: classNames$2(styles$1X.container, {
+      [styles$1X.light]: light2,
+      [styles$1X.active]: openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1W.resume,
+      className: styles$1X.resume,
       onClick,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1W.resume__container,
+        className: styles$1X.resume__container,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1W.left,
+          className: styles$1X.left,
           children: [/* @__PURE__ */ jsx$1(Row, {
             children: /* @__PURE__ */ jsxs(Col, {
               xs: 24,
               sm: 0,
               children: [/* @__PURE__ */ jsx$1("span", {
-                className: styles$1W["icon--center"],
+                className: styles$1X["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
               }), /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
-                src: module2.logo || platformImages[platform2],
-                className: styles$1W.imageMobile
+                src: module2.logo || reviewer2.profilePhoto || platformImages[platform2] || "",
+                className: styles$1X.imageMobile,
+                onError: (e) => {
+                  const target = e.target;
+                  const fallback = reviewer2.profilePhoto || platformImages[platform2] || "";
+                  if (target.src !== fallback) {
+                    target.src = fallback;
+                  }
+                }
               })]
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -57003,7 +57274,7 @@ const Review = ({
               xs: 0,
               sm: 24,
               children: /* @__PURE__ */ jsx$1("span", {
-                className: styles$1W["icon--center"],
+                className: styles$1X["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
@@ -57015,8 +57286,15 @@ const Review = ({
               sm: 24,
               children: /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
-                src: module2.logo || platformImages[platform2],
-                className: styles$1W.image
+                src: module2.logo || reviewer2.profilePhoto || platformImages[platform2] || "",
+                className: styles$1X.image,
+                onError: (e) => {
+                  const target = e.target;
+                  const fallback = reviewer2.profilePhoto || platformImages[platform2] || "";
+                  if (target.src !== fallback) {
+                    target.src = fallback;
+                  }
+                }
               })
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -57040,7 +57318,7 @@ const Review = ({
               },
               children: [/* @__PURE__ */ jsx$1(Col, {
                 children: /* @__PURE__ */ jsx$1("strong", {
-                  className: styles$1W.reviewer,
+                  className: styles$1X.reviewer,
                   children: reviewer2.name
                 })
               }), /* @__PURE__ */ jsx$1(Col, {
@@ -57078,11 +57356,11 @@ const Review = ({
           })]
         }), multiVenue && /* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$1W.location,
+            className: styles$1X.location,
             children: locationName
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1W.right,
+          className: styles$1X.right,
           children: createdAt
         })]
       })
@@ -57096,8 +57374,10 @@ const Review = ({
       platform: platform2,
       createdAt,
       locationName,
+      venueListingId,
       locale: locale2,
       reviewUrl,
+      module: module2,
       meta,
       onReload,
       openForm,
@@ -57114,8 +57394,10 @@ const Review = ({
       platform: platform2,
       createdAt,
       locationName,
+      venueListingId,
       locale: locale2,
       reviewUrl,
+      module: module2,
       meta,
       onReload,
       openForm,
@@ -57128,7 +57410,7 @@ const Review = ({
 };
 const header$8 = "_header_190p9_1";
 const icon$7 = "_icon_190p9_10";
-const styles$1V = {
+const styles$1W = {
   header: header$8,
   icon: icon$7
 };
@@ -57142,18 +57424,18 @@ const Header$5 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1V.header,
+    className: styles$1W.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$1V.icon
+      className: styles$1W.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$v = "_container_pd6ji_1";
-const styles$1U = {
+const styles$1V = {
   container: container$v
 };
 const Card = ({
@@ -57165,43 +57447,43 @@ const Card = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1U.container, className, "mz-card"),
+      className: classNames$2(styles$1V.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$5, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1U.content, classNameContent),
+        className: classNames$2(styles$1V.content, classNameContent),
         children
       })]
     })
   });
 };
 const header$7 = "_header_1qr4z_1";
-const styles$1T = {
+const styles$1U = {
   header: header$7
 };
 const Header$4 = ({
   title: title2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1T.header,
+    className: styles$1U.header,
     children: /* @__PURE__ */ jsxs(Heading, {
       children: [" ", title2]
     })
   });
 };
 const container$u = "_container_1egcu_1";
-const styles$1S = {
+const styles$1T = {
   container: container$u
 };
 const Empty = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1S.container,
+    className: styles$1T.container,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
       icon: "fileSad",
-      className: styles$1S.icon,
+      className: styles$1T.icon,
       size: "xxl"
     }), /* @__PURE__ */ jsx$1("h2", {
       children
@@ -57211,7 +57493,7 @@ const Empty = ({
 const container$t = "_container_n6953_1";
 const content$a = "_content_n6953_6";
 const empty = "_empty_n6953_10";
-const styles$1R = {
+const styles$1S = {
   container: container$t,
   content: content$a,
   empty
@@ -57252,13 +57534,13 @@ const Reviews = ({
     }
   };
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1R.container,
-    classNameContent: styles$1R.content,
+    className: styles$1S.container,
+    classNameContent: styles$1S.content,
     header: /* @__PURE__ */ jsx$1(Header$4, {
       title: t2("REVIEWS")
     }),
     children: [isEmpty && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1R.empty,
+      className: styles$1S.empty,
       children: /* @__PURE__ */ jsx$1(Empty, {
         children: t2("youDontHaveReviewsYet")
       })
@@ -57310,7 +57592,7 @@ const collapse$1 = "_collapse_1tnkf_8";
 const collapse__header = "_collapse__header_1tnkf_15";
 const left$1 = "_left_1tnkf_23";
 const content$9 = "_content_1tnkf_28";
-const styles$1Q = {
+const styles$1R = {
   collapse: collapse$1,
   "collapse--light": "_collapse--light_1tnkf_12",
   collapse__header,
@@ -57332,14 +57614,14 @@ const Template = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1Q.collapse, {
-      [styles$1Q["collapse--light"]]: light2
+    className: classNames$2(styles$1R.collapse, {
+      [styles$1R["collapse--light"]]: light2
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1Q.collapse__header,
+      className: styles$1R.collapse__header,
       onClick: toggle,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1Q.left,
+        className: styles$1R.left,
         children: [/* @__PURE__ */ jsx$1(Icon$1, {
           icon: open ? "chevronDown" : "chevronRight"
         }), template.title, /* @__PURE__ */ jsx$1(CountryFlag, {
@@ -57350,7 +57632,7 @@ const Template = ({
         children: t2("USE")
       })]
     }), open && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1Q.content,
+      className: styles$1R.content,
       children: /* @__PURE__ */ jsx$1(TemplateContent, {
         children: template.reply
       })
@@ -57360,7 +57642,7 @@ const Template = ({
 const skeleton$3 = "_skeleton_1jxqg_12";
 const error$4 = "_error_1jxqg_16";
 const filters$1 = "_filters_1jxqg_20";
-const styles$1P = {
+const styles$1Q = {
   skeleton: skeleton$3,
   error: error$4,
   filters: filters$1,
@@ -59324,12 +59606,12 @@ function requireLodash() {
           }
           return isDrop ? baseSlice(array4, fromRight ? 0 : index2, fromRight ? index2 + 1 : length2) : baseSlice(array4, fromRight ? index2 + 1 : 0, fromRight ? length2 : index2);
         }
-        function baseWrapperValue(value2, actions) {
+        function baseWrapperValue(value2, actions2) {
           var result2 = value2;
           if (result2 instanceof LazyWrapper) {
             result2 = result2.value();
           }
-          return arrayReduce(actions, function(result3, action) {
+          return arrayReduce(actions2, function(result3, action) {
             return action.func.apply(action.thisArg, arrayPush2([result3], action.args));
           }, result2);
         }
@@ -62252,8 +62534,8 @@ function requireLodash() {
               object4.prototype[methodName] = function() {
                 var chainAll = this.__chain__;
                 if (chain2 || chainAll) {
-                  var result2 = object4(this.__wrapped__), actions = result2.__actions__ = copyArray2(this.__actions__);
-                  actions.push({ "func": func, "args": arguments, "thisArg": object4 });
+                  var result2 = object4(this.__wrapped__), actions2 = result2.__actions__ = copyArray2(this.__actions__);
+                  actions2.push({ "func": func, "args": arguments, "thisArg": object4 });
                   result2.__chain__ = chainAll;
                   return result2;
                 }
@@ -62878,36 +63160,9 @@ const getReplyTemplateLanguage = () => _23.find(replyLanguages, { "id": getLocal
 const isLocaleSupported = (locale2) => {
   return ["ar", "cs", "da", "de", "el", "en", "es", "et", "fi", "fr", "hi", "hr", "hu", "it", "ja", "ko", "nl", "pl", "pt", "ro", "ru", "sl", "sk", "th", "tr", "uk", "vi", "lt", "zh-CN", "zh-TW"].includes(locale2);
 };
-const Modal$1 = ({
-  open,
-  children,
-  onClose: onClose2,
-  title: title2,
-  width
-}) => {
-  return /* @__PURE__ */ jsx$1(Modal$2, {
-    className: "resbook-modal",
-    title: /* @__PURE__ */ jsxs(Fragment, {
-      children: [typeof title2 === "string" && /* @__PURE__ */ jsx$1(Heading, {
-        children: title2
-      }), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ jsx$1("div", {})]
-    }),
-    open,
-    onCancel: onClose2,
-    width: width || 1e3,
-    footer: null,
-    closeIcon: /* @__PURE__ */ jsx$1(Icon, {
-      icon: "close",
-      size: "small"
-    }),
-    centered: true,
-    zIndex: 1032,
-    children
-  });
-};
 const container$s = "_container_vuyk0_1";
 const fullWidth = "_fullWidth_vuyk0_6";
-const styles$1O = {
+const styles$1P = {
   container: container$s,
   fullWidth
 };
@@ -63029,7 +63284,7 @@ const Select = ({
     };
   }, [value2, translateLabels, t2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$1O.container} ${fullWidth2 ? styles$1O.fullWidth : ""}`,
+    className: `${styles$1P.container} ${fullWidth2 ? styles$1P.fullWidth : ""}`,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       htmlFor: id2,
       children: label2
@@ -63112,15 +63367,15 @@ const Templates = ({
       children: t2("REPLYTEMPLATES")
     }),
     children: [isLoading && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1P.skeleton,
+      className: styles$1Q.skeleton,
       children: /* @__PURE__ */ jsx$1(SkeletonPage$1, {})
     }), error3 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1P.error,
+      className: styles$1Q.error,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: error3
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1P.filters,
+      className: styles$1Q.filters,
       children: [/* @__PURE__ */ jsx$1(Select, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -63133,7 +63388,7 @@ const Templates = ({
         onChange: handleOnChangeLanguage
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1P["templates--container"],
+      className: styles$1Q["templates--container"],
       children: templates == null ? void 0 : templates.map((template, index2) => /* @__PURE__ */ jsx$1(Template, {
         template,
         light: index2 % 2 === 1,
@@ -63530,7 +63785,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,
@@ -63550,12 +63805,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",
@@ -63567,7 +63822,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"
@@ -63578,7 +63833,7 @@ const FiltersWrapper$1 = ({
 const inputWrapper = "_inputWrapper_c5acm_1";
 const input$4 = "_input_c5acm_1";
 const inputIcon = "_inputIcon_c5acm_89";
-const styles$1M = {
+const styles$1N = {
   inputWrapper,
   input: input$4,
   "input--r-md": "_input--r-md_c5acm_37",
@@ -63640,7 +63895,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1M["input"], styles$1M[`input--h-${heigth}`], styles$1M[`input--r-${radius}`], icon2 && styles$1M[`input--with-icon-${iconPosition}`], filled == true ? styles$1M[`input--filled`] : "", borderLess == true ? styles$1M[`input--borderless`] : "", rounded == true ? styles$1M[`input--rounded`] : "", error3 == true ? styles$1M[`input--error`] : "", lineThrough == true ? styles$1M[`input--line-through`] : ""),
+        className: classNames$2(styles$1N["input"], styles$1N[`input--h-${heigth}`], styles$1N[`input--r-${radius}`], icon2 && styles$1N[`input--with-icon-${iconPosition}`], filled == true ? styles$1N[`input--filled`] : "", borderLess == true ? styles$1N[`input--borderless`] : "", rounded == true ? styles$1N[`input--rounded`] : "", error3 == true ? styles$1N[`input--error`] : "", lineThrough == true ? styles$1N[`input--line-through`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -63651,7 +63906,7 @@ const Input$2 = React__default.forwardRef(({
         disabled: disabled2,
         ...props
       }), icon2 && /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1M["inputIcon"], styles$1M[`inputIcon--p-${iconPosition}`], className ? className : ""),
+        className: classNames$2(styles$1N["inputIcon"], styles$1N[`inputIcon--p-${iconPosition}`], className ? className : ""),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: icon2,
           size: iconSize
@@ -63661,7 +63916,7 @@ const Input$2 = React__default.forwardRef(({
   });
 });
 const datePicker$1 = "_datePicker_aezmq_1";
-const styles$1L = {
+const styles$1M = {
   datePicker: datePicker$1
 };
 function r(e) {
@@ -72867,7 +73122,7 @@ const left = "_left_10sq9_38";
 const datePickerShortcuts = "_datePickerShortcuts_10sq9_48";
 const singleMode = "_singleMode_10sq9_298";
 const rangeMode = "_rangeMode_10sq9_303";
-const styles$1K = {
+const styles$1L = {
   datePicker,
   inlinePicker,
   visible,
@@ -86467,12 +86722,12 @@ const DatePicker$1 = ({
       return null;
     }
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1K.datePickerShortcuts,
+      className: styles$1L.datePickerShortcuts,
       children: options2.shortcuts.map((shortcut, index2) => /* @__PURE__ */ jsx$1(Button$1, {
         type: "button",
         mode: "tertiary",
         size: "mini",
-        className: styles$1K.datePickerShortcutBtn,
+        className: styles$1L.datePickerShortcutBtn,
         onClick: () => {
           shortcut.onClick({
             setDateRange: (start, end) => {
@@ -86523,7 +86778,7 @@ const DatePicker$1 = ({
   }, [value2, format3, isRangeMode]);
   const selectedDate = isRangeMode ? startDate : singleDate;
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$1K.inlinePicker} ${show ? styles$1K.visible : ""} ${isRangeMode ? styles$1K.rangeMode : styles$1K.singleMode} ${styles$1K[pickerPosition]}`,
+    className: `${styles$1L.inlinePicker} ${show ? styles$1L.visible : ""} ${isRangeMode ? styles$1L.rangeMode : styles$1L.singleMode} ${styles$1L[pickerPosition]}`,
     children: [/* @__PURE__ */ jsx$1(DatePicker$2, {
       id: id2,
       ref: datePickerRef,
@@ -86591,7 +86846,7 @@ const InputDatePicker = (props) => {
     });
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1L.datePicker,
+    className: styles$1M.datePicker,
     ref: pickerContainerRef,
     children: [/* @__PURE__ */ jsx$1(CustomInput, {}), /* @__PURE__ */ jsx$1(DatePicker$1, {
       id: props.id,
@@ -86794,7 +87049,7 @@ const Header$3 = ({
 const content$8 = "_content_6vryc_2";
 const grid = "_grid_6vryc_8";
 const footer$8 = "_footer_6vryc_15";
-const styles$1J = {
+const styles$1K = {
   content: content$8,
   grid,
   footer: footer$8
@@ -86802,7 +87057,7 @@ const styles$1J = {
 const container$r = "_container_1xz3t_13";
 const item$7 = "_item_1xz3t_20";
 const itemfull = "_itemfull_1xz3t_26";
-const styles$1I = {
+const styles$1J = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$r,
   item: item$7,
@@ -86810,21 +87065,21 @@ const styles$1I = {
 };
 const SkeletonPage = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1I["animate-pulse"],
+    className: styles$1J["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1I.container,
+      className: styles$1J.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$1I.item
+        className: styles$1J.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1I.item
+        className: styles$1J.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1I.itemfull
+        className: styles$1J.itemfull
       })]
     })
   });
 };
 const container$q = "_container_1oqup_1";
-const styles$1H = {
+const styles$1I = {
   container: container$q
 };
 const LayoutPage$1 = ({
@@ -86834,12 +87089,12 @@ const LayoutPage$1 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1H.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1I.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$1H.content, contentClassName),
+      className: classNames$2(styles$1I.content, contentClassName),
       children
     })]
   });
@@ -86935,7 +87190,7 @@ const ReviewsPage = ({
     });
   }
   return /* @__PURE__ */ jsx$1(LayoutPage$2, {
-    contentClassName: styles$1J.content,
+    contentClassName: styles$1K.content,
     header: /* @__PURE__ */ jsx$1(Header$3, {
       onChangeFilter: setFilters,
       filters: filter2,
@@ -86952,7 +87207,7 @@ const ReviewsPage = ({
             value: [lang2],
             children: /* @__PURE__ */ jsxs("div", {
               children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
-                className: styles$1J.grid,
+                className: styles$1K.grid,
                 children: [/* @__PURE__ */ jsxs("div", {
                   children: [/* @__PURE__ */ jsx$1(Reviews, {
                     reviews: issues,
@@ -86962,7 +87217,7 @@ const ReviewsPage = ({
                     setShowTemplate: setShowReplyTemplates,
                     selectedReviewId: filter2.reviewId
                   }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
-                    className: styles$1J.footer,
+                    className: styles$1K.footer,
                     children: /* @__PURE__ */ jsx$1(Button$1, {
                       type: "button",
                       onClick: loadMore,
@@ -87975,7 +88230,7 @@ const container$p = "_container_1jgim_1";
 const button$6 = "_button_1jgim_14";
 const skeleton$2 = "_skeleton_1jgim_22";
 const item$6 = "_item_1jgim_33";
-const styles$1G = {
+const styles$1H = {
   container: container$p,
   button: button$6,
   "button-disable": "_button-disable_1jgim_17",
@@ -87998,11 +88253,11 @@ const Table$1 = ({
       width: "100%"
     },
     children: /* @__PURE__ */ jsxs(Card, {
-      classNameContent: classNames$2(styles$1G.container, classNameContent),
+      classNameContent: classNames$2(styles$1H.container, classNameContent),
       className: classNameConatiner,
       header: Header2,
       children: [/* @__PURE__ */ jsxs("table", {
-        className: classNames$2(styles$1G.table, className),
+        className: classNames$2(styles$1H.table, className),
         children: [/* @__PURE__ */ jsx$1("thead", {
           children: /* @__PURE__ */ jsx$1("tr", {
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
@@ -88032,12 +88287,12 @@ const LoadingBody$2 = ({
   rows = 5,
   items: items2 = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: styles$1G.skeleton,
+  className: styles$1H.skeleton,
   children: Object.keys(Array(rows).fill(1)).map((index2) => {
     return /* @__PURE__ */ jsx$1("tr", {
       children: Object.keys(Array(items2).fill(1)).map((id2) => /* @__PURE__ */ jsx$1("td", {
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$1G.item
+          className: styles$1H.item
         })
       }, `${index2}-${id2}`))
     }, index2);
@@ -88062,11 +88317,11 @@ const TablePagination$2 = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$1G.button, {
-    [styles$1G["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$1H.button, {
+    [styles$1H["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$1G.button, {
-    [styles$1G["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$1H.button, {
+    [styles$1H["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
@@ -89109,7 +89364,7 @@ const formatParams$4 = ({ limit = 10, page = 1 }) => {
   };
 };
 const container$o = "_container_aljvu_1";
-const styles$1F = {
+const styles$1G = {
   container: container$o
 };
 const roleOptions = [{
@@ -89125,7 +89380,7 @@ const FiltersBar = () => {
       title: "Filters"
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1F.container,
+      className: styles$1G.container,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         placeholder: "All roles",
         options: roleOptions,
@@ -89142,7 +89397,7 @@ const FiltersBar = () => {
 };
 const container$n = "_container_ntz7t_1";
 const table$2 = "_table_ntz7t_6";
-const styles$1E = {
+const styles$1F = {
   container: container$n,
   table: table$2
 };
@@ -89164,8 +89419,8 @@ const Users = () => {
       totalElements: (data2 == null ? void 0 : data2.total) || 0,
       data: (data2 == null ? void 0 : data2.data) || [],
       header: TableHeader,
-      className: styles$1E.table,
-      classNameConatiner: styles$1E.container
+      className: styles$1F.table,
+      classNameConatiner: styles$1F.container
     })]
   });
 };
@@ -91128,7 +91383,7 @@ var Form$7 = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 Form$7.displayName = "Form";
 const text = "_text_1f1l5_1";
-const styles$1D = {
+const styles$1E = {
   text
 };
 const FieldError = ({
@@ -91137,7 +91392,7 @@ const FieldError = ({
 }) => {
   if (touched && error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1D.text,
+      className: styles$1E.text,
       children: error3
     });
   }
@@ -91180,7 +91435,7 @@ const SelectField$1 = ({
   });
 };
 const input$3 = "_input_1xto5_1";
-const styles$1C = {
+const styles$1D = {
   input: input$3,
   "input--r-md": "_input--r-md_1xto5_23",
   "input--r-sm": "_input--r-sm_1xto5_26"
@@ -91225,7 +91480,7 @@ const Input$1 = ({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("input", {
-        className: classNames$2(styles$1C["input"], styles$1C[`input--h-${heigth}`], styles$1C[`input--r-${radius}`]),
+        className: classNames$2(styles$1D["input"], styles$1D[`input--h-${heigth}`], styles$1D[`input--r-${radius}`]),
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -91250,14 +91505,14 @@ const TextInputField$1 = (props) => {
   });
 };
 const layoutForm = "_layoutForm_2ktmv_1";
-const styles$1B = {
+const styles$1C = {
   layoutForm
 };
 const LayoutForm = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1B.layoutForm,
+    className: styles$1C.layoutForm,
     children
   });
 };
@@ -91462,7 +91717,7 @@ const formatData$h = (data2) => {
 const mainConatiner$3 = "_mainConatiner_1mt10_1";
 const container$m = "_container_1mt10_5";
 const item$5 = "_item_1mt10_23";
-const styles$1A = {
+const styles$1B = {
   mainConatiner: mainConatiner$3,
   container: container$m,
   item: item$5
@@ -91470,7 +91725,7 @@ const styles$1A = {
 const label$1 = "_label_4sekk_1";
 const label__switch$1 = "_label__switch_4sekk_8";
 const input$2 = "_input_4sekk_30";
-const styles$1z = {
+const styles$1A = {
   label: label$1,
   label__switch: label__switch$1,
   input: input$2
@@ -91494,7 +91749,7 @@ const Toggle$2 = ({
   }
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1z.input,
+      className: styles$1A.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -91502,9 +91757,9 @@ const Toggle$2 = ({
       checked
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1z.label,
+      className: styles$1A.label,
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: styles$1z.label__switch
+        className: styles$1A.label__switch
       }), label2]
     })]
   });
@@ -91524,7 +91779,7 @@ const ToggleField = (props) => {
   });
 };
 const item$4 = "_item_1hc7u_1";
-const styles$1y = {
+const styles$1z = {
   item: item$4
 };
 const Item$1 = ({
@@ -91534,7 +91789,7 @@ const Item$1 = ({
   isLoading
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1y.item,
+    className: styles$1z.item,
     children: [name2, isLoading ? /* @__PURE__ */ jsx$1(Spinner$1, {}) : /* @__PURE__ */ jsx$1(ToggleField, {
       id: id2,
       onChange: onChange2
@@ -91546,7 +91801,7 @@ const email2 = "_email_1vq15_8";
 const button$5 = "_button_1vq15_20";
 const plus$1 = "_plus_1vq15_33";
 const footer$7 = "_footer_1vq15_42";
-const styles$1x = {
+const styles$1y = {
   container: container$l,
   email: email2,
   button: button$5,
@@ -91565,7 +91820,7 @@ 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$1w = {
+const styles$1x = {
   mainConatiner: mainConatiner$2,
   header: header$6,
   content: content$7,
@@ -91590,20 +91845,20 @@ const EmailsCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card, {
-    className: styles$1w.sectionCard,
+    className: styles$1x.sectionCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1w.sectionCard,
+      className: styles$1x.sectionCard,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1w.cardHeader,
+        className: styles$1x.cardHeader,
         children: [/* @__PURE__ */ jsx$1("h2", {
-          className: styles$1w.cardTitle,
+          className: styles$1x.cardTitle,
           children: t2("EMAILS")
         }), /* @__PURE__ */ jsx$1("p", {
-          className: styles$1w.cardDesc,
+          className: styles$1x.cardDesc,
           children: t2("EMAILS_DESC")
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1w.cardBody,
+        className: styles$1x.cardBody,
         children: [(data2 == null ? void 0 : data2.emails) && data2.emails.length > 0 && /* @__PURE__ */ jsx$1("div", {
           style: {
             display: "flex",
@@ -91626,9 +91881,9 @@ const EmailsCard = ({
           }), t2("NOTDEFINED")]
         })]
       }), canEdit && /* @__PURE__ */ jsxs("div", {
-        className: styles$1w.cardFooter,
+        className: styles$1x.cardFooter,
         children: [/* @__PURE__ */ jsx$1(Divider$1, {}), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1w.cardFooterContent,
+          className: styles$1x.cardFooterContent,
           onClick: () => {
             setIsOpenDrawer(true);
           },
@@ -91646,7 +91901,7 @@ 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$1v = {
+const styles$1w = {
   drawer,
   "drawer--open": "_drawer--open_nrlje_14",
   drawer__overlay,
@@ -91666,36 +91921,36 @@ const Drawer = ({
   width = 500
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1v.drawer, isOpen ? styles$1v[`drawer--open`] : ""),
+    className: classNames$2(styles$1w.drawer, isOpen ? styles$1w[`drawer--open`] : ""),
     children: [isOpen && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1v.drawer__overlay,
+      className: styles$1w.drawer__overlay,
       onClick: onClose2
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1v.drawer__content,
+      className: styles$1w.drawer__content,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1v.drawer__header,
+        className: styles$1w.drawer__header,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1v.drawer__header__content,
+          className: styles$1w.drawer__header__content,
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: title2
           }), titleDesc && /* @__PURE__ */ jsx$1("p", {
-            className: styles$1v.drawer__header__content__desc,
+            className: styles$1w.drawer__header__content__desc,
             children: titleDesc
           })]
         }), /* @__PURE__ */ jsx$1("button", {
-          className: styles$1v.drawer__close,
+          className: styles$1w.drawer__close,
           onClick: onClose2,
           children: "×"
         })]
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1v.drawer__body,
+        className: styles$1w.drawer__body,
         children
       })]
     })]
   });
 };
 const infoText$1 = "_infoText_1m2uc_1";
-const styles$1u = {
+const styles$1v = {
   infoText: infoText$1
 };
 const TextInputField = ({
@@ -91735,7 +91990,7 @@ const TextInputField = ({
         error: error3 ? true : false,
         ...props
       }), infoText2 && /* @__PURE__ */ jsx$1("p", {
-        className: styles$1u.infoText,
+        className: styles$1v.infoText,
         children: t2(infoText2)
       }), error3 && /* @__PURE__ */ jsx$1(FieldError$1, {
         error: error3
@@ -91814,7 +92069,7 @@ const EmailEditDrawer = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsx$1("div", {
         children: fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1w.sectionFormRow,
+          className: styles$1x.sectionFormRow,
           style: {
             justifyContent: "flex-start"
           },
@@ -91875,7 +92130,7 @@ const index$d = ({
 }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1w.sectionManagement,
+    className: styles$1x.sectionManagement,
     children: [/* @__PURE__ */ jsx$1(EmailsCard, {
       isOpenDrawer,
       setIsOpenDrawer,
@@ -91893,7 +92148,7 @@ const index$d = ({
 const label = "_label_1ghpv_1";
 const label__switch = "_label__switch_1ghpv_8";
 const input$1 = "_input_1ghpv_34";
-const styles$1t = {
+const styles$1u = {
   label,
   label__switch,
   "label__switch--disabled": "_label__switch--disabled_1ghpv_18",
@@ -91921,7 +92176,7 @@ const Toggle$1 = ({
   };
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1t.input,
+      className: styles$1u.input,
       type: "checkbox",
       onChange: handleChange,
       id: id2,
@@ -91931,14 +92186,14 @@ const Toggle$1 = ({
       disabled: disabled2
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1t.label,
+      className: styles$1u.label,
       style: {
         display: "flex",
         flexDirection: labelPosition === "left" ? "row-reverse" : "row",
         fontWeight: boldLabel ? "bold" : "normal"
       },
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: classNames$2(styles$1t.label__switch, disabled2 ? styles$1t["label__switch--disabled"] : "")
+        className: classNames$2(styles$1u.label__switch, disabled2 ? styles$1u["label__switch--disabled"] : "")
       }), t2(label2 ?? "")]
     })]
   });
@@ -92018,18 +92273,18 @@ const ReservationsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1w.sectionCard,
+    className: styles$1x.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1w.cardHeader,
+      className: styles$1x.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1w.cardTitle,
+        className: styles$1x.cardTitle,
         children: t2("RESERVATIONS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1w.cardDesc,
+        className: styles$1x.cardDesc,
         children: t2("RESERVATIONS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1w.cardBody,
+      className: styles$1x.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -92090,7 +92345,7 @@ const index$c = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1w.sectionManagement,
+    className: styles$1x.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReservationsCard, {
       data: data2,
       reload,
@@ -92138,18 +92393,18 @@ const ReviewsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1w.sectionCard,
+    className: styles$1x.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1w.cardHeader,
+      className: styles$1x.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1w.cardTitle,
+        className: styles$1x.cardTitle,
         children: t2("REVIEWS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1w.cardDesc,
+        className: styles$1x.cardDesc,
         children: t2("REVIEWS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1w.cardBody,
+      className: styles$1x.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -92196,7 +92451,7 @@ const index$b = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1w.sectionManagement,
+    className: styles$1x.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsCard, {
       data: data2,
       reload,
@@ -92245,18 +92500,18 @@ const ReviewsReportCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1w.sectionCard,
+    className: styles$1x.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1w.cardHeader,
+      className: styles$1x.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1w.cardTitle,
+        className: styles$1x.cardTitle,
         children: t2("REVIEWSREPORT")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1w.cardDesc,
+        className: styles$1x.cardDesc,
         children: t2("REVIEWSREPORT_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1w.cardBody,
+      className: styles$1x.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -92317,7 +92572,7 @@ const index$a = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1w.sectionManagement,
+    className: styles$1x.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsReportCard, {
       data: data2,
       reload,
@@ -92351,14 +92606,14 @@ function Main$3({
     setCurrentVenue(venueId);
   }, [venueId]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1w.mainConatiner,
+    className: styles$1x.mainConatiner,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1w.header,
+      className: styles$1x.header,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("NOTIFICATIONS")
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1w.content,
+      className: styles$1x.content,
       children: [/* @__PURE__ */ jsx$1(index$d, {
         venueId: currentVenue,
         data: data2,
@@ -92464,9 +92719,9 @@ const EmailForm = ({
       onSubmit: handleSubmit(onSubmitForm),
       children: /* @__PURE__ */ jsxs("div", {
         children: [fields && fields.length > 0 ? fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1x.container,
+          className: styles$1y.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$1x.email,
+            className: styles$1y.email,
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
               id: `emails.${index2}`,
@@ -92476,19 +92731,19 @@ const EmailForm = ({
               radius: "sm"
             })
           }), index2 > 0 && /* @__PURE__ */ jsx$1("button", {
-            className: styles$1x.button,
+            className: styles$1y.button,
             type: "button",
             onClick: () => remove(index2),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1x.plus,
+              className: styles$1y.plus,
               children: "-"
             })
           }), /* @__PURE__ */ jsx$1("button", {
-            className: styles$1x.button,
+            className: styles$1y.button,
             type: "button",
             onClick: () => append2(""),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1x.plus,
+              className: styles$1y.plus,
               children: "+"
             })
           })]
@@ -92499,7 +92754,7 @@ const EmailForm = ({
           onClick: () => append2(""),
           children: t2("ADDANEMAIL")
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1x.footer,
+          className: styles$1y.footer,
           children: /* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "submit",
@@ -92529,7 +92784,7 @@ const formatData$g = (data2) => {
     autoReplyReviews: data2.autoReplyReviews ? "true" : "false"
   };
 };
-const styles$1s = {
+const styles$1t = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -92538,7 +92793,7 @@ const UIList$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$1s["ui-list"], styles$1s[`ui-list--${mode}`]),
+    className: classNames$2(styles$1t["ui-list"], styles$1t[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -92571,7 +92826,7 @@ const Modal2 = ({
   });
 };
 const input = "_input_1ufjp_1";
-const styles$1r = {
+const styles$1s = {
   input
 };
 const TextArea = React__default.forwardRef(({
@@ -92607,7 +92862,7 @@ const TextArea = React__default.forwardRef(({
         position: "relative"
       },
       children: [/* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1r.input,
+        className: styles$1s.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -92828,7 +93083,7 @@ const AiPromptCard = ({
               onChange: () => handleSubmit("autoReplyReviews", values)
             })
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$1A.item,
+            className: styles$1B.item,
             children: [/* @__PURE__ */ jsx$1("div", {
               children: /* @__PURE__ */ jsx$1(Icon, {
                 icon: "robot"
@@ -92905,7 +93160,7 @@ const Notifications = ({
     });
   }
   return /* @__PURE__ */ jsxs(LayoutPage$1, {
-    containerClassName: styles$1A.mainConatiner,
+    containerClassName: styles$1B.mainConatiner,
     children: [/* @__PURE__ */ jsx$1(Formik, {
       initialValues: data2,
       onSubmit: handleSubmit,
@@ -92913,7 +93168,7 @@ const Notifications = ({
       children: ({
         handleSubmit: handleSubmit2
       }) => /* @__PURE__ */ jsxs("div", {
-        className: styles$1A.container,
+        className: styles$1B.container,
         children: [/* @__PURE__ */ jsxs(Card$1, {
           header: {
             title: t2("REVIEWSREPORT")
@@ -92964,7 +93219,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$1A.item,
+              className: styles$1B.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "mail"
@@ -92972,7 +93227,7 @@ const Notifications = ({
               }), email3 || t2("NOTDEFINED")]
             }, index2);
           }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
-            className: styles$1A.item,
+            className: styles$1B.item,
             children: [/* @__PURE__ */ jsx$1("div", {
               children: /* @__PURE__ */ jsx$1(Icon, {
                 icon: "mail"
@@ -93164,7 +93419,7 @@ function App$1() {
 const filterButton = "_filterButton_l1kwj_1";
 const buttonClose = "_buttonClose_l1kwj_20";
 const toolbar$1 = "_toolbar_l1kwj_36";
-const styles$1q = {
+const styles$1r = {
   filterButton,
   buttonClose,
   toolbar: toolbar$1,
@@ -93181,12 +93436,12 @@ const FiltersWrapper = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$1q.toolbar, {
-        [styles$1q["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$1r.toolbar, {
+        [styles$1r["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1q.buttonClose, {
-          [styles$1q.hide]: !showFilters
+        className: classNames$2(styles$1r.buttonClose, {
+          [styles$1r.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon$1, {
           icon: "close",
@@ -93198,7 +93453,7 @@ const FiltersWrapper = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$1q.filterButton,
+      className: styles$1r.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "descriptionShort",
         size: "small"
@@ -93530,7 +93785,7 @@ const icon$6 = "_icon_wt0av_1";
 const green$1 = "_green_wt0av_10";
 const blue$1 = "_blue_wt0av_15";
 const red$1 = "_red_wt0av_20";
-const styles$1p = {
+const styles$1q = {
   icon: icon$6,
   green: green$1,
   blue: blue$1,
@@ -93541,7 +93796,7 @@ const CircleIcon$1 = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1p.icon, styles$1p[color2]),
+    className: classNames$2(styles$1q.icon, styles$1q[color2]),
     children: /* @__PURE__ */ jsx$1(Icon2, {
       size: 20
     })
@@ -116807,7 +117062,7 @@ const container$k = "_container_6pm34_1";
 const content$6 = "_content_6pm34_7";
 const item$3 = "_item_6pm34_13";
 const compare = "_compare_6pm34_19";
-const styles$1o = {
+const styles$1p = {
   container: container$k,
   content: content$6,
   item: item$3,
@@ -116825,11 +117080,11 @@ const AverageScoreCard = ({
     header: {
       title: t2("AVERAGESCORE")
     },
-    className: styles$1o.container,
-    classNameContent: styles$1o.content,
+    className: styles$1p.container,
+    classNameContent: styles$1p.content,
     children: [/* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1o.item,
+        className: styles$1p.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: inPeriod.chart,
           avg: inPeriod.avg
@@ -116838,7 +117093,7 @@ const AverageScoreCard = ({
           data: inPeriod.chart
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1o.item,
+        className: styles$1p.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: compare2.chart,
           avg: compare2.avg
@@ -116848,7 +117103,7 @@ const AverageScoreCard = ({
         })]
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1o.compare,
+      className: styles$1p.compare,
       children: /* @__PURE__ */ jsx$1("small", {
         children: t2("COMPARED_PERIOD", {
           date: comparedPeriod
@@ -116907,7 +117162,7 @@ const comparison$1 = "_comparison_18cx4_20";
 const container$j = "_container_18cx4_25";
 const content$5 = "_content_18cx4_29";
 const title$2 = "_title_18cx4_33";
-const styles$1n = {
+const styles$1o = {
   success: success$1,
   danger: danger$1,
   header: header$5,
@@ -116919,18 +117174,18 @@ const styles$1n = {
 };
 const container$i = "_container_1vji6_13";
 const itemStatCard$1 = "_itemStatCard_1vji6_32";
-const styles$1m = {
+const styles$1n = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$i,
   itemStatCard: itemStatCard$1
 };
 const SkeletonStatCard$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1m["animate-pulse"],
+    className: styles$1n["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$1m.container,
+      className: styles$1n.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$1m.itemStatCard
+        className: styles$1n.itemStatCard
       })
     })
   });
@@ -116947,10 +117202,10 @@ const StatsCard$1 = ({
 }) => {
   const arrow2 = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$1n.success
+    className: styles$1o.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$1n.danger
+    className: styles$1o.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -116967,12 +117222,12 @@ const StatsCard$1 = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$1n.value,
+        className: styles$1o.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$1n.value,
+      className: styles$1o.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -116984,19 +117239,19 @@ const StatsCard$1 = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$1n.header,
+      className: styles$1o.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$1n.title,
+        className: styles$1o.title,
         children: title2
       })]
     }),
-    className: styles$1n.container,
-    classNameContent: styles$1n.content,
+    className: styles$1o.container,
+    classNameContent: styles$1o.content,
     children: !loading2 ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$1n.comparison, {
-          [styles$1n.success]: comparison2 > 0,
-          [styles$1n.danger]: comparison2 < 0
+        className: classNames$2(styles$1o.comparison, {
+          [styles$1o.success]: comparison2 > 0,
+          [styles$1o.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow2 : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -117261,7 +117516,7 @@ const content$4 = "_content_15v81_42";
 const errorContainer = "_errorContainer_15v81_49";
 const venueSelectorContainer = "_venueSelectorContainer_15v81_54";
 const venueSelector$1 = "_venueSelector_15v81_54";
-const styles$1l = {
+const styles$1m = {
   listingAnalyticsContainer,
   h3,
   center,
@@ -117551,7 +117806,7 @@ const SelectVenue = ({
 };
 const param = "_param_su98a_1";
 const title$1 = "_title_su98a_6";
-const styles$1k = {
+const styles$1l = {
   param,
   title: title$1
 };
@@ -117561,9 +117816,9 @@ const Param = ({
   tooltip: tooltip2,
   loadingValue = false
 }) => /* @__PURE__ */ jsxs("div", {
-  className: styles$1k.param,
+  className: styles$1l.param,
   children: [/* @__PURE__ */ jsx$1("span", {
-    className: styles$1k.title,
+    className: styles$1l.title,
     children: tooltip2 ? /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
       children: title2
@@ -117633,11 +117888,11 @@ const Analytics$2 = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1l.listingAnalyticsContainer,
+    className: styles$1m.listingAnalyticsContainer,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1l.venueSelectorContainer,
+      className: styles$1m.venueSelectorContainer,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$1l.venueSelector,
+        className: styles$1m.venueSelector,
         children: /* @__PURE__ */ jsx$1(SelectVenue, {
           onChange: handleChangeVenue,
           selectedVenue: listingId,
@@ -117646,18 +117901,18 @@ const Analytics$2 = ({
       })
     }), isLoading && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1l.center,
+        className: styles$1m.center,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: "Spinner",
           size: "xl"
         }), /* @__PURE__ */ jsx$1("h3", {
-          className: styles$1l.h3,
+          className: styles$1m.h3,
           children: t2("loadingAnalytics")
         })]
       })
     }), !isLoading && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1l.errorContainer,
+        className: styles$1m.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("You don't have a connected Google Account")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -117666,7 +117921,7 @@ const Analytics$2 = ({
       })
     }), !isLoading && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1l.errorContainer,
+        className: styles$1m.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("Your Google Business Profile is not Verified")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -117679,7 +117934,7 @@ const Analytics$2 = ({
         value: filter2
       }),
       children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && formattedStats && /* @__PURE__ */ jsxs("div", {
-        className: styles$1l.content,
+        className: styles$1m.content,
         children: [/* @__PURE__ */ jsxs(Row, {
           gutter: [16, 28],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -117788,7 +118043,7 @@ const comparison = "_comparison_18cx4_20";
 const container$h = "_container_18cx4_25";
 const content$3 = "_content_18cx4_29";
 const title = "_title_18cx4_33";
-const styles$1j = {
+const styles$1k = {
   success,
   danger,
   header: header$4,
@@ -117801,7 +118056,7 @@ const styles$1j = {
 const container$g = "_container_1vji6_13";
 const itemStatCard = "_itemStatCard_1vji6_32";
 const itemDiv = "_itemDiv_1vji6_39";
-const styles$1i = {
+const styles$1j = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$g,
   itemStatCard,
@@ -117809,28 +118064,28 @@ const styles$1i = {
 };
 const SkeletonStatCard = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1i["animate-pulse"],
+    className: styles$1j["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$1i.container,
+      className: styles$1j.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$1i.itemStatCard
+        className: styles$1j.itemStatCard
       })
     })
   });
 };
 const SkeletonDiv = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1i["animate-pulse"],
+    className: styles$1j["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$1i.container,
+      className: styles$1j.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$1i.itemDiv
+        className: styles$1j.itemDiv
       })
     })
   });
 };
 const spinner = "_spinner_mmhvn_1";
-const styles$1h = {
+const styles$1i = {
   spinner
 };
 const Spinner = ({
@@ -117844,7 +118099,7 @@ const Spinner = ({
     borderTop: `${size / 10}px solid transparent`
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1h.spinner,
+    className: styles$1i.spinner,
     style: spinnerStyle
   });
 };
@@ -117860,10 +118115,10 @@ const StatsCard = ({
 }) => {
   const arrow2 = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$1j.success
+    className: styles$1k.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$1j.danger
+    className: styles$1k.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -117879,12 +118134,12 @@ const StatsCard = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$1j.value,
+        className: styles$1k.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$1j.value,
+      className: styles$1k.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -117896,19 +118151,19 @@ const StatsCard = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$1j.header,
+      className: styles$1k.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$1j.title,
+        className: styles$1k.title,
         children: title2
       })]
     }),
-    className: styles$1j.container,
-    classNameContent: styles$1j.content,
+    className: styles$1k.container,
+    classNameContent: styles$1k.content,
     children: !loading2 ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$1j.comparison, {
-          [styles$1j.success]: comparison2 > 0,
-          [styles$1j.danger]: comparison2 < 0
+        className: classNames$2(styles$1k.comparison, {
+          [styles$1k.success]: comparison2 > 0,
+          [styles$1k.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow2 : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -117923,7 +118178,7 @@ const StatsCard = ({
     }) : /* @__PURE__ */ jsx$1(SkeletonStatCard, {})
   });
 };
-const styles$1g = {
+const styles$1h = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -117932,7 +118187,7 @@ const UIList = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$1g["ui-list"], styles$1g[`ui-list--${mode}`]),
+    className: classNames$2(styles$1h["ui-list"], styles$1h[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -117967,7 +118222,7 @@ const icon$5 = "_icon_wt0av_1";
 const green = "_green_wt0av_10";
 const blue = "_blue_wt0av_15";
 const red = "_red_wt0av_20";
-const styles$1f = {
+const styles$1g = {
   icon: icon$5,
   green,
   blue,
@@ -117978,7 +118233,7 @@ const CircleIcon = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1f.icon, styles$1f[color2]),
+    className: classNames$2(styles$1g.icon, styles$1g[color2]),
     children: /* @__PURE__ */ jsx$1(Icon, {
       size: "medium",
       icon: name2
@@ -118424,18 +118679,18 @@ const Analytics$1 = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [isLoadingListingAnalytics && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$1l.center,
+          className: styles$1m.center,
           children: [/* @__PURE__ */ jsx$1(Icon, {
             icon: "Spinner",
             size: "xl"
           }), /* @__PURE__ */ jsx$1("h3", {
-            className: styles$1l.h3,
+            className: styles$1m.h3,
             children: t2("loadingAnalytics")
           })]
         })
       }), !isLoadingListingAnalytics && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$1l.errorContainer,
+          className: styles$1m.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("You don't have a connected Google Account")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -118444,7 +118699,7 @@ const Analytics$1 = ({
         })
       }), !isLoadingListingAnalytics && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$1l.errorContainer,
+          className: styles$1m.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("Your Google Business Profile is not Verified")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -118870,7 +119125,7 @@ const getTooltipContentSourceName = (rule) => {
   });
 };
 const icon$4 = "_icon_14ksh_1";
-const styles$1e = {
+const styles$1f = {
   icon: icon$4
 };
 const EditIconWithRule = ({
@@ -118884,7 +119139,7 @@ const EditIconWithRule = ({
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "lock",
         "data-tip": getTooltipContentSourceName(rule),
-        className: styles$1e.icon
+        className: styles$1f.icon
       }), /* @__PURE__ */ jsx$1(ReactTooltip, {
         place: "right",
         type: "dark",
@@ -118896,12 +119151,12 @@ const EditIconWithRule = ({
   return /* @__PURE__ */ jsx$1(Icon, {
     icon: "edit",
     onClick,
-    className: styles$1e.icon
+    className: styles$1f.icon
   });
 };
 const item$2 = "_item_1pd7z_1";
 const icon$3 = "_icon_1pd7z_7";
-const styles$1d = {
+const styles$1e = {
   item: item$2,
   icon: icon$3
 };
@@ -118914,10 +119169,10 @@ const Item = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1d.item,
+    className: styles$1e.item,
     children: [icon2 && /* @__PURE__ */ jsx$1("div", {
       children: /* @__PURE__ */ jsx$1(Icon, {
-        className: styles$1d.icon,
+        className: styles$1e.icon,
         icon: icon2
       })
     }), label2 && /* @__PURE__ */ jsx$1("div", {
@@ -119090,7 +119345,7 @@ const GetListingCategories = async () => {
 };
 const container$f = "_container_d8rq4_1";
 const footer$6 = "_footer_d8rq4_5";
-const styles$1c = {
+const styles$1d = {
   container: container$f,
   footer: footer$6
 };
@@ -119272,7 +119527,7 @@ const Form$6 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$1c.container,
+        className: styles$1d.container,
         children: /* @__PURE__ */ jsxs(Row, {
           gutter: [16, 16],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -119343,7 +119598,7 @@ const Form$6 = ({
           })]
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1c.footer,
+        className: styles$1d.footer,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "reset",
@@ -120384,9 +120639,9 @@ function requireFacebookLoginRenderProps() {
 }
 var facebookLoginRenderPropsExports = requireFacebookLoginRenderProps();
 const FacebookLogin = /* @__PURE__ */ getDefaultExportFromCjs(facebookLoginRenderPropsExports);
-const connectedText$3 = "_connectedText_1nbx5_1";
-const styles$1b = {
-  connectedText: connectedText$3
+const connectedText$4 = "_connectedText_1nbx5_1";
+const styles$1c = {
+  connectedText: connectedText$4
 };
 const FbButton$1 = ({
   onSuccess,
@@ -120424,7 +120679,7 @@ const FbButton$1 = ({
       mode: "tertiary",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$1b.connectedText,
+        className: styles$1c.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -120441,7 +120696,7 @@ const FbButton$1 = ({
       onClick: () => setTimeout(renderProps.onClick, 100),
       disabled: renderProps.isDisabled,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$1b.connectedText,
+        className: styles$1c.connectedText,
         children: t2("CONNECT")
       })
     })
@@ -126546,9 +126801,9 @@ const GoogleAuthCallback = async ({
   validateResponse(data2);
   return { data: data2 };
 };
-const connectedText$2 = "_connectedText_1nbx5_1";
-const styles$1a = {
-  connectedText: connectedText$2
+const connectedText$3 = "_connectedText_1nbx5_1";
+const styles$1b = {
+  connectedText: connectedText$3
 };
 const GoogleButton$1 = ({
   onSuccess,
@@ -126593,7 +126848,7 @@ const GoogleButton$1 = ({
       type: "button",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$1a.connectedText,
+        className: styles$1b.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -126606,7 +126861,7 @@ const GoogleButton$1 = ({
     onClick: () => login(),
     isLoading: isExecuting,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$1a.connectedText,
+      className: styles$1b.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -126619,9 +126874,9 @@ const GoogleButtonContainer$1 = (props) => {
     })
   });
 };
-const connectedText$1 = "_connectedText_1nbx5_1";
-const styles$19 = {
-  connectedText: connectedText$1
+const connectedText$2 = "_connectedText_1nbx5_1";
+const styles$1a = {
+  connectedText: connectedText$2
 };
 const BingButton$1 = ({
   venueId,
@@ -126647,7 +126902,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: handleDisconnect,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$19.connectedText,
+          className: styles$1a.connectedText,
           children: t2("SYNCKED")
         })
       });
@@ -126659,7 +126914,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: onBingVerify,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$19.connectedText,
+          className: styles$1a.connectedText,
           children: t2("VERIFY")
         })
       });
@@ -126672,7 +126927,7 @@ const BingButton$1 = ({
     icon: "Bing",
     onClick: onBingConnect,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$19.connectedText,
+      className: styles$1a.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -126704,6 +126959,10 @@ const useConnect = ({ venueId }) => {
     "Tripadvisor"
     /* Tripadvisor */
   );
+  const ZomatoConnected = activeModules.includes(
+    "Zomato"
+    /* Zomato */
+  );
   return {
     isLoading,
     data: data2,
@@ -126712,22 +126971,23 @@ const useConnect = ({ venueId }) => {
     BingConnected,
     AppleConnected,
     TripadvisorConnected,
-    reload
+    reload,
+    ZomatoConnected
   };
 };
 const toolbar = "_toolbar_1e45v_1";
 const buttonGroup = "_buttonGroup_1e45v_9";
 const venueSelector = "_venueSelector_1e45v_15";
 const lastUpdate = "_lastUpdate_1e45v_26";
-const styles$18 = {
+const styles$19 = {
   toolbar,
   buttonGroup,
   venueSelector,
   lastUpdate
 };
-const connectedText = "_connectedText_1nbx5_1";
-const styles$17 = {
-  connectedText
+const connectedText$1 = "_connectedText_1nbx5_1";
+const styles$18 = {
+  connectedText: connectedText$1
 };
 const TripadvisorButton = ({
   venueId,
@@ -126750,7 +127010,7 @@ const TripadvisorButton = ({
       type: "button",
       onClick: handleDisconnect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$17.connectedText,
+        className: styles$18.connectedText,
         children: t2("SYNCKED")
       })
     });
@@ -126761,6 +127021,48 @@ const TripadvisorButton = ({
     mode: "tertiary",
     type: "button",
     onClick: onTripadvisorConnect,
+    children: /* @__PURE__ */ jsx$1("span", {
+      className: styles$18.connectedText,
+      children: t2("CONNECT")
+    })
+  });
+};
+const connectedText = "_connectedText_1nbx5_1";
+const styles$17 = {
+  connectedText
+};
+const ZomatoButton = ({
+  venueId,
+  isConnected,
+  onZomatoConnect,
+  onDisconnect,
+  onConnect
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const handleDisconnect = async () => {
+    onDisconnect("Zomato");
+  };
+  if (isConnected) {
+    return /* @__PURE__ */ jsx$1(Button$1, {
+      icon: "Zomato",
+      size: "default",
+      mode: "tertiary",
+      type: "button",
+      onClick: handleDisconnect,
+      children: /* @__PURE__ */ jsx$1("span", {
+        className: styles$17.connectedText,
+        children: t2("SYNCKED")
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx$1(Button$1, {
+    icon: "Zomato",
+    size: "default",
+    mode: "tertiary",
+    type: "button",
+    onClick: onZomatoConnect,
     children: /* @__PURE__ */ jsx$1("span", {
       className: styles$17.connectedText,
       children: t2("CONNECT")
@@ -126780,6 +127082,7 @@ const FormToolBar = ({
   onBingVerify,
   onBingConnect,
   onTripadvisorConnect,
+  onZomatoConnect,
   googlePublishing,
   facebookPublishing
 }) => {
@@ -126794,6 +127097,7 @@ const FormToolBar = ({
     BingConnected,
     AppleConnected,
     TripadvisorConnected,
+    ZomatoConnected,
     reload,
     isLoading: loadingConnections
   } = useConnect({
@@ -126815,9 +127119,9 @@ const FormToolBar = ({
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsx$1(HeaderBar, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$18.toolbar,
+        className: styles$19.toolbar,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$18.buttonGroup,
+          className: styles$19.buttonGroup,
           children: [(GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs(Fragment, {
             children: [/* @__PURE__ */ jsx$1(GoogleButtonContainer$1, {
               onSuccess: setGoogleResponse,
@@ -126840,6 +127144,13 @@ const FormToolBar = ({
               onTripadvisorConnect,
               onDisconnect,
               onConnect
+            }), /* @__PURE__ */ jsx$1(ZomatoButton, {
+              venueId,
+              isConnected: ZomatoConnected,
+              reload: reloadConnect,
+              onZomatoConnect,
+              onDisconnect,
+              onConnect
             }), /* @__PURE__ */ jsx$1(BingButton$1, {
               venueId,
               bingVerificationCode: data2.bingVerificationCode,
@@ -126857,7 +127168,7 @@ const FormToolBar = ({
             type: "button",
             children: t2("CONNECT")
           }), (GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs("div", {
-            className: styles$18.lastUpdate,
+            className: styles$19.lastUpdate,
             children: [/* @__PURE__ */ jsxs("div", {
               style: {
                 fontWeight: "bolder"
@@ -126868,11 +127179,11 @@ const FormToolBar = ({
             })]
           })]
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$18.buttonGroup,
+          className: styles$19.buttonGroup,
           children: !singleVenue2 && /* @__PURE__ */ jsx$1("div", {
-            className: styles$18.buttonGroup,
+            className: styles$19.buttonGroup,
             children: /* @__PURE__ */ jsx$1("div", {
-              className: styles$18.venueSelector,
+              className: styles$19.venueSelector,
               children: /* @__PURE__ */ jsx$1(SelectVenue, {
                 onChange: handleChangeVenue,
                 selectedVenue: venueId,
@@ -148333,6 +148644,76 @@ const ModalTripadvisorConnect = ({
     })
   });
 };
+const ModalZomatoConnect = ({
+  open,
+  onClose: onClose2,
+  initialValues,
+  reload,
+  venueListingId,
+  onConnect,
+  setZomatoProfileUrl
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const {
+    isExecuting,
+    execute
+  } = useService(UpdateVenueListing, {
+    onSuccess: async () => {
+      onConnect("Zomato");
+      await reload();
+      onClose2();
+    }
+  });
+  const handleSubmit = (data2) => {
+    setZomatoProfileUrl(data2.profileUrl);
+    execute({
+      venueListingId,
+      data: data2
+    });
+  };
+  return /* @__PURE__ */ jsx$1(Modal2, {
+    open,
+    onClose: onClose2,
+    title: t2("Zomato profile url"),
+    width: 600,
+    children: /* @__PURE__ */ jsx$1(Formik, {
+      initialValues,
+      onSubmit: handleSubmit,
+      children: /* @__PURE__ */ jsxs(Form$7, {
+        children: [/* @__PURE__ */ jsx$1("div", {
+          children: /* @__PURE__ */ jsx$1("p", {
+            children: t2("Please, enter below the profile url of your zomato.")
+          })
+        }), /* @__PURE__ */ jsx$1("div", {
+          style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(1,1fr)",
+            gap: "1rem"
+          },
+          children: /* @__PURE__ */ jsx$1(TextInputField$1, {
+            id: "profileUrl",
+            label: t2("PROFILEURL")
+          })
+        }), /* @__PURE__ */ jsx$1("div", {
+          style: {
+            display: "flex",
+            justifyContent: "flex-end",
+            alignItems: "center",
+            marginTop: "1rem"
+          },
+          children: /* @__PURE__ */ jsx$1(Button, {
+            size: "small",
+            type: "submit",
+            isLoading: isExecuting,
+            children: t2("SAVE")
+          })
+        })]
+      })
+    })
+  });
+};
 const VenueListingDetail = ({
   venueListingId,
   singleVenue: singleVenue2 = false
@@ -148348,6 +148729,8 @@ const VenueListingDetail = ({
   const [openBingConnectModal, setOpenBingConnectModal] = useState(false);
   const [openTripadvisorConnectModal, setOpenTripadvisorConnectModal] = useState(false);
   const [tripadvisorProfileUrl, setTripadvisorProfileUrl] = useState(null);
+  const [openZomatoConnectModal, setOpenZomatoConnectModal] = useState(false);
+  const [zomatoProfileUrl, setZomatoProfileUrl] = useState(null);
   const clearModuleToDisconnect = () => setModuleToDisconnect(void 0);
   const clearModuleToConnect = () => setModuleToConnect(void 0);
   const [showAppleConnectModal, setShowAppleConnectModal] = useState(false);
@@ -148427,7 +148810,7 @@ const VenueListingDetail = ({
     void executeModuleConnect({
       venueId,
       module: moduleToConnect,
-      profileUrl: tripadvisorProfileUrl
+      profileUrl: tripadvisorProfileUrl || zomatoProfileUrl || void 0
     });
   };
   const [temporaryClosed, setTemporaylosed] = useState();
@@ -148526,6 +148909,7 @@ const VenueListingDetail = ({
       onBingVerify: () => setOpenBingModal(true),
       onBingConnect: () => setOpenBingConnectModal(true),
       onTripadvisorConnect: () => setOpenTripadvisorConnectModal(true),
+      onZomatoConnect: () => setOpenZomatoConnectModal(true),
       googlePublishing,
       facebookPublishing
     }),
@@ -148649,6 +149033,14 @@ const VenueListingDetail = ({
       reload,
       onConnect: setModuleToConnect,
       setTripadvisorProfileUrl
+    }), /* @__PURE__ */ jsx$1(ModalZomatoConnect, {
+      onClose: () => setOpenZomatoConnectModal(false),
+      open: Boolean(openZomatoConnectModal),
+      initialValues: data2,
+      venueListingId,
+      reload,
+      onConnect: setModuleToConnect,
+      setZomatoProfileUrl
     }), /* @__PURE__ */ jsx$1(FbStepsToConnect, {
       venueId,
       onSucess: reloadConnect,
@@ -148671,11 +149063,13 @@ const actionstoDisconnect = {
   Google: t("AREYOUSUREDISCONNECTFROMGOOGLE"),
   Facebook: t("AREYOUSUREDISCONNECTFROMFACEBOOK"),
   Bing: t("AREYOUSUREDISCONNECTFROMBING"),
-  Tripadvisor: t("AREYOUSUREDISCONNECTFROMTRIPADVISOR")
+  Tripadvisor: t("AREYOUSUREDISCONNECTFROMTRIPADVISOR"),
+  Zomato: t("AREYOUSUREDISCONNECTFROMZOMATO")
 };
 const actionstoConnect = {
   BingConnect: t("AREYOUSURECONNECTTOBING"),
-  TripAdvisorConnect: t("AREYOUSURECONNECTTOTRIPADVISOR")
+  TripAdvisorConnect: t("AREYOUSURECONNECTTOTRIPADVISOR"),
+  ZomatoConnect: t("AREYOUSURECONNECTTOZOMATO")
 };
 const getAction = (module2 = "") => {
   return actionstoDisconnect[module2] || actionstoConnect[module2] || "";
@@ -151803,55 +152197,55 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainWrapper = "_mainWrapper_fujtq_2";
-const mainConatiner$1 = "_mainConatiner_fujtq_9";
-const mainTableContainer = "_mainTableContainer_fujtq_20";
-const mainSidebarContainer = "_mainSidebarContainer_fujtq_28";
-const sidebarContent = "_sidebarContent_fujtq_36";
-const sidebarHeader = "_sidebarHeader_fujtq_41";
-const sidebarMainContent = "_sidebarMainContent_fujtq_46";
-const sidebarFooter = "_sidebarFooter_fujtq_54";
-const headerReferece = "_headerReferece_fujtq_59";
-const sidebarCloseIcon = "_sidebarCloseIcon_fujtq_62";
-const headerContainer = "_headerContainer_fujtq_125";
-const searchContainer = "_searchContainer_fujtq_131";
-const buttonList = "_buttonList_fujtq_142";
-const buttonItem = "_buttonItem_fujtq_147";
-const addReservationButton = "_addReservationButton_fujtq_156";
-const hideCancellationsContainer = "_hideCancellationsContainer_fujtq_165";
-const customerVisitContainer = "_customerVisitContainer_fujtq_173";
-const multipleVisits = "_multipleVisits_fujtq_184";
-const singleVisit = "_singleVisit_fujtq_187";
-const loading$2 = "_loading_fujtq_190";
-const tableTopHeader = "_tableTopHeader_fujtq_201";
-const tableTopHeaderContent = "_tableTopHeaderContent_fujtq_215";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_fujtq_222";
-const tableRowContainer = "_tableRowContainer_fujtq_231";
-const tableRowCard = "_tableRowCard_fujtq_237";
-const fadeInX = "_fadeInX_fujtq_1";
-const canceled = "_canceled_fujtq_245";
-const noData = "_noData_fujtq_248";
-const tableRowHour = "_tableRowHour_fujtq_255";
-const tableRowHourText = "_tableRowHourText_fujtq_271";
-const hours = "_hours_fujtq_279";
-const tableRowContent = "_tableRowContent_fujtq_285";
-const rowImage = "_rowImage_fujtq_300";
-const rowContactContainer = "_rowContactContainer_fujtq_314";
-const rowContactText = "_rowContactText_fujtq_326";
-const rowContactPhone = "_rowContactPhone_fujtq_332";
-const rowSectionContainer = "_rowSectionContainer_fujtq_339";
-const rowSection = "_rowSection_fujtq_339";
-const rowSectionText = "_rowSectionText_fujtq_352";
-const rowSectionSecText = "_rowSectionSecText_fujtq_358";
-const rowActionButton = "_rowActionButton_fujtq_365";
-const bookingInfoContainer = "_bookingInfoContainer_fujtq_378";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_fujtq_383";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_fujtq_391";
-const bookingInfoCard = "_bookingInfoCard_fujtq_383";
-const bookingInfoCardContent = "_bookingInfoCardContent_fujtq_403";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_fujtq_409";
-const bookingInfoCardText = "_bookingInfoCardText_fujtq_412";
-const enableOnboardingContainer = "_enableOnboardingContainer_fujtq_416";
+const mainWrapper = "_mainWrapper_qcpcl_2";
+const mainConatiner$1 = "_mainConatiner_qcpcl_9";
+const mainTableContainer = "_mainTableContainer_qcpcl_20";
+const mainSidebarContainer = "_mainSidebarContainer_qcpcl_28";
+const sidebarContent = "_sidebarContent_qcpcl_37";
+const sidebarHeader = "_sidebarHeader_qcpcl_42";
+const sidebarMainContent = "_sidebarMainContent_qcpcl_47";
+const sidebarFooter = "_sidebarFooter_qcpcl_55";
+const headerReferece = "_headerReferece_qcpcl_60";
+const sidebarCloseIcon = "_sidebarCloseIcon_qcpcl_63";
+const headerContainer = "_headerContainer_qcpcl_126";
+const searchContainer = "_searchContainer_qcpcl_132";
+const buttonList = "_buttonList_qcpcl_143";
+const buttonItem = "_buttonItem_qcpcl_148";
+const addReservationButton = "_addReservationButton_qcpcl_157";
+const hideCancellationsContainer = "_hideCancellationsContainer_qcpcl_166";
+const customerVisitContainer = "_customerVisitContainer_qcpcl_174";
+const multipleVisits = "_multipleVisits_qcpcl_185";
+const singleVisit = "_singleVisit_qcpcl_188";
+const loading$2 = "_loading_qcpcl_191";
+const tableTopHeader = "_tableTopHeader_qcpcl_202";
+const tableTopHeaderContent = "_tableTopHeaderContent_qcpcl_216";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_qcpcl_223";
+const tableRowContainer = "_tableRowContainer_qcpcl_232";
+const tableRowCard = "_tableRowCard_qcpcl_238";
+const fadeInX = "_fadeInX_qcpcl_1";
+const canceled = "_canceled_qcpcl_246";
+const noData = "_noData_qcpcl_249";
+const tableRowHour = "_tableRowHour_qcpcl_256";
+const tableRowHourText = "_tableRowHourText_qcpcl_272";
+const hours = "_hours_qcpcl_280";
+const tableRowContent = "_tableRowContent_qcpcl_286";
+const rowImage = "_rowImage_qcpcl_301";
+const rowContactContainer = "_rowContactContainer_qcpcl_315";
+const rowContactText = "_rowContactText_qcpcl_327";
+const rowContactPhone = "_rowContactPhone_qcpcl_333";
+const rowSectionContainer = "_rowSectionContainer_qcpcl_340";
+const rowSection = "_rowSection_qcpcl_340";
+const rowSectionText = "_rowSectionText_qcpcl_353";
+const rowSectionSecText = "_rowSectionSecText_qcpcl_359";
+const rowActionButton = "_rowActionButton_qcpcl_366";
+const bookingInfoContainer = "_bookingInfoContainer_qcpcl_379";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_qcpcl_384";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_qcpcl_392";
+const bookingInfoCard = "_bookingInfoCard_qcpcl_384";
+const bookingInfoCardContent = "_bookingInfoCardContent_qcpcl_404";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_qcpcl_410";
+const bookingInfoCardText = "_bookingInfoCardText_qcpcl_413";
+const enableOnboardingContainer = "_enableOnboardingContainer_qcpcl_417";
 const styles$u = {
   mainWrapper,
   mainConatiner: mainConatiner$1,
@@ -151863,9 +152257,9 @@ const styles$u = {
   sidebarFooter,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_fujtq_73",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_fujtq_79",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_fujtq_87",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_qcpcl_74",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_qcpcl_80",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_qcpcl_88",
   headerContainer,
   searchContainer,
   buttonList,
@@ -152873,6 +153267,22 @@ const GetTableAvailability = async ({
   }
   return [];
 };
+const GetTableWalkInAvailability = async ({
+  venue_id,
+  params
+}) => {
+  if (params && params.startSec) {
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/table-availablity/walk-in`, {
+      params: {
+        ...params,
+        limit: 100
+      }
+    });
+    const data2 = responseData ?? [];
+    return data2;
+  }
+  return [];
+};
 var momentTimezone$2 = { exports: {} };
 var momentTimezone$1 = { exports: {} };
 const require$$0 = /* @__PURE__ */ getAugmentedNamespace(moment$1);
@@ -153638,15 +154048,17 @@ const CheckDisplay = ({
   const [showDetails, setShowDetails] = useState(false);
   const [showAllItems, setShowAllItems] = useState(false);
   const formatCurrency = (amount) => {
+    console.log("currency", currency);
+    console.log("amount", amount);
     switch (currency) {
       case "EUR":
         return `€${amount.toFixed(2)}`;
       case "USD":
         return `$${amount.toFixed(2)}`;
       case "GBP":
-        return `£${amount.toFixed(2)}`;
+        return `£${amount ? amount.toFixed(2) : "-"}`;
       default:
-        return `${amount.toFixed(2)} ${currency ?? ""}`;
+        return `${amount ? amount.toFixed(2) : "-"} ${currency ?? ""}`;
     }
   };
   const calculatedValues = useMemo$1(() => {
@@ -153697,14 +154109,14 @@ const CheckDisplay = ({
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("TAX"), " (", calculatedValues.taxPercentage, "%)"]
           }), /* @__PURE__ */ jsx$1("span", {
-            children: formatCurrency(check2.tax)
+            children: check2.tax ? formatCurrency(check2.tax) : "-"
           })]
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$q.detailRow,
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("TIP"), " (", calculatedValues.tipPercentage, "%)"]
           }), /* @__PURE__ */ jsx$1("span", {
-            children: formatCurrency(check2.tip)
+            children: check2.tip ? formatCurrency(check2.tip) : "-"
           })]
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$q.detailRow,
@@ -153713,7 +154125,7 @@ const CheckDisplay = ({
             children: t2("GROSS_TOTAL")
           }), /* @__PURE__ */ jsx$1("span", {
             className: styles$q.grossTotalAmount,
-            children: formatCurrency(calculatedValues.grossTotal)
+            children: calculatedValues.grossTotal ? formatCurrency(calculatedValues.grossTotal) : "-"
           })]
         })]
       }), /* @__PURE__ */ jsx$1("div", {
@@ -153743,7 +154155,7 @@ const CheckDisplay = ({
                 children: [item2.quantity, " - ", item2.name]
               }), /* @__PURE__ */ jsx$1("span", {
                 className: styles$q.itemPrice,
-                children: formatCurrency(item2.price)
+                children: formatCurrency((item2 == null ? void 0 : item2.price) ?? (item2 == null ? void 0 : item2.amount) ?? (item2 == null ? void 0 : item2.unitAmount) ?? 0)
               })]
             }, `${check2.checkNumber}-${item2.id}-${itemIndex}`);
           })
@@ -153840,18 +154252,30 @@ const index$7 = ({
     phone: "",
     notes: ""
   };
-  const bookingSchema = () => create$2().shape({
-    source: create$6().test("is-valid-partySize", "Source is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    date: create$4().required(),
-    time: create$6().test("is-valid-time", "Time is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    partySize: create$6().test("is-valid-partySize", "Party Size is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    table: create$6().test("is-valid-table", "Table is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
-    firstName: create$4(),
-    lastName: create$4(),
-    email: create$4().email(t2("errors.email")),
-    phone: create$4().nullable().notRequired().test("is-valid-phone", t2("errors.phone"), (value2) => !value2 || new RegExp(/^\+?[1-9]\d{1,14}$/).test(value2)),
-    notes: create$4()
-  });
+  const isWalkInRef = useRef(false);
+  const [, setSchemaTick] = useState(0);
+  const bookingSchema = () => {
+    const base = {
+      source: create$6().test("is-valid-source", "Source is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      partySize: create$6().test("is-valid-partySize", "Party Size is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      table: create$6().test("is-valid-table", "Table is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required()
+    };
+    if (isWalkInRef.current) {
+      return create$2().shape({
+        ...base
+      });
+    }
+    return create$2().shape({
+      ...base,
+      date: create$4().required(),
+      time: create$6().test("is-valid-time", "Time is required", (value2) => value2 !== null && typeof value2 === "object" && !!value2.value).required(),
+      firstName: create$4(),
+      lastName: create$4(),
+      email: create$4().email(t2("errors.email")),
+      phone: create$4().nullable().notRequired().test("is-valid-phone", t2("errors.phone"), (value2) => !value2 || new RegExp(/^\+?[1-9]\d{1,14}$/).test(value2)),
+      notes: create$4()
+    });
+  };
   const {
     control,
     reset,
@@ -153868,6 +154292,13 @@ const index$7 = ({
     control,
     name: "source"
   });
+  useEffect(() => {
+    const newIsWalkIn = (source2 == null ? void 0 : source2.code) === "WALK-IN";
+    if (isWalkInRef.current !== newIsWalkIn) {
+      isWalkInRef.current = newIsWalkIn;
+      setSchemaTick((t22) => t22 + 1);
+    }
+  }, [source2 == null ? void 0 : source2.code]);
   const date4 = useWatch({
     control,
     name: "date"
@@ -153880,9 +154311,10 @@ const index$7 = ({
     control,
     name: "partySize"
   });
+  const isWalkIn = (source2 == null ? void 0 : source2.code) === "WALK-IN";
   const {
     data: data2
-  } = useFetch(date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize2 && (partySize2 == null ? void 0 : partySize2.value) ? GetTableAvailability : () => Promise.resolve([]), {
+  } = useFetch(date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize2 && (partySize2 == null ? void 0 : partySize2.value) ? isWalkIn ? GetTableWalkInAvailability : GetTableAvailability : () => Promise.resolve([]), {
     cacheId: "reservation0dashboard0table0availability",
     venue_id: venueId,
     params: source2 && (source2 == null ? void 0 : source2.value) ? {
@@ -153902,7 +154334,7 @@ const index$7 = ({
     }
   });
   const onSubmit = async () => {
-    var _a2, _b, _c, _d, _e2, _f, _g;
+    var _a2, _b, _c, _d, _e2, _f, _g, _h, _i;
     const data22 = await getValues();
     const result = await trigger();
     if (!result) {
@@ -153910,17 +154342,19 @@ const index$7 = ({
       return;
     }
     if (!selectedBooking) {
+      const isWalkInCreate = ((_a2 = data22 == null ? void 0 : data22.source) == null ? void 0 : _a2.code) === "WALK-IN";
+      const startSec = isWalkInCreate ? moment.tz(moment(), currentTimeZone || void 0).valueOf() / 1e3 : data22.date && ((_b = data22.time) == null ? void 0 : _b.value) ? moment.tz(`${data22.date} ${(_c = data22.time) == null ? void 0 : _c.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
       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,
-        table: (_c = data22 == null ? void 0 : data22.table) == null ? void 0 : _c.value,
-        date: data22.date ? moment.tz(`${data22.date} ${(_d = data22.time) == null ? void 0 : _d.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        bookingChannel: (_d = data22 == null ? void 0 : data22.source) == null ? void 0 : _d.value,
+        partySize: (_e2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _e2.value,
+        table: (_f = data22 == null ? void 0 : data22.table) == null ? void 0 : _f.value,
+        date: Math.floor(startSec),
         notes: data22 == null ? void 0 : data22.notes,
         contact: {
-          firstname: data22 == null ? void 0 : data22.firstName,
-          lastname: data22 == null ? void 0 : data22.lastName,
-          email: data22 == null ? void 0 : data22.email,
-          telephone: data22 == null ? void 0 : data22.phone,
+          firstname: isWalkInCreate ? "" : data22 == null ? void 0 : data22.firstName,
+          lastname: isWalkInCreate ? "" : data22 == null ? void 0 : data22.lastName,
+          email: isWalkInCreate ? "" : data22 == null ? void 0 : data22.email,
+          telephone: isWalkInCreate ? "" : data22 == null ? void 0 : data22.phone,
           locale: "en"
         }
       };
@@ -153930,10 +154364,11 @@ const index$7 = ({
       });
       reloadMainTable();
     } else {
+      const dateSec = data22.date ? moment.tz(`${data22.date} ${(_g = data22.time) == null ? void 0 : _g.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3;
       const toSend = {
-        partySize: (_e2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _e2.value,
-        table: (_f = data22 == null ? void 0 : data22.table) == null ? void 0 : _f.value,
-        date: data22.date ? moment.tz(`${data22.date} ${(_g = data22.time) == null ? void 0 : _g.value}`, "DD/MM/YYYY HH:mm", currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment.tz(moment(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        partySize: (_h = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _h.value,
+        table: (_i = data22 == null ? void 0 : data22.table) == null ? void 0 : _i.value,
+        date: Math.floor(dateSec),
         notes: data22 == null ? void 0 : data22.notes,
         contact: {
           firstname: data22 == null ? void 0 : data22.firstName,
@@ -153952,7 +154387,8 @@ const index$7 = ({
   };
   useEffect(() => {
     if (data2) {
-      const tableOptions2 = data2.map((item2) => {
+      const list = Array.isArray(data2) ? data2 : (data2 == null ? void 0 : data2.id) ? [data2] : [];
+      const tableOptions2 = list.map((item2) => {
         var _a2, _b;
         return {
           value: item2.id,
@@ -153982,7 +154418,7 @@ const index$7 = ({
     if (filtersData == null ? void 0 : filtersData.hours) {
       setTimeByDayOptions(filtersData == null ? void 0 : filtersData.hours);
     }
-    if ((filtersData == null ? void 0 : filtersData.tables) && !selectedBooking) {
+    if ((filtersData == null ? void 0 : filtersData.tables) && !selectedBooking && (source2 == null ? void 0 : source2.code) !== "WALK-IN") {
       setTableOptions(filtersData.tables.map((item2) => ({
         value: item2.id,
         label: item2.label
@@ -153991,7 +154427,7 @@ const index$7 = ({
     if (filtersData == null ? void 0 : filtersData.timeZone) {
       setCurrentTimeZone(filtersData.timeZone);
     }
-  }, [filtersData]);
+  }, [filtersData, source2 == null ? void 0 : source2.code]);
   useEffect(() => {
     var _a2, _b;
     if (selectedBooking) {
@@ -154043,7 +154479,7 @@ const index$7 = ({
   useEffect(() => {
     if (source2 && source2.code === "WALK-IN") {
       const currentTime = moment();
-      setValue("date", currentTime.format("YYYY-MM-DD"));
+      setValue("date", currentTime.format("DD/MM/YYYY"));
       if (timeOptions.length > 0) {
         const validFutureTimes = timeOptions.filter((option) => option.value).map((option) => ({
           ...option,
@@ -154077,10 +154513,11 @@ const index$7 = ({
           name: "source",
           options: sourceOptions.map((item2) => ({
             value: item2.value,
-            label: t2(item2.label)
+            label: t2(item2.label),
+            code: item2.code
           }))
         })
-      }), /* @__PURE__ */ jsxs("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
           gap: 10
@@ -154142,66 +154579,68 @@ const index$7 = ({
             options: tableOptions
           })
         })]
-      }), /* @__PURE__ */ jsxs("div", {
-        style: {
-          display: "flex",
-          gap: 10
-        },
-        children: [/* @__PURE__ */ jsx$1("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsxs("div", {
           style: {
-            width: "50%"
+            display: "flex",
+            gap: 10
+          },
+          children: [/* @__PURE__ */ jsx$1("div", {
+            style: {
+              width: "50%"
+            },
+            children: /* @__PURE__ */ jsx$1(TextInputField, {
+              disabled: !canEdit,
+              control,
+              id: "firstName",
+              name: "firstName",
+              placeholder: t2("firstname"),
+              radius: "md",
+              filled: true
+            })
+          }), /* @__PURE__ */ jsx$1("div", {
+            style: {
+              width: "50%"
+            },
+            children: /* @__PURE__ */ jsx$1(TextInputField, {
+              disabled: !canEdit,
+              control,
+              id: "lastName",
+              name: "lastName",
+              placeholder: t2("lastname"),
+              radius: "md",
+              filled: true
+            })
+          })]
+        }), /* @__PURE__ */ jsx$1(CustomerVisits, {
+          venueId
+        }), /* @__PURE__ */ jsx$1("div", {
+          style: {
+            width: "100%"
           },
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             disabled: !canEdit,
             control,
-            id: "firstName",
-            name: "firstName",
-            placeholder: t2("firstname"),
+            id: "phone",
+            name: "phone",
+            placeholder: t2("phone"),
             radius: "md",
             filled: true
           })
         }), /* @__PURE__ */ jsx$1("div", {
           style: {
-            width: "50%"
+            width: "100%"
           },
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             disabled: !canEdit,
             control,
-            id: "lastName",
-            name: "lastName",
-            placeholder: t2("lastname"),
+            id: "email",
+            name: "email",
+            placeholder: t2("email"),
             radius: "md",
             filled: true
           })
         })]
-      }), /* @__PURE__ */ jsx$1(CustomerVisits, {
-        venueId
-      }), /* @__PURE__ */ jsx$1("div", {
-        style: {
-          width: "100%"
-        },
-        children: /* @__PURE__ */ jsx$1(TextInputField, {
-          disabled: !canEdit,
-          control,
-          id: "phone",
-          name: "phone",
-          placeholder: t2("phone"),
-          radius: "md",
-          filled: true
-        })
-      }), /* @__PURE__ */ jsx$1("div", {
-        style: {
-          width: "100%"
-        },
-        children: /* @__PURE__ */ jsx$1(TextInputField, {
-          disabled: !canEdit,
-          control,
-          id: "email",
-          name: "email",
-          placeholder: t2("email"),
-          radius: "md",
-          filled: true
-        })
       }), /* @__PURE__ */ jsx$1("div", {
         style: {
           width: "100%"
@@ -154213,7 +154652,7 @@ const index$7 = ({
           name: "notes",
           placeholder: t2("notes")
         })
-      }), /* @__PURE__ */ jsx$1("div", {
+      }), !isWalkIn && /* @__PURE__ */ jsx$1("div", {
         style: {
           width: "100%"
         },
@@ -195543,19 +195982,21 @@ const BrandManagement$1 = ({
     })
   });
 };
-const brandDetailHeader = "_brandDetailHeader_rvyt2_1";
-const brandDetailContainer = "_brandDetailContainer_rvyt2_7";
-const brandDetailContent = "_brandDetailContent_rvyt2_11";
-const brandDetailContentContainer = "_brandDetailContentContainer_rvyt2_18";
-const brandDetailContentRow = "_brandDetailContentRow_rvyt2_26";
-const brandDetailContentItem = "_brandDetailContentItem_rvyt2_33";
-const brandDetailContentItemTitle = "_brandDetailContentItemTitle_rvyt2_44";
-const brandDetailActions = "_brandDetailActions_rvyt2_52";
+const brandDetailHeader = "_brandDetailHeader_gx61u_1";
+const brandDetailContainer = "_brandDetailContainer_gx61u_7";
+const brandDetailContent = "_brandDetailContent_gx61u_11";
+const brandDetailContentContainer = "_brandDetailContentContainer_gx61u_18";
+const brandDetailOccasionRow = "_brandDetailOccasionRow_gx61u_26";
+const brandDetailContentRow = "_brandDetailContentRow_gx61u_30";
+const brandDetailContentItem = "_brandDetailContentItem_gx61u_37";
+const brandDetailContentItemTitle = "_brandDetailContentItemTitle_gx61u_48";
+const brandDetailActions = "_brandDetailActions_gx61u_56";
 const styles$e = {
   brandDetailHeader,
   brandDetailContainer,
   brandDetailContent,
   brandDetailContentContainer,
+  brandDetailOccasionRow,
   brandDetailContentRow,
   brandDetailContentItem,
   brandDetailContentItemTitle,
@@ -195568,6 +196009,82 @@ const UpdateBrand = async ({
   await instance$1.put(`/brands/${brandId}`, data2);
   return { data: "updated" };
 };
+const OccasionsField = ({
+  control,
+  fields,
+  watchedOccasions,
+  occasionOptions,
+  getAreaOptionsForOccasion,
+  getMenuOptionsForOccasion,
+  isLoadingOccasions,
+  remove,
+  append: append2
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [fields.map((field, index2) => {
+      var _a2, _b;
+      const rowOccasionId = (_b = (_a2 = watchedOccasions == null ? void 0 : watchedOccasions[index2]) == null ? void 0 : _a2.occasionId) == null ? void 0 : _b.value;
+      const areaOptions = getAreaOptionsForOccasion(rowOccasionId);
+      const menuOptions = getMenuOptionsForOccasion(rowOccasionId);
+      return /* @__PURE__ */ jsx$1("div", {
+        className: styles$e.brandDetailOccasionRow,
+        children: /* @__PURE__ */ jsxs("div", {
+          className: styles$e.brandDetailContentRow,
+          children: [/* @__PURE__ */ jsx$1(SelectField, {
+            fullWidth: true,
+            label: t2("OCCASION"),
+            control,
+            name: `occasions.${index2}.occasionId`,
+            options: occasionOptions,
+            placeholder: t2("SELECT_OCCASION") || "Select Occasion",
+            isClearable: true,
+            isDisabled: isLoadingOccasions,
+            isLoading: isLoadingOccasions
+          }), /* @__PURE__ */ jsx$1(SelectField, {
+            fullWidth: true,
+            label: t2("AREA"),
+            control,
+            name: `occasions.${index2}.occasionAreaId`,
+            options: areaOptions,
+            placeholder: t2("SELECT_AREA") || "Select Area",
+            isClearable: true,
+            isDisabled: !rowOccasionId || isLoadingOccasions,
+            isLoading: isLoadingOccasions
+          }), /* @__PURE__ */ jsx$1(SelectField, {
+            fullWidth: true,
+            label: t2("MENU"),
+            control,
+            name: `occasions.${index2}.occasionMenuId`,
+            options: menuOptions,
+            placeholder: t2("SELECT_MENU") || "Select Menu",
+            isClearable: true,
+            isDisabled: !rowOccasionId || isLoadingOccasions,
+            isLoading: isLoadingOccasions
+          }), /* @__PURE__ */ jsx$1(Button$1, {
+            type: "button",
+            mode: "tertiary",
+            icon: "TrashX",
+            onClick: () => remove(index2),
+            "aria-label": t2("REMOVE") || "Remove"
+          })]
+        })
+      }, field.id);
+    }), /* @__PURE__ */ jsx$1(Button$1, {
+      type: "button",
+      mode: "secondary",
+      onClick: () => append2({
+        occasionId: null,
+        occasionAreaId: null,
+        occasionMenuId: null
+      }),
+      className: styles$e.brandDetailAddOccasion,
+      children: t2("ADD_OCCASION")
+    })]
+  });
+};
 const BrandDetail = () => {
   const {
     t: t2
@@ -195605,16 +196122,22 @@ const BrandDetail = () => {
     defaultValues: {
       rwgTc: "",
       rwgTcLink: "",
-      occasionId: null,
-      occasionAreaId: null,
-      occasionMenuId: null
+      occasions: []
     }
   });
-  const selectedOccasion = useWatch({
+  const {
+    fields,
+    append: append2,
+    remove
+  } = useFieldArray({
     control,
-    name: "occasionId"
+    name: "occasions"
   });
-  const previousOccasionRef = useRef(null);
+  const watchedOccasions = useWatch({
+    control,
+    name: "occasions"
+  }) || [];
+  const previousOccasionIdsRef = useRef({});
   const isInitializingRef = useRef(true);
   const {
     isExecuting,
@@ -195632,97 +196155,92 @@ const BrandDetail = () => {
       label: occasion.name
     }));
   }, [occasionsData]);
-  const selectedOccasionData = useMemo$1(() => {
+  const getOccasionDataById = (occasionId) => {
     var _a2;
-    if (!(selectedOccasion == null ? void 0 : selectedOccasion.value) || !((_a2 = occasionsData == null ? void 0 : occasionsData.occasions) == null ? void 0 : _a2.occasions)) return null;
-    return occasionsData.occasions.occasions.find((occ) => occ.id === selectedOccasion.value);
-  }, [selectedOccasion, occasionsData]);
-  const areaOptions = useMemo$1(() => {
-    if (!(selectedOccasionData == null ? void 0 : selectedOccasionData.areas)) return [];
-    return selectedOccasionData.areas.map((area2) => ({
+    if (!occasionId || !((_a2 = occasionsData == null ? void 0 : occasionsData.occasions) == null ? void 0 : _a2.occasions)) return null;
+    return occasionsData.occasions.occasions.find((occ) => occ.id === occasionId) || null;
+  };
+  const getAreaOptionsForOccasion = (occasionId) => {
+    const occasionData = getOccasionDataById(occasionId);
+    if (!(occasionData == null ? void 0 : occasionData.areas)) return [];
+    return occasionData.areas.map((area2) => ({
       value: area2.value,
       label: area2.label
     }));
-  }, [selectedOccasionData]);
-  const menuOptions = useMemo$1(() => {
-    if (!(selectedOccasionData == null ? void 0 : selectedOccasionData.menus)) return [];
-    return selectedOccasionData.menus.map((menu2) => ({
+  };
+  const getMenuOptionsForOccasion = (occasionId) => {
+    const occasionData = getOccasionDataById(occasionId);
+    if (!(occasionData == null ? void 0 : occasionData.menus)) return [];
+    return occasionData.menus.map((menu2) => ({
       value: menu2.value,
       label: menu2.label
     }));
-  }, [selectedOccasionData]);
-  useEffect(() => {
-    const currentOccasionValue = (selectedOccasion == null ? void 0 : selectedOccasion.value) || null;
-    if (isInitializingRef.current) {
-      previousOccasionRef.current = currentOccasionValue;
-      return;
-    }
-    if (previousOccasionRef.current !== null && previousOccasionRef.current !== currentOccasionValue) {
-      setValue("occasionAreaId", null);
-      setValue("occasionMenuId", null);
-    }
-    previousOccasionRef.current = currentOccasionValue;
-  }, [selectedOccasion == null ? void 0 : selectedOccasion.value, setValue]);
+  };
   useEffect(() => {
-    if (data2 && occasionsData) {
-      const extraData = data2.extraData || {};
-      let preselectedOccasion = null;
-      if (extraData.occasionId && occasionOptions.length > 0) {
-        preselectedOccasion = occasionOptions.find((opt) => opt.value === extraData.occasionId) || null;
-      }
-      let preselectedArea = null;
-      if (extraData.occasionAreaId && preselectedOccasion) {
-        const occasionData = occasionsData.occasions.occasions.find((occ) => occ.id === extraData.occasionId);
-        if (occasionData == null ? void 0 : occasionData.areas) {
-          preselectedArea = occasionData.areas.find((area2) => area2.value === extraData.occasionAreaId) || null;
-          if (preselectedArea) {
-            preselectedArea = {
-              value: preselectedArea.value,
-              label: preselectedArea.label
-            };
-          }
-        }
-      }
-      let preselectedMenu = null;
-      if (extraData.occasionMenuId && preselectedOccasion) {
-        const occasionData = occasionsData.occasions.occasions.find((occ) => occ.id === extraData.occasionId);
-        if (occasionData == null ? void 0 : occasionData.menus) {
-          preselectedMenu = occasionData.menus.find((menu2) => menu2.value === extraData.occasionMenuId) || null;
-          if (preselectedMenu) {
-            preselectedMenu = {
-              value: preselectedMenu.value,
-              label: preselectedMenu.label
-            };
-          }
-        }
+    if (isInitializingRef.current || !(watchedOccasions == null ? void 0 : watchedOccasions.length)) return;
+    watchedOccasions.forEach((row, index2) => {
+      var _a2;
+      const currentId = ((_a2 = row == null ? void 0 : row.occasionId) == null ? void 0 : _a2.value) ?? null;
+      const prevId = previousOccasionIdsRef.current[index2];
+      if (prevId !== void 0 && prevId !== null && prevId !== currentId) {
+        setValue(`occasions.${index2}.occasionAreaId`, null);
+        setValue(`occasions.${index2}.occasionMenuId`, null);
       }
-      reset({
-        rwgTc: data2.rwgTc || "",
-        rwgTcLink: data2.rwgTcLink || "",
-        occasionId: preselectedOccasion,
-        occasionAreaId: preselectedArea,
-        occasionMenuId: preselectedMenu
-      });
-      setTimeout(() => {
-        isInitializingRef.current = false;
-      }, 100);
-    }
+      previousOccasionIdsRef.current[index2] = currentId;
+    });
+  }, [watchedOccasions, setValue]);
+  useEffect(() => {
+    var _a2;
+    if (!data2 || !((_a2 = occasionsData == null ? void 0 : occasionsData.occasions) == null ? void 0 : _a2.occasions)) return;
+    const extraData = data2.extraData || {};
+    const occasionsList = Array.isArray(extraData.occasions) ? extraData.occasions : [];
+    const occasionsFormValues = occasionsList.map((item2) => {
+      var _a3, _b;
+      const occasionOpt = occasionOptions.find((o2) => o2.value === item2.occasionId) || null;
+      const occasionData = getOccasionDataById(item2.occasionId);
+      const areaOpt = (_a3 = occasionData == null ? void 0 : occasionData.areas) == null ? void 0 : _a3.find((a2) => a2.value === item2.occasionAreaId);
+      const menuOpt = (_b = occasionData == null ? void 0 : occasionData.menus) == null ? void 0 : _b.find((m2) => m2.value === item2.occasionMenuId);
+      return {
+        occasionId: occasionOpt,
+        occasionAreaId: areaOpt ? {
+          value: areaOpt.value,
+          label: areaOpt.label
+        } : null,
+        occasionMenuId: menuOpt ? {
+          value: menuOpt.value,
+          label: menuOpt.label
+        } : null
+      };
+    });
+    const initialOccasions = occasionsFormValues.length > 0 ? occasionsFormValues : [];
+    reset({
+      rwgTc: data2.rwgTc || "",
+      rwgTcLink: data2.rwgTcLink || "",
+      occasions: initialOccasions
+    });
+    Object.keys(previousOccasionIdsRef.current).forEach((key2) => delete previousOccasionIdsRef.current[Number(key2)]);
+    initialOccasions.forEach((row, i) => {
+      var _a3;
+      previousOccasionIdsRef.current[i] = ((_a3 = row == null ? void 0 : row.occasionId) == null ? void 0 : _a3.value) ?? null;
+    });
+    setTimeout(() => {
+      isInitializingRef.current = false;
+    }, 100);
   }, [data2, occasionsData, occasionOptions, reset]);
   const onSubmit = (formData) => {
-    var _a2, _b, _c;
+    const occasionsList = (formData.occasions || []).map((row) => {
+      var _a2, _b, _c;
+      return {
+        occasionId: ((_a2 = row.occasionId) == null ? void 0 : _a2.value) ?? null,
+        occasionAreaId: ((_b = row.occasionAreaId) == null ? void 0 : _b.value) ?? null,
+        occasionMenuId: ((_c = row.occasionMenuId) == null ? void 0 : _c.value) ?? null
+      };
+    });
     const submitData = {
       rwgTc: formData.rwgTc,
-      rwgTcLink: formData.rwgTcLink
+      rwgTcLink: formData.rwgTcLink,
+      occasions: occasionsList
     };
-    if ((_a2 = formData.occasionId) == null ? void 0 : _a2.value) {
-      submitData.occasionId = formData.occasionId.value;
-    }
-    if ((_b = formData.occasionAreaId) == null ? void 0 : _b.value) {
-      submitData.occasionAreaId = formData.occasionAreaId.value;
-    }
-    if ((_c = formData.occasionMenuId) == null ? void 0 : _c.value) {
-      submitData.occasionMenuId = formData.occasionMenuId.value;
-    }
     execute({
       brandId,
       data: submitData
@@ -195806,39 +196324,16 @@ const BrandDetail = () => {
                 }), /* @__PURE__ */ jsxs("h3", {
                   children: [t2("OCCASIONS"), ":"]
                 })]
-              }), /* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsxs("div", {
-                className: styles$e.brandDetailContentRow,
-                children: [/* @__PURE__ */ jsx$1(SelectField, {
-                  fullWidth: true,
-                  label: t2("OCCASION"),
-                  control,
-                  name: "occasionId",
-                  options: occasionOptions,
-                  placeholder: t2("SELECT_OCCASION") || "Select Occasion",
-                  isClearable: true,
-                  isDisabled: isLoadingOccasions,
-                  isLoading: isLoadingOccasions
-                }), /* @__PURE__ */ jsx$1(SelectField, {
-                  fullWidth: true,
-                  label: t2("AREA"),
-                  control,
-                  name: "occasionAreaId",
-                  options: areaOptions,
-                  placeholder: t2("SELECT_AREA") || "Select Area",
-                  isClearable: true,
-                  isDisabled: !(selectedOccasion == null ? void 0 : selectedOccasion.value) || isLoadingOccasions,
-                  isLoading: isLoadingOccasions
-                }), /* @__PURE__ */ jsx$1(SelectField, {
-                  fullWidth: true,
-                  label: t2("MENU"),
-                  control,
-                  name: "occasionMenuId",
-                  options: menuOptions,
-                  placeholder: t2("SELECT_MENU") || "Select Menu",
-                  isClearable: true,
-                  isDisabled: !(selectedOccasion == null ? void 0 : selectedOccasion.value) || isLoadingOccasions,
-                  isLoading: isLoadingOccasions
-                })]
+              }), /* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsx$1(OccasionsField, {
+                control,
+                fields,
+                watchedOccasions,
+                occasionOptions,
+                getAreaOptionsForOccasion,
+                getMenuOptionsForOccasion,
+                isLoadingOccasions,
+                remove,
+                append: append2
               })]
             }), /* @__PURE__ */ jsx$1("div", {
               className: styles$e.brandDetailActions,