mozrest-sdk-react-dev 0.3.53 → 0.3.54

package/mozrest-sdk.es.js

@@ -8,7 +8,7 @@ import ReactDOM__default, { createPortal } from "react-dom";
 const container$A = "_container_1xz3t_13";
 const item$8 = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-const styles$2c = {
+const styles$2d = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$A,
   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$2c["animate-pulse"],
+    className: styles$2d["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$2c.container,
+      className: styles$2d.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$2c.item
+        className: styles$2d.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2c.item
+        className: styles$2d.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$2c.itemfull
+        className: styles$2d.itemfull
       })]
     })
   });
@@ -3441,7 +3441,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$z = "_container_1ar7o_1";
-const styles$2b = {
+const styles$2c = {
   container: container$z
 };
 const Container = ({
@@ -3455,12 +3455,12 @@ const Container = ({
   return /* @__PURE__ */ jsx$1(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$2b["container"], className),
+    className: classNames$2(styles$2c["container"], className),
     children
   });
 };
 const container$y = "_container_11xrj_1";
-const styles$2a = {
+const styles$2b = {
   container: container$y
 };
 const LayoutPage$2 = ({
@@ -3470,12 +3470,12 @@ const LayoutPage$2 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$2a.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$2b.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$2a.content, contentClassName),
+      className: classNames$2(styles$2b.content, contentClassName),
       children
     })]
   });
@@ -7864,12 +7864,22 @@ const CHECK_NUMBER$4 = "Check Number";
 const START_TIME$4 = "Start Time";
 const SUBTOTAL$4 = "Subtotal";
 const TAX$4 = "Tax";
+const TIP$4 = "Tip";
 const TIPS$4 = "Tips";
 const ITEMS$4 = "Items";
 const QUANTITY$4 = "Quantity";
 const PRICE$4 = "Price";
 const RAW_JSON$4 = "Raw JSON";
 const PAYLOAD$4 = "Payload";
+const BILL$4 = "Bill";
+const BILL_NUMBER$4 = "Bill {{number}}";
+const TOTAL_AMOUNT_EXCLUDING_TIP$4 = "Total Amount Spent - excluding Tip";
+const SHOW_DETAILS$4 = "SHOW DETAILS";
+const HIDE_DETAILS$4 = "HIDE DETAILS";
+const GROSS_TOTAL$4 = "Gross Total";
+const ITEMS_ORDERED$4 = "Items ordered ({{count}})";
+const SHOW_ALL$4 = "SHOW ALL";
+const SHOW_LESS$4 = "SHOW LESS";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8449,12 +8459,22 @@ const en = {
   START_TIME: START_TIME$4,
   SUBTOTAL: SUBTOTAL$4,
   TAX: TAX$4,
+  TIP: TIP$4,
   TIPS: TIPS$4,
   ITEMS: ITEMS$4,
   QUANTITY: QUANTITY$4,
   PRICE: PRICE$4,
   RAW_JSON: RAW_JSON$4,
-  PAYLOAD: PAYLOAD$4
+  PAYLOAD: PAYLOAD$4,
+  BILL: BILL$4,
+  BILL_NUMBER: BILL_NUMBER$4,
+  TOTAL_AMOUNT_EXCLUDING_TIP: TOTAL_AMOUNT_EXCLUDING_TIP$4,
+  SHOW_DETAILS: SHOW_DETAILS$4,
+  HIDE_DETAILS: HIDE_DETAILS$4,
+  GROSS_TOTAL: GROSS_TOTAL$4,
+  ITEMS_ORDERED: ITEMS_ORDERED$4,
+  SHOW_ALL: SHOW_ALL$4,
+  SHOW_LESS: SHOW_LESS$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…)";
@@ -8981,12 +9001,22 @@ const CHECK_NUMBER$3 = "Número de Cuenta";
 const START_TIME$3 = "Hora de Inicio";
 const SUBTOTAL$3 = "Subtotal";
 const TAX$3 = "Impuesto";
+const TIP$3 = "Propina";
 const TIPS$3 = "Propinas";
 const ITEMS$3 = "Artículos";
 const QUANTITY$3 = "Cantidad";
 const PRICE$3 = "Precio";
 const RAW_JSON$3 = "JSON Raw";
 const PAYLOAD$3 = "Payload";
+const BILL$3 = "Factura";
+const BILL_NUMBER$3 = "Factura {{number}}";
+const TOTAL_AMOUNT_EXCLUDING_TIP$3 = "Importe Total Gastado - excluyendo Propina";
+const SHOW_DETAILS$3 = "MOSTRAR DETALLES";
+const HIDE_DETAILS$3 = "OCULTAR DETALLES";
+const GROSS_TOTAL$3 = "Total Bruto";
+const ITEMS_ORDERED$3 = "Artículos pedidos ({{count}})";
+const SHOW_ALL$3 = "MOSTRAR TODO";
+const SHOW_LESS$3 = "MOSTRAR MENOS";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9567,12 +9597,22 @@ const es$2 = {
   START_TIME: START_TIME$3,
   SUBTOTAL: SUBTOTAL$3,
   TAX: TAX$3,
+  TIP: TIP$3,
   TIPS: TIPS$3,
   ITEMS: ITEMS$3,
   QUANTITY: QUANTITY$3,
   PRICE: PRICE$3,
   RAW_JSON: RAW_JSON$3,
-  PAYLOAD: PAYLOAD$3
+  PAYLOAD: PAYLOAD$3,
+  BILL: BILL$3,
+  BILL_NUMBER: BILL_NUMBER$3,
+  TOTAL_AMOUNT_EXCLUDING_TIP: TOTAL_AMOUNT_EXCLUDING_TIP$3,
+  SHOW_DETAILS: SHOW_DETAILS$3,
+  HIDE_DETAILS: HIDE_DETAILS$3,
+  GROSS_TOTAL: GROSS_TOTAL$3,
+  ITEMS_ORDERED: ITEMS_ORDERED$3,
+  SHOW_ALL: SHOW_ALL$3,
+  SHOW_LESS: SHOW_LESS$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.) ";
@@ -10099,12 +10139,22 @@ const CHECK_NUMBER$2 = "Numéro de ticket";
 const START_TIME$2 = "Heure de début";
 const SUBTOTAL$2 = "Sous-total";
 const TAX$2 = "Taxe";
+const TIP$2 = "Pourboire";
 const TIPS$2 = "Pourboires";
 const ITEMS$2 = "Articles";
 const QUANTITY$2 = "Quantité";
 const PRICE$2 = "Prix";
 const RAW_JSON$2 = "JSON brut";
 const PAYLOAD$2 = "Payload";
+const BILL$2 = "Facture";
+const BILL_NUMBER$2 = "Facture {{number}}";
+const TOTAL_AMOUNT_EXCLUDING_TIP$2 = "Montant Total Dépensé - excluant le Pourboire";
+const SHOW_DETAILS$2 = "AFFICHER LES DÉTAILS";
+const HIDE_DETAILS$2 = "MASQUER LES DÉTAILS";
+const GROSS_TOTAL$2 = "Total Brut";
+const ITEMS_ORDERED$2 = "Articles commandés ({{count}})";
+const SHOW_ALL$2 = "TOUT AFFICHER";
+const SHOW_LESS$2 = "AFFICHER MOINS";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10684,12 +10734,22 @@ const fr$1 = {
   START_TIME: START_TIME$2,
   SUBTOTAL: SUBTOTAL$2,
   TAX: TAX$2,
+  TIP: TIP$2,
   TIPS: TIPS$2,
   ITEMS: ITEMS$2,
   QUANTITY: QUANTITY$2,
   PRICE: PRICE$2,
   RAW_JSON: RAW_JSON$2,
-  PAYLOAD: PAYLOAD$2
+  PAYLOAD: PAYLOAD$2,
+  BILL: BILL$2,
+  BILL_NUMBER: BILL_NUMBER$2,
+  TOTAL_AMOUNT_EXCLUDING_TIP: TOTAL_AMOUNT_EXCLUDING_TIP$2,
+  SHOW_DETAILS: SHOW_DETAILS$2,
+  HIDE_DETAILS: HIDE_DETAILS$2,
+  GROSS_TOTAL: GROSS_TOTAL$2,
+  ITEMS_ORDERED: ITEMS_ORDERED$2,
+  SHOW_ALL: SHOW_ALL$2,
+  SHOW_LESS: SHOW_LESS$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…)";
@@ -11216,12 +11276,22 @@ const CHECK_NUMBER$1 = "Rechnungsnummer";
 const START_TIME$1 = "Startzeit";
 const SUBTOTAL$1 = "Zwischensumme";
 const TAX$1 = "Steuer";
+const TIP$1 = "Trinkgeld";
 const TIPS$1 = "Trinkgeld";
 const ITEMS$1 = "Artikel";
 const QUANTITY$1 = "Menge";
 const PRICE$1 = "Preis";
 const RAW_JSON$1 = "Roh-JSON";
 const PAYLOAD$1 = "Payload";
+const BILL$1 = "Rechnung";
+const BILL_NUMBER$1 = "Rechnung {{number}}";
+const TOTAL_AMOUNT_EXCLUDING_TIP$1 = "Gesamtbetrag Ausgegeben - ohne Trinkgeld";
+const SHOW_DETAILS$1 = "DETAILS ANZEIGEN";
+const HIDE_DETAILS$1 = "DETAILS AUSBLENDEN";
+const GROSS_TOTAL$1 = "Bruttogesamt";
+const ITEMS_ORDERED$1 = "Bestellte Artikel ({{count}})";
+const SHOW_ALL$1 = "ALLE ANZEIGEN";
+const SHOW_LESS$1 = "WENIGER ANZEIGEN";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11802,12 +11872,22 @@ const de$1 = {
   START_TIME: START_TIME$1,
   SUBTOTAL: SUBTOTAL$1,
   TAX: TAX$1,
+  TIP: TIP$1,
   TIPS: TIPS$1,
   ITEMS: ITEMS$1,
   QUANTITY: QUANTITY$1,
   PRICE: PRICE$1,
   RAW_JSON: RAW_JSON$1,
-  PAYLOAD: PAYLOAD$1
+  PAYLOAD: PAYLOAD$1,
+  BILL: BILL$1,
+  BILL_NUMBER: BILL_NUMBER$1,
+  TOTAL_AMOUNT_EXCLUDING_TIP: TOTAL_AMOUNT_EXCLUDING_TIP$1,
+  SHOW_DETAILS: SHOW_DETAILS$1,
+  HIDE_DETAILS: HIDE_DETAILS$1,
+  GROSS_TOTAL: GROSS_TOTAL$1,
+  ITEMS_ORDERED: ITEMS_ORDERED$1,
+  SHOW_ALL: SHOW_ALL$1,
+  SHOW_LESS: SHOW_LESS$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.)";
@@ -12334,12 +12414,22 @@ const CHECK_NUMBER = "Bonnummer";
 const START_TIME = "Starttijd";
 const SUBTOTAL = "Subtotaal";
 const TAX = "Belasting";
+const TIP = "Fooi";
 const TIPS = "Fooien";
 const ITEMS = "Artikelen";
 const QUANTITY = "Hoeveelheid";
 const PRICE = "Prijs";
 const RAW_JSON = "Ruwe JSON";
 const PAYLOAD = "Payload";
+const BILL = "Rekening";
+const BILL_NUMBER = "Rekening {{number}}";
+const TOTAL_AMOUNT_EXCLUDING_TIP = "Totaalbedrag Uitgegeven - exclusief Fooi";
+const SHOW_DETAILS = "DETAILS TONEN";
+const HIDE_DETAILS = "DETAILS VERBERGEN";
+const GROSS_TOTAL = "Bruto Totaal";
+const ITEMS_ORDERED = "Bestelde artikelen ({{count}})";
+const SHOW_ALL = "ALLE TONEN";
+const SHOW_LESS = "MINDER TONEN";
 const nl$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -12920,12 +13010,22 @@ const nl$1 = {
   START_TIME,
   SUBTOTAL,
   TAX,
+  TIP,
   TIPS,
   ITEMS,
   QUANTITY,
   PRICE,
   RAW_JSON,
-  PAYLOAD
+  PAYLOAD,
+  BILL,
+  BILL_NUMBER,
+  TOTAL_AMOUNT_EXCLUDING_TIP,
+  SHOW_DETAILS,
+  HIDE_DETAILS,
+  GROSS_TOTAL,
+  ITEMS_ORDERED,
+  SHOW_ALL,
+  SHOW_LESS
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -40154,25 +40254,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$29 = {
+const styles$2a = {
   label: label$8,
   comment: comment$4,
   translate
 };
 const sronly$1 = "_sronly_1n9bw_1";
-const styles$28 = {
+const styles$29 = {
   sronly: sronly$1
 };
 const SrOnly$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$28.sronly,
+    className: styles$29.sronly,
     children
   });
 };
 const label$7 = "_label_1vki7_1";
-const styles$27 = {
+const styles$28 = {
   label: label$7
 };
 var propTypes$3 = { exports: {} };
@@ -45078,7 +45178,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$26 = {
+const styles$27 = {
   icon: icon$a,
   "icon--small": "_icon--small_69yub_12",
   "icon--medium": "_icon--medium_69yub_15",
@@ -45093,14 +45193,14 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$26["icon"], styles$26[`icon--${size}`], className),
+    className: classNames$2(styles$27["icon"], styles$27[`icon--${size}`], className),
     ...props,
     children: icons$1[icon2]()
   });
 };
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-const styles$25 = {
+const styles$26 = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
@@ -45108,9 +45208,9 @@ const Tooltip$2 = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$25.tooltip,
+    className: styles$26.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$25.tooltip__icon,
+      className: styles$26.tooltip__icon,
       icon: "question",
       size: "small",
       "data-tip": true
@@ -45131,7 +45231,7 @@ const Label$2 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$27.label,
+    className: styles$28.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$2, {
       children: tooltip2
@@ -45143,7 +45243,7 @@ const Label$2 = ({
 };
 const label$6 = "_label_15hk9_1";
 const translation$1 = "_translation_15hk9_6";
-const styles$24 = {
+const styles$25 = {
   label: label$6,
   translation: translation$1
 };
@@ -45154,6 +45254,12 @@ const TranslateReply = async ({
   const data2 = await instance$1.post(`listing/venue-listing-reviews/reply/translate`, { text: text2, locale: locale2 });
   return { data: data2 };
 };
+const decodeHtmlEntities$1 = (value2) => {
+  if (!value2) return value2;
+  const textarea2 = document.createElement("textarea");
+  textarea2.innerHTML = value2;
+  return textarea2.value;
+};
 const ReplyTranslation = ({
   text: text2
 }) => {
@@ -45177,14 +45283,14 @@ const ReplyTranslation = ({
     children: [isExecuting && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isExecuting && /* @__PURE__ */ jsxs("div", {
-      className: styles$24.translation,
+      className: styles$25.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$24.label,
+        className: styles$25.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$24.translation,
-        children: data2 && data2.translatedText ? data2.translatedText : "---"
+        className: styles$25.translation,
+        children: data2 && data2.translatedText ? decodeHtmlEntities$1(data2.translatedText) : "---"
       })]
     })]
   });
@@ -46794,7 +46900,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   yes
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$9 = "_icon_lm3br_1";
-const styles$23 = {
+const styles$24 = {
   icon: icon$9,
   "icon--xs": "_icon--xs_lm3br_12",
   "icon--small": "_icon--small_lm3br_15",
@@ -46809,13 +46915,13 @@ const Icon = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$23["icon"], styles$23[`icon--${size}`], className),
+    className: classNames$2(styles$24["icon"], styles$24[`icon--${size}`], className),
     ...props,
     children: React__default.createElement(icons[icon2])
   });
 };
 const btn$2 = "_btn_g6dop_1";
-const styles$22 = {
+const styles$23 = {
   btn: btn$2,
   "btn--large": "_btn--large_g6dop_16",
   "btn--default": "_btn--default_g6dop_20",
@@ -46843,7 +46949,7 @@ const Button$1 = ({
   ...props
 }) => {
   const componentProps = {
-    className: classNames$2(styles$22["btn"], styles$22[`btn--${mode}`], styles$22[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$23["btn"], styles$23[`btn--${mode}`], styles$23[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon, {
@@ -46868,25 +46974,25 @@ const Button$1 = ({
   });
 };
 const sronly = "_sronly_1n9bw_1";
-const styles$21 = {
+const styles$22 = {
   sronly
 };
 const SrOnly = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$21.sronly,
+    className: styles$22.sronly,
     children
   });
 };
 const label$5 = "_label_wrsfp_1";
-const styles$20 = {
+const styles$21 = {
   label: label$5
 };
 const tooltipContainer = "_tooltipContainer_13ux5_1";
 const tooltipBox = "_tooltipBox_13ux5_5";
 const isVisible = "_isVisible_13ux5_26";
-const styles$1$ = {
+const styles$20 = {
   tooltipContainer,
   tooltipBox,
   isVisible,
@@ -46906,14 +47012,14 @@ const Tooltip$1 = ({
   const showTooltip = () => setIsVisible(true);
   const hideTooltip = () => setIsVisible(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1$.tooltipContainer,
+    className: styles$20.tooltipContainer,
     onMouseEnter: showTooltip,
     onMouseLeave: hideTooltip,
     onFocus: showTooltip,
     onBlur: hideTooltip,
     tabIndex: 0,
     children: [children, /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$1$.tooltipBox, styles$1$[`tooltip--${position2}`], isVisible2 ? styles$1$.isVisible : "", className),
+      className: classNames$2(styles$20.tooltipBox, styles$20[`tooltip--${position2}`], isVisible2 ? styles$20.isVisible : "", className),
       ...props,
       children: message2 ?? ""
     })]
@@ -46927,7 +47033,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$20.label,
+    className: styles$21.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
@@ -48859,7 +48965,7 @@ function o(o2, n, a2) {
   };
 }
 const text$2 = "_text_1f1l5_1";
-const styles$1_ = {
+const styles$1$ = {
   text: text$2
 };
 const FieldError$1 = ({
@@ -48867,14 +48973,14 @@ const FieldError$1 = ({
 }) => {
   if (error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1_.text,
+      className: styles$1$.text,
       children: error3.message
     });
   }
   return null;
 };
 const input$5 = "_input_1ayrx_1";
-const styles$1Z = {
+const styles$1_ = {
   input: input$5
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -48910,7 +49016,7 @@ const TextArea$1 = React__default.forwardRef(({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1Z.input,
+        className: styles$1_.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -49053,11 +49159,11 @@ const ReplyForm = ({
             marginTop: 10
           },
           children: [!showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$29.translate,
+            className: styles$2a.translate,
             onClick: () => setShowTranslation(true),
             children: t2("SHOWTRANSLATION")
           }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$29.translate,
+            className: styles$2a.translate,
             onClick: () => setShowTranslation(false),
             children: t2("HIDETRANSLATION")
           })]
@@ -49106,7 +49212,7 @@ const ReplyForm = ({
 const label$4 = "_label_x1r40_1";
 const comment$1 = "_comment_x1r40_7";
 const date$3 = "_date_x1r40_12";
-const styles$1Y = {
+const styles$1Z = {
   label: label$4,
   comment: comment$1,
   date: date$3
@@ -49120,13 +49226,13 @@ const Reply = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1Y.label,
+      className: styles$1Z.label,
       children: t2("REPLY")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1Y.comment,
+      className: styles$1Z.comment,
       children: reply2.comment
     }), /* @__PURE__ */ jsx$1("span", {
-      className: styles$1Y.date,
+      className: styles$1Z.date,
       children: reply2.createdAt
     }), /* @__PURE__ */ jsx$1("br", {})]
   });
@@ -49212,7 +49318,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$1X = {
+const styles$1Y = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -49238,36 +49344,36 @@ const Comment = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$29.label,
+      className: styles$2a.label,
       children: t2("REVIEW")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$29.comment,
+      className: styles$2a.comment,
       children
     }), !showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$29.translate,
+      className: styles$2a.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
     }), showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
-      className: styles$29.translate,
+      className: styles$2a.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
     })]
   });
 };
 const flag = "_flag_wd4ay_1";
-const styles$1W = {
+const styles$1X = {
   flag
 };
 const CountryFlag = ({
   locale: locale2
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1W.flag}`
+    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1X.flag}`
   });
 };
 const label$3 = "_label_15hk9_1";
 const translation = "_translation_15hk9_6";
-const styles$1V = {
+const styles$1W = {
   label: label$3,
   translation
 };
@@ -49285,6 +49391,12 @@ const GetReviewTranslation = async ({
   );
   return translatedText;
 };
+const decodeHtmlEntities = (value2) => {
+  if (!value2) return value2;
+  const textarea2 = document.createElement("textarea");
+  textarea2.innerHTML = value2;
+  return textarea2.value;
+};
 const CommentTranslation = ({
   commentId
 }) => {
@@ -49304,21 +49416,21 @@ const CommentTranslation = ({
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$1V.translation,
+      className: styles$1W.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$1V.label,
+        className: styles$1W.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1V.translation,
-        children: data2
+        className: styles$1W.translation,
+        children: decodeHtmlEntities(data2 || "")
       })]
     })]
   });
 };
 const label$2 = "_label_13kaz_1";
 const title$3 = "_title_13kaz_5";
-const styles$1U = {
+const styles$1V = {
   label: label$2,
   title: title$3
 };
@@ -49331,10 +49443,10 @@ const Title = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1U.label,
+      className: styles$1V.label,
       children: t2("TITLE")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1U.title,
+      className: styles$1V.title,
       children
     })]
   });
@@ -49512,7 +49624,7 @@ const formatData$k = (data2) => {
   });
 };
 const text$1 = "_text_12cto_1";
-const styles$1T = {
+const styles$1U = {
   text: text$1
 };
 const tagsMap$2 = {
@@ -49525,7 +49637,7 @@ const TemplateText = ({
   text: text2
 }) => {
   return /* @__PURE__ */ jsx$1("p", {
-    className: styles$1T.text,
+    className: styles$1U.text,
     children: text2.split("@@").map((item2, index2) => {
       if (tagsMap$2[item2]) {
         return /* @__PURE__ */ jsx$1("span", {
@@ -49537,7 +49649,7 @@ const TemplateText = ({
   });
 };
 const button$7 = "_button_1hbqp_1";
-const styles$1S = {
+const styles$1T = {
   button: button$7
 };
 const Template$1 = ({
@@ -49552,7 +49664,7 @@ const Template$1 = ({
     children: [/* @__PURE__ */ jsx$1(TemplateText, {
       text: text2
     }), /* @__PURE__ */ jsx$1("button", {
-      className: styles$1S.button,
+      className: styles$1T.button,
       onClick: handleClickUse,
       children: "Use"
     })]
@@ -49561,7 +49673,7 @@ const Template$1 = ({
 const container$x = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-const styles$1R = {
+const styles$1S = {
   container: container$x,
   hide: hide$1,
   toolbar: toolbar$3
@@ -55641,7 +55753,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-const styles$1Q = {
+const styles$1R = {
   tooltip: tooltip$1,
   tooltip__icon
 };
@@ -55649,9 +55761,9 @@ const LockTooltip = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1Q.tooltip,
+    className: styles$1R.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$1Q.tooltip__icon,
+      className: styles$1R.tooltip__icon,
       icon: "lock",
       size: "small",
       "data-tip": children
@@ -55665,7 +55777,7 @@ const LockTooltip = ({
 };
 const container$w = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-const styles$1P = {
+const styles$1Q = {
   container: container$w,
   tooltip
 };
@@ -55694,7 +55806,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1P.container,
+    className: styles$1Q.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -55708,7 +55820,7 @@ const NewSelect = ({
         id: id2,
         isDisabled
       }), isDisabled && /* @__PURE__ */ jsx$1("div", {
-        className: styles$1P.tooltip,
+        className: styles$1Q.tooltip,
         children: /* @__PURE__ */ jsx$1(LockTooltip, {
           children: disabledTooltip
         })
@@ -55784,12 +55896,12 @@ const filterTemplatesByLanguage = (templates, language) => {
 };
 const header$7 = "_header_1jmjy_1";
 const icon$8 = "_icon_1jmjy_11";
-const styles$1O = {
+const styles$1P = {
   header: header$7,
   icon: icon$8
 };
 const heading = "_heading_1fifa_1";
-const styles$1N = {
+const styles$1O = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -55805,7 +55917,7 @@ const Heading = ({
   const Tag2 = level;
   return /* @__PURE__ */ jsx$1(Tag2, {
     id: id2,
-    className: classNames$2(styles$1N["heading"], styles$1N[`heading--${size}`]),
+    className: classNames$2(styles$1O["heading"], styles$1O[`heading--${size}`]),
     ...props,
     children
   });
@@ -55820,18 +55932,18 @@ const Header$6 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1O.header,
+    className: styles$1P.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$1O.icon
+      className: styles$1P.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$v = "_container_pc1hp_1";
-const styles$1M = {
+const styles$1N = {
   container: container$v
 };
 const Card$1 = ({
@@ -55843,12 +55955,12 @@ const Card$1 = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1M.container, className, "mz-card"),
+      className: classNames$2(styles$1N.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$6, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1M.content, classNameContent),
+        className: classNames$2(styles$1N.content, classNameContent),
         children
       })]
     })
@@ -55920,11 +56032,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$1R.container, {
-      [styles$1R.hide]: !open
+    className: classNames$2(styles$1S.container, {
+      [styles$1S.hide]: !open
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1R.toolbar,
+      className: styles$1S.toolbar,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -55983,31 +56095,31 @@ const DetailMobile = ({
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1X.detail, {
-      [styles$1X.hidden]: !openForm
+    className: classNames$2(styles$1Y.detail, {
+      [styles$1Y.hidden]: !openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
       onClick,
-      className: styles$1X.back,
+      className: styles$1Y.back,
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "close"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1X.statusbar,
+      className: styles$1Y.statusbar,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1X.statusbar__icons,
+        className: styles$1Y.statusbar__icons,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: reply2 ? "mailReplied" : "mailNotReplied"
         }), /* @__PURE__ */ jsx$1("img", {
           alt: platform2,
           src: platformImages[platform2],
-          className: styles$1X.platform
+          className: styles$1Y.platform
         })]
       }), /* @__PURE__ */ jsx$1("div", {
         children: createdAt
       })]
     }), /* @__PURE__ */ jsxs("strong", {
-      className: styles$1X.reviewer,
+      className: styles$1Y.reviewer,
       children: [reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ jsx$1(CountryFlag, {
         locale: locale2
       })]
@@ -56052,7 +56164,7 @@ const DetailMobile = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1X["container--reply"],
+      className: styles$1Y["container--reply"],
       children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -56068,7 +56180,7 @@ const DetailMobile = ({
         reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1X["container--reply"],
+      className: styles$1Y["container--reply"],
       children: reply2 && /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       })
@@ -56101,13 +56213,13 @@ const DetailMobile = ({
 const detail = "_detail_1nbuk_1";
 const reply = "_reply_1nbuk_10";
 const hide = "_hide_1nbuk_14";
-const styles$1L = {
+const styles$1M = {
   detail,
   reply,
   hide
 };
 const btn$1 = "_btn_1wg4v_1";
-const styles$1K = {
+const styles$1L = {
   btn: btn$1,
   "btn--large": "_btn--large_1wg4v_16",
   "btn--small": "_btn--small_1wg4v_19",
@@ -56132,7 +56244,7 @@ const Button = React__default.forwardRef(({
   ...props
 }, ref = null) => {
   const componentProps = {
-    className: classNames$2(styles$1K["btn"], styles$1K[`btn--${mode}`], styles$1K[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1L["btn"], styles$1L[`btn--${mode}`], styles$1L[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon$1, {
@@ -56184,8 +56296,8 @@ const DetailDesktop = ({
   } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1L.detail, {
-      [styles$1L.hide]: !openForm
+    className: classNames$2(styles$1M.detail, {
+      [styles$1M.hide]: !openForm
     }),
     children: [meta && /* @__PURE__ */ jsxs("div", {
       style: {
@@ -56226,7 +56338,7 @@ const DetailDesktop = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1L.reply,
+      className: styles$1M.reply,
       children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -56242,7 +56354,7 @@ const DetailDesktop = ({
         reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1L.reply,
+      className: styles$1M.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1("div", {
@@ -56272,7 +56384,7 @@ const image$1 = "_image_x6ey8_40";
 const imageMobile = "_imageMobile_x6ey8_46";
 const reviewer = "_reviewer_x6ey8_61";
 const location = "_location_x6ey8_66";
-const styles$1J = {
+const styles$1K = {
   container: container$u,
   light,
   active,
@@ -56336,30 +56448,30 @@ const Review = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("article", {
-    className: classNames$2(styles$1J.container, {
-      [styles$1J.light]: light2,
-      [styles$1J.active]: openForm
+    className: classNames$2(styles$1K.container, {
+      [styles$1K.light]: light2,
+      [styles$1K.active]: openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1J.resume,
+      className: styles$1K.resume,
       onClick,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1J.resume__container,
+        className: styles$1K.resume__container,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1J.left,
+          className: styles$1K.left,
           children: [/* @__PURE__ */ jsx$1(Row, {
             children: /* @__PURE__ */ jsxs(Col, {
               xs: 24,
               sm: 0,
               children: [/* @__PURE__ */ jsx$1("span", {
-                className: styles$1J["icon--center"],
+                className: styles$1K["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
               }), /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1J.imageMobile
+                className: styles$1K.imageMobile
               })]
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -56367,7 +56479,7 @@ const Review = ({
               xs: 0,
               sm: 24,
               children: /* @__PURE__ */ jsx$1("span", {
-                className: styles$1J["icon--center"],
+                className: styles$1K["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
@@ -56380,7 +56492,7 @@ const Review = ({
               children: /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1J.image
+                className: styles$1K.image
               })
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -56404,7 +56516,7 @@ const Review = ({
               },
               children: [/* @__PURE__ */ jsx$1(Col, {
                 children: /* @__PURE__ */ jsx$1("strong", {
-                  className: styles$1J.reviewer,
+                  className: styles$1K.reviewer,
                   children: reviewer2.name
                 })
               }), /* @__PURE__ */ jsx$1(Col, {
@@ -56442,11 +56554,11 @@ const Review = ({
           })]
         }), multiVenue && /* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$1J.location,
+            className: styles$1K.location,
             children: locationName
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1J.right,
+          className: styles$1K.right,
           children: createdAt
         })]
       })
@@ -56492,7 +56604,7 @@ const Review = ({
 };
 const header$6 = "_header_190p9_1";
 const icon$7 = "_icon_190p9_10";
-const styles$1I = {
+const styles$1J = {
   header: header$6,
   icon: icon$7
 };
@@ -56506,18 +56618,18 @@ const Header$5 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1I.header,
+    className: styles$1J.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$1I.icon
+      className: styles$1J.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$t = "_container_pd6ji_1";
-const styles$1H = {
+const styles$1I = {
   container: container$t
 };
 const Card = ({
@@ -56529,43 +56641,43 @@ const Card = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1H.container, className, "mz-card"),
+      className: classNames$2(styles$1I.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$5, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1H.content, classNameContent),
+        className: classNames$2(styles$1I.content, classNameContent),
         children
       })]
     })
   });
 };
 const header$5 = "_header_1qr4z_1";
-const styles$1G = {
+const styles$1H = {
   header: header$5
 };
 const Header$4 = ({
   title: title2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1G.header,
+    className: styles$1H.header,
     children: /* @__PURE__ */ jsxs(Heading, {
       children: [" ", title2]
     })
   });
 };
 const container$s = "_container_1egcu_1";
-const styles$1F = {
+const styles$1G = {
   container: container$s
 };
 const Empty = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1F.container,
+    className: styles$1G.container,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
       icon: "fileSad",
-      className: styles$1F.icon,
+      className: styles$1G.icon,
       size: "xxl"
     }), /* @__PURE__ */ jsx$1("h2", {
       children
@@ -56575,7 +56687,7 @@ const Empty = ({
 const container$r = "_container_n6953_1";
 const content$8 = "_content_n6953_6";
 const empty = "_empty_n6953_10";
-const styles$1E = {
+const styles$1F = {
   container: container$r,
   content: content$8,
   empty
@@ -56616,13 +56728,13 @@ const Reviews = ({
     }
   };
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1E.container,
-    classNameContent: styles$1E.content,
+    className: styles$1F.container,
+    classNameContent: styles$1F.content,
     header: /* @__PURE__ */ jsx$1(Header$4, {
       title: t2("REVIEWS")
     }),
     children: [isEmpty && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1E.empty,
+      className: styles$1F.empty,
       children: /* @__PURE__ */ jsx$1(Empty, {
         children: t2("youDontHaveReviewsYet")
       })
@@ -56674,7 +56786,7 @@ const collapse = "_collapse_1tnkf_8";
 const collapse__header = "_collapse__header_1tnkf_15";
 const left$1 = "_left_1tnkf_23";
 const content$7 = "_content_1tnkf_28";
-const styles$1D = {
+const styles$1E = {
   collapse,
   "collapse--light": "_collapse--light_1tnkf_12",
   collapse__header,
@@ -56696,14 +56808,14 @@ const Template = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1D.collapse, {
-      [styles$1D["collapse--light"]]: light2
+    className: classNames$2(styles$1E.collapse, {
+      [styles$1E["collapse--light"]]: light2
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1D.collapse__header,
+      className: styles$1E.collapse__header,
       onClick: toggle,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1D.left,
+        className: styles$1E.left,
         children: [/* @__PURE__ */ jsx$1(Icon$1, {
           icon: open ? "chevronDown" : "chevronRight"
         }), template.title, /* @__PURE__ */ jsx$1(CountryFlag, {
@@ -56714,7 +56826,7 @@ const Template = ({
         children: t2("USE")
       })]
     }), open && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1D.content,
+      className: styles$1E.content,
       children: /* @__PURE__ */ jsx$1(TemplateContent, {
         children: template.reply
       })
@@ -56724,7 +56836,7 @@ const Template = ({
 const skeleton$3 = "_skeleton_1jxqg_12";
 const error$2 = "_error_1jxqg_16";
 const filters$1 = "_filters_1jxqg_20";
-const styles$1C = {
+const styles$1D = {
   skeleton: skeleton$3,
   error: error$2,
   filters: filters$1,
@@ -62270,7 +62382,7 @@ const Modal$1 = ({
   });
 };
 const container$q = "_container_1rjfx_1";
-const styles$1B = {
+const styles$1C = {
   container: container$q
 };
 const customStyles = {
@@ -62390,7 +62502,7 @@ const Select = ({
     };
   }, [value2, translateLabels, t2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1B.container,
+    className: styles$1C.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       htmlFor: id2,
       children: label2
@@ -62473,15 +62585,15 @@ const Templates = ({
       children: t2("REPLYTEMPLATES")
     }),
     children: [isLoading && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1C.skeleton,
+      className: styles$1D.skeleton,
       children: /* @__PURE__ */ jsx$1(SkeletonPage$1, {})
     }), error3 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1C.error,
+      className: styles$1D.error,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: error3
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1C.filters,
+      className: styles$1D.filters,
       children: [/* @__PURE__ */ jsx$1(Select, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -62494,7 +62606,7 @@ const Templates = ({
         onChange: handleOnChangeLanguage
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1C["templates--container"],
+      className: styles$1D["templates--container"],
       children: templates == null ? void 0 : templates.map((template, index2) => /* @__PURE__ */ jsx$1(Template, {
         template,
         light: index2 % 2 === 1,
@@ -62891,7 +63003,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$1A = {
+const styles$1B = {
   filterButton: filterButton$1,
   buttonClose: buttonClose$1,
   toolbar: toolbar$2,
@@ -62911,12 +63023,12 @@ const FiltersWrapper$1 = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$1A.toolbar, {
-        [styles$1A["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$1B.toolbar, {
+        [styles$1B["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1A.buttonClose, {
-          [styles$1A.hide]: !showFilters
+        className: classNames$2(styles$1B.buttonClose, {
+          [styles$1B.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: "close",
@@ -62928,7 +63040,7 @@ const FiltersWrapper$1 = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$1A.filterButton,
+      className: styles$1B.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "descriptionShort",
         size: "small"
@@ -62939,7 +63051,7 @@ const FiltersWrapper$1 = ({
 const inputWrapper = "_inputWrapper_c5acm_1";
 const input$4 = "_input_c5acm_1";
 const inputIcon = "_inputIcon_c5acm_89";
-const styles$1z = {
+const styles$1A = {
   inputWrapper,
   input: input$4,
   "input--r-md": "_input--r-md_c5acm_37",
@@ -63001,7 +63113,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1z["input"], styles$1z[`input--h-${heigth}`], styles$1z[`input--r-${radius}`], icon2 && styles$1z[`input--with-icon-${iconPosition}`], filled == true ? styles$1z[`input--filled`] : "", borderLess == true ? styles$1z[`input--borderless`] : "", rounded == true ? styles$1z[`input--rounded`] : "", error3 == true ? styles$1z[`input--error`] : "", lineThrough == true ? styles$1z[`input--line-through`] : ""),
+        className: classNames$2(styles$1A["input"], styles$1A[`input--h-${heigth}`], styles$1A[`input--r-${radius}`], icon2 && styles$1A[`input--with-icon-${iconPosition}`], filled == true ? styles$1A[`input--filled`] : "", borderLess == true ? styles$1A[`input--borderless`] : "", rounded == true ? styles$1A[`input--rounded`] : "", error3 == true ? styles$1A[`input--error`] : "", lineThrough == true ? styles$1A[`input--line-through`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -63012,7 +63124,7 @@ const Input$2 = React__default.forwardRef(({
         disabled: disabled2,
         ...props
       }), icon2 && /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1z["inputIcon"], styles$1z[`inputIcon--p-${iconPosition}`], className ? className : ""),
+        className: classNames$2(styles$1A["inputIcon"], styles$1A[`inputIcon--p-${iconPosition}`], className ? className : ""),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: icon2,
           size: iconSize
@@ -63022,7 +63134,7 @@ const Input$2 = React__default.forwardRef(({
   });
 });
 const datePicker$1 = "_datePicker_aezmq_1";
-const styles$1y = {
+const styles$1z = {
   datePicker: datePicker$1
 };
 function r(e) {
@@ -72228,7 +72340,7 @@ const left = "_left_10sq9_38";
 const datePickerShortcuts = "_datePickerShortcuts_10sq9_48";
 const singleMode = "_singleMode_10sq9_298";
 const rangeMode = "_rangeMode_10sq9_303";
-const styles$1x = {
+const styles$1y = {
   datePicker,
   inlinePicker,
   visible,
@@ -85828,12 +85940,12 @@ const DatePicker$1 = ({
       return null;
     }
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1x.datePickerShortcuts,
+      className: styles$1y.datePickerShortcuts,
       children: options2.shortcuts.map((shortcut, index2) => /* @__PURE__ */ jsx$1(Button$1, {
         type: "button",
         mode: "tertiary",
         size: "mini",
-        className: styles$1x.datePickerShortcutBtn,
+        className: styles$1y.datePickerShortcutBtn,
         onClick: () => {
           shortcut.onClick({
             setDateRange: (start, end) => {
@@ -85884,7 +85996,7 @@ const DatePicker$1 = ({
   }, [value2, format3, isRangeMode]);
   const selectedDate = isRangeMode ? startDate : singleDate;
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$1x.inlinePicker} ${show ? styles$1x.visible : ""} ${isRangeMode ? styles$1x.rangeMode : styles$1x.singleMode} ${styles$1x[pickerPosition]}`,
+    className: `${styles$1y.inlinePicker} ${show ? styles$1y.visible : ""} ${isRangeMode ? styles$1y.rangeMode : styles$1y.singleMode} ${styles$1y[pickerPosition]}`,
     children: [/* @__PURE__ */ jsx$1(DatePicker$2, {
       id: id2,
       ref: datePickerRef,
@@ -85952,7 +86064,7 @@ const InputDatePicker = (props) => {
     });
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1y.datePicker,
+    className: styles$1z.datePicker,
     ref: pickerContainerRef,
     children: [/* @__PURE__ */ jsx$1(CustomInput, {}), /* @__PURE__ */ jsx$1(DatePicker$1, {
       id: props.id,
@@ -86155,7 +86267,7 @@ const Header$3 = ({
 const content$6 = "_content_6vryc_2";
 const grid = "_grid_6vryc_8";
 const footer$8 = "_footer_6vryc_15";
-const styles$1w = {
+const styles$1x = {
   content: content$6,
   grid,
   footer: footer$8
@@ -86163,7 +86275,7 @@ const styles$1w = {
 const container$p = "_container_1xz3t_13";
 const item$7 = "_item_1xz3t_20";
 const itemfull = "_itemfull_1xz3t_26";
-const styles$1v = {
+const styles$1w = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$p,
   item: item$7,
@@ -86171,21 +86283,21 @@ const styles$1v = {
 };
 const SkeletonPage = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1v["animate-pulse"],
+    className: styles$1w["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1v.container,
+      className: styles$1w.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$1v.item
+        className: styles$1w.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1v.item
+        className: styles$1w.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1v.itemfull
+        className: styles$1w.itemfull
       })]
     })
   });
 };
 const container$o = "_container_1oqup_1";
-const styles$1u = {
+const styles$1v = {
   container: container$o
 };
 const LayoutPage$1 = ({
@@ -86195,12 +86307,12 @@ const LayoutPage$1 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1u.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1v.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$1u.content, contentClassName),
+      className: classNames$2(styles$1v.content, contentClassName),
       children
     })]
   });
@@ -86296,7 +86408,7 @@ const ReviewsPage = ({
     });
   }
   return /* @__PURE__ */ jsx$1(LayoutPage$2, {
-    contentClassName: styles$1w.content,
+    contentClassName: styles$1x.content,
     header: /* @__PURE__ */ jsx$1(Header$3, {
       onChangeFilter: setFilters,
       filters: filter2,
@@ -86313,7 +86425,7 @@ const ReviewsPage = ({
             value: [lang2],
             children: /* @__PURE__ */ jsxs("div", {
               children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
-                className: styles$1w.grid,
+                className: styles$1x.grid,
                 children: [/* @__PURE__ */ jsxs("div", {
                   children: [/* @__PURE__ */ jsx$1(Reviews, {
                     reviews: issues,
@@ -86323,7 +86435,7 @@ const ReviewsPage = ({
                     setShowTemplate: setShowReplyTemplates,
                     selectedReviewId: filter2.reviewId
                   }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
-                    className: styles$1w.footer,
+                    className: styles$1x.footer,
                     children: /* @__PURE__ */ jsx$1(Button$1, {
                       type: "button",
                       onClick: loadMore,
@@ -87336,7 +87448,7 @@ const container$n = "_container_1jgim_1";
 const button$6 = "_button_1jgim_14";
 const skeleton$2 = "_skeleton_1jgim_22";
 const item$6 = "_item_1jgim_33";
-const styles$1t = {
+const styles$1u = {
   container: container$n,
   button: button$6,
   "button-disable": "_button-disable_1jgim_17",
@@ -87359,11 +87471,11 @@ const Table$1 = ({
       width: "100%"
     },
     children: /* @__PURE__ */ jsxs(Card, {
-      classNameContent: classNames$2(styles$1t.container, classNameContent),
+      classNameContent: classNames$2(styles$1u.container, classNameContent),
       className: classNameConatiner,
       header: Header2,
       children: [/* @__PURE__ */ jsxs("table", {
-        className: classNames$2(styles$1t.table, className),
+        className: classNames$2(styles$1u.table, className),
         children: [/* @__PURE__ */ jsx$1("thead", {
           children: /* @__PURE__ */ jsx$1("tr", {
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
@@ -87393,12 +87505,12 @@ const LoadingBody$2 = ({
   rows = 5,
   items = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: styles$1t.skeleton,
+  className: styles$1u.skeleton,
   children: Object.keys(Array(rows).fill(1)).map((index2) => {
     return /* @__PURE__ */ jsx$1("tr", {
       children: Object.keys(Array(items).fill(1)).map((id2) => /* @__PURE__ */ jsx$1("td", {
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$1t.item
+          className: styles$1u.item
         })
       }, `${index2}-${id2}`))
     }, index2);
@@ -87423,11 +87535,11 @@ const TablePagination$2 = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$1t.button, {
-    [styles$1t["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$1u.button, {
+    [styles$1u["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$1t.button, {
-    [styles$1t["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$1u.button, {
+    [styles$1u["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
@@ -88470,7 +88582,7 @@ const formatParams$4 = ({ limit = 10, page = 1 }) => {
   };
 };
 const container$m = "_container_aljvu_1";
-const styles$1s = {
+const styles$1t = {
   container: container$m
 };
 const roleOptions = [{
@@ -88486,7 +88598,7 @@ const FiltersBar = () => {
       title: "Filters"
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1s.container,
+      className: styles$1t.container,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         placeholder: "All roles",
         options: roleOptions,
@@ -88503,7 +88615,7 @@ const FiltersBar = () => {
 };
 const container$l = "_container_ntz7t_1";
 const table$2 = "_table_ntz7t_6";
-const styles$1r = {
+const styles$1s = {
   container: container$l,
   table: table$2
 };
@@ -88525,8 +88637,8 @@ const Users = () => {
       totalElements: (data2 == null ? void 0 : data2.total) || 0,
       data: (data2 == null ? void 0 : data2.data) || [],
       header: TableHeader,
-      className: styles$1r.table,
-      classNameConatiner: styles$1r.container
+      className: styles$1s.table,
+      classNameConatiner: styles$1s.container
     })]
   });
 };
@@ -90489,7 +90601,7 @@ var Form$7 = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 Form$7.displayName = "Form";
 const text = "_text_1f1l5_1";
-const styles$1q = {
+const styles$1r = {
   text
 };
 const FieldError = ({
@@ -90498,7 +90610,7 @@ const FieldError = ({
 }) => {
   if (touched && error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1q.text,
+      className: styles$1r.text,
       children: error3
     });
   }
@@ -90541,7 +90653,7 @@ const SelectField$1 = ({
   });
 };
 const input$3 = "_input_1xto5_1";
-const styles$1p = {
+const styles$1q = {
   input: input$3,
   "input--r-md": "_input--r-md_1xto5_23",
   "input--r-sm": "_input--r-sm_1xto5_26"
@@ -90586,7 +90698,7 @@ const Input$1 = ({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("input", {
-        className: classNames$2(styles$1p["input"], styles$1p[`input--h-${heigth}`], styles$1p[`input--r-${radius}`]),
+        className: classNames$2(styles$1q["input"], styles$1q[`input--h-${heigth}`], styles$1q[`input--r-${radius}`]),
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -90611,14 +90723,14 @@ const TextInputField$1 = (props) => {
   });
 };
 const layoutForm = "_layoutForm_2ktmv_1";
-const styles$1o = {
+const styles$1p = {
   layoutForm
 };
 const LayoutForm = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1o.layoutForm,
+    className: styles$1p.layoutForm,
     children
   });
 };
@@ -90823,7 +90935,7 @@ const formatData$h = (data2) => {
 const mainConatiner$3 = "_mainConatiner_1mt10_1";
 const container$k = "_container_1mt10_5";
 const item$5 = "_item_1mt10_23";
-const styles$1n = {
+const styles$1o = {
   mainConatiner: mainConatiner$3,
   container: container$k,
   item: item$5
@@ -90831,7 +90943,7 @@ const styles$1n = {
 const label$1 = "_label_4sekk_1";
 const label__switch$1 = "_label__switch_4sekk_8";
 const input$2 = "_input_4sekk_30";
-const styles$1m = {
+const styles$1n = {
   label: label$1,
   label__switch: label__switch$1,
   input: input$2
@@ -90855,7 +90967,7 @@ const Toggle$2 = ({
   }
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1m.input,
+      className: styles$1n.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -90863,9 +90975,9 @@ const Toggle$2 = ({
       checked
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1m.label,
+      className: styles$1n.label,
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: styles$1m.label__switch
+        className: styles$1n.label__switch
       }), label2]
     })]
   });
@@ -90885,7 +90997,7 @@ const ToggleField = (props) => {
   });
 };
 const item$4 = "_item_1hc7u_1";
-const styles$1l = {
+const styles$1m = {
   item: item$4
 };
 const Item$1 = ({
@@ -90895,7 +91007,7 @@ const Item$1 = ({
   isLoading
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1l.item,
+    className: styles$1m.item,
     children: [name2, isLoading ? /* @__PURE__ */ jsx$1(Spinner$1, {}) : /* @__PURE__ */ jsx$1(ToggleField, {
       id: id2,
       onChange: onChange2
@@ -90907,7 +91019,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$1k = {
+const styles$1l = {
   container: container$j,
   email: email2,
   button: button$5,
@@ -90926,7 +91038,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$1j = {
+const styles$1k = {
   mainConatiner: mainConatiner$2,
   header: header$4,
   content: content$5,
@@ -90951,20 +91063,20 @@ const EmailsCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card, {
-    className: styles$1j.sectionCard,
+    className: styles$1k.sectionCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1j.sectionCard,
+      className: styles$1k.sectionCard,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1j.cardHeader,
+        className: styles$1k.cardHeader,
         children: [/* @__PURE__ */ jsx$1("h2", {
-          className: styles$1j.cardTitle,
+          className: styles$1k.cardTitle,
           children: t2("EMAILS")
         }), /* @__PURE__ */ jsx$1("p", {
-          className: styles$1j.cardDesc,
+          className: styles$1k.cardDesc,
           children: t2("EMAILS_DESC")
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1j.cardBody,
+        className: styles$1k.cardBody,
         children: [(data2 == null ? void 0 : data2.emails) && data2.emails.length > 0 && /* @__PURE__ */ jsx$1("div", {
           style: {
             display: "flex",
@@ -90987,9 +91099,9 @@ const EmailsCard = ({
           }), t2("NOTDEFINED")]
         })]
       }), canEdit && /* @__PURE__ */ jsxs("div", {
-        className: styles$1j.cardFooter,
+        className: styles$1k.cardFooter,
         children: [/* @__PURE__ */ jsx$1(Divider$1, {}), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1j.cardFooterContent,
+          className: styles$1k.cardFooterContent,
           onClick: () => {
             setIsOpenDrawer(true);
           },
@@ -91007,7 +91119,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$1i = {
+const styles$1j = {
   drawer,
   "drawer--open": "_drawer--open_nrlje_14",
   drawer__overlay,
@@ -91027,36 +91139,36 @@ const Drawer = ({
   width = 500
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1i.drawer, isOpen ? styles$1i[`drawer--open`] : ""),
+    className: classNames$2(styles$1j.drawer, isOpen ? styles$1j[`drawer--open`] : ""),
     children: [isOpen && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1i.drawer__overlay,
+      className: styles$1j.drawer__overlay,
       onClick: onClose2
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1i.drawer__content,
+      className: styles$1j.drawer__content,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1i.drawer__header,
+        className: styles$1j.drawer__header,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1i.drawer__header__content,
+          className: styles$1j.drawer__header__content,
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: title2
           }), titleDesc && /* @__PURE__ */ jsx$1("p", {
-            className: styles$1i.drawer__header__content__desc,
+            className: styles$1j.drawer__header__content__desc,
             children: titleDesc
           })]
         }), /* @__PURE__ */ jsx$1("button", {
-          className: styles$1i.drawer__close,
+          className: styles$1j.drawer__close,
           onClick: onClose2,
           children: "×"
         })]
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1i.drawer__body,
+        className: styles$1j.drawer__body,
         children
       })]
     })]
   });
 };
 const infoText$1 = "_infoText_1m2uc_1";
-const styles$1h = {
+const styles$1i = {
   infoText: infoText$1
 };
 const TextInputField = ({
@@ -91096,7 +91208,7 @@ const TextInputField = ({
         error: error3 ? true : false,
         ...props
       }), infoText2 && /* @__PURE__ */ jsx$1("p", {
-        className: styles$1h.infoText,
+        className: styles$1i.infoText,
         children: t2(infoText2)
       }), error3 && /* @__PURE__ */ jsx$1(FieldError$1, {
         error: error3
@@ -91175,7 +91287,7 @@ const EmailEditDrawer = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsx$1("div", {
         children: fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1j.sectionFormRow,
+          className: styles$1k.sectionFormRow,
           style: {
             justifyContent: "flex-start"
           },
@@ -91236,7 +91348,7 @@ const index$d = ({
 }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1j.sectionManagement,
+    className: styles$1k.sectionManagement,
     children: [/* @__PURE__ */ jsx$1(EmailsCard, {
       isOpenDrawer,
       setIsOpenDrawer,
@@ -91254,7 +91366,7 @@ const index$d = ({
 const label = "_label_1ghpv_1";
 const label__switch = "_label__switch_1ghpv_8";
 const input$1 = "_input_1ghpv_34";
-const styles$1g = {
+const styles$1h = {
   label,
   label__switch,
   "label__switch--disabled": "_label__switch--disabled_1ghpv_18",
@@ -91282,7 +91394,7 @@ const Toggle$1 = ({
   };
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1g.input,
+      className: styles$1h.input,
       type: "checkbox",
       onChange: handleChange,
       id: id2,
@@ -91292,14 +91404,14 @@ const Toggle$1 = ({
       disabled: disabled2
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1g.label,
+      className: styles$1h.label,
       style: {
         display: "flex",
         flexDirection: labelPosition === "left" ? "row-reverse" : "row",
         fontWeight: boldLabel ? "bold" : "normal"
       },
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: classNames$2(styles$1g.label__switch, disabled2 ? styles$1g["label__switch--disabled"] : "")
+        className: classNames$2(styles$1h.label__switch, disabled2 ? styles$1h["label__switch--disabled"] : "")
       }), t2(label2 ?? "")]
     })]
   });
@@ -91379,18 +91491,18 @@ const ReservationsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1j.sectionCard,
+    className: styles$1k.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1j.cardHeader,
+      className: styles$1k.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1j.cardTitle,
+        className: styles$1k.cardTitle,
         children: t2("RESERVATIONS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1j.cardDesc,
+        className: styles$1k.cardDesc,
         children: t2("RESERVATIONS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1j.cardBody,
+      className: styles$1k.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -91451,7 +91563,7 @@ const index$c = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1j.sectionManagement,
+    className: styles$1k.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReservationsCard, {
       data: data2,
       reload,
@@ -91499,18 +91611,18 @@ const ReviewsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1j.sectionCard,
+    className: styles$1k.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1j.cardHeader,
+      className: styles$1k.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1j.cardTitle,
+        className: styles$1k.cardTitle,
         children: t2("REVIEWS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1j.cardDesc,
+        className: styles$1k.cardDesc,
         children: t2("REVIEWS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1j.cardBody,
+      className: styles$1k.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -91557,7 +91669,7 @@ const index$b = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1j.sectionManagement,
+    className: styles$1k.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsCard, {
       data: data2,
       reload,
@@ -91606,18 +91718,18 @@ const ReviewsReportCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1j.sectionCard,
+    className: styles$1k.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1j.cardHeader,
+      className: styles$1k.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1j.cardTitle,
+        className: styles$1k.cardTitle,
         children: t2("REVIEWSREPORT")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1j.cardDesc,
+        className: styles$1k.cardDesc,
         children: t2("REVIEWSREPORT_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1j.cardBody,
+      className: styles$1k.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -91678,7 +91790,7 @@ const index$a = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1j.sectionManagement,
+    className: styles$1k.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsReportCard, {
       data: data2,
       reload,
@@ -91712,14 +91824,14 @@ function Main$3({
     setCurrentVenue(venueId);
   }, [venueId]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1j.mainConatiner,
+    className: styles$1k.mainConatiner,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1j.header,
+      className: styles$1k.header,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("NOTIFICATIONS")
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1j.content,
+      className: styles$1k.content,
       children: [/* @__PURE__ */ jsx$1(index$d, {
         venueId: currentVenue,
         data: data2,
@@ -91825,9 +91937,9 @@ const EmailForm = ({
       onSubmit: handleSubmit(onSubmitForm),
       children: /* @__PURE__ */ jsxs("div", {
         children: [fields && fields.length > 0 ? fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1k.container,
+          className: styles$1l.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$1k.email,
+            className: styles$1l.email,
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
               id: `emails.${index2}`,
@@ -91837,19 +91949,19 @@ const EmailForm = ({
               radius: "sm"
             })
           }), index2 > 0 && /* @__PURE__ */ jsx$1("button", {
-            className: styles$1k.button,
+            className: styles$1l.button,
             type: "button",
             onClick: () => remove(index2),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1k.plus,
+              className: styles$1l.plus,
               children: "-"
             })
           }), /* @__PURE__ */ jsx$1("button", {
-            className: styles$1k.button,
+            className: styles$1l.button,
             type: "button",
             onClick: () => append2(""),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1k.plus,
+              className: styles$1l.plus,
               children: "+"
             })
           })]
@@ -91860,7 +91972,7 @@ const EmailForm = ({
           onClick: () => append2(""),
           children: t2("ADDANEMAIL")
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1k.footer,
+          className: styles$1l.footer,
           children: /* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "submit",
@@ -91890,7 +92002,7 @@ const formatData$g = (data2) => {
     autoReplyReviews: data2.autoReplyReviews ? "true" : "false"
   };
 };
-const styles$1f = {
+const styles$1g = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -91899,7 +92011,7 @@ const UIList$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$1f["ui-list"], styles$1f[`ui-list--${mode}`]),
+    className: classNames$2(styles$1g["ui-list"], styles$1g[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -91932,7 +92044,7 @@ const Modal2 = ({
   });
 };
 const input = "_input_1ufjp_1";
-const styles$1e = {
+const styles$1f = {
   input
 };
 const TextArea = React__default.forwardRef(({
@@ -91968,7 +92080,7 @@ const TextArea = React__default.forwardRef(({
         position: "relative"
       },
       children: [/* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1e.input,
+        className: styles$1f.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -92255,7 +92367,7 @@ const Notifications = ({
     });
   }
   return /* @__PURE__ */ jsxs(LayoutPage$1, {
-    containerClassName: styles$1n.mainConatiner,
+    containerClassName: styles$1o.mainConatiner,
     children: [/* @__PURE__ */ jsx$1(Formik, {
       initialValues: data2,
       onSubmit: handleSubmit,
@@ -92263,7 +92375,7 @@ const Notifications = ({
       children: ({
         handleSubmit: handleSubmit2
       }) => /* @__PURE__ */ jsxs("div", {
-        className: styles$1n.container,
+        className: styles$1o.container,
         children: [/* @__PURE__ */ jsxs(Card$1, {
           header: {
             title: t2("REVIEWSREPORT")
@@ -92314,7 +92426,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$1n.item,
+              className: styles$1o.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "mail"
@@ -92322,7 +92434,7 @@ const Notifications = ({
               }), email3 || t2("NOTDEFINED")]
             }, index2);
           }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
-            className: styles$1n.item,
+            className: styles$1o.item,
             children: [/* @__PURE__ */ jsx$1("div", {
               children: /* @__PURE__ */ jsx$1(Icon, {
                 icon: "mail"
@@ -92514,7 +92626,7 @@ function App$1() {
 const filterButton = "_filterButton_l1kwj_1";
 const buttonClose = "_buttonClose_l1kwj_20";
 const toolbar$1 = "_toolbar_l1kwj_36";
-const styles$1d = {
+const styles$1e = {
   filterButton,
   buttonClose,
   toolbar: toolbar$1,
@@ -92531,12 +92643,12 @@ const FiltersWrapper = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$1d.toolbar, {
-        [styles$1d["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$1e.toolbar, {
+        [styles$1e["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1d.buttonClose, {
-          [styles$1d.hide]: !showFilters
+        className: classNames$2(styles$1e.buttonClose, {
+          [styles$1e.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon$1, {
           icon: "close",
@@ -92548,7 +92660,7 @@ const FiltersWrapper = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$1d.filterButton,
+      className: styles$1e.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "descriptionShort",
         size: "small"
@@ -92880,7 +92992,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$1c = {
+const styles$1d = {
   icon: icon$6,
   green: green$1,
   blue: blue$1,
@@ -92891,7 +93003,7 @@ const CircleIcon$1 = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1c.icon, styles$1c[color2]),
+    className: classNames$2(styles$1d.icon, styles$1d[color2]),
     children: /* @__PURE__ */ jsx$1(Icon2, {
       size: 20
     })
@@ -116157,7 +116269,7 @@ const container$i = "_container_6pm34_1";
 const content$4 = "_content_6pm34_7";
 const item$3 = "_item_6pm34_13";
 const compare = "_compare_6pm34_19";
-const styles$1b = {
+const styles$1c = {
   container: container$i,
   content: content$4,
   item: item$3,
@@ -116175,11 +116287,11 @@ const AverageScoreCard = ({
     header: {
       title: t2("AVERAGESCORE")
     },
-    className: styles$1b.container,
-    classNameContent: styles$1b.content,
+    className: styles$1c.container,
+    classNameContent: styles$1c.content,
     children: [/* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1b.item,
+        className: styles$1c.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: inPeriod.chart,
           avg: inPeriod.avg
@@ -116188,7 +116300,7 @@ const AverageScoreCard = ({
           data: inPeriod.chart
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1b.item,
+        className: styles$1c.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: compare2.chart,
           avg: compare2.avg
@@ -116198,7 +116310,7 @@ const AverageScoreCard = ({
         })]
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1b.compare,
+      className: styles$1c.compare,
       children: /* @__PURE__ */ jsx$1("small", {
         children: t2("COMPARED_PERIOD", {
           date: comparedPeriod
@@ -116257,7 +116369,7 @@ const comparison$1 = "_comparison_18cx4_20";
 const container$h = "_container_18cx4_25";
 const content$3 = "_content_18cx4_29";
 const title$2 = "_title_18cx4_33";
-const styles$1a = {
+const styles$1b = {
   success: success$1,
   danger: danger$1,
   header: header$3,
@@ -116269,18 +116381,18 @@ const styles$1a = {
 };
 const container$g = "_container_1vji6_13";
 const itemStatCard$1 = "_itemStatCard_1vji6_32";
-const styles$19 = {
+const styles$1a = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$g,
   itemStatCard: itemStatCard$1
 };
 const SkeletonStatCard$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$19["animate-pulse"],
+    className: styles$1a["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$19.container,
+      className: styles$1a.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$19.itemStatCard
+        className: styles$1a.itemStatCard
       })
     })
   });
@@ -116297,10 +116409,10 @@ const StatsCard$1 = ({
 }) => {
   const arrow2 = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$1a.success
+    className: styles$1b.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$1a.danger
+    className: styles$1b.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -116317,12 +116429,12 @@ const StatsCard$1 = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$1a.value,
+        className: styles$1b.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$1a.value,
+      className: styles$1b.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -116334,19 +116446,19 @@ const StatsCard$1 = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$1a.header,
+      className: styles$1b.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$1a.title,
+        className: styles$1b.title,
         children: title2
       })]
     }),
-    className: styles$1a.container,
-    classNameContent: styles$1a.content,
+    className: styles$1b.container,
+    classNameContent: styles$1b.content,
     children: !loading2 ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$1a.comparison, {
-          [styles$1a.success]: comparison2 > 0,
-          [styles$1a.danger]: comparison2 < 0
+        className: classNames$2(styles$1b.comparison, {
+          [styles$1b.success]: comparison2 > 0,
+          [styles$1b.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow2 : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -116611,7 +116723,7 @@ const content$2 = "_content_15v81_42";
 const errorContainer = "_errorContainer_15v81_49";
 const venueSelectorContainer = "_venueSelectorContainer_15v81_54";
 const venueSelector$1 = "_venueSelector_15v81_54";
-const styles$18 = {
+const styles$19 = {
   listingAnalyticsContainer,
   h3,
   center,
@@ -116901,7 +117013,7 @@ const SelectVenue = ({
 };
 const param = "_param_su98a_1";
 const title$1 = "_title_su98a_6";
-const styles$17 = {
+const styles$18 = {
   param,
   title: title$1
 };
@@ -116911,9 +117023,9 @@ const Param = ({
   tooltip: tooltip2,
   loadingValue = false
 }) => /* @__PURE__ */ jsxs("div", {
-  className: styles$17.param,
+  className: styles$18.param,
   children: [/* @__PURE__ */ jsx$1("span", {
-    className: styles$17.title,
+    className: styles$18.title,
     children: tooltip2 ? /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
       children: title2
@@ -116983,11 +117095,11 @@ const Analytics$2 = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$18.listingAnalyticsContainer,
+    className: styles$19.listingAnalyticsContainer,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$18.venueSelectorContainer,
+      className: styles$19.venueSelectorContainer,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$18.venueSelector,
+        className: styles$19.venueSelector,
         children: /* @__PURE__ */ jsx$1(SelectVenue, {
           onChange: handleChangeVenue,
           selectedVenue: listingId,
@@ -116996,18 +117108,18 @@ const Analytics$2 = ({
       })
     }), isLoading && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$18.center,
+        className: styles$19.center,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: "Spinner",
           size: "xl"
         }), /* @__PURE__ */ jsx$1("h3", {
-          className: styles$18.h3,
+          className: styles$19.h3,
           children: t2("loadingAnalytics")
         })]
       })
     }), !isLoading && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$18.errorContainer,
+        className: styles$19.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("You don't have a connected Google Account")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -117016,7 +117128,7 @@ const Analytics$2 = ({
       })
     }), !isLoading && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$18.errorContainer,
+        className: styles$19.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("Your Google Business Profile is not Verified")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -117029,7 +117141,7 @@ const Analytics$2 = ({
         value: filter2
       }),
       children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && formattedStats && /* @__PURE__ */ jsxs("div", {
-        className: styles$18.content,
+        className: styles$19.content,
         children: [/* @__PURE__ */ jsxs(Row, {
           gutter: [16, 28],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -117138,7 +117250,7 @@ const comparison = "_comparison_18cx4_20";
 const container$f = "_container_18cx4_25";
 const content$1 = "_content_18cx4_29";
 const title = "_title_18cx4_33";
-const styles$16 = {
+const styles$17 = {
   success,
   danger,
   header: header$2,
@@ -117151,7 +117263,7 @@ const styles$16 = {
 const container$e = "_container_1vji6_13";
 const itemStatCard = "_itemStatCard_1vji6_32";
 const itemDiv = "_itemDiv_1vji6_39";
-const styles$15 = {
+const styles$16 = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$e,
   itemStatCard,
@@ -117159,28 +117271,28 @@ const styles$15 = {
 };
 const SkeletonStatCard = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$15["animate-pulse"],
+    className: styles$16["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$15.container,
+      className: styles$16.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$15.itemStatCard
+        className: styles$16.itemStatCard
       })
     })
   });
 };
 const SkeletonDiv = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$15["animate-pulse"],
+    className: styles$16["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$15.container,
+      className: styles$16.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$15.itemDiv
+        className: styles$16.itemDiv
       })
     })
   });
 };
 const spinner = "_spinner_mmhvn_1";
-const styles$14 = {
+const styles$15 = {
   spinner
 };
 const Spinner = ({
@@ -117194,7 +117306,7 @@ const Spinner = ({
     borderTop: `${size / 10}px solid transparent`
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$14.spinner,
+    className: styles$15.spinner,
     style: spinnerStyle
   });
 };
@@ -117210,10 +117322,10 @@ const StatsCard = ({
 }) => {
   const arrow2 = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$16.success
+    className: styles$17.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$16.danger
+    className: styles$17.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -117229,12 +117341,12 @@ const StatsCard = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$16.value,
+        className: styles$17.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$16.value,
+      className: styles$17.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -117246,19 +117358,19 @@ const StatsCard = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$16.header,
+      className: styles$17.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$16.title,
+        className: styles$17.title,
         children: title2
       })]
     }),
-    className: styles$16.container,
-    classNameContent: styles$16.content,
+    className: styles$17.container,
+    classNameContent: styles$17.content,
     children: !loading2 ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$16.comparison, {
-          [styles$16.success]: comparison2 > 0,
-          [styles$16.danger]: comparison2 < 0
+        className: classNames$2(styles$17.comparison, {
+          [styles$17.success]: comparison2 > 0,
+          [styles$17.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow2 : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -117273,7 +117385,7 @@ const StatsCard = ({
     }) : /* @__PURE__ */ jsx$1(SkeletonStatCard, {})
   });
 };
-const styles$13 = {
+const styles$14 = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -117282,7 +117394,7 @@ const UIList = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$13["ui-list"], styles$13[`ui-list--${mode}`]),
+    className: classNames$2(styles$14["ui-list"], styles$14[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -117317,7 +117429,7 @@ const icon$5 = "_icon_wt0av_1";
 const green = "_green_wt0av_10";
 const blue = "_blue_wt0av_15";
 const red = "_red_wt0av_20";
-const styles$12 = {
+const styles$13 = {
   icon: icon$5,
   green,
   blue,
@@ -117328,7 +117440,7 @@ const CircleIcon = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$12.icon, styles$12[color2]),
+    className: classNames$2(styles$13.icon, styles$13[color2]),
     children: /* @__PURE__ */ jsx$1(Icon, {
       size: "medium",
       icon: name2
@@ -117774,18 +117886,18 @@ const Analytics$1 = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [isLoadingListingAnalytics && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$18.center,
+          className: styles$19.center,
           children: [/* @__PURE__ */ jsx$1(Icon, {
             icon: "Spinner",
             size: "xl"
           }), /* @__PURE__ */ jsx$1("h3", {
-            className: styles$18.h3,
+            className: styles$19.h3,
             children: t2("loadingAnalytics")
           })]
         })
       }), !isLoadingListingAnalytics && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$18.errorContainer,
+          className: styles$19.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("You don't have a connected Google Account")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -117794,7 +117906,7 @@ const Analytics$1 = ({
         })
       }), !isLoadingListingAnalytics && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$18.errorContainer,
+          className: styles$19.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("Your Google Business Profile is not Verified")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -118220,7 +118332,7 @@ const getTooltipContentSourceName = (rule) => {
   });
 };
 const icon$4 = "_icon_14ksh_1";
-const styles$11 = {
+const styles$12 = {
   icon: icon$4
 };
 const EditIconWithRule = ({
@@ -118234,7 +118346,7 @@ const EditIconWithRule = ({
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "lock",
         "data-tip": getTooltipContentSourceName(rule),
-        className: styles$11.icon
+        className: styles$12.icon
       }), /* @__PURE__ */ jsx$1(ReactTooltip, {
         place: "right",
         type: "dark",
@@ -118246,12 +118358,12 @@ const EditIconWithRule = ({
   return /* @__PURE__ */ jsx$1(Icon, {
     icon: "edit",
     onClick,
-    className: styles$11.icon
+    className: styles$12.icon
   });
 };
 const item$2 = "_item_1pd7z_1";
 const icon$3 = "_icon_1pd7z_7";
-const styles$10 = {
+const styles$11 = {
   item: item$2,
   icon: icon$3
 };
@@ -118264,10 +118376,10 @@ const Item = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$10.item,
+    className: styles$11.item,
     children: [icon2 && /* @__PURE__ */ jsx$1("div", {
       children: /* @__PURE__ */ jsx$1(Icon, {
-        className: styles$10.icon,
+        className: styles$11.icon,
         icon: icon2
       })
     }), label2 && /* @__PURE__ */ jsx$1("div", {
@@ -118440,7 +118552,7 @@ const GetListingCategories = async () => {
 };
 const container$d = "_container_d8rq4_1";
 const footer$6 = "_footer_d8rq4_5";
-const styles$$ = {
+const styles$10 = {
   container: container$d,
   footer: footer$6
 };
@@ -118622,7 +118734,7 @@ const Form$6 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$$.container,
+        className: styles$10.container,
         children: /* @__PURE__ */ jsxs(Row, {
           gutter: [16, 16],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -118693,7 +118805,7 @@ const Form$6 = ({
           })]
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$$.footer,
+        className: styles$10.footer,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "reset",
@@ -119735,7 +119847,7 @@ function requireFacebookLoginRenderProps() {
 var facebookLoginRenderPropsExports = requireFacebookLoginRenderProps();
 const FacebookLogin = /* @__PURE__ */ getDefaultExportFromCjs(facebookLoginRenderPropsExports);
 const connectedText$3 = "_connectedText_1nbx5_1";
-const styles$_ = {
+const styles$$ = {
   connectedText: connectedText$3
 };
 const FbButton$1 = ({
@@ -119768,7 +119880,7 @@ const FbButton$1 = ({
       mode: "tertiary",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$_.connectedText,
+        className: styles$$.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -119785,7 +119897,7 @@ const FbButton$1 = ({
       onClick: () => setTimeout(renderProps.onClick, 100),
       disabled: renderProps.isDisabled,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$_.connectedText,
+        className: styles$$.connectedText,
         children: t2("CONNECT")
       })
     })
@@ -125891,7 +126003,7 @@ const GoogleAuthCallback = async ({
   return { data: data2 };
 };
 const connectedText$2 = "_connectedText_1nbx5_1";
-const styles$Z = {
+const styles$_ = {
   connectedText: connectedText$2
 };
 const GoogleButton$1 = ({
@@ -125937,7 +126049,7 @@ const GoogleButton$1 = ({
       type: "button",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$Z.connectedText,
+        className: styles$_.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -125950,7 +126062,7 @@ const GoogleButton$1 = ({
     onClick: () => login(),
     isLoading: isExecuting,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$Z.connectedText,
+      className: styles$_.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -125964,7 +126076,7 @@ const GoogleButtonContainer$1 = (props) => {
   });
 };
 const connectedText$1 = "_connectedText_1nbx5_1";
-const styles$Y = {
+const styles$Z = {
   connectedText: connectedText$1
 };
 const BingButton$1 = ({
@@ -125991,7 +126103,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: handleDisconnect,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$Y.connectedText,
+          className: styles$Z.connectedText,
           children: t2("SYNCKED")
         })
       });
@@ -126003,7 +126115,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: onBingVerify,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$Y.connectedText,
+          className: styles$Z.connectedText,
           children: t2("VERIFY")
         })
       });
@@ -126016,7 +126128,7 @@ const BingButton$1 = ({
     icon: "Bing",
     onClick: onBingConnect,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$Y.connectedText,
+      className: styles$Z.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -126063,14 +126175,14 @@ const toolbar = "_toolbar_1e45v_1";
 const buttonGroup = "_buttonGroup_1e45v_9";
 const venueSelector = "_venueSelector_1e45v_15";
 const lastUpdate = "_lastUpdate_1e45v_26";
-const styles$X = {
+const styles$Y = {
   toolbar,
   buttonGroup,
   venueSelector,
   lastUpdate
 };
 const connectedText = "_connectedText_1nbx5_1";
-const styles$W = {
+const styles$X = {
   connectedText
 };
 const TripadvisorButton = ({
@@ -126094,7 +126206,7 @@ const TripadvisorButton = ({
       type: "button",
       onClick: handleDisconnect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$W.connectedText,
+        className: styles$X.connectedText,
         children: t2("SYNCKED")
       })
     });
@@ -126106,7 +126218,7 @@ const TripadvisorButton = ({
     type: "button",
     onClick: onTripadvisorConnect,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$W.connectedText,
+      className: styles$X.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -126159,9 +126271,9 @@ const FormToolBar = ({
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsx$1(HeaderBar, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$X.toolbar,
+        className: styles$Y.toolbar,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$X.buttonGroup,
+          className: styles$Y.buttonGroup,
           children: [(GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs(Fragment, {
             children: [/* @__PURE__ */ jsx$1(GoogleButtonContainer$1, {
               onSuccess: setGoogleResponse,
@@ -126201,7 +126313,7 @@ const FormToolBar = ({
             type: "button",
             children: t2("CONNECT")
           }), (GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs("div", {
-            className: styles$X.lastUpdate,
+            className: styles$Y.lastUpdate,
             children: [/* @__PURE__ */ jsxs("div", {
               style: {
                 fontWeight: "bolder"
@@ -126212,11 +126324,11 @@ const FormToolBar = ({
             })]
           })]
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$X.buttonGroup,
+          className: styles$Y.buttonGroup,
           children: !singleVenue2 && /* @__PURE__ */ jsx$1("div", {
-            className: styles$X.buttonGroup,
+            className: styles$Y.buttonGroup,
             children: /* @__PURE__ */ jsx$1("div", {
-              className: styles$X.venueSelector,
+              className: styles$Y.venueSelector,
               children: /* @__PURE__ */ jsx$1(SelectVenue, {
                 onChange: handleChangeVenue,
                 selectedVenue: venueId,
@@ -126230,7 +126342,7 @@ const FormToolBar = ({
   });
 };
 const mapcontainer = "_mapcontainer_1eyjs_1";
-const styles$V = {
+const styles$W = {
   mapcontainer
 };
 var _createClass = /* @__PURE__ */ (function() {
@@ -127022,7 +127134,7 @@ const CardLocation = ({
       icon: "pin",
       text: formatAddres(values)
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$V.mapcontainer,
+      className: styles$W.mapcontainer,
       children: /* @__PURE__ */ jsx$1(StaticMap, {
         latitude: values.lat,
         longitude: values.lng
@@ -142570,7 +142682,7 @@ const Map$2 = distExports.GoogleApiWrapper({
   apiKey: config$1.maps_key
 })(MapContainer$1);
 const container$c = "_container_1biod_1";
-const styles$U = {
+const styles$V = {
   container: container$c
 };
 const MapField = ({
@@ -142590,7 +142702,7 @@ const MapField = ({
     setValue("lng", value2.lng);
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$U.container,
+    className: styles$V.container,
     children: /* @__PURE__ */ jsx$1(Map$2, {
       onChangePosition,
       position: {
@@ -142603,7 +142715,7 @@ const MapField = ({
 const dropdown = "_dropdown_1lr1m_1";
 const dropdown__option = "_dropdown__option_1lr1m_12";
 const dropdown__option__text = "_dropdown__option__text_1lr1m_23";
-const styles$T = {
+const styles$U = {
   dropdown,
   dropdown__option,
   "dropdown__option--active": "_dropdown__option--active_1lr1m_20",
@@ -142614,20 +142726,20 @@ const Dropdown = ({
   onClickItem
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$T.dropdown,
+    className: styles$U.dropdown,
     children: [options2.map((item2) => {
       return /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$T.dropdown__option, {
-          [styles$T["dropdown__option--active"]]: !!item2.selected
+        className: classNames$2(styles$U.dropdown__option, {
+          [styles$U["dropdown__option--active"]]: !!item2.selected
         }),
         onClick: () => onClickItem(item2),
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$T.dropdown__option__text,
+          className: styles$U.dropdown__option__text,
           children: item2.label
         })
       }, item2.id);
     }), options2.length === 0 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$T.dropdown__option,
+      className: styles$U.dropdown__option,
       children: "No options"
     })]
   });
@@ -142714,7 +142826,7 @@ const form$3 = "_form_7ju6w_1";
 const form__row1 = "_form__row1_7ju6w_8";
 const form__row2 = "_form__row2_7ju6w_18";
 const footer$5 = "_footer_7ju6w_29";
-const styles$S = {
+const styles$T = {
   form: form$3,
   form__row1,
   form__row2,
@@ -142788,7 +142900,7 @@ const Form$5 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$S.form,
+        className: styles$T.form,
         children: [/* @__PURE__ */ jsxs("div", {
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: t2("address")
@@ -142798,7 +142910,7 @@ const Form$5 = ({
             children: t2("listingLoacationDesc")
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$S.form__row1,
+          className: styles$T.form__row1,
           children: [/* @__PURE__ */ jsx$1(AddressAutoComplete, {
             control,
             setValue
@@ -142811,7 +142923,7 @@ const Form$5 = ({
             radius: "md"
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$S.form__row2,
+          className: styles$T.form__row2,
           children: [/* @__PURE__ */ jsx$1("div", {
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
@@ -142861,7 +142973,7 @@ const Form$5 = ({
           })]
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$S.footer,
+        className: styles$T.footer,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "reset",
@@ -142914,7 +143026,7 @@ const weekday = "_weekday_1gedj_1";
 const weekday__name = "_weekday__name_1gedj_6";
 const weekday__close = "_weekday__close_1gedj_10";
 const weekday__time = "_weekday__time_1gedj_13";
-const styles$R = {
+const styles$S = {
   weekday,
   weekday__name,
   weekday__close,
@@ -142953,15 +143065,15 @@ const CardOpeningHours = ({
         } = day2;
         const slots = Object.values(times);
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$R.weekday,
+          className: styles$S.weekday,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$R.weekday__name,
+            className: styles$S.weekday__name,
             children: t2(weekday2.name)
           }), closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$R.weekday__close,
+            className: styles$S.weekday__close,
             children: t2("CLOSED")
           }), !closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$R.weekday__time,
+            className: styles$S.weekday__time,
             children: slots.map((slot2, index2) => /* @__PURE__ */ jsxs("div", {
               children: [slot2.start, " - ", slot2.end]
             }, weekday2.id + index2))
@@ -143009,7 +143121,7 @@ const CardOpeningHours = ({
       }) => {
         const slots = Object.values(times);
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$R.weekday,
+          className: styles$S.weekday,
           children: [/* @__PURE__ */ jsxs("div", {
             // className={styles.weekday__name}
             style: {
@@ -143017,10 +143129,10 @@ const CardOpeningHours = ({
             },
             children: [date4.start, " to ", date4.end]
           }), closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$R.weekday__close,
+            className: styles$S.weekday__close,
             children: t2("CLOSED")
           }), !closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$R.weekday__time,
+            className: styles$S.weekday__time,
             children: slots.map((slot2, index2) => /* @__PURE__ */ jsxs("div", {
               children: [slot2.start, " - ", slot2.end]
             }, date4.start + date4.end + index2))
@@ -143031,7 +143143,7 @@ const CardOpeningHours = ({
   });
 };
 const container$b = "_container_w3z1y_1";
-const styles$Q = {
+const styles$R = {
   container: container$b
 };
 const TimeSlotField = ({
@@ -143059,7 +143171,7 @@ const TimeSlotField = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$Q.container,
+    className: styles$R.container,
     children: [/* @__PURE__ */ jsx$1(Input$2, {
       id: `${id2}-start`,
       label: t2("START"),
@@ -143080,7 +143192,7 @@ const slot$1 = "_slot_gr7hf_13";
 const close$1 = "_close_gr7hf_19";
 const add = "_add_gr7hf_33";
 const plus = "_plus_gr7hf_47";
-const styles$P = {
+const styles$Q = {
   container: container$a,
   slot: slot$1,
   close: close$1,
@@ -143102,26 +143214,26 @@ const TimeSlotManager = ({
     setSlots(slots);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$P.container,
+    className: styles$Q.container,
     children: [slots.map((key2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$P.slot,
+      className: styles$Q.slot,
       children: [/* @__PURE__ */ jsx$1(TimeSlotField, {
         id: `${id2}[${key2}]`
       }), /* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1("button", {
-          className: styles$P.close,
+          className: styles$Q.close,
           type: "button",
           onClick: () => removeSlot(key2),
           children: "X"
         })
       })]
     }, key2)), /* @__PURE__ */ jsx$1("button", {
-      className: styles$P.add,
+      className: styles$Q.add,
       type: "button",
       onClick: addSlot,
       children: /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: styles$P.plus,
+          className: styles$Q.plus,
           children: "+"
         }), t("ADD")]
       })
@@ -143129,7 +143241,7 @@ const TimeSlotManager = ({
   });
 };
 const regularHourContainer = "_regularHourContainer_1xx5k_18";
-const styles$O = {
+const styles$P = {
   regularHourContainer
 };
 const RegularHour = ({
@@ -143151,7 +143263,7 @@ const RegularHour = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$O.regularHourContainer,
+    className: styles$P.regularHourContainer,
     children: [/* @__PURE__ */ jsxs("div", {
       style: {
         display: "flex",
@@ -143183,14 +143295,14 @@ const RegularHour = ({
   });
 };
 const container$9 = "_container_1wtrl_1";
-const styles$N = {
+const styles$O = {
   container: container$9
 };
 const RegularHours = ({
   id: id2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$N.container,
+    className: styles$O.container,
     children: weekdays.map((weekday2) => /* @__PURE__ */ jsx$1(RegularHour, {
       id: `${id2}.${weekday2.id}`,
       weekday: weekday2.name
@@ -143199,7 +143311,7 @@ const RegularHours = ({
 };
 const container$8 = "_container_1w6jm_1";
 const date3 = "_date_1w6jm_8";
-const styles$M = {
+const styles$N = {
   container: container$8,
   date: date3
 };
@@ -143223,9 +143335,9 @@ const SpecificHour = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$M.container,
+    className: styles$N.container,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$M.date,
+      className: styles$N.date,
       children: /* @__PURE__ */ jsx$1(TimeSlotField, {
         id: `${id2}.date`,
         type: "date"
@@ -143247,7 +143359,7 @@ const SpecificHour = ({
 };
 const container$7 = "_container_130ly_1";
 const slot = "_slot_130ly_8";
-const styles$L = {
+const styles$M = {
   container: container$7,
   slot,
   "delete": "_delete_130ly_13"
@@ -143273,13 +143385,13 @@ const SpecificHours = ({
     setSpecificHours(specificHoursUpdate);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$L.container,
+    className: styles$M.container,
     children: [specificHours.map((key2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$L.slot,
+      className: styles$M.slot,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "trash",
         onClick: () => removeSpecificHour(key2),
-        className: styles$L.delete
+        className: styles$M.delete
       }), /* @__PURE__ */ jsx$1(SpecificHour, {
         id: `${id2}[${key2}]`
       })]
@@ -143348,7 +143460,7 @@ const formarSpecialHours$2 = ({ specialHours }) => {
 };
 const form$2 = "_form_17xjl_1";
 const footer$4 = "_footer_17xjl_5";
-const styles$K = {
+const styles$L = {
   form: form$2,
   footer: footer$4
 };
@@ -143391,7 +143503,7 @@ const Form$4 = ({
       initialValues,
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxs(Form$7, {
-        className: styles$K.form,
+        className: styles$L.form,
         children: [/* @__PURE__ */ jsx$1(RegularHours, {
           id: "regularHours"
         }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1(Heading, {
@@ -143401,7 +143513,7 @@ const Form$4 = ({
         }), /* @__PURE__ */ jsx$1(SpecificHours, {
           id: "specialHours"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$K.footer,
+          className: styles$L.footer,
           children: [/* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "reset",
@@ -143640,7 +143752,7 @@ const useFieldAttribute = ({ id: id2 }) => {
 };
 const container$6 = "_container_1f3nv_1";
 const button$4 = "_button_1f3nv_9";
-const styles$J = {
+const styles$K = {
   container: container$6,
   button: button$4,
   "button--active": "_button--active_1f3nv_19"
@@ -143659,14 +143771,14 @@ const ButtonGroup2 = ({
       htmlFor: "",
       children: label2
     }), /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$J.container, className),
+      className: classNames$2(styles$K.container, className),
       role: "group",
       children: buttons2.map((button2, index2) => /* @__PURE__ */ jsx$1("button", {
         type: "button",
-        className: classNames$2(styles$J.button, {
-          [styles$J["button--first"]]: index2 === firstButton,
-          [styles$J["button--latest"]]: index2 === lastButton,
-          [styles$J["button--active"]]: button2.value === value2
+        className: classNames$2(styles$K.button, {
+          [styles$K["button--first"]]: index2 === firstButton,
+          [styles$K["button--latest"]]: index2 === lastButton,
+          [styles$K["button--active"]]: button2.value === value2
         }),
         onClick: () => onClick(button2),
         children: button2.label
@@ -143676,7 +143788,7 @@ const ButtonGroup2 = ({
 };
 const container$5 = "_container_ii6rz_1";
 const container__attribute = "_container__attribute_ii6rz_6";
-const styles$I = {
+const styles$J = {
   container: container$5,
   container__attribute
 };
@@ -143699,9 +143811,9 @@ const SimpliAttribute = ({
     onDelete();
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$I.container,
+    className: styles$J.container,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$I.container__attribute,
+      className: styles$J.container__attribute,
       children: /* @__PURE__ */ jsx$1(ButtonGroup2, {
         buttons: buttons$1,
         onClick,
@@ -143999,7 +144111,7 @@ const formatName = ({
 const container$4 = "_container_idvh8_1";
 const form$1 = "_form_idvh8_22";
 const actionsButtons = "_actionsButtons_idvh8_36";
-const styles$H = {
+const styles$I = {
   container: container$4,
   form: form$1,
   actionsButtons
@@ -144061,9 +144173,9 @@ const Form$3 = ({
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsx$1(Form$7, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$H.container,
+          className: styles$I.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$H.form,
+            className: styles$I.form,
             children: cleanAttributes.map(({
               title: title2,
               openDefault,
@@ -144090,7 +144202,7 @@ const Form$3 = ({
               }
             })
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$H.actionsButtons,
+            className: styles$I.actionsButtons,
             children: [/* @__PURE__ */ jsx$1(Button$1, {
               size: "small",
               type: "reset",
@@ -144293,7 +144405,7 @@ const Contact = ({
 };
 const container$3 = "_container_1q4zb_1";
 const footer$3 = "_footer_1q4zb_6";
-const styles$G = {
+const styles$H = {
   container: container$3,
   footer: footer$3
 };
@@ -145417,7 +145529,7 @@ function useDropzone(props = {}) {
 }
 const icon$2 = "_icon_e2tpc_1";
 const button$3 = "_button_e2tpc_6";
-const styles$F = {
+const styles$G = {
   icon: icon$2,
   button: button$3
 };
@@ -145468,7 +145580,7 @@ function Dropzone({
       children: [/* @__PURE__ */ jsx$1("input", {
         ...getInputProps()
       }), showChildren && showAddButton && /* @__PURE__ */ jsx$1("div", {
-        className: styles$F.button,
+        className: styles$G.button,
         onClick,
         children: /* @__PURE__ */ jsx$1(Icon$1, {
           icon: "plus"
@@ -145491,7 +145603,7 @@ function Dropzone({
           },
           children: /* @__PURE__ */ jsx$1(Icon$1, {
             icon: "folderAdd",
-            className: styles$F.icon
+            className: styles$G.icon
           })
         }), /* @__PURE__ */ jsx$1("p", {
           children: t2("DRAGANDDROPPICT")
@@ -145584,7 +145696,7 @@ const image = "_image_1ciqr_44";
 const textarea = "_textarea_1ciqr_51";
 const channels$4 = "_channels_1ciqr_61";
 const social_logo = "_social_logo_1ciqr_73";
-const styles$E = {
+const styles$F = {
   container: container$2,
   container__files,
   file,
@@ -145595,7 +145707,7 @@ const styles$E = {
 };
 const nav = "_nav_1pvvi_1";
 const nav__tab = "_nav__tab_1pvvi_6";
-const styles$D = {
+const styles$E = {
   nav,
   nav__tab,
   "nav__tab--active": "_nav__tab--active_1pvvi_10"
@@ -145606,13 +145718,13 @@ const Tabs = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsx$1("nav", {
-    className: styles$D.nav,
+    className: styles$E.nav,
     children: tabs.map(({
       id: id2,
       label: label2
     }) => /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$D.nav__tab, {
-        [styles$D["nav__tab--active"]]: id2 === selectedTab
+      className: classNames$2(styles$E.nav__tab, {
+        [styles$E["nav__tab--active"]]: id2 === selectedTab
       }),
       onClick: () => onClick(id2),
       children: label2
@@ -145735,7 +145847,7 @@ const MediaPage = () => {
   mediaTypeSelected == null ? void 0 : mediaTypeSelected.description;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$E.container,
+      className: styles$F.container,
       children: [/* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1(Tabs, {
           tabs: tabsMedia,
@@ -145753,16 +145865,16 @@ const MediaPage = () => {
           showChildren: filesToShow.length > 0,
           selectedCategory,
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$E["container__files"],
+            className: styles$F["container__files"],
             children: filesToShow.map((file2, index2) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsxs("div", {
-                className: styles$E.file,
+                className: styles$F.file,
                 children: [/* @__PURE__ */ jsx$1("img", {
                   src: file2.url || URL.createObjectURL(file2.file),
-                  className: styles$E.image
+                  className: styles$F.image
                 }), /* @__PURE__ */ jsxs("div", {
-                  className: styles$E.textarea,
+                  className: styles$F.textarea,
                   children: [/* @__PURE__ */ jsx$1(TextArea$1, {
                     label: "",
                     onChange: (event) => updateDescription(event, file2.index),
@@ -145770,7 +145882,7 @@ const MediaPage = () => {
                     rows: 3,
                     id: `caption-${index2}`
                   }), /* @__PURE__ */ jsxs("div", {
-                    className: styles$E.channels,
+                    className: styles$F.channels,
                     children: [/* @__PURE__ */ jsx$1("div", {
                       children: "Publish on:"
                     }), /* @__PURE__ */ jsxs("div", {
@@ -145785,7 +145897,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: google$1,
                           alt: "google",
-                          className: styles$E.social_logo
+                          className: styles$F.social_logo
                         })
                       })]
                     }), /* @__PURE__ */ jsxs("div", {
@@ -145800,7 +145912,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: facebook$1,
                           alt: "facebook",
-                          className: styles$E.social_logo
+                          className: styles$F.social_logo
                         })
                       })]
                     }), /* @__PURE__ */ jsxs("div", {
@@ -145815,7 +145927,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: bing$1,
                           alt: "bing",
-                          className: styles$E.social_logo
+                          className: styles$F.social_logo
                         })
                       })]
                     })]
@@ -145957,10 +146069,10 @@ const Form$1 = ({
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxs(Form$7, {
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: styles$G.container,
+          className: styles$H.container,
           children: /* @__PURE__ */ jsx$1(MediaPage, {})
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$G.footer,
+          className: styles$H.footer,
           children: [/* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "reset",
@@ -146043,7 +146155,7 @@ const Media = ({
 };
 const wrap_links = "_wrap_links_9tmdu_1";
 const link = "_link_9tmdu_5";
-const styles$C = {
+const styles$D = {
   wrap_links,
   link
 };
@@ -146063,13 +146175,13 @@ const CardLinks = ({
         onClick: onClickEdit
       })
     },
-    className: styles$C.wrap_links,
+    className: styles$D.wrap_links,
     children: [/* @__PURE__ */ jsxs(UIList$1, {
       mode: "vertical",
       children: [values.urlWebsite && /* @__PURE__ */ jsx$1("a", {
         href: values.urlWebsite,
         target: "_blank",
-        className: styles$C.link,
+        className: styles$D.link,
         children: /* @__PURE__ */ jsx$1(Item, {
           label: "Website",
           text: " "
@@ -146080,7 +146192,7 @@ const CardLinks = ({
       }, key2) => /* @__PURE__ */ jsx$1("a", {
         href: value2,
         target: "_blank",
-        className: styles$C.link,
+        className: styles$D.link,
         children: /* @__PURE__ */ jsx$1(Item, {
           label: displayName,
           text: " "
@@ -146115,7 +146227,7 @@ const CardLinks = ({
   });
 };
 const container$1 = "_container_1w35v_1";
-const styles$B = {
+const styles$C = {
   container: container$1
 };
 const Form2 = ({
@@ -146202,7 +146314,7 @@ const Form2 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$B.container,
+        className: styles$C.container,
         children: [/* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             control,
@@ -146526,7 +146638,7 @@ class Masonry extends React__default.Component {
   }
 }
 Masonry.defaultProps = defaultProps;
-const styles$A = {
+const styles$B = {
   "my-masonry-grid": "_my-masonry-grid_vahsi_1",
   "my-masonry-grid_column": "_my-masonry-grid_column_vahsi_12"
 };
@@ -146550,7 +146662,7 @@ const addModuleGoogle = async ({
 };
 const account = "_account_p1rn0_12";
 const account__address = "_account__address_p1rn0_27";
-const styles$z = {
+const styles$A = {
   account,
   "account--selected": "_account--selected_p1rn0_24",
   account__address
@@ -146562,12 +146674,12 @@ const Account = ({
   address: address2
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$z.account, {
-      [styles$z["account--selected"]]: selected
+    className: classNames$2(styles$A.account, {
+      [styles$A["account--selected"]]: selected
     }),
     onClick,
     children: [name2, address2 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$z.account__address,
+      className: styles$A.account__address,
       children: address2
     })]
   });
@@ -146575,7 +146687,7 @@ const Account = ({
 const selectAccount$1 = "_selectAccount_1cl8x_1";
 const selectAccount__title$1 = "_selectAccount__title_1cl8x_7";
 const close2 = "_close_1cl8x_27";
-const styles$y = {
+const styles$z = {
   selectAccount: selectAccount$1,
   selectAccount__title: selectAccount__title$1,
   close: close2
@@ -146616,9 +146728,9 @@ const SelectAccount$1 = ({
     setFilteredAccounts(accounts);
   }, [accounts]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$y.selectAccount,
+    className: styles$z.selectAccount,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$y.selectAccount__title,
+      className: styles$z.selectAccount__title,
       children: t2("Select an account")
     }), /* @__PURE__ */ jsx$1("div", {
       children: t2("Please select an accout that you want to connect to Google")
@@ -146642,7 +146754,7 @@ const SelectAccount$1 = ({
         })
       }), searchValue && searchValue.length > 0 && /* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1("button", {
-          className: styles$y.close,
+          className: styles$z.close,
           type: "button",
           onClick: () => {
             setSearchValue("");
@@ -146669,7 +146781,7 @@ const SelectAccount$1 = ({
 };
 const stepsContainer = "_stepsContainer_jtj1a_1";
 const step = "_step_jtj1a_1";
-const styles$x = {
+const styles$y = {
   stepsContainer,
   step
 };
@@ -146686,7 +146798,7 @@ const Steps = ({
   };
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$x.stepsContainer,
+      className: styles$y.stepsContainer,
       children: stepsToRender.map((index2) => /* @__PURE__ */ jsx$1(Step, {
         onClick: () => handleNext(index2)
       }, index2))
@@ -146697,7 +146809,7 @@ const Step = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$x.step,
+    className: styles$y.step,
     onClick
   });
 };
@@ -146742,7 +146854,7 @@ const GooogleStepsToConnect = ({
 };
 const selectAccount = "_selectAccount_1jze1_1";
 const selectAccount__title = "_selectAccount__title_1jze1_7";
-const styles$w = {
+const styles$x = {
   selectAccount,
   selectAccount__title
 };
@@ -146759,9 +146871,9 @@ const SelectAccount = ({
     setSelectedAccount(value2);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$w.selectAccount,
+    className: styles$x.selectAccount,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$w.selectAccount__title,
+      className: styles$x.selectAccount__title,
       children: t2("Select an account")
     }), /* @__PURE__ */ jsx$1("div", {
       children: t2("Please select an accout that you want to connect to Facebook.")
@@ -146860,7 +146972,7 @@ const p15 = "_p15_90mhs_21";
 const centered$1 = "_centered_90mhs_24";
 const w100 = "_w100_90mhs_49";
 const noChannel = "_noChannel_90mhs_72";
-const styles$v = {
+const styles$w = {
   partner_onboarding,
   subtitle,
   p15,
@@ -146874,7 +146986,7 @@ const disabled$2 = "_disabled_1f436_1";
 const channels$3 = "_channels_1f436_12";
 const relative$2 = "_relative_1f436_19";
 const connected$2 = "_connected_1f436_23";
-const styles$u = {
+const styles$v = {
   disabled: disabled$2,
   channels: channels$3,
   relative: relative$2,
@@ -146918,15 +147030,15 @@ const GoogleButton = ({
   if (isConnected) {
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [type4 === "image" && /* @__PURE__ */ jsxs("div", {
-        className: styles$u.relative,
+        className: styles$v.relative,
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: styles$u.connected,
+          className: styles$v.connected,
           children: /* @__PURE__ */ jsx$1("img", {
             src: connected$3,
             alt: "connected"
           })
         }), /* @__PURE__ */ jsx$1("img", {
-          className: `${styles$u.channels} ${styles$u.disabled}`,
+          className: `${styles$v.channels} ${styles$v.disabled}`,
           src: gmb,
           alt: "Google My Business"
         })]
@@ -146940,7 +147052,7 @@ const GoogleButton = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [type4 === "image" && /* @__PURE__ */ jsx$1("img", {
       onClick: () => login(),
-      className: styles$u.channels,
+      className: styles$v.channels,
       src: gmb,
       alt: "Google My Business"
     }), type4 !== "image" && /* @__PURE__ */ jsx$1(Button$1, {
@@ -146973,10 +147085,10 @@ const Step1 = ({
     children: [/* @__PURE__ */ jsx$1("h2", {
       children: t2("gettingStarted")
     }), /* @__PURE__ */ jsxs("p", {
-      className: styles$v.subtitle,
+      className: styles$w.subtitle,
       children: [t2("hello"), " ", venue, ",", /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("br", {}), t2("The purpose of Listing and Review is to help you manage your contents and comments from one place."), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("br", {}), t2("To initiate the service, we will be able to control each step of data synchronisation:"), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("br", {})]
     }), /* @__PURE__ */ jsxs("ul", {
-      className: styles$v.subtitle,
+      className: styles$w.subtitle,
       children: [/* @__PURE__ */ jsx$1("li", {
         children: t2("Review your information before publishing the information to Google My Business")
       }), /* @__PURE__ */ jsx$1("li", {
@@ -146985,9 +147097,9 @@ const Step1 = ({
         children: t2("Connect additional channels (Facebook, Bing...)")
       })]
     }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-      className: styles$v.centered,
+      className: styles$w.centered,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$v.w100,
+        className: styles$w.w100,
         children: /* @__PURE__ */ jsx$1(GoogleButtonContainer, {
           onSuccess: setGoogleResponse,
           venueId,
@@ -146996,7 +147108,7 @@ const Step1 = ({
         })
       }), /* @__PURE__ */ jsx$1("span", {
         onClick: onClose2,
-        className: styles$v.noChannel,
+        className: styles$w.noChannel,
         children: t2("I don't have a Google My Business account")
       })]
     })]
@@ -147007,7 +147119,7 @@ const disabled$1 = "_disabled_1f436_1";
 const channels$2 = "_channels_1f436_12";
 const relative$1 = "_relative_1f436_19";
 const connected$1 = "_connected_1f436_23";
-const styles$t = {
+const styles$u = {
   disabled: disabled$1,
   channels: channels$2,
   relative: relative$1,
@@ -147041,15 +147153,15 @@ const FbButton = ({
   }, [autoLoad]);
   if (isConnected) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$t.relative,
+      className: styles$u.relative,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$t.connected,
+        className: styles$u.connected,
         children: /* @__PURE__ */ jsx$1("img", {
           src: connected$3,
           alt: "connected"
         })
       }), /* @__PURE__ */ jsx$1("img", {
-        className: `${styles$t.channels} ${styles$t.disabled}`,
+        className: `${styles$u.channels} ${styles$u.disabled}`,
         src: facebook,
         alt: "Facebook"
       })]
@@ -147063,7 +147175,7 @@ const FbButton = ({
     autoLoad,
     render: (renderProps) => /* @__PURE__ */ jsx$1("img", {
       onClick: () => setTimeout(renderProps.onClick, 100),
-      className: styles$t.channels,
+      className: styles$u.channels,
       src: facebook,
       alt: "Facebook"
     })
@@ -147074,7 +147186,7 @@ const disabled = "_disabled_1f436_1";
 const channels$1 = "_channels_1f436_12";
 const relative = "_relative_1f436_19";
 const connected = "_connected_1f436_23";
-const styles$s = {
+const styles$t = {
   disabled,
   channels: channels$1,
   relative,
@@ -147092,15 +147204,15 @@ const BingButton = ({
   };
   if (isConnected) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$s.relative,
+      className: styles$t.relative,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$s.connected,
+        className: styles$t.connected,
         children: /* @__PURE__ */ jsx$1("img", {
           src: connected$3,
           alt: "connected"
         })
       }), /* @__PURE__ */ jsx$1("img", {
-        className: `${styles$s.channels} ${styles$s.disabled}`,
+        className: `${styles$t.channels} ${styles$t.disabled}`,
         src: bing,
         alt: "Bing"
       })]
@@ -147108,7 +147220,7 @@ const BingButton = ({
   }
   return /* @__PURE__ */ jsx$1("img", {
     onClick: handleConnect,
-    className: styles$s.channels,
+    className: styles$t.channels,
     src: bing,
     alt: "Bing"
   });
@@ -147131,12 +147243,12 @@ const Step2 = ({
     children: [/* @__PURE__ */ jsxs("h2", {
       children: [t2("Congratulations! You're all setup."), " ", /* @__PURE__ */ jsx$1("br", {}), " ", t2("Let's connect more channels and start syncing")]
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$v.subtitle,
+      className: styles$w.subtitle,
       children: t2("Now you can connect additional channels and start managing your content and reviews from one place.")
     }), /* @__PURE__ */ jsxs(Row, {
       justify: "center",
       children: [/* @__PURE__ */ jsx$1(Col, {
-        className: `${styles$v.p15} ${styles$v.centered}`,
+        className: `${styles$w.p15} ${styles$w.centered}`,
         md: 7,
         offset: 1,
         children: /* @__PURE__ */ jsx$1(GoogleButtonContainer, {
@@ -147147,7 +147259,7 @@ const Step2 = ({
           type: "image"
         })
       }), /* @__PURE__ */ jsx$1(Col, {
-        className: `${styles$v.p15} ${styles$v.centered}`,
+        className: `${styles$w.p15} ${styles$w.centered}`,
         md: 7,
         children: /* @__PURE__ */ jsx$1(FbButton, {
           onSuccess: setfbResponse,
@@ -147156,7 +147268,7 @@ const Step2 = ({
           venueId
         })
       }), /* @__PURE__ */ jsx$1(Col, {
-        className: `${styles$v.p15} ${styles$v.centered}`,
+        className: `${styles$w.p15} ${styles$w.centered}`,
         md: 7,
         children: /* @__PURE__ */ jsx$1(BingButton, {
           isConnected: BingConnected,
@@ -147165,9 +147277,9 @@ const Step2 = ({
         })
       })]
     }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("div", {
-      className: styles$v.centered,
+      className: styles$w.centered,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$v.w100,
+        className: styles$w.w100,
         children: /* @__PURE__ */ jsx$1(Button$1, {
           onClick: onClose2,
           children: t2("Ready!")
@@ -147213,7 +147325,7 @@ const ModalOnboarding = ({
     onClose: onClose2,
     width: 800,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$v.partner_onboarding,
+      className: styles$w.partner_onboarding,
       children: [step2 === 1 && /* @__PURE__ */ jsx$1(Step1, {
         venue,
         setGoogleResponse,
@@ -147251,7 +147363,7 @@ const channels = "_channels_34lsg_13";
 const loader = "_loader_34lsg_27";
 const check = "_check_34lsg_31";
 const error2 = "_error_34lsg_34";
-const styles$r = {
+const styles$s = {
   centered,
   channels,
   loader,
@@ -147292,27 +147404,27 @@ const ModalPublish = ({
     children: [/* @__PURE__ */ jsx$1("h2", {
       children: t2("ERRORSYNC")
     }), /* @__PURE__ */ jsxs("ul", {
-      className: styles$r.channels,
+      className: styles$s.channels,
       children: [GoogleConnected && /* @__PURE__ */ jsxs("li", {
-        className: styles$r.channelsLi,
+        className: styles$s.channelsLi,
         children: [t2("Google Business Profile"), googlePublishing === "in_progress" && /* @__PURE__ */ jsxs("span", {
-          className: styles$r.publishingInProgress,
+          className: styles$s.publishingInProgress,
           children: [t2("publishing"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$r.loader,
+            className: styles$s.loader,
             alt: "Loading"
           })]
         }), googlePublishing === "success" && /* @__PURE__ */ jsxs("span", {
           children: [t2("success"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Check,
-            className: styles$r.check,
+            className: styles$s.check,
             alt: "Success"
           })]
         }), googleErrors && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("error"), " ", /* @__PURE__ */ jsx$1("img", {
               src: Close,
-              className: styles$r.error,
+              className: styles$s.error,
               alt: "Error"
             })]
           }), /* @__PURE__ */ jsx$1("div", {
@@ -147323,26 +147435,26 @@ const ModalPublish = ({
         children: ["Facebook", facebookPublishing === "in_progress" && /* @__PURE__ */ jsxs("span", {
           children: [t2("publishing"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$r.loader,
+            className: styles$s.loader,
             alt: "Loading"
           })]
         }), facebookPublishing === "waiting" && /* @__PURE__ */ jsxs("span", {
           children: [t2("pending"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$r.loader,
+            className: styles$s.loader,
             alt: "Loading"
           })]
         }), facebookPublishing === "success" && /* @__PURE__ */ jsxs("span", {
           children: [t2("success"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Check,
-            className: styles$r.check,
+            className: styles$s.check,
             alt: "Success"
           })]
         }), facebookErrors && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("error"), " ", /* @__PURE__ */ jsx$1("img", {
               src: Close,
-              className: styles$r.error,
+              className: styles$s.error,
               alt: "Error"
             })]
           }), /* @__PURE__ */ jsx$1("div", {
@@ -147353,13 +147465,13 @@ const ModalPublish = ({
         children: ["Bing", (facebookPublishing === "waiting" || googlePublishing === "waiting") && /* @__PURE__ */ jsxs("span", {
           children: [t2("pending"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$r.loader,
+            className: styles$s.loader,
             alt: "Loading"
           })]
         }), facebookPublishing !== "in_progress" && facebookPublishing !== "waiting" && googlePublishing !== "in_progress" && googlePublishing !== "waiting" && /* @__PURE__ */ jsxs("span", {
           children: [t2("success"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Check,
-            className: styles$r.check,
+            className: styles$s.check,
             alt: "Success"
           })]
         })]
@@ -147368,11 +147480,11 @@ const ModalPublish = ({
       children: [/* @__PURE__ */ jsx$1("p", {
         children: t2("Please, note that your connected channels may take up to 24h to be updated and that all information may pass a review process before publication.")
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$r.centered,
+        className: styles$s.centered,
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$r.w100,
+          className: styles$s.w100,
           children: /* @__PURE__ */ jsx$1(Button$1, {
-            className: styles$r.button,
+            className: styles$s.button,
             size: "small",
             onClick: onClose2,
             children: t2("Close")
@@ -147873,8 +147985,8 @@ const VenueListingDetail = ({
         1200: 2,
         800: 1
       },
-      className: styles$A["my-masonry-grid"],
-      columnClassName: styles$A["my-masonry-grid_column"],
+      className: styles$B["my-masonry-grid"],
+      columnClassName: styles$B["my-masonry-grid_column"],
       children: [/* @__PURE__ */ jsx$1(Description, {
         values: data2,
         reload: handleOnPublish,
@@ -148489,7 +148601,7 @@ const VenueListingPage = ({
 const channelCardContainer = "_channelCardContainer_12h4p_1";
 const channelCard = "_channelCard_12h4p_1";
 const channelCardBody = "_channelCardBody_12h4p_18";
-const styles$q = {
+const styles$r = {
   channelCardContainer,
   channelCard,
   channelCardBody
@@ -148503,9 +148615,9 @@ const ChannelCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card$1, {
-    className: styles$q.channelCard,
+    className: styles$r.channelCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$q.channelCardBody,
+      className: styles$r.channelCardBody,
       children: [/* @__PURE__ */ jsx$1("img", {
         src: logo2,
         height: "80",
@@ -148679,9 +148791,9 @@ const ChannelsDashboard = ({
             },
             children: t2("ACTIVEBOOKINGCHANNELS")
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$q.channelCardContainer,
+            className: styles$r.channelCardContainer,
             children: connectedChannelsData.length > 0 ? connectedChannelsData.map((c2, index2) => /* @__PURE__ */ jsx$1("div", {
-              className: styles$q.channelCard,
+              className: styles$r.channelCard,
               style: {
                 cursor: "pointer"
               },
@@ -148704,7 +148816,7 @@ const ChannelsDashboard = ({
             },
             children: t2("AVAILABLE_BOOKING_CHANNELS")
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$q.channelCardContainer,
+            className: styles$r.channelCardContainer,
             children: (() => {
               const availableChannels = channelsData.filter((c2) => !connectedChannelsData.find((cc) => cc.reservationPortal.id === c2.id));
               return availableChannels.length > 0 ? availableChannels.map((c2, index2) => /* @__PURE__ */ jsx$1(ChannelCard, {
@@ -148743,7 +148855,7 @@ const td$1 = "_td_1c81r_106";
 const tableContainer$1 = "_tableContainer_1c81r_116";
 const tbody$1 = "_tbody_1c81r_156";
 const tr$1 = "_tr_1c81r_164";
-const styles$p = {
+const styles$q = {
   skeleton: skeleton$1,
   item: item$1,
   rowsSelector: rowsSelector$1,
@@ -148775,19 +148887,19 @@ const CustomTable = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$p.tableContainer, classNameConatiner),
+    className: classNames$2(styles$q.tableContainer, classNameConatiner),
     children: [/* @__PURE__ */ jsx$1("div", {
       style: {
         overflowY: "auto"
       },
       children: /* @__PURE__ */ jsxs("table", {
-        className: styles$p.table,
+        className: styles$q.table,
         children: [/* @__PURE__ */ jsx$1("thead", {
-          className: styles$p.thead,
+          className: styles$q.thead,
           children: /* @__PURE__ */ jsx$1("tr", {
-            className: styles$p.tr,
+            className: styles$q.tr,
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
-              className: styles$p.th,
+              className: styles$q.th,
               children: h2.label
             }, h2.id))
           })
@@ -148795,23 +148907,23 @@ const CustomTable = ({
           rows: (paginationProps == null ? void 0 : paginationProps.rows) ?? 1,
           items: header2.length
         }), !isLoading && data2.length > 0 && /* @__PURE__ */ jsx$1("tbody", {
-          className: styles$p.tbody,
+          className: styles$q.tbody,
           children: data2.map((item2, index2) => /* @__PURE__ */ jsx$1("tr", {
-            className: styles$p.tr,
+            className: styles$q.tr,
             children: header2.map(({
               id: id2,
               render: render2
             }) => /* @__PURE__ */ jsx$1("td", {
-              className: styles$p.td,
+              className: styles$q.td,
               children: render2 ? render2(item2[id2], item2) : item2[id2]
             }, `${index2}-${id2}`))
           }, index2))
         }), !isLoading && data2.length === 0 && /* @__PURE__ */ jsx$1("tbody", {
-          className: styles$p.tbody,
+          className: styles$q.tbody,
           children: /* @__PURE__ */ jsx$1("tr", {
-            className: styles$p.tr,
+            className: styles$q.tr,
             children: /* @__PURE__ */ jsx$1("td", {
-              className: styles$p.td,
+              className: styles$q.td,
               colSpan: header2.length,
               children: /* @__PURE__ */ jsx$1("p", {
                 children: t2("THEREARENORECORDSTODISPLAY")
@@ -148849,21 +148961,21 @@ const TablePagination$1 = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$p.button, {
-    [styles$p["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$q.button, {
+    [styles$q["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$p.button, {
-    [styles$p["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$q.button, {
+    [styles$q["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$p.paginationContainer,
+    className: styles$q.paginationContainer,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$p.rowsSelectorContainer,
+      className: styles$q.rowsSelectorContainer,
       children: [t2("ROWSPERPAGE"), /* @__PURE__ */ jsx$1("select", {
-        className: styles$p.rowsSelector,
+        className: styles$q.rowsSelector,
         value: rows,
         onChange: (e) => {
           onChangeRows(parseInt(e.target.value));
@@ -148874,10 +148986,10 @@ const TablePagination$1 = ({
         }, index2))
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$p.rowsSummary,
+      className: styles$q.rowsSummary,
       children: [from2, " - ", to2, " of ", total]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$p.tablePaginationButtons,
+      className: styles$q.tablePaginationButtons,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "chevronDoubleLeft",
         className: leftButtonsStyle,
@@ -148887,7 +148999,7 @@ const TablePagination$1 = ({
         className: leftButtonsStyle,
         onClick: changePage("decrement")
       }), /* @__PURE__ */ jsx$1("select", {
-        className: styles$p.rowsSelector,
+        className: styles$q.rowsSelector,
         value: rows,
         onChange: (e) => {
           onChangeRows(parseInt(e.target.value));
@@ -148912,14 +149024,14 @@ const LoadingBody$1 = ({
   rows = 5,
   items = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: classNames$2(styles$p.tbody, styles$p.skeleton),
+  className: classNames$2(styles$q.tbody, styles$q.skeleton),
   children: Object.keys(Array(rows).fill(1)).map((index2) => {
     return /* @__PURE__ */ jsx$1("tr", {
-      className: styles$p.tr,
+      className: styles$q.tr,
       children: Object.keys(Array(items).fill(1)).map((id2) => /* @__PURE__ */ jsx$1("td", {
-        className: styles$p.td,
+        className: styles$q.td,
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$p.item
+          className: styles$q.item
         })
       }, `${index2}-${id2}`))
     }, index2);
@@ -149362,7 +149474,7 @@ const CommercialFeeTypes = {
 };
 const conditionsContainer$2 = "_conditionsContainer_1yf4e_1";
 const conditionsCardContainer$2 = "_conditionsCardContainer_1yf4e_7";
-const styles$o = {
+const styles$p = {
   conditionsContainer: conditionsContainer$2,
   conditionsCardContainer: conditionsCardContainer$2
 };
@@ -149407,9 +149519,9 @@ const ChannelPayment = ({
   }
   return /* @__PURE__ */ jsxs(LayoutPage$1, {
     children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && /* @__PURE__ */ jsx$1("div", {
-      className: styles$o.conditionsContainer,
+      className: styles$p.conditionsContainer,
       children: /* @__PURE__ */ jsxs(Card$1, {
-        className: styles$o.conditionsCardContainer,
+        className: styles$p.conditionsCardContainer,
         children: [/* @__PURE__ */ jsxs("div", {
           style: {
             display: "flex",
@@ -149493,7 +149605,7 @@ const paddleEmbed = (opportunityId, venueId, onCheckoutComplete) => {
 };
 const conditionsContainer$1 = "_conditionsContainer_1xqb5_1";
 const conditionsCardContainer$1 = "_conditionsCardContainer_1xqb5_7";
-const styles$n = {
+const styles$o = {
   conditionsContainer: conditionsContainer$1,
   conditionsCardContainer: conditionsCardContainer$1
 };
@@ -149513,9 +149625,9 @@ const PaymentView = ({
     openCheckout();
   }, []);
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$n.conditionsContainer,
+    className: styles$o.conditionsContainer,
     children: /* @__PURE__ */ jsxs(Card$1, {
-      className: styles$n.conditionsCardContainer,
+      className: styles$o.conditionsCardContainer,
       children: [/* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -149598,7 +149710,7 @@ const ChannelSubscription = ({
 };
 const conditionsContainer = "_conditionsContainer_1xqb5_1";
 const conditionsCardContainer = "_conditionsCardContainer_1xqb5_7";
-const styles$m = {
+const styles$n = {
   conditionsContainer,
   conditionsCardContainer
 };
@@ -149675,9 +149787,9 @@ const ChannelGetStarted = ({
     });
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$m.conditionsContainer,
+    className: styles$n.conditionsContainer,
     children: /* @__PURE__ */ jsxs(Card, {
-      className: styles$m.conditionsCardContainer,
+      className: styles$n.conditionsCardContainer,
       children: [/* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -149806,7 +149918,7 @@ const showStatsOptions = [
   { value: 2, label: t("COVERS") }
 ];
 const content = "_content_7cjx9_1";
-const styles$l = {
+const styles$m = {
   content
 };
 const LoadingBarChart = ({ data: data2, type: type4, dateType }) => {
@@ -150021,7 +150133,7 @@ const Chart = ({
     }
   }, [params]);
   return /* @__PURE__ */ jsxs(Card$1, {
-    classNameContent: styles$l.content,
+    classNameContent: styles$m.content,
     header: /* @__PURE__ */ jsxs(Row, {
       gutter: [28, 28],
       align: "middle",
@@ -150166,12 +150278,12 @@ const partySizeOptions = [
   { value: 7, label: "7+" }
 ];
 const btn = "_btn_n2vx2_1";
-const styles$k = {
+const styles$l = {
   btn
 };
 const filtersContainer = "_filtersContainer_srxei_1";
 const filters = "_filters_srxei_1";
-const styles$j = {
+const styles$k = {
   filtersContainer,
   filters
 };
@@ -150321,7 +150433,7 @@ const RestaurantsSelector = ({
       children: /* @__PURE__ */ jsxs("div", {
         className: "",
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$j.filtersContainer,
+          className: styles$k.filtersContainer,
           children: [/* @__PURE__ */ jsxs("div", {
             style: {
               display: "flex",
@@ -150346,7 +150458,7 @@ const RestaurantsSelector = ({
               })
             })]
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$j.filters,
+            className: styles$k.filters,
             children: /* @__PURE__ */ jsx$1("div", {
               style: {
                 minWidth: 150
@@ -150376,7 +150488,7 @@ const RestaurantsSelector = ({
     })
   });
 };
-const styles$i = {
+const styles$j = {
   "icon-btn": "_icon-btn_862hi_1",
   "icon-btn--small": "_icon-btn--small_862hi_12",
   "icon-btn--medium": "_icon-btn--medium_862hi_15",
@@ -150395,7 +150507,7 @@ const IconButton = ({
 }) => {
   const iconSize = size === "large" ? "large" : "medium";
   const componentProps = {
-    className: classNames$2(styles$i["icon-btn"], styles$i[`icon-btn--${mode}`], styles$i[`icon-btn--${size}`]),
+    className: classNames$2(styles$j["icon-btn"], styles$j[`icon-btn--${mode}`], styles$j[`icon-btn--${size}`]),
     "aria-label": label2,
     ...props
   };
@@ -150571,7 +150683,7 @@ const ToolbarFormFields = ({
         children: t2("RESTAURANTS")
       }), /* @__PURE__ */ jsx$1(Button, {
         mode: "secondary",
-        className: styles$k.btn,
+        className: styles$l.btn,
         onClick: () => handleOnClickRestaurantsButton(),
         children: selectedRestaurants.length > 0 ? `x ${selectedRestaurants.length}` : selectedBrand ? `x All ${selectedBrand.name}` : "All"
       })]
@@ -151190,7 +151302,7 @@ const bookingInfoCardContent = "_bookingInfoCardContent_fujtq_403";
 const bookingInfoCardTitle = "_bookingInfoCardTitle_fujtq_409";
 const bookingInfoCardText = "_bookingInfoCardText_fujtq_412";
 const enableOnboardingContainer = "_enableOnboardingContainer_fujtq_416";
-const styles$h = {
+const styles$i = {
   mainWrapper,
   mainConatiner: mainConatiner$1,
   mainTableContainer,
@@ -151293,7 +151405,7 @@ const ShowSidebarProvider = ({
 };
 const container = "_container_7a16n_1";
 const picker = "_picker_7a16n_5";
-const styles$g = {
+const styles$h = {
   container,
   picker
 };
@@ -151316,7 +151428,7 @@ const DatePicker = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$g.container, className),
+    className: classNames$2(styles$h.container, className),
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -151326,7 +151438,7 @@ const DatePicker = ({
       value: range4 && [hooks(range4 == null ? void 0 : range4.from), hooks(range4 == null ? void 0 : range4.till)],
       onChange: handleChange,
       format: dateFormat,
-      className: styles$g.picker,
+      className: styles$h.picker,
       ranges: {
         Today: [hooks(), hooks()],
         "This week": [hooks().startOf("week"), hooks().endOf("week")],
@@ -151336,7 +151448,7 @@ const DatePicker = ({
       },
       allowClear: false,
       panelRender: (panelNode) => /* @__PURE__ */ jsx$1("div", {
-        className: styles$g.dateRangePickerContainer,
+        className: styles$h.dateRangePickerContainer,
         children: panelNode
       })
     })]
@@ -151562,9 +151674,9 @@ const index$9 = ({
   }, [criteria, debouncedCriteriaUpdate]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$h.headerContainer,
+      className: styles$i.headerContainer,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$h.searchContainer,
+        className: styles$i.searchContainer,
         children: /* @__PURE__ */ jsx$1(TextInputField, {
           control,
           id: "criteria",
@@ -151581,24 +151693,24 @@ const index$9 = ({
           rounded: true
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$h.buttonList,
+        className: styles$i.buttonList,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           mode: "tertiary",
-          className: styles$h.buttonItem,
+          className: styles$i.buttonItem,
           onClick: () => selectDate("commingUp"),
           children: t2("COMMINGUP")
         }), /* @__PURE__ */ jsx$1(Button$1, {
           mode: "tertiary",
-          className: styles$h.buttonItem,
+          className: styles$i.buttonItem,
           onClick: () => selectDate("today"),
           children: t2("TODAY")
         }), /* @__PURE__ */ jsx$1(Button$1, {
           mode: "tertiary",
-          className: styles$h.buttonItem,
+          className: styles$i.buttonItem,
           onClick: () => selectDate("tomorrow"),
           children: t2("TOMORROW")
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$h.datePickerContainer,
+          className: styles$i.datePickerContainer,
           ref: datePickerContainerRef,
           style: {
             position: "relative"
@@ -151630,7 +151742,7 @@ const index$9 = ({
             containerRef: datePickerContainerRef
           })]
         }), canEdit && /* @__PURE__ */ jsx$1(Button$1, {
-          className: styles$h.addReservationButton,
+          className: styles$i.addReservationButton,
           mode: "success",
           onClick: () => {
             setSelectedBooking(null);
@@ -151651,7 +151763,7 @@ const index$9 = ({
         }
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$h.hideCancellationsContainer,
+      className: styles$i.hideCancellationsContainer,
       children: /* @__PURE__ */ jsx$1(SwitchField, {
         control,
         name: "hideCancellations",
@@ -151669,7 +151781,7 @@ const TableTopHeader = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$h.tableTopHeader,
+    className: styles$i.tableTopHeader,
     children: [/* @__PURE__ */ jsx$1("h1", {
       children: hooks(date4).format("DD.MM.YYYY")
     }), /* @__PURE__ */ jsxs("h1", {
@@ -151824,7 +151936,7 @@ const TableRow = ({
     }
   };
   return /* @__PURE__ */ jsx$1(Card, {
-    className: styles$h.tableRowCard,
+    className: styles$i.tableRowCard,
     style: {
       animationDelay: `${index2 * 0.2}s`
     },
@@ -151840,51 +151952,51 @@ const TableRow = ({
         }
       },
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$h.tableRowHour, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$h.canceled : ""),
+        className: classNames$2(styles$i.tableRowHour, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$i.canceled : ""),
         children: /* @__PURE__ */ jsx$1("h2", {
-          className: styles$h.tableRowHourText,
+          className: styles$i.tableRowHourText,
           children: /* @__PURE__ */ jsx$1(TimeFormat, {
             currentTimeZone: filtersData == null ? void 0 : filtersData.timeZone,
             dateTime: item2 == null ? void 0 : item2.date
           })
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$h.tableRowContent,
+        className: styles$i.tableRowContent,
         children: [/* @__PURE__ */ jsx$1("img", {
-          className: styles$h.rowImage,
+          className: styles$i.rowImage,
           src: item2.bookingChannelLogo
         }), /* @__PURE__ */ jsxs("div", {
-          className: classNames$2(styles$h.rowContactContainer, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$h.canceled : ""),
+          className: classNames$2(styles$i.rowContactContainer, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$i.canceled : ""),
           children: [/* @__PURE__ */ jsx$1("h4", {
-            className: styles$h.rowContactText,
+            className: styles$i.rowContactText,
             children: item2.name
           }), /* @__PURE__ */ jsx$1("p", {
-            className: styles$h.rowContactPhone,
+            className: styles$i.rowContactPhone,
             children: (_a2 = item2 == null ? void 0 : item2.contact) == null ? void 0 : _a2.telephone
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: classNames$2(styles$h.rowSectionContainer, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$h.canceled : ""),
+          className: classNames$2(styles$i.rowSectionContainer, (item2 == null ? void 0 : item2.status) === "canceled" ? styles$i.canceled : ""),
           children: [/* @__PURE__ */ jsxs("div", {
-            className: styles$h.rowSection,
+            className: styles$i.rowSection,
             children: [/* @__PURE__ */ jsx$1("h4", {
-              className: styles$h.rowSectionText,
+              className: styles$i.rowSectionText,
               children: item2 == null ? void 0 : item2.partySize
             }), /* @__PURE__ */ jsx$1("p", {
-              className: styles$h.rowSectionSecText,
+              className: styles$i.rowSectionSecText,
               children: t2("GUESTS")
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$h.rowSection,
+            className: styles$i.rowSection,
             children: [/* @__PURE__ */ jsx$1("h4", {
-              className: styles$h.rowSectionText,
+              className: styles$i.rowSectionText,
               children: (_b = item2 == null ? void 0 : item2.table) == null ? void 0 : _b.name
             }), ((_c = item2 == null ? void 0 : item2.table) == null ? void 0 : _c.areaName) && /* @__PURE__ */ jsx$1("p", {
-              className: styles$h.rowSectionSecText,
+              className: styles$i.rowSectionSecText,
               children: (_d = item2 == null ? void 0 : item2.table) == null ? void 0 : _d.areaName
             })]
           })]
         }), canEdit && /* @__PURE__ */ jsx$1("div", {
-          className: styles$h.rowActionButton,
+          className: styles$i.rowActionButton,
           children: /* @__PURE__ */ jsx$1(Button$1, {
             icon: statusBuilder(item2.status).icon,
             disabled: (_e2 = statusBuilder(item2.status)) == null ? void 0 : _e2.disabled,
@@ -151927,27 +152039,27 @@ const TableBody = ({
   }, [data2, filtersData]);
   return /* @__PURE__ */ jsx$1("div", {
     children: _23.isEmpty(formattedData) ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$h.tableRowContainer,
+      className: styles$i.tableRowContainer,
       children: /* @__PURE__ */ jsx$1(Card, {
-        className: styles$h.tableRowCard,
+        className: styles$i.tableRowCard,
         children: /* @__PURE__ */ jsx$1("h2", {
-          className: styles$h.noData,
+          className: styles$i.noData,
           children: t2("NO_RESERVATIONS")
         })
       })
     }) : _23.map(formattedData, (group, key2) => {
       return /* @__PURE__ */ jsxs("div", {
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$h.tableTopHeaderContent,
+          className: styles$i.tableTopHeaderContent,
           children: [/* @__PURE__ */ jsx$1("h2", {
-            className: styles$h.tableTopHeaderContentText,
+            className: styles$i.tableTopHeaderContentText,
             children: key2
           }), /* @__PURE__ */ jsxs("h2", {
-            className: styles$h.tableTopHeaderContentText,
+            className: styles$i.tableTopHeaderContentText,
             children: [group.length, " ", t2("RESERVATIONS")]
           })]
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$h.tableRowContainer,
+          className: styles$i.tableRowContainer,
           children: group.map((item2, index2) => {
             return /* @__PURE__ */ jsx$1(TableRow, {
               index: index2,
@@ -152069,7 +152181,7 @@ const BookingInfoCard = ({
   icon: icon2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$h.bookingInfoCard,
+    className: styles$i.bookingInfoCard,
     children: /* @__PURE__ */ jsx$1(Icon, {
       icon: icon2,
       size: "medium"
@@ -152083,65 +152195,65 @@ const BookingInfo = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$h.bookingInfoContainer,
+    className: styles$i.bookingInfoContainer,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$h.bookingInfoCardColumn,
+      className: styles$i.bookingInfoCardColumn,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$h.bookingInfoCardContainer,
+        className: styles$i.bookingInfoCardContainer,
         children: [/* @__PURE__ */ jsx$1(BookingInfoCard, {
           icon: "Scale"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$h.bookingInfoCardContent,
+          className: styles$i.bookingInfoCardContent,
           children: [/* @__PURE__ */ jsx$1("h4", {
-            className: styles$h.bookingInfoCardTitle,
+            className: styles$i.bookingInfoCardTitle,
             children: t2("STATUS")
           }), /* @__PURE__ */ jsx$1("small", {
-            className: styles$h.bookingInfoCardText,
+            className: styles$i.bookingInfoCardText,
             children: t2(item2 == null ? void 0 : item2.status)
           })]
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$h.bookingInfoCardContainer,
+        className: styles$i.bookingInfoCardContainer,
         children: [/* @__PURE__ */ jsx$1(BookingInfoCard, {
           icon: "CheckBox"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$h.bookingInfoCardContent,
+          className: styles$i.bookingInfoCardContent,
           children: [/* @__PURE__ */ jsx$1("h4", {
-            className: styles$h.bookingInfoCardTitle,
+            className: styles$i.bookingInfoCardTitle,
             children: t2("OPTIN")
           }), /* @__PURE__ */ jsx$1("small", {
-            className: styles$h.bookingInfoCardText,
+            className: styles$i.bookingInfoCardText,
             children: t2("Yes")
           })]
         })]
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$h.bookingInfoCardColumn,
+      className: styles$i.bookingInfoCardColumn,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$h.bookingInfoCardContainer,
+        className: styles$i.bookingInfoCardContainer,
         children: [/* @__PURE__ */ jsx$1(BookingInfoCard, {
           icon: "FidgetSpinner"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$h.bookingInfoCardContent,
+          className: styles$i.bookingInfoCardContent,
           children: [/* @__PURE__ */ jsx$1("h4", {
-            className: styles$h.bookingInfoCardTitle,
+            className: styles$i.bookingInfoCardTitle,
             children: t2("BOOKINGCHANNEL")
           }), /* @__PURE__ */ jsx$1("small", {
-            className: styles$h.bookingInfoCardText,
+            className: styles$i.bookingInfoCardText,
             children: t2((item2 == null ? void 0 : item2.bookingChannelName) == "Resbook" ? "Widget" : item2 == null ? void 0 : item2.bookingChannelName)
           })]
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$h.bookingInfoCardContainer,
+        className: styles$i.bookingInfoCardContainer,
         children: [/* @__PURE__ */ jsx$1(BookingInfoCard, {
           icon: "CalendarTime"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$h.bookingInfoCardContent,
+          className: styles$i.bookingInfoCardContent,
           children: [/* @__PURE__ */ jsx$1("h4", {
-            className: styles$h.bookingInfoCardTitle,
+            className: styles$i.bookingInfoCardTitle,
             children: t2("CREATEDAT")
           }), /* @__PURE__ */ jsx$1("small", {
-            className: styles$h.bookingInfoCardText,
+            className: styles$i.bookingInfoCardText,
             children: hooks(item2 == null ? void 0 : item2.createAt).format("ddd, Do MMM YYYY")
           })]
         })]
@@ -152150,12 +152262,12 @@ const BookingInfo = ({
   });
 };
 const divider = "_divider_1k33v_1";
-const styles$f = {
+const styles$g = {
   divider
 };
 const Divider2 = (props) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$f.divider,
+    className: styles$g.divider,
     children: /* @__PURE__ */ jsx$1("hr", {})
   });
 };
@@ -152172,14 +152284,14 @@ const Header = () => {
   } = useSelectedBookingContext();
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$h.sidebarHeader,
+      className: styles$i.sidebarHeader,
       children: [/* @__PURE__ */ jsx$1("h3", {
         children: t2(selectedBooking ? "UPDATERESERVATION" : "ADDRESERVATION")
       }), selectedBooking && (selectedBooking == null ? void 0 : selectedBooking.id) && /* @__PURE__ */ jsxs("p", {
-        className: styles$h.headerReferece,
+        className: styles$i.headerReferece,
         children: [t2("REFERENCE"), ": ", (selectedBooking == null ? void 0 : selectedBooking.id) ? selectedBooking.id.slice(-8) : ""]
       }), /* @__PURE__ */ jsx$1(Icon, {
-        className: classNames$2(styles$h["sidebarCloseIcon"], showSidebar ? styles$h["sidebarCloseIcon--show"] : ""),
+        className: classNames$2(styles$i["sidebarCloseIcon"], showSidebar ? styles$i["sidebarCloseIcon--show"] : ""),
         icon: "close",
         size: "small",
         onClick: () => {
@@ -152776,7 +152888,7 @@ const AddBooking = async ({
   return { data: "created" };
 };
 const infoText = "_infoText_1m2uc_1";
-const styles$e = {
+const styles$f = {
   infoText
 };
 const DatePickerField = ({
@@ -152837,7 +152949,7 @@ const DatePickerField = ({
         disabled: disabled2,
         ...props
       }), infoText2 && /* @__PURE__ */ jsx$1("p", {
-        className: styles$e.infoText,
+        className: styles$f.infoText,
         children: t2(infoText2)
       }), error3 && /* @__PURE__ */ jsx$1(FieldError$1, {
         error: error3
@@ -152873,7 +152985,7 @@ const CustomerVisits = ({
   });
   if (visitCountLoading && selectedBooking) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$h.customerVisitContainer, styles$h.loading),
+      className: classNames$2(styles$i.customerVisitContainer, styles$i.loading),
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "Spinner",
         size: "small"
@@ -152882,20 +152994,266 @@ const CustomerVisits = ({
   }
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: selectedBooking && visitCountData && !visitCountLoading && /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$h.customerVisitContainer, visitCountData.customerNumberOfVisits === 1 ? styles$h.singleVisit : styles$h.multipleVisits),
+      className: classNames$2(styles$i.customerVisitContainer, visitCountData.customerNumberOfVisits === 1 ? styles$i.singleVisit : styles$i.multipleVisits),
       children: [/* @__PURE__ */ jsx$1(Icon, {
-        icon: visitCountData.customerNumberOfVisits === 1 ? "UserPlus" : "UsersPlus",
+        icon: visitCountData.customerNumberOfVisits === 1 || visitCountData.customerNumberOfVisits === 0 ? "UserPlus" : "UsersPlus",
         size: "small"
       }), /* @__PURE__ */ jsxs("h4", {
-        children: [visitCountData.customerNumberOfVisits === 1 ? t2("firstTimeCustomer") : t2("recurrentCustomer"), ":"]
+        children: [visitCountData.customerNumberOfVisits === 1 || visitCountData.customerNumberOfVisits === 0 ? t2("firstTimeCustomer") : t2("recurrentCustomer"), ":"]
       }), /* @__PURE__ */ jsx$1("h5", {
-        children: visitCountData.customerNumberOfVisits === 1 ? t2("firstVisitMessage") : t2("previousVisitsMessage", {
+        children: visitCountData.customerNumberOfVisits === 1 || visitCountData.customerNumberOfVisits === 0 ? t2("firstVisitMessage") : t2("previousVisitsMessage", {
           count: (visitCountData == null ? void 0 : visitCountData.customerNumberOfVisits) - 1
         })
       })]
     })
   });
 };
+const billInformationContainer = "_billInformationContainer_is0qa_1";
+const billSection = "_billSection_is0qa_10";
+const billSectionSpacing = "_billSectionSpacing_is0qa_18";
+const billHeader = "_billHeader_is0qa_33";
+const billTitleRow = "_billTitleRow_is0qa_37";
+const billTitle = "_billTitle_is0qa_37";
+const billSummary = "_billSummary_is0qa_84";
+const summaryLabel = "_summaryLabel_is0qa_91";
+const summaryAmount = "_summaryAmount_is0qa_96";
+const toggleButton = "_toggleButton_is0qa_101";
+const billDetails = "_billDetails_is0qa_126";
+const billDetailsAnimated = "_billDetailsAnimated_is0qa_131";
+const billDetailsVisible = "_billDetailsVisible_is0qa_137";
+const billDetailsHidden = "_billDetailsHidden_is0qa_144";
+const financialDetails = "_financialDetails_is0qa_152";
+const detailRow = "_detailRow_is0qa_165";
+const grossTotalLabel = "_grossTotalLabel_is0qa_177";
+const grossTotalAmount = "_grossTotalAmount_is0qa_181";
+const checkDetails = "_checkDetails_is0qa_185";
+const checkNumber = "_checkNumber_is0qa_200";
+const itemsSection = "_itemsSection_is0qa_205";
+const itemsHeader = "_itemsHeader_is0qa_219";
+const itemsList = "_itemsList_is0qa_226";
+const itemRow$1 = "_itemRow_is0qa_232";
+const itemName$1 = "_itemName_is0qa_244";
+const itemPrice = "_itemPrice_is0qa_248";
+const itemRowAnimated = "_itemRowAnimated_is0qa_252";
+const itemRowVisible = "_itemRowVisible_is0qa_257";
+const itemRowHidden = "_itemRowHidden_is0qa_264";
+const styles$e = {
+  billInformationContainer,
+  billSection,
+  billSectionSpacing,
+  billHeader,
+  billTitleRow,
+  billTitle,
+  billSummary,
+  summaryLabel,
+  summaryAmount,
+  toggleButton,
+  billDetails,
+  billDetailsAnimated,
+  billDetailsVisible,
+  billDetailsHidden,
+  financialDetails,
+  detailRow,
+  grossTotalLabel,
+  grossTotalAmount,
+  checkDetails,
+  checkNumber,
+  itemsSection,
+  itemsHeader,
+  itemsList,
+  itemRow: itemRow$1,
+  itemName: itemName$1,
+  itemPrice,
+  itemRowAnimated,
+  itemRowVisible,
+  itemRowHidden
+};
+const GetBillInformation = async ({
+  venue_id,
+  booking_id
+}) => {
+  const responseData = await instance$1.get(
+    `v1/pos/${venue_id}/reservation/${booking_id}/order`
+  );
+  return responseData;
+};
+const CheckDisplay = ({
+  check: check2,
+  index: index2,
+  currency
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const [showDetails, setShowDetails] = useState(false);
+  const [showAllItems, setShowAllItems] = useState(false);
+  const formatCurrency = (amount) => {
+    switch (currency) {
+      case "EUR":
+        return `€${amount.toFixed(2)}`;
+      case "USD":
+        return `$${amount.toFixed(2)}`;
+      case "GBP":
+        return `£${amount.toFixed(2)}`;
+      default:
+        return `${amount.toFixed(2)} ${currency ?? ""}`;
+    }
+  };
+  const calculatedValues = useMemo$1(() => {
+    const subtotal = check2.totalAmount - check2.tax - check2.tip;
+    const taxPercentage = subtotal > 0 ? check2.tax / subtotal * 100 : 0;
+    const tipPercentage = check2.totalAmount > 0 ? check2.tip / check2.totalAmount * 100 : 0;
+    const grossTotal = check2.totalAmount;
+    return {
+      subtotal,
+      taxPercentage: Math.round(taxPercentage * 100) / 100,
+      tipPercentage: Math.round(tipPercentage * 100) / 100,
+      grossTotal
+    };
+  }, [check2]);
+  const hasMoreItems = check2.items.length > 2;
+  return /* @__PURE__ */ jsxs("div", {
+    className: classNames$2(styles$e.billSection, index2 > 0 ? styles$e.billSectionSpacing : void 0),
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$e.billHeader,
+      children: [/* @__PURE__ */ jsx$1("div", {
+        className: styles$e.billTitleRow,
+        children: /* @__PURE__ */ jsx$1("h3", {
+          className: styles$e.billTitle,
+          children: index2 > 0 ? t2("BILL_NUMBER", {
+            number: index2 + 1
+          }) : t2("BILL")
+        })
+      }), /* @__PURE__ */ jsxs("div", {
+        className: styles$e.billSummary,
+        children: [/* @__PURE__ */ jsx$1("span", {
+          className: styles$e.summaryLabel,
+          children: t2("TOTAL_AMOUNT_EXCLUDING_TIP")
+        }), /* @__PURE__ */ jsx$1("span", {
+          className: styles$e.summaryAmount,
+          children: formatCurrency(calculatedValues.subtotal)
+        })]
+      }), /* @__PURE__ */ jsx$1("button", {
+        className: styles$e.toggleButton,
+        onClick: () => setShowDetails(!showDetails),
+        children: showDetails ? t2("HIDE_DETAILS") : t2("SHOW_DETAILS")
+      })]
+    }), /* @__PURE__ */ jsxs("div", {
+      className: classNames$2(styles$e.billDetails, styles$e.billDetailsAnimated, showDetails ? styles$e.billDetailsVisible : styles$e.billDetailsHidden),
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: styles$e.financialDetails,
+        children: [/* @__PURE__ */ jsxs("div", {
+          className: styles$e.detailRow,
+          children: [/* @__PURE__ */ jsxs("span", {
+            children: [t2("TAX"), " (", calculatedValues.taxPercentage, "%)"]
+          }), /* @__PURE__ */ jsx$1("span", {
+            children: formatCurrency(check2.tax)
+          })]
+        }), /* @__PURE__ */ jsxs("div", {
+          className: styles$e.detailRow,
+          children: [/* @__PURE__ */ jsxs("span", {
+            children: [t2("TIP"), " (", calculatedValues.tipPercentage, "%)"]
+          }), /* @__PURE__ */ jsx$1("span", {
+            children: formatCurrency(check2.tip)
+          })]
+        }), /* @__PURE__ */ jsxs("div", {
+          className: styles$e.detailRow,
+          children: [/* @__PURE__ */ jsx$1("span", {
+            className: styles$e.grossTotalLabel,
+            children: t2("GROSS_TOTAL")
+          }), /* @__PURE__ */ jsx$1("span", {
+            className: styles$e.grossTotalAmount,
+            children: formatCurrency(calculatedValues.grossTotal)
+          })]
+        })]
+      }), /* @__PURE__ */ jsx$1("div", {
+        className: styles$e.checkDetails,
+        children: /* @__PURE__ */ jsxs("div", {
+          className: styles$e.checkNumber,
+          children: [t2("CHECK_NUMBER"), ": ", check2.checkNumber]
+        })
+      }), /* @__PURE__ */ jsxs("div", {
+        className: styles$e.itemsSection,
+        children: [/* @__PURE__ */ jsx$1("div", {
+          className: styles$e.itemsHeader,
+          children: t2("ITEMS_ORDERED", {
+            count: check2.items.length
+          })
+        }), /* @__PURE__ */ jsx$1("div", {
+          className: styles$e.itemsList,
+          children: check2.items.map((item2, itemIndex) => {
+            const isVisible2 = itemIndex < 2 || showAllItems;
+            return /* @__PURE__ */ jsxs("div", {
+              className: classNames$2(styles$e.itemRow, styles$e.itemRowAnimated, isVisible2 ? styles$e.itemRowVisible : styles$e.itemRowHidden),
+              style: {
+                transitionDelay: `${itemIndex * 50}ms`
+              },
+              children: [/* @__PURE__ */ jsxs("span", {
+                className: styles$e.itemName,
+                children: [item2.quantity, " - ", item2.name]
+              }), /* @__PURE__ */ jsx$1("span", {
+                className: styles$e.itemPrice,
+                children: formatCurrency(item2.price)
+              })]
+            }, `${check2.checkNumber}-${item2.id}-${itemIndex}`);
+          })
+        }), hasMoreItems && /* @__PURE__ */ jsx$1("button", {
+          className: styles$e.toggleButton,
+          onClick: () => setShowAllItems(!showAllItems),
+          children: showAllItems ? t2("SHOW_LESS") : t2("SHOW_ALL")
+        })]
+      })]
+    })]
+  });
+};
+const BillSection = ({
+  venueId,
+  currency,
+  className
+}) => {
+  const {
+    selectedBooking
+  } = useSelectedBookingContext();
+  const {
+    t: t2
+  } = useTranslation();
+  const {
+    data: billInformationData,
+    isLoading: billInformationLoading
+  } = useFetch((selectedBooking == null ? void 0 : selectedBooking.id) ? GetBillInformation : () => Promise.resolve(null), {
+    cacheId: `bill-information-${selectedBooking == null ? void 0 : selectedBooking.id}`,
+    venue_id: venueId,
+    booking_id: selectedBooking == null ? void 0 : selectedBooking.id
+  });
+  const checks = useMemo$1(() => {
+    if (!billInformationData || !billInformationData.checks || billInformationData.checks.length === 0) {
+      return [];
+    }
+    return billInformationData.checks;
+  }, [billInformationData]);
+  if (billInformationLoading && selectedBooking) {
+    return /* @__PURE__ */ jsx$1("div", {
+      className: classNames$2(styles$e.billInformationContainer, styles$e.loading),
+      children: /* @__PURE__ */ jsx$1(Icon, {
+        icon: "Spinner",
+        size: "small"
+      })
+    });
+  }
+  if (!checks || checks.length === 0 || !selectedBooking) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx$1(Fragment, {
+    children: venueId && (selectedBooking == null ? void 0 : selectedBooking.id) && /* @__PURE__ */ jsx$1("div", {
+      className,
+      children: checks.map((check2, index2) => /* @__PURE__ */ jsx$1(CheckDisplay, {
+        check: check2,
+        index: index2,
+        currency
+      }, check2.checkNumber))
+    })
+  });
+};
 const index$7 = ({
   filtersData,
   venueId
@@ -153153,10 +153511,10 @@ const index$7 = ({
     }
   }, [source2, timeOptions, setValue]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$h.sidebarContent,
+    className: styles$i.sidebarContent,
     onSubmit: handleSubmit(onSubmit),
     children: [/* @__PURE__ */ jsx$1(Header, {}), /* @__PURE__ */ jsxs("div", {
-      className: styles$h.sidebarMainContent,
+      className: styles$i.sidebarMainContent,
       children: [!selectedBooking && /* @__PURE__ */ jsx$1("div", {
         style: {
           width: "100%"
@@ -153167,7 +153525,6 @@ const index$7 = ({
           control,
           id: "source",
           name: "source",
-          label: t2("source"),
           options: sourceOptions.map((item2) => ({
             value: item2.value,
             label: t2(item2.label)
@@ -153187,8 +153544,7 @@ const index$7 = ({
             control,
             id: "date",
             name: "date",
-            label: t2("date"),
-            placeholder: "dd/mm/yyyy",
+            placeholder: t2("date"),
             mode: "single"
           })
         }), /* @__PURE__ */ jsx$1("div", {
@@ -153196,13 +153552,12 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("select"),
+            placeholder: t2("time"),
             isDisabled: !canEdit,
             control,
             isClearable: true,
             id: "time",
             name: "time",
-            label: t2("time"),
             options: timeOptions
           })
         })]
@@ -153216,13 +153571,12 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("select"),
+            placeholder: t2("partySize"),
             isDisabled: !canEdit,
             control,
             isClearable: true,
             id: "partySize",
             name: "partySize",
-            label: t2("partySize"),
             options: partySizeOptions2
           })
         }), /* @__PURE__ */ jsx$1("div", {
@@ -153230,12 +153584,11 @@ const index$7 = ({
             width: "50%"
           },
           children: /* @__PURE__ */ jsx$1(SelectField, {
-            placeholder: t2("select"),
+            placeholder: t2("table"),
             isDisabled: !canEdit,
             control,
             id: "table",
             name: "table",
-            label: t2("table"),
             options: tableOptions
           })
         })]
@@ -153253,7 +153606,6 @@ const index$7 = ({
             control,
             id: "firstName",
             name: "firstName",
-            label: t2("firstname"),
             placeholder: t2("firstname"),
             radius: "md",
             filled: true
@@ -153267,7 +153619,6 @@ const index$7 = ({
             control,
             id: "lastName",
             name: "lastName",
-            label: t2("lastname"),
             placeholder: t2("lastname"),
             radius: "md",
             filled: true
@@ -153284,8 +153635,7 @@ const index$7 = ({
           control,
           id: "phone",
           name: "phone",
-          label: t2("phone"),
-          placeholder: "+12345678999",
+          placeholder: t2("phone"),
           radius: "md",
           filled: true
         })
@@ -153298,7 +153648,6 @@ const index$7 = ({
           control,
           id: "email",
           name: "email",
-          label: t2("email"),
           placeholder: t2("email"),
           radius: "md",
           filled: true
@@ -153312,16 +153661,23 @@ const index$7 = ({
           control,
           id: "notes",
           name: "notes",
-          label: t2("notes"),
           placeholder: t2("notes")
         })
+      }), /* @__PURE__ */ jsx$1("div", {
+        style: {
+          width: "100%"
+        },
+        children: /* @__PURE__ */ jsx$1(BillSection, {
+          venueId,
+          currency: filtersData == null ? void 0 : filtersData.currency
+        })
       }), selectedBooking && selectedBooking.status !== "canceled" && /* @__PURE__ */ jsxs(React__default.Fragment, {
         children: [/* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsx$1(BookingInfo, {
           item: selectedBooking
         })]
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$h.sidebarFooter,
+      className: styles$i.sidebarFooter,
       children: [/* @__PURE__ */ jsx$1(Divider2, {}), canEdit && /* @__PURE__ */ jsx$1(ActionButtons, {
         onSubmit,
         venueId
@@ -153380,6 +153736,7 @@ const GetCreateBookingSelectsData = async ({
   const responseChannels = await instance$1.get(`/resbook/smart-channels`);
   const data2 = {
     onboardingReady: (responseVenueData == null ? void 0 : responseVenueData.onboardingReady) ?? false,
+    currency: (responseVenueData == null ? void 0 : responseVenueData.currency) ?? "EUR",
     partySizes: formatPartySizeData(responseVenueData),
     areas: formatAreasData(responseAreas),
     hours: formatHoursData(responseHours),
@@ -153516,7 +153873,7 @@ const EnableOnboarding = ({
   if (onboardingReady) return null;
   return /* @__PURE__ */ jsxs("div", {
     ref: containerRef,
-    className: styles$h.enableOnboardingContainer,
+    className: styles$i.enableOnboardingContainer,
     children: [/* @__PURE__ */ jsx$1("p", {
       children: t2("enableOnboardingText")
     }), /* @__PURE__ */ jsx$1(Button$1, {
@@ -153618,7 +153975,7 @@ function MainComponent({
   }, [selectedBooking]);
   useEffect(() => {
     function handleOutsideClick(event) {
-      const sidebarElement = document.querySelector(`.${styles$h.mainSidebarContainer}`);
+      const sidebarElement = document.querySelector(`.${styles$i.mainSidebarContainer}`);
       if (sidebarElement && !sidebarElement.contains(event.target)) {
         setShowSidebar(false);
       }
@@ -153641,15 +153998,15 @@ function MainComponent({
   return /* @__PURE__ */ jsx$1(ReloadProvider$1, {
     reload,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$h.mainWrapper,
+      className: styles$i.mainWrapper,
       children: [/* @__PURE__ */ jsx$1(EnableOnboarding, {
         venueId,
         onboardingReady: !filtersData ? true : filtersData == null ? void 0 : filtersData.onboardingReady,
         reloadSelectsData
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$h.mainConatiner,
+        className: styles$i.mainConatiner,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$h.mainTableContainer,
+          className: styles$i.mainTableContainer,
           children: [/* @__PURE__ */ jsx$1(index$9, {
             filters: filters2,
             setFilters,
@@ -153663,7 +154020,7 @@ function MainComponent({
             venueId
           })]
         }), /* @__PURE__ */ jsx$1("div", {
-          className: classNames$2(styles$h.mainSidebarContainer, showSidebar ? styles$h[`mainSidebarContainer--open`] : "styles[`mainSidebarContainer--close`]"),
+          className: classNames$2(styles$i.mainSidebarContainer, showSidebar ? styles$i[`mainSidebarContainer--open`] : "styles[`mainSidebarContainer--close`]"),
           children: /* @__PURE__ */ jsx$1(index$7, {
             filtersData,
             venueId