mozrest-sdk-react-dev 0.3.8 → 0.3.9

package/mozrest-sdk.es.js

@@ -5,7 +5,7 @@ import ReactDOM__default, { createPortal } from "react-dom";
 const container$A = "_container_1xz3t_13";
 const item$7 = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-const styles$21 = {
+const styles$20 = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$A,
   item: item$7,
@@ -957,15 +957,15 @@ const jsxs = jsxRuntimeExports.jsxs;
 const Fragment = jsxRuntimeExports.Fragment;
 const SkeletonPage$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$21["animate-pulse"],
+    className: styles$20["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$21.container,
+      className: styles$20.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$21.item
+        className: styles$20.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$21.item
+        className: styles$20.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$21.itemfull
+        className: styles$20.itemfull
       })]
     })
   });
@@ -3434,7 +3434,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$z = "_container_1ar7o_1";
-const styles$20 = {
+const styles$1$ = {
   container: container$z
 };
 const Container = ({
@@ -3448,12 +3448,12 @@ const Container = ({
   return /* @__PURE__ */ jsx$1(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$20["container"], className),
+    className: classNames$2(styles$1$["container"], className),
     children
   });
 };
 const container$y = "_container_11xrj_1";
-const styles$1$ = {
+const styles$1_ = {
   container: container$y
 };
 const LayoutPage$2 = ({
@@ -3463,12 +3463,12 @@ const LayoutPage$2 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1$.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1_.container, containerClassName, "mz-sdk-cst-pf"),
     children: [header2 && /* @__PURE__ */ jsx$1("div", {
       className: "mz-header",
       children: header2
     }), /* @__PURE__ */ jsx$1(Container, {
-      className: classNames$2(styles$1$.content, contentClassName),
+      className: classNames$2(styles$1_.content, contentClassName),
       children
     })]
   });
@@ -36269,25 +36269,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$1_ = {
+const styles$1Z = {
   label: label$8,
   comment: comment$4,
   translate
 };
 const sronly$1 = "_sronly_1n9bw_1";
-const styles$1Z = {
+const styles$1Y = {
   sronly: sronly$1
 };
 const SrOnly$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$1Z.sronly,
+    className: styles$1Y.sronly,
     children
   });
 };
 const label$7 = "_label_1vki7_1";
-const styles$1Y = {
+const styles$1X = {
   label: label$7
 };
 var propTypes$3 = { exports: {} };
@@ -41175,7 +41175,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$1X = {
+const styles$1W = {
   icon: icon$a,
   "icon--small": "_icon--small_69yub_12",
   "icon--medium": "_icon--medium_69yub_15",
@@ -41190,14 +41190,14 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1X["icon"], styles$1X[`icon--${size}`], className),
+    className: classNames$2(styles$1W["icon"], styles$1W[`icon--${size}`], className),
     ...props,
     children: icons$1[icon2]()
   });
 };
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-const styles$1W = {
+const styles$1V = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
@@ -41205,9 +41205,9 @@ const Tooltip$2 = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1W.tooltip,
+    className: styles$1V.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$1W.tooltip__icon,
+      className: styles$1V.tooltip__icon,
       icon: "question",
       size: "small",
       "data-tip": true
@@ -41228,7 +41228,7 @@ const Label$2 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$1Y.label,
+    className: styles$1X.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$2, {
       children: tooltip2
@@ -41240,7 +41240,7 @@ const Label$2 = ({
 };
 const label$6 = "_label_15hk9_1";
 const translation$1 = "_translation_15hk9_6";
-const styles$1V = {
+const styles$1U = {
   label: label$6,
   translation: translation$1
 };
@@ -41274,13 +41274,13 @@ const ReplyTranslation = ({
     children: [isExecuting && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isExecuting && /* @__PURE__ */ jsxs("div", {
-      className: styles$1V.translation,
+      className: styles$1U.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$1V.label,
+        className: styles$1U.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1V.translation,
+        className: styles$1U.translation,
         children: data2 && data2.translatedText ? data2.translatedText : "---"
       })]
     })]
@@ -42861,7 +42861,7 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   yes
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$9 = "_icon_lm3br_1";
-const styles$1U = {
+const styles$1T = {
   icon: icon$9,
   "icon--xs": "_icon--xs_lm3br_12",
   "icon--small": "_icon--small_lm3br_15",
@@ -42876,13 +42876,13 @@ const Icon = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$1U["icon"], styles$1U[`icon--${size}`], className),
+    className: classNames$2(styles$1T["icon"], styles$1T[`icon--${size}`], className),
     ...props,
     children: React__default.createElement(icons[icon2])
   });
 };
 const btn$2 = "_btn_g6dop_1";
-const styles$1T = {
+const styles$1S = {
   btn: btn$2,
   "btn--large": "_btn--large_g6dop_16",
   "btn--default": "_btn--default_g6dop_20",
@@ -42910,7 +42910,7 @@ const Button$1 = ({
   ...props
 }) => {
   const componentProps = {
-    className: classNames$2(styles$1T["btn"], styles$1T[`btn--${mode}`], styles$1T[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1S["btn"], styles$1S[`btn--${mode}`], styles$1S[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon, {
@@ -42935,25 +42935,25 @@ const Button$1 = ({
   });
 };
 const sronly = "_sronly_1n9bw_1";
-const styles$1S = {
+const styles$1R = {
   sronly
 };
 const SrOnly = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: styles$1S.sronly,
+    className: styles$1R.sronly,
     children
   });
 };
 const label$5 = "_label_wrsfp_1";
-const styles$1R = {
+const styles$1Q = {
   label: label$5
 };
 const tooltipContainer = "_tooltipContainer_13ux5_1";
 const tooltipBox = "_tooltipBox_13ux5_5";
 const isVisible = "_isVisible_13ux5_26";
-const styles$1Q = {
+const styles$1P = {
   tooltipContainer,
   tooltipBox,
   isVisible,
@@ -42973,14 +42973,14 @@ const Tooltip$1 = ({
   const showTooltip = () => setIsVisible(true);
   const hideTooltip = () => setIsVisible(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1Q.tooltipContainer,
+    className: styles$1P.tooltipContainer,
     onMouseEnter: showTooltip,
     onMouseLeave: hideTooltip,
     onFocus: showTooltip,
     onBlur: hideTooltip,
     tabIndex: 0,
     children: [children, /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$1Q.tooltipBox, styles$1Q[`tooltip--${position2}`], isVisible2 ? styles$1Q.isVisible : "", className),
+      className: classNames$2(styles$1P.tooltipBox, styles$1P[`tooltip--${position2}`], isVisible2 ? styles$1P.isVisible : "", className),
       ...props,
       children: message ?? ""
     })]
@@ -42994,7 +42994,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ jsxs("label", {
-    className: styles$1R.label,
+    className: styles$1Q.label,
     ...props,
     children: [children, tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
@@ -44926,7 +44926,7 @@ function o(o2, n, a2) {
   };
 }
 const text$2 = "_text_1f1l5_1";
-const styles$1P = {
+const styles$1O = {
   text: text$2
 };
 const FieldError$1 = ({
@@ -44934,14 +44934,14 @@ const FieldError$1 = ({
 }) => {
   if (error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1P.text,
+      className: styles$1O.text,
       children: error3.message
     });
   }
   return null;
 };
 const input$5 = "_input_1ayrx_1";
-const styles$1O = {
+const styles$1N = {
   input: input$5
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -44977,7 +44977,7 @@ const TextArea$1 = React__default.forwardRef(({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1O.input,
+        className: styles$1N.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -45099,11 +45099,11 @@ const ReplyForm = ({
             marginTop: 10
           },
           children: [!showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$1_.translate,
+            className: styles$1Z.translate,
             onClick: () => setShowTranslation(true),
             children: t2("SHOWTRANSLATION")
           }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-            className: styles$1_.translate,
+            className: styles$1Z.translate,
             onClick: () => setShowTranslation(false),
             children: t2("HIDETRANSLATION")
           })]
@@ -45150,7 +45150,7 @@ const ReplyForm = ({
 const label$4 = "_label_x1r40_1";
 const comment$1 = "_comment_x1r40_7";
 const date$3 = "_date_x1r40_12";
-const styles$1N = {
+const styles$1M = {
   label: label$4,
   comment: comment$1,
   date: date$3
@@ -45164,13 +45164,13 @@ const Reply = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1N.label,
+      className: styles$1M.label,
       children: t2("REPLY")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1N.comment,
+      className: styles$1M.comment,
       children: reply2.comment
     }), /* @__PURE__ */ jsx$1("span", {
-      className: styles$1N.date,
+      className: styles$1M.date,
       children: reply2.createdAt
     }), /* @__PURE__ */ jsx$1("br", {})]
   });
@@ -45256,7 +45256,7 @@ const back = "_back_ypeoh_30";
 const statusbar = "_statusbar_ypeoh_38";
 const statusbar__icons = "_statusbar__icons_ypeoh_44";
 const platform = "_platform_ypeoh_48";
-const styles$1M = {
+const styles$1L = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -45278,36 +45278,36 @@ const Comment = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1_.label,
+      className: styles$1Z.label,
       children: t2("REVIEW")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1_.comment,
+      className: styles$1Z.comment,
       children
     }), !showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-      className: styles$1_.translate,
+      className: styles$1Z.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
     }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
-      className: styles$1_.translate,
+      className: styles$1Z.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
     })]
   });
 };
 const flag = "_flag_wd4ay_1";
-const styles$1L = {
+const styles$1K = {
   flag
 };
 const CountryFlag = ({
   locale: locale2
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1L.flag}`
+    className: `fib fi-${locale2 === "en" ? "gb" : locale2} ${styles$1K.flag}`
   });
 };
 const label$3 = "_label_15hk9_1";
 const translation = "_translation_15hk9_6";
-const styles$1K = {
+const styles$1J = {
   label: label$3,
   translation
 };
@@ -45343,13 +45343,13 @@ const CommentTranslation = ({
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
       children: [t2("TRANSLATING"), "..."]
     }), !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$1K.translation,
+      className: styles$1J.translation,
       children: [/* @__PURE__ */ jsx$1(Label$2, {
         htmlFor: "",
-        className: styles$1K.label,
+        className: styles$1J.label,
         children: t2("TRANSLATION")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1K.translation,
+        className: styles$1J.translation,
         children: data2
       })]
     })]
@@ -45357,7 +45357,7 @@ const CommentTranslation = ({
 };
 const label$2 = "_label_13kaz_1";
 const title$3 = "_title_13kaz_5";
-const styles$1J = {
+const styles$1I = {
   label: label$2,
   title: title$3
 };
@@ -45370,10 +45370,10 @@ const Title = ({
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
-      className: styles$1J.label,
+      className: styles$1I.label,
       children: t2("TITLE")
     }), /* @__PURE__ */ jsx$1("p", {
-      className: styles$1J.title,
+      className: styles$1I.title,
       children
     })]
   });
@@ -45551,7 +45551,7 @@ const formatData$k = (data2) => {
   });
 };
 const text$1 = "_text_12cto_1";
-const styles$1I = {
+const styles$1H = {
   text: text$1
 };
 const tagsMap$2 = {
@@ -45564,7 +45564,7 @@ const TemplateText = ({
   text: text2
 }) => {
   return /* @__PURE__ */ jsx$1("p", {
-    className: styles$1I.text,
+    className: styles$1H.text,
     children: text2.split("@@").map((item2, index2) => {
       if (tagsMap$2[item2]) {
         return /* @__PURE__ */ jsx$1("span", {
@@ -45576,7 +45576,7 @@ const TemplateText = ({
   });
 };
 const button$6 = "_button_1hbqp_1";
-const styles$1H = {
+const styles$1G = {
   button: button$6
 };
 const Template$1 = ({
@@ -45591,7 +45591,7 @@ const Template$1 = ({
     children: [/* @__PURE__ */ jsx$1(TemplateText, {
       text: text2
     }), /* @__PURE__ */ jsx$1("button", {
-      className: styles$1H.button,
+      className: styles$1G.button,
       onClick: handleClickUse,
       children: "Use"
     })]
@@ -45600,7 +45600,7 @@ const Template$1 = ({
 const container$x = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-const styles$1G = {
+const styles$1F = {
   container: container$x,
   hide: hide$1,
   toolbar: toolbar$3
@@ -50742,7 +50742,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-const styles$1F = {
+const styles$1E = {
   tooltip: tooltip$1,
   tooltip__icon
 };
@@ -50750,9 +50750,9 @@ const LockTooltip = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1F.tooltip,
+    className: styles$1E.tooltip,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
-      className: styles$1F.tooltip__icon,
+      className: styles$1E.tooltip__icon,
       icon: "lock",
       size: "small",
       "data-tip": children
@@ -50766,7 +50766,7 @@ const LockTooltip = ({
 };
 const container$w = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-const styles$1E = {
+const styles$1D = {
   container: container$w,
   tooltip
 };
@@ -50795,7 +50795,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1E.container,
+    className: styles$1D.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: id2,
       children: label2
@@ -50809,7 +50809,7 @@ const NewSelect = ({
         id: id2,
         isDisabled
       }), isDisabled && /* @__PURE__ */ jsx$1("div", {
-        className: styles$1E.tooltip,
+        className: styles$1D.tooltip,
         children: /* @__PURE__ */ jsx$1(LockTooltip, {
           children: disabledTooltip
         })
@@ -50885,12 +50885,12 @@ const filterTemplatesByLanguage = (templates, language) => {
 };
 const header$7 = "_header_1jmjy_1";
 const icon$8 = "_icon_1jmjy_11";
-const styles$1D = {
+const styles$1C = {
   header: header$7,
   icon: icon$8
 };
 const heading = "_heading_1fifa_1";
-const styles$1C = {
+const styles$1B = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -50906,7 +50906,7 @@ const Heading = ({
   const Tag2 = level;
   return /* @__PURE__ */ jsx$1(Tag2, {
     id: id2,
-    className: classNames$2(styles$1C["heading"], styles$1C[`heading--${size}`]),
+    className: classNames$2(styles$1B["heading"], styles$1B[`heading--${size}`]),
     ...props,
     children
   });
@@ -50921,18 +50921,18 @@ const Header$6 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1D.header,
+    className: styles$1C.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$1D.icon
+      className: styles$1C.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$v = "_container_pc1hp_1";
-const styles$1B = {
+const styles$1A = {
   container: container$v
 };
 const Card$1 = ({
@@ -50944,12 +50944,12 @@ const Card$1 = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1B.container, className, "mz-card"),
+      className: classNames$2(styles$1A.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$6, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1B.content, classNameContent),
+        className: classNames$2(styles$1A.content, classNameContent),
         children
       })]
     })
@@ -51021,11 +51021,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$1G.container, {
-      [styles$1G.hide]: !open
+    className: classNames$2(styles$1F.container, {
+      [styles$1F.hide]: !open
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1G.toolbar,
+      className: styles$1F.toolbar,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -51079,31 +51079,31 @@ const DetailMobile = ({
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1M.detail, {
-      [styles$1M.hidden]: !openForm
+    className: classNames$2(styles$1L.detail, {
+      [styles$1L.hidden]: !openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
       onClick,
-      className: styles$1M.back,
+      className: styles$1L.back,
       children: /* @__PURE__ */ jsx$1(Icon, {
         icon: "close"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1M.statusbar,
+      className: styles$1L.statusbar,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1M.statusbar__icons,
+        className: styles$1L.statusbar__icons,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: reply2 ? "mailReplied" : "mailNotReplied"
         }), /* @__PURE__ */ jsx$1("img", {
           alt: platform2,
           src: platformImages[platform2],
-          className: styles$1M.platform
+          className: styles$1L.platform
         })]
       }), /* @__PURE__ */ jsx$1("div", {
         children: createdAt
       })]
     }), /* @__PURE__ */ jsxs("strong", {
-      className: styles$1M.reviewer,
+      className: styles$1L.reviewer,
       children: [reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ jsx$1(CountryFlag, {
         locale: locale2
       })]
@@ -51148,7 +51148,7 @@ const DetailMobile = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1M["container--reply"],
+      className: styles$1L["container--reply"],
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -51161,7 +51161,7 @@ const DetailMobile = ({
         locale: locale2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1M["container--reply"],
+      className: styles$1L["container--reply"],
       children: reply2 && /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       })
@@ -51194,13 +51194,13 @@ const DetailMobile = ({
 const detail = "_detail_1nbuk_1";
 const reply = "_reply_1nbuk_10";
 const hide = "_hide_1nbuk_14";
-const styles$1A = {
+const styles$1z = {
   detail,
   reply,
   hide
 };
 const btn$1 = "_btn_1wg4v_1";
-const styles$1z = {
+const styles$1y = {
   btn: btn$1,
   "btn--large": "_btn--large_1wg4v_16",
   "btn--small": "_btn--small_1wg4v_19",
@@ -51225,7 +51225,7 @@ const Button = React__default.forwardRef(({
   ...props
 }, ref = null) => {
   const componentProps = {
-    className: classNames$2(styles$1z["btn"], styles$1z[`btn--${mode}`], styles$1z[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1y["btn"], styles$1y[`btn--${mode}`], styles$1y[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ jsx$1(Icon$1, {
@@ -51277,8 +51277,8 @@ const DetailDesktop = ({
   } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1A.detail, {
-      [styles$1A.hide]: !openForm
+    className: classNames$2(styles$1z.detail, {
+      [styles$1z.hide]: !openForm
     }),
     children: [meta && /* @__PURE__ */ jsxs("div", {
       style: {
@@ -51319,7 +51319,7 @@ const DetailDesktop = ({
         commentId: id2
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
-      className: styles$1A.reply,
+      className: styles$1z.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
@@ -51333,7 +51333,7 @@ const DetailDesktop = ({
         locale: locale2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
-      className: styles$1A.reply,
+      className: styles$1z.reply,
       children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1("div", {
@@ -51363,7 +51363,7 @@ const image$1 = "_image_x6ey8_40";
 const imageMobile = "_imageMobile_x6ey8_46";
 const reviewer = "_reviewer_x6ey8_61";
 const location = "_location_x6ey8_66";
-const styles$1y = {
+const styles$1x = {
   container: container$u,
   light,
   active,
@@ -51427,30 +51427,30 @@ const Review = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("article", {
-    className: classNames$2(styles$1y.container, {
-      [styles$1y.light]: light2,
-      [styles$1y.active]: openForm
+    className: classNames$2(styles$1x.container, {
+      [styles$1x.light]: light2,
+      [styles$1x.active]: openForm
     }),
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1y.resume,
+      className: styles$1x.resume,
       onClick,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$1y.resume__container,
+        className: styles$1x.resume__container,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$1y.left,
+          className: styles$1x.left,
           children: [/* @__PURE__ */ jsx$1(Row, {
             children: /* @__PURE__ */ jsxs(Col, {
               xs: 24,
               sm: 0,
               children: [/* @__PURE__ */ jsx$1("span", {
-                className: styles$1y["icon--center"],
+                className: styles$1x["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
               }), /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1y.imageMobile
+                className: styles$1x.imageMobile
               })]
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -51458,7 +51458,7 @@ const Review = ({
               xs: 0,
               sm: 24,
               children: /* @__PURE__ */ jsx$1("span", {
-                className: styles$1y["icon--center"],
+                className: styles$1x["icon--center"],
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: reply2 ? "mailReplied" : "mailNotReplied"
                 })
@@ -51471,7 +51471,7 @@ const Review = ({
               children: /* @__PURE__ */ jsx$1("img", {
                 alt: platform2,
                 src: module2.logo || platformImages[platform2],
-                className: styles$1y.image
+                className: styles$1x.image
               })
             })
           }), /* @__PURE__ */ jsx$1(Row, {
@@ -51495,7 +51495,7 @@ const Review = ({
               },
               children: [/* @__PURE__ */ jsx$1(Col, {
                 children: /* @__PURE__ */ jsx$1("strong", {
-                  className: styles$1y.reviewer,
+                  className: styles$1x.reviewer,
                   children: reviewer2.name
                 })
               }), /* @__PURE__ */ jsx$1(Col, {
@@ -51533,11 +51533,11 @@ const Review = ({
           })]
         }), multiVenue && /* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$1y.location,
+            className: styles$1x.location,
             children: locationName
           })
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1y.right,
+          className: styles$1x.right,
           children: createdAt
         })]
       })
@@ -51583,7 +51583,7 @@ const Review = ({
 };
 const header$6 = "_header_190p9_1";
 const icon$7 = "_icon_190p9_10";
-const styles$1x = {
+const styles$1w = {
   header: header$6,
   icon: icon$7
 };
@@ -51597,18 +51597,18 @@ const Header$5 = ({
     return header2;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1x.header,
+    className: styles$1w.header,
     children: [/* @__PURE__ */ jsx$1(Heading, {
       children: header2.title
     }), typeof header2.icon === "string" && /* @__PURE__ */ jsx$1(Icon$1, {
       icon: header2.icon,
       onClick: header2.onClickIcon,
-      className: styles$1x.icon
+      className: styles$1w.icon
     }), typeof header2.icon !== "string" && header2.icon && header2.icon]
   });
 };
 const container$t = "_container_pd6ji_1";
-const styles$1w = {
+const styles$1v = {
   container: container$t
 };
 const Card = ({
@@ -51620,43 +51620,43 @@ const Card = ({
 }) => {
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: classNames$2(styles$1w.container, className, "mz-card"),
+      className: classNames$2(styles$1v.container, className, "mz-card"),
       style: style2,
       children: [/* @__PURE__ */ jsx$1(Header$5, {
         header: header2
       }), /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1w.content, classNameContent),
+        className: classNames$2(styles$1v.content, classNameContent),
         children
       })]
     })
   });
 };
 const header$5 = "_header_1qr4z_1";
-const styles$1v = {
+const styles$1u = {
   header: header$5
 };
 const Header$4 = ({
   title: title2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1v.header,
+    className: styles$1u.header,
     children: /* @__PURE__ */ jsxs(Heading, {
       children: [" ", title2]
     })
   });
 };
 const container$s = "_container_1egcu_1";
-const styles$1u = {
+const styles$1t = {
   container: container$s
 };
 const Empty = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1u.container,
+    className: styles$1t.container,
     children: [/* @__PURE__ */ jsx$1(Icon$1, {
       icon: "fileSad",
-      className: styles$1u.icon,
+      className: styles$1t.icon,
       size: "xxl"
     }), /* @__PURE__ */ jsx$1("h2", {
       children
@@ -51666,7 +51666,7 @@ const Empty = ({
 const container$r = "_container_n6953_1";
 const content$9 = "_content_n6953_6";
 const empty = "_empty_n6953_10";
-const styles$1t = {
+const styles$1s = {
   container: container$r,
   content: content$9,
   empty
@@ -51703,13 +51703,13 @@ const Reviews = ({
     }
   };
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1t.container,
-    classNameContent: styles$1t.content,
+    className: styles$1s.container,
+    classNameContent: styles$1s.content,
     header: /* @__PURE__ */ jsx$1(Header$4, {
       title: t2("REVIEWS")
     }),
     children: [isEmpty && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1t.empty,
+      className: styles$1s.empty,
       children: /* @__PURE__ */ jsx$1(Empty, {
         children: t2("youDontHaveReviewsYet")
       })
@@ -51761,7 +51761,7 @@ const collapse = "_collapse_1tnkf_8";
 const collapse__header = "_collapse__header_1tnkf_15";
 const left = "_left_1tnkf_23";
 const content$8 = "_content_1tnkf_28";
-const styles$1s = {
+const styles$1r = {
   collapse,
   "collapse--light": "_collapse--light_1tnkf_12",
   collapse__header,
@@ -51783,14 +51783,14 @@ const Template = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1s.collapse, {
-      [styles$1s["collapse--light"]]: light2
+    className: classNames$2(styles$1r.collapse, {
+      [styles$1r["collapse--light"]]: light2
     }),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1s.collapse__header,
+      className: styles$1r.collapse__header,
       onClick: toggle,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1s.left,
+        className: styles$1r.left,
         children: [/* @__PURE__ */ jsx$1(Icon$1, {
           icon: open ? "chevronDown" : "chevronRight"
         }), template.title, /* @__PURE__ */ jsx$1(CountryFlag, {
@@ -51801,7 +51801,7 @@ const Template = ({
         children: t2("USE")
       })]
     }), open && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1s.content,
+      className: styles$1r.content,
       children: /* @__PURE__ */ jsx$1(TemplateContent, {
         children: template.reply
       })
@@ -51811,7 +51811,7 @@ const Template = ({
 const skeleton$2 = "_skeleton_1jxqg_12";
 const error$1 = "_error_1jxqg_16";
 const filters$1 = "_filters_1jxqg_20";
-const styles$1r = {
+const styles$1q = {
   skeleton: skeleton$2,
   error: error$1,
   filters: filters$1,
@@ -57354,7 +57354,7 @@ const Modal$1 = ({
   });
 };
 const container$q = "_container_ut3y7_1";
-const styles$1q = {
+const styles$1p = {
   container: container$q
 };
 const customStyles = {
@@ -57428,7 +57428,7 @@ const Select = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1q.container,
+    className: styles$1p.container,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       htmlFor: id2,
       children: label2
@@ -57506,15 +57506,15 @@ const Templates = ({
       children: t2("REPLYTEMPLATES")
     }),
     children: [isLoading && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1r.skeleton,
+      className: styles$1q.skeleton,
       children: /* @__PURE__ */ jsx$1(SkeletonPage$1, {})
     }), error3 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$1r.error,
+      className: styles$1q.error,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: error3
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1r.filters,
+      className: styles$1q.filters,
       children: [/* @__PURE__ */ jsx$1(Select, {
         label: t2("REPLYTEMPLATETYPE"),
         options: typeOptions,
@@ -57527,7 +57527,7 @@ const Templates = ({
         onChange: handleOnChangeLanguage
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1r["templates--container"],
+      className: styles$1q["templates--container"],
       children: templates == null ? void 0 : templates.map((template, index2) => /* @__PURE__ */ jsx$1(Template, {
         template,
         light: index2 % 2 === 1,
@@ -59072,7 +59072,7 @@ const reInit = (el, props) => {
 const inputWrapper = "_inputWrapper_ib1mx_1";
 const input$4 = "_input_ib1mx_1";
 const inputIcon = "_inputIcon_ib1mx_75";
-const styles$1p = {
+const styles$1o = {
   inputWrapper,
   input: input$4,
   "input--r-md": "_input--r-md_ib1mx_37",
@@ -59129,7 +59129,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1p["input"], styles$1p[`input--h-${heigth}`], styles$1p[`input--r-${radius}`], icon2 && styles$1p[`input--with-icon-${iconPosition}`], filled == true ? styles$1p[`input--filled`] : "", borderLess == true ? styles$1p[`input--borderless`] : "", rounded == true ? styles$1p[`input--rounded`] : ""),
+        className: classNames$2(styles$1o["input"], styles$1o[`input--h-${heigth}`], styles$1o[`input--r-${radius}`], icon2 && styles$1o[`input--with-icon-${iconPosition}`], filled == true ? styles$1o[`input--filled`] : "", borderLess == true ? styles$1o[`input--borderless`] : "", rounded == true ? styles$1o[`input--rounded`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -59140,7 +59140,7 @@ const Input$2 = React__default.forwardRef(({
         disabled: disabled2,
         ...props
       }), icon2 && /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1p["inputIcon"], styles$1p[`inputIcon--p-${iconPosition}`], className ? className : ""),
+        className: classNames$2(styles$1o["inputIcon"], styles$1o[`inputIcon--p-${iconPosition}`], className ? className : ""),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: icon2,
           size: iconSize
@@ -59276,7 +59276,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$1o = {
+const styles$1n = {
   filterButton: filterButton$1,
   buttonClose: buttonClose$1,
   toolbar: toolbar$2,
@@ -59296,12 +59296,12 @@ const FiltersWrapper$1 = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$1o.toolbar, {
-        [styles$1o["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$1n.toolbar, {
+        [styles$1n["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1o.buttonClose, {
-          [styles$1o.hide]: !showFilters
+        className: classNames$2(styles$1n.buttonClose, {
+          [styles$1n.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: "close",
@@ -59313,7 +59313,7 @@ const FiltersWrapper$1 = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$1o.filterButton,
+      className: styles$1n.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "descriptionShort",
         size: "small"
@@ -59470,16 +59470,16 @@ const Header$3 = ({
 };
 const content$7 = "_content_6vryc_2";
 const grid = "_grid_6vryc_8";
-const footer$9 = "_footer_6vryc_15";
-const styles$1n = {
+const footer$8 = "_footer_6vryc_15";
+const styles$1m = {
   content: content$7,
   grid,
-  footer: footer$9
+  footer: footer$8
 };
 const container$p = "_container_1xz3t_13";
 const item$6 = "_item_1xz3t_20";
 const itemfull = "_itemfull_1xz3t_26";
-const styles$1m = {
+const styles$1l = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   container: container$p,
   item: item$6,
@@ -59487,21 +59487,21 @@ const styles$1m = {
 };
 const SkeletonPage = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1m["animate-pulse"],
+    className: styles$1l["animate-pulse"],
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1m.container,
+      className: styles$1l.container,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$1m.item
+        className: styles$1l.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1m.item
+        className: styles$1l.item
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$1m.itemfull
+        className: styles$1l.itemfull
       })]
     })
   });
 };
 const container$o = "_container_1oqup_1";
-const styles$1l = {
+const styles$1k = {
   container: container$o
 };
 const LayoutPage$1 = ({
@@ -59511,12 +59511,12 @@ const LayoutPage$1 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$1l.container, containerClassName, "mz-sdk-cst-pf"),
+    className: classNames$2(styles$1k.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$1l.content, contentClassName),
+      className: classNames$2(styles$1k.content, contentClassName),
       children
     })]
   });
@@ -59589,7 +59589,7 @@ const ReviewsPage = ({
     });
   }
   return /* @__PURE__ */ jsx$1(LayoutPage$2, {
-    contentClassName: styles$1n.content,
+    contentClassName: styles$1m.content,
     header: /* @__PURE__ */ jsx$1(Header$3, {
       onChangeFilter: setFilters,
       filters: filter2,
@@ -59604,7 +59604,7 @@ const ReviewsPage = ({
           value: [review, setReview],
           children: /* @__PURE__ */ jsxs("div", {
             children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
-              className: styles$1n.grid,
+              className: styles$1m.grid,
               children: [/* @__PURE__ */ jsxs("div", {
                 children: [/* @__PURE__ */ jsx$1(Reviews, {
                   reviews: issues,
@@ -59613,7 +59613,7 @@ const ReviewsPage = ({
                   multiVenue,
                   setShowTemplate: setShowReplyTemplates
                 }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
-                  className: styles$1n.footer,
+                  className: styles$1m.footer,
                   children: /* @__PURE__ */ jsx$1(Button$1, {
                     type: "button",
                     onClick: loadMore,
@@ -60625,7 +60625,7 @@ const container$n = "_container_1jgim_1";
 const button$5 = "_button_1jgim_14";
 const skeleton$1 = "_skeleton_1jgim_22";
 const item$5 = "_item_1jgim_33";
-const styles$1k = {
+const styles$1j = {
   container: container$n,
   button: button$5,
   "button-disable": "_button-disable_1jgim_17",
@@ -60648,11 +60648,11 @@ const Table = ({
       width: "100%"
     },
     children: /* @__PURE__ */ jsxs(Card, {
-      classNameContent: classNames$2(styles$1k.container, classNameContent),
+      classNameContent: classNames$2(styles$1j.container, classNameContent),
       className: classNameConatiner,
       header: Header2,
       children: [/* @__PURE__ */ jsxs("table", {
-        className: classNames$2(styles$1k.table, className),
+        className: classNames$2(styles$1j.table, className),
         children: [/* @__PURE__ */ jsx$1("thead", {
           children: /* @__PURE__ */ jsx$1("tr", {
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
@@ -60682,12 +60682,12 @@ const LoadingBody$1 = ({
   rows = 5,
   items = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: styles$1k.skeleton,
+  className: styles$1j.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$1k.item
+          className: styles$1j.item
         })
       }, `${index2}-${id2}`))
     }, index2);
@@ -60712,11 +60712,11 @@ const TablePagination$1 = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$1k.button, {
-    [styles$1k["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$1j.button, {
+    [styles$1j["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$1k.button, {
-    [styles$1k["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$1j.button, {
+    [styles$1j["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
@@ -61759,7 +61759,7 @@ const formatParams$3 = ({ limit = 10, page = 1 }) => {
   };
 };
 const container$m = "_container_aljvu_1";
-const styles$1j = {
+const styles$1i = {
   container: container$m
 };
 const roleOptions = [{
@@ -61775,7 +61775,7 @@ const FiltersBar = () => {
       title: "Filters"
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1j.container,
+      className: styles$1i.container,
       children: [/* @__PURE__ */ jsx$1(NewSelect, {
         placeholder: "All roles",
         options: roleOptions,
@@ -61792,7 +61792,7 @@ const FiltersBar = () => {
 };
 const container$l = "_container_ntz7t_1";
 const table$1 = "_table_ntz7t_6";
-const styles$1i = {
+const styles$1h = {
   container: container$l,
   table: table$1
 };
@@ -61814,8 +61814,8 @@ const Users = () => {
       totalElements: (data2 == null ? void 0 : data2.total) || 0,
       data: (data2 == null ? void 0 : data2.data) || [],
       header: TableHeader,
-      className: styles$1i.table,
-      classNameConatiner: styles$1i.container
+      className: styles$1h.table,
+      classNameConatiner: styles$1h.container
     })]
   });
 };
@@ -63778,7 +63778,7 @@ var Form$7 = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 Form$7.displayName = "Form";
 const text = "_text_1f1l5_1";
-const styles$1h = {
+const styles$1g = {
   text
 };
 const FieldError = ({
@@ -63787,7 +63787,7 @@ const FieldError = ({
 }) => {
   if (touched && error3) {
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1h.text,
+      className: styles$1g.text,
       children: error3
     });
   }
@@ -63830,7 +63830,7 @@ const SelectField$1 = ({
   });
 };
 const input$3 = "_input_1xto5_1";
-const styles$1g = {
+const styles$1f = {
   input: input$3,
   "input--r-md": "_input--r-md_1xto5_23",
   "input--r-sm": "_input--r-sm_1xto5_26"
@@ -63875,7 +63875,7 @@ const Input$1 = ({
         position: "relative"
       },
       children: /* @__PURE__ */ jsx$1("input", {
-        className: classNames$2(styles$1g["input"], styles$1g[`input--h-${heigth}`], styles$1g[`input--r-${radius}`]),
+        className: classNames$2(styles$1f["input"], styles$1f[`input--h-${heigth}`], styles$1f[`input--r-${radius}`]),
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -63900,14 +63900,14 @@ const TextInputField$1 = (props) => {
   });
 };
 const layoutForm = "_layoutForm_2ktmv_1";
-const styles$1f = {
+const styles$1e = {
   layoutForm
 };
 const LayoutForm = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1f.layoutForm,
+    className: styles$1e.layoutForm,
     children
   });
 };
@@ -64112,7 +64112,7 @@ const formatData$h = (data2) => {
 const mainConatiner$3 = "_mainConatiner_1mt10_1";
 const container$k = "_container_1mt10_5";
 const item$4 = "_item_1mt10_23";
-const styles$1e = {
+const styles$1d = {
   mainConatiner: mainConatiner$3,
   container: container$k,
   item: item$4
@@ -64120,7 +64120,7 @@ const styles$1e = {
 const label$1 = "_label_4sekk_1";
 const label__switch$1 = "_label__switch_4sekk_8";
 const input$2 = "_input_4sekk_30";
-const styles$1d = {
+const styles$1c = {
   label: label$1,
   label__switch: label__switch$1,
   input: input$2
@@ -64144,7 +64144,7 @@ const Toggle$2 = ({
   }
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$1d.input,
+      className: styles$1c.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -64152,9 +64152,9 @@ const Toggle$2 = ({
       checked
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$1d.label,
+      className: styles$1c.label,
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: styles$1d.label__switch
+        className: styles$1c.label__switch
       }), label2]
     })]
   });
@@ -64174,7 +64174,7 @@ const ToggleField = (props) => {
   });
 };
 const item$3 = "_item_1hc7u_1";
-const styles$1c = {
+const styles$1b = {
   item: item$3
 };
 const Item$1 = ({
@@ -64183,7 +64183,7 @@ const Item$1 = ({
   onChange: onChange2
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1c.item,
+    className: styles$1b.item,
     children: [name2, /* @__PURE__ */ jsx$1(ToggleField, {
       id: id2,
       onChange: onChange2
@@ -64194,13 +64194,13 @@ const container$j = "_container_1vq15_1";
 const email2 = "_email_1vq15_8";
 const button$4 = "_button_1vq15_20";
 const plus$1 = "_plus_1vq15_33";
-const footer$8 = "_footer_1vq15_42";
-const styles$1b = {
+const footer$7 = "_footer_1vq15_42";
+const styles$1a = {
   container: container$j,
   email: email2,
   button: button$4,
   plus: plus$1,
-  footer: footer$8
+  footer: footer$7
 };
 const mainConatiner$2 = "_mainConatiner_zlm2y_70";
 const header$4 = "_header_zlm2y_81";
@@ -64214,7 +64214,7 @@ const cardFooter$1 = "_cardFooter_zlm2y_125";
 const cardFooterContent$1 = "_cardFooterContent_zlm2y_138";
 const sectionManagement$1 = "_sectionManagement_zlm2y_151";
 const sectionFormRow$1 = "_sectionFormRow_zlm2y_151";
-const styles$1a = {
+const styles$19 = {
   mainConatiner: mainConatiner$2,
   header: header$4,
   content: content$6,
@@ -64239,20 +64239,20 @@ const EmailsCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card, {
-    className: styles$1a.sectionCard,
+    className: styles$19.sectionCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1a.sectionCard,
+      className: styles$19.sectionCard,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$1a.cardHeader,
+        className: styles$19.cardHeader,
         children: [/* @__PURE__ */ jsx$1("h2", {
-          className: styles$1a.cardTitle,
+          className: styles$19.cardTitle,
           children: t2("EMAILS")
         }), /* @__PURE__ */ jsx$1("p", {
-          className: styles$1a.cardDesc,
+          className: styles$19.cardDesc,
           children: t2("EMAILS_DESC")
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$1a.cardBody,
+        className: styles$19.cardBody,
         children: [(data2 == null ? void 0 : data2.emails) && data2.emails.length > 0 && /* @__PURE__ */ jsx$1("div", {
           style: {
             display: "flex",
@@ -64275,9 +64275,9 @@ const EmailsCard = ({
           }), t2("NOTDEFINED")]
         })]
       }), canEdit && /* @__PURE__ */ jsxs("div", {
-        className: styles$1a.cardFooter,
+        className: styles$19.cardFooter,
         children: [/* @__PURE__ */ jsx$1("hr", {}), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1a.cardFooterContent,
+          className: styles$19.cardFooterContent,
           onClick: () => {
             setIsOpenDrawer(true);
           },
@@ -64295,7 +64295,7 @@ const drawer__header__content = "_drawer__header__content_1srra_50";
 const drawer__header__content__desc = "_drawer__header__content__desc_1srra_56";
 const drawer__close = "_drawer__close_1srra_60";
 const drawer__body = "_drawer__body_1srra_71";
-const styles$19 = {
+const styles$18 = {
   drawer,
   "drawer--open": "_drawer--open_1srra_14",
   drawer__overlay,
@@ -64315,29 +64315,29 @@ const Drawer = ({
   width = 500
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$19.drawer, isOpen ? styles$19[`drawer--open`] : ""),
+    className: classNames$2(styles$18.drawer, isOpen ? styles$18[`drawer--open`] : ""),
     children: [isOpen && /* @__PURE__ */ jsx$1("div", {
-      className: styles$19.drawer__overlay,
+      className: styles$18.drawer__overlay,
       onClick: onClose2
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$19.drawer__content,
+      className: styles$18.drawer__content,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$19.drawer__header,
+        className: styles$18.drawer__header,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$19.drawer__header__content,
+          className: styles$18.drawer__header__content,
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: title2
           }), titleDesc && /* @__PURE__ */ jsx$1("p", {
-            className: styles$19.drawer__header__content__desc,
+            className: styles$18.drawer__header__content__desc,
             children: titleDesc
           })]
         }), /* @__PURE__ */ jsx$1("button", {
-          className: styles$19.drawer__close,
+          className: styles$18.drawer__close,
           onClick: onClose2,
           children: "×"
         })]
       }), /* @__PURE__ */ jsx$1("div", {
-        className: styles$19.drawer__body,
+        className: styles$18.drawer__body,
         children
       })]
     })]
@@ -64451,7 +64451,7 @@ const EmailEditDrawer = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsx$1("div", {
         children: fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1a.sectionFormRow,
+          className: styles$19.sectionFormRow,
           style: {
             justifyContent: "flex-start"
           },
@@ -64512,7 +64512,7 @@ const index$c = ({
 }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1a.sectionManagement,
+    className: styles$19.sectionManagement,
     children: [/* @__PURE__ */ jsx$1(EmailsCard, {
       isOpenDrawer,
       setIsOpenDrawer,
@@ -64530,7 +64530,7 @@ const index$c = ({
 const label = "_label_1ghpv_1";
 const label__switch = "_label__switch_1ghpv_8";
 const input$1 = "_input_1ghpv_34";
-const styles$18 = {
+const styles$17 = {
   label,
   label__switch,
   "label__switch--disabled": "_label__switch--disabled_1ghpv_18",
@@ -64558,7 +64558,7 @@ const Toggle$1 = ({
   };
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1("input", {
-      className: styles$18.input,
+      className: styles$17.input,
       type: "checkbox",
       onChange: handleChange,
       id: id2,
@@ -64568,14 +64568,14 @@ const Toggle$1 = ({
       disabled: disabled2
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: styles$18.label,
+      className: styles$17.label,
       style: {
         display: "flex",
         flexDirection: labelPosition === "left" ? "row-reverse" : "row",
         fontWeight: boldLabel ? "bold" : "normal"
       },
       children: [/* @__PURE__ */ jsx$1("span", {
-        className: classNames$2(styles$18.label__switch, disabled2 ? styles$18["label__switch--disabled"] : "")
+        className: classNames$2(styles$17.label__switch, disabled2 ? styles$17["label__switch--disabled"] : "")
       }), t2(label2 ?? "")]
     })]
   });
@@ -64655,18 +64655,18 @@ const ReservationsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1a.sectionCard,
+    className: styles$19.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1a.cardHeader,
+      className: styles$19.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1a.cardTitle,
+        className: styles$19.cardTitle,
         children: t2("RESERVATIONS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1a.cardDesc,
+        className: styles$19.cardDesc,
         children: t2("RESERVATIONS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1a.cardBody,
+      className: styles$19.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64727,7 +64727,7 @@ const index$b = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1a.sectionManagement,
+    className: styles$19.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReservationsCard, {
       data: data2,
       reload,
@@ -64775,18 +64775,18 @@ const ReviewsCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1a.sectionCard,
+    className: styles$19.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1a.cardHeader,
+      className: styles$19.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1a.cardTitle,
+        className: styles$19.cardTitle,
         children: t2("REVIEWS")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1a.cardDesc,
+        className: styles$19.cardDesc,
         children: t2("REVIEWS_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1a.cardBody,
+      className: styles$19.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64833,7 +64833,7 @@ const index$a = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1a.sectionManagement,
+    className: styles$19.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsCard, {
       data: data2,
       reload,
@@ -64882,18 +64882,18 @@ const ReviewsReportCard = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs(Card, {
-    className: styles$1a.sectionCard,
+    className: styles$19.sectionCard,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$1a.cardHeader,
+      className: styles$19.cardHeader,
       children: [/* @__PURE__ */ jsx$1("h2", {
-        className: styles$1a.cardTitle,
+        className: styles$19.cardTitle,
         children: t2("REVIEWSREPORT")
       }), /* @__PURE__ */ jsx$1("p", {
-        className: styles$1a.cardDesc,
+        className: styles$19.cardDesc,
         children: t2("REVIEWSREPORT_DESC")
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$1a.cardBody,
+      className: styles$19.cardBody,
       children: data2 && /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
@@ -64954,7 +64954,7 @@ const index$9 = ({
   canEdit
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$1a.sectionManagement,
+    className: styles$19.sectionManagement,
     children: /* @__PURE__ */ jsx$1(ReviewsReportCard, {
       data: data2,
       reload,
@@ -64988,14 +64988,14 @@ function Main$2({
     setCurrentVenue(venueId);
   }, [venueId]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1a.mainConatiner,
+    className: styles$19.mainConatiner,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$1a.header,
+      className: styles$19.header,
       children: /* @__PURE__ */ jsx$1("h2", {
         children: t2("NOTIFICATIONS")
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$1a.content,
+      className: styles$19.content,
       children: [/* @__PURE__ */ jsx$1(index$c, {
         venueId: currentVenue,
         data: data2,
@@ -65101,9 +65101,9 @@ const EmailForm = ({
       onSubmit: handleSubmit(onSubmitForm),
       children: /* @__PURE__ */ jsxs("div", {
         children: [fields && fields.length > 0 ? fields.map((item2, index2) => /* @__PURE__ */ jsxs("div", {
-          className: styles$1b.container,
+          className: styles$1a.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$1b.email,
+            className: styles$1a.email,
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
               id: `emails.${index2}`,
@@ -65113,19 +65113,19 @@ const EmailForm = ({
               radius: "sm"
             })
           }), index2 > 0 && /* @__PURE__ */ jsx$1("button", {
-            className: styles$1b.button,
+            className: styles$1a.button,
             type: "button",
             onClick: () => remove(index2),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1b.plus,
+              className: styles$1a.plus,
               children: "-"
             })
           }), /* @__PURE__ */ jsx$1("button", {
-            className: styles$1b.button,
+            className: styles$1a.button,
             type: "button",
             onClick: () => append2(""),
             children: /* @__PURE__ */ jsx$1("span", {
-              className: styles$1b.plus,
+              className: styles$1a.plus,
               children: "+"
             })
           })]
@@ -65136,7 +65136,7 @@ const EmailForm = ({
           onClick: () => append2(""),
           children: t2("ADDANEMAIL")
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$1b.footer,
+          className: styles$1a.footer,
           children: /* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "submit",
@@ -65176,7 +65176,7 @@ const Modal2 = ({
   });
 };
 const input = "_input_1ufjp_1";
-const styles$17 = {
+const styles$16 = {
   input
 };
 const TextArea = React__default.forwardRef(({
@@ -65212,7 +65212,7 @@ const TextArea = React__default.forwardRef(({
         position: "relative"
       },
       children: [/* @__PURE__ */ jsx$1("textarea", {
-        className: styles$17.input,
+        className: styles$16.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -65317,7 +65317,7 @@ const GetUser = async () => {
   sessionStorage.setItem("sdk_user", JSON.stringify(user));
   return { data: user };
 };
-const styles$16 = {
+const styles$15 = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -65326,7 +65326,7 @@ const UIList$1 = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$16["ui-list"], styles$16[`ui-list--${mode}`]),
+    className: classNames$2(styles$15["ui-list"], styles$15[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -65392,7 +65392,7 @@ const Notifications = ({
     });
   }
   return /* @__PURE__ */ jsxs(LayoutPage$1, {
-    containerClassName: styles$1e.mainConatiner,
+    containerClassName: styles$1d.mainConatiner,
     children: [/* @__PURE__ */ jsx$1(Formik, {
       initialValues: data2,
       onSubmit: handleSubmit,
@@ -65402,7 +65402,7 @@ const Notifications = ({
       }) => {
         var _a3, _b2;
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$1e.container,
+          className: styles$1d.container,
           children: [/* @__PURE__ */ jsxs(Card$1, {
             header: {
               title: t2("REVIEWSREPORT")
@@ -65453,7 +65453,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$1e.item,
+                className: styles$1d.item,
                 children: [/* @__PURE__ */ jsx$1("div", {
                   children: /* @__PURE__ */ jsx$1(Icon, {
                     icon: "mail"
@@ -65461,7 +65461,7 @@ const Notifications = ({
                 }), email3 || t2("NOTDEFINED")]
               }, index2);
             }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
-              className: styles$1e.item,
+              className: styles$1d.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "mail"
@@ -65477,7 +65477,7 @@ const Notifications = ({
             children: [/* @__PURE__ */ jsx$1("p", {
               children: t2("Ai prompt for generate reviews.")
             }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-              className: styles$1e.item,
+              className: styles$1d.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "robot"
@@ -65675,7 +65675,7 @@ function App$1() {
 const filterButton = "_filterButton_l1kwj_1";
 const buttonClose = "_buttonClose_l1kwj_20";
 const toolbar$1 = "_toolbar_l1kwj_36";
-const styles$15 = {
+const styles$14 = {
   filterButton,
   buttonClose,
   toolbar: toolbar$1,
@@ -65692,12 +65692,12 @@ const FiltersWrapper = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
       ref,
-      className: classNames$2(styles$15.toolbar, {
-        [styles$15["toolbar--hide"]]: !showFilters
+      className: classNames$2(styles$14.toolbar, {
+        [styles$14["toolbar--hide"]]: !showFilters
       }),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$15.buttonClose, {
-          [styles$15.hide]: !showFilters
+        className: classNames$2(styles$14.buttonClose, {
+          [styles$14.hide]: !showFilters
         }),
         children: /* @__PURE__ */ jsx$1(Icon$1, {
           icon: "close",
@@ -65709,7 +65709,7 @@ const FiltersWrapper = ({
       })]
     }), /* @__PURE__ */ jsxs("button", {
       onClick: toogleFilter,
-      className: styles$15.filterButton,
+      className: styles$14.filterButton,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "descriptionShort",
         size: "small"
@@ -66013,7 +66013,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$14 = {
+const styles$13 = {
   icon: icon$6,
   green: green$1,
   blue: blue$1,
@@ -66024,7 +66024,7 @@ const CircleIcon$1 = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$14.icon, styles$14[color2]),
+    className: classNames$2(styles$13.icon, styles$13[color2]),
     children: /* @__PURE__ */ jsx$1(Icon2, {
       size: 20
     })
@@ -89290,7 +89290,7 @@ const container$i = "_container_6pm34_1";
 const content$5 = "_content_6pm34_7";
 const item$2 = "_item_6pm34_13";
 const compare = "_compare_6pm34_19";
-const styles$13 = {
+const styles$12 = {
   container: container$i,
   content: content$5,
   item: item$2,
@@ -89308,11 +89308,11 @@ const AverageScoreCard = ({
     header: {
       title: t2("AVERAGESCORE")
     },
-    className: styles$13.container,
-    classNameContent: styles$13.content,
+    className: styles$12.container,
+    classNameContent: styles$12.content,
     children: [/* @__PURE__ */ jsxs("div", {
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$13.item,
+        className: styles$12.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: inPeriod.chart,
           avg: inPeriod.avg
@@ -89321,7 +89321,7 @@ const AverageScoreCard = ({
           data: inPeriod.chart
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$13.item,
+        className: styles$12.item,
         children: [/* @__PURE__ */ jsx$1(ScoreChart, {
           data: compare2.chart,
           avg: compare2.avg
@@ -89331,7 +89331,7 @@ const AverageScoreCard = ({
         })]
       })]
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$13.compare,
+      className: styles$12.compare,
       children: /* @__PURE__ */ jsx$1("small", {
         children: t2("COMPARED_PERIOD", {
           date: comparedPeriod
@@ -89390,7 +89390,7 @@ const comparison$1 = "_comparison_18cx4_20";
 const container$h = "_container_18cx4_25";
 const content$4 = "_content_18cx4_29";
 const title$2 = "_title_18cx4_33";
-const styles$12 = {
+const styles$11 = {
   success: success$1,
   danger: danger$1,
   header: header$3,
@@ -89402,18 +89402,18 @@ const styles$12 = {
 };
 const container$g = "_container_1vji6_13";
 const itemStatCard$1 = "_itemStatCard_1vji6_32";
-const styles$11 = {
+const styles$10 = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$g,
   itemStatCard: itemStatCard$1
 };
 const SkeletonStatCard$1 = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$11["animate-pulse"],
+    className: styles$10["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$11.container,
+      className: styles$10.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$11.itemStatCard
+        className: styles$10.itemStatCard
       })
     })
   });
@@ -89430,10 +89430,10 @@ const StatsCard$1 = ({
 }) => {
   const arrow = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$12.success
+    className: styles$11.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$12.danger
+    className: styles$11.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -89450,12 +89450,12 @@ const StatsCard$1 = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$12.value,
+        className: styles$11.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$12.value,
+      className: styles$11.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -89467,19 +89467,19 @@ const StatsCard$1 = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$12.header,
+      className: styles$11.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$12.title,
+        className: styles$11.title,
         children: title2
       })]
     }),
-    className: styles$12.container,
-    classNameContent: styles$12.content,
+    className: styles$11.container,
+    classNameContent: styles$11.content,
     children: !loading ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$12.comparison, {
-          [styles$12.success]: comparison2 > 0,
-          [styles$12.danger]: comparison2 < 0
+        className: classNames$2(styles$11.comparison, {
+          [styles$11.success]: comparison2 > 0,
+          [styles$11.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -89744,7 +89744,7 @@ const content$3 = "_content_15v81_42";
 const errorContainer = "_errorContainer_15v81_49";
 const venueSelectorContainer = "_venueSelectorContainer_15v81_54";
 const venueSelector$1 = "_venueSelector_15v81_54";
-const styles$10 = {
+const styles$$ = {
   listingAnalyticsContainer,
   h3,
   center,
@@ -90005,7 +90005,7 @@ const SelectVenue = ({
 };
 const param = "_param_su98a_1";
 const title$1 = "_title_su98a_6";
-const styles$$ = {
+const styles$_ = {
   param,
   title: title$1
 };
@@ -90015,9 +90015,9 @@ const Param = ({
   tooltip: tooltip2,
   loadingValue = false
 }) => /* @__PURE__ */ jsxs("div", {
-  className: styles$$.param,
+  className: styles$_.param,
   children: [/* @__PURE__ */ jsx$1("span", {
-    className: styles$$.title,
+    className: styles$_.title,
     children: tooltip2 && /* @__PURE__ */ jsx$1(Tooltip$1, {
       message: tooltip2,
       children: title2
@@ -90087,11 +90087,11 @@ const Analytics$2 = ({
     }
   }, [data2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$10.listingAnalyticsContainer,
+    className: styles$$.listingAnalyticsContainer,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$10.venueSelectorContainer,
+      className: styles$$.venueSelectorContainer,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$10.venueSelector,
+        className: styles$$.venueSelector,
         children: /* @__PURE__ */ jsx$1(SelectVenue, {
           onChange: handleChangeVenue,
           selectedVenue: listingId,
@@ -90100,18 +90100,18 @@ const Analytics$2 = ({
       })
     }), isLoading && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$10.center,
+        className: styles$$.center,
         children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: "Spinner",
           size: "xl"
         }), /* @__PURE__ */ jsx$1("h3", {
-          className: styles$10.h3,
+          className: styles$$.h3,
           children: t2("loadingAnalytics")
         })]
       })
     }), !isLoading && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$10.errorContainer,
+        className: styles$$.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("You don't have a connected Google Account")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -90120,7 +90120,7 @@ const Analytics$2 = ({
       })
     }), !isLoading && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$10.errorContainer,
+        className: styles$$.errorContainer,
         children: [/* @__PURE__ */ jsx$1("h1", {
           children: t2("Your Google Business Profile is not Verified")
         }), /* @__PURE__ */ jsx$1("p", {
@@ -90133,7 +90133,7 @@ const Analytics$2 = ({
         value: filter2
       }),
       children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && formattedStats && /* @__PURE__ */ jsxs("div", {
-        className: styles$10.content,
+        className: styles$$.content,
         children: [/* @__PURE__ */ jsxs(Row, {
           gutter: [16, 28],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -90242,7 +90242,7 @@ const comparison = "_comparison_18cx4_20";
 const container$f = "_container_18cx4_25";
 const content$2 = "_content_18cx4_29";
 const title = "_title_18cx4_33";
-const styles$_ = {
+const styles$Z = {
   success,
   danger,
   header: header$2,
@@ -90255,7 +90255,7 @@ const styles$_ = {
 const container$e = "_container_1vji6_13";
 const itemStatCard = "_itemStatCard_1vji6_32";
 const itemDiv = "_itemDiv_1vji6_39";
-const styles$Z = {
+const styles$Y = {
   "animate-pulse": "_animate-pulse_1vji6_1",
   container: container$e,
   itemStatCard,
@@ -90263,28 +90263,28 @@ const styles$Z = {
 };
 const SkeletonStatCard = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$Z["animate-pulse"],
+    className: styles$Y["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$Z.container,
+      className: styles$Y.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$Z.itemStatCard
+        className: styles$Y.itemStatCard
       })
     })
   });
 };
 const SkeletonDiv = () => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$Z["animate-pulse"],
+    className: styles$Y["animate-pulse"],
     children: /* @__PURE__ */ jsx$1("div", {
-      className: styles$Z.container,
+      className: styles$Y.container,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$Z.itemDiv
+        className: styles$Y.itemDiv
       })
     })
   });
 };
 const spinner = "_spinner_mmhvn_1";
-const styles$Y = {
+const styles$X = {
   spinner
 };
 const Spinner = ({
@@ -90298,7 +90298,7 @@ const Spinner = ({
     borderTop: `${size / 10}px solid transparent`
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$Y.spinner,
+    className: styles$X.spinner,
     style: spinnerStyle
   });
 };
@@ -90314,10 +90314,10 @@ const StatsCard = ({
 }) => {
   const arrow = comparison2 > 0 ? /* @__PURE__ */ jsx$1(ArrowUp, {
     size: 20,
-    className: styles$_.success
+    className: styles$Z.success
   }) : /* @__PURE__ */ jsx$1(ArrowDown, {
     size: 20,
-    className: styles$_.danger
+    className: styles$Z.danger
   });
   const renderValue = () => {
     if (loadingValue) {
@@ -90333,12 +90333,12 @@ const StatsCard = ({
     }
     if (typeof value2 === "number") {
       return /* @__PURE__ */ jsx$1("span", {
-        className: styles$_.value,
+        className: styles$Z.value,
         children: numberToLocaleString(value2)
       });
     }
     return /* @__PURE__ */ jsxs("span", {
-      className: styles$_.value,
+      className: styles$Z.value,
       children: [numberToLocaleString(value2.value), /* @__PURE__ */ jsx$1("sub", {
         style: {
           fontWeight: "bold",
@@ -90350,19 +90350,19 @@ const StatsCard = ({
   };
   return /* @__PURE__ */ jsx$1(Card$1, {
     header: /* @__PURE__ */ jsxs("div", {
-      className: styles$_.header,
+      className: styles$Z.header,
       children: [icon2, /* @__PURE__ */ jsx$1("span", {
-        className: styles$_.title,
+        className: styles$Z.title,
         children: title2
       })]
     }),
-    className: styles$_.container,
-    classNameContent: styles$_.content,
+    className: styles$Z.container,
+    classNameContent: styles$Z.content,
     children: !loading ? /* @__PURE__ */ jsxs(React__default.Fragment, {
       children: [renderValue(), comparison2 !== 0 && /* @__PURE__ */ jsxs("div", {
-        className: classNames$2(styles$_.comparison, {
-          [styles$_.success]: comparison2 > 0,
-          [styles$_.danger]: comparison2 < 0
+        className: classNames$2(styles$Z.comparison, {
+          [styles$Z.success]: comparison2 > 0,
+          [styles$Z.danger]: comparison2 < 0
         }),
         children: [comparison2 !== 0 ? arrow : /* @__PURE__ */ jsx$1("span", {
           style: {
@@ -90377,7 +90377,7 @@ const StatsCard = ({
     }) : /* @__PURE__ */ jsx$1(SkeletonStatCard, {})
   });
 };
-const styles$X = {
+const styles$W = {
   "ui-list": "_ui-list_4zr5h_1",
   "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
 };
@@ -90386,7 +90386,7 @@ const UIList = ({
   children
 }) => {
   return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$X["ui-list"], styles$X[`ui-list--${mode}`]),
+    className: classNames$2(styles$W["ui-list"], styles$W[`ui-list--${mode}`]),
     children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
       children: child
     }, i))
@@ -90421,7 +90421,7 @@ const icon$5 = "_icon_wt0av_1";
 const green = "_green_wt0av_10";
 const blue = "_blue_wt0av_15";
 const red = "_red_wt0av_20";
-const styles$W = {
+const styles$V = {
   icon: icon$5,
   green,
   blue,
@@ -90432,7 +90432,7 @@ const CircleIcon = ({
   color: color2 = "green"
 }) => {
   return /* @__PURE__ */ jsx$1("span", {
-    className: classNames$2(styles$W.icon, styles$W[color2]),
+    className: classNames$2(styles$V.icon, styles$V[color2]),
     children: /* @__PURE__ */ jsx$1(Icon, {
       size: "medium",
       icon: name2
@@ -90878,18 +90878,18 @@ const Analytics$1 = ({
     children: /* @__PURE__ */ jsxs("div", {
       children: [isLoadingListingAnalytics && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$10.center,
+          className: styles$$.center,
           children: [/* @__PURE__ */ jsx$1(Icon, {
             icon: "Spinner",
             size: "xl"
           }), /* @__PURE__ */ jsx$1("h3", {
-            className: styles$10.h3,
+            className: styles$$.h3,
             children: t2("loadingAnalytics")
           })]
         })
       }), !isLoadingListingAnalytics && !formattedStats && (data2 == null ? void 0 : data2.error) && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$10.errorContainer,
+          className: styles$$.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("You don't have a connected Google Account")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -90898,7 +90898,7 @@ const Analytics$1 = ({
         })
       }), !isLoadingListingAnalytics && notAuthorized && /* @__PURE__ */ jsx$1(LayoutPage$1, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$10.errorContainer,
+          className: styles$$.errorContainer,
           children: [/* @__PURE__ */ jsx$1("h1", {
             children: t2("Your Google Business Profile is not Verified")
           }), /* @__PURE__ */ jsx$1("p", {
@@ -91316,7 +91316,7 @@ const getTooltipContentSourceName = (rule) => {
   });
 };
 const icon$4 = "_icon_14ksh_1";
-const styles$V = {
+const styles$U = {
   icon: icon$4
 };
 const EditIconWithRule = ({
@@ -91330,7 +91330,7 @@ const EditIconWithRule = ({
       children: [/* @__PURE__ */ jsx$1(Icon, {
         icon: "lock",
         "data-tip": getTooltipContentSourceName(rule),
-        className: styles$V.icon
+        className: styles$U.icon
       }), /* @__PURE__ */ jsx$1(ReactTooltip, {
         place: "right",
         type: "dark",
@@ -91342,12 +91342,12 @@ const EditIconWithRule = ({
   return /* @__PURE__ */ jsx$1(Icon, {
     icon: "edit",
     onClick,
-    className: styles$V.icon
+    className: styles$U.icon
   });
 };
 const item$1 = "_item_1pd7z_1";
 const icon$3 = "_icon_1pd7z_7";
-const styles$U = {
+const styles$T = {
   item: item$1,
   icon: icon$3
 };
@@ -91360,10 +91360,10 @@ const Item = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$U.item,
+    className: styles$T.item,
     children: [icon2 && /* @__PURE__ */ jsx$1("div", {
       children: /* @__PURE__ */ jsx$1(Icon, {
-        className: styles$U.icon,
+        className: styles$T.icon,
         icon: icon2
       })
     }), label2 && /* @__PURE__ */ jsx$1("div", {
@@ -91535,10 +91535,10 @@ const GetListingCategories = async () => {
   return data2;
 };
 const container$d = "_container_d8rq4_1";
-const footer$7 = "_footer_d8rq4_5";
-const styles$T = {
+const footer$6 = "_footer_d8rq4_5";
+const styles$S = {
   container: container$d,
-  footer: footer$7
+  footer: footer$6
 };
 const descriptionSchema = () => create$2().shape({
   businessName: create$4().required(instance.t("errors.required")),
@@ -91718,7 +91718,7 @@ const Form$6 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$T.container,
+        className: styles$S.container,
         children: /* @__PURE__ */ jsxs(Row, {
           gutter: [16, 16],
           children: [/* @__PURE__ */ jsx$1(Col, {
@@ -91789,7 +91789,7 @@ const Form$6 = ({
           })]
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$T.footer,
+        className: styles$S.footer,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "reset",
@@ -92831,7 +92831,7 @@ function requireFacebookLoginRenderProps() {
 var facebookLoginRenderPropsExports = requireFacebookLoginRenderProps();
 const FacebookLogin = /* @__PURE__ */ getDefaultExportFromCjs(facebookLoginRenderPropsExports);
 const connectedText$3 = "_connectedText_1nbx5_1";
-const styles$S = {
+const styles$R = {
   connectedText: connectedText$3
 };
 const FbButton$1 = ({
@@ -92864,7 +92864,7 @@ const FbButton$1 = ({
       mode: "tertiary",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$S.connectedText,
+        className: styles$R.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -92881,7 +92881,7 @@ const FbButton$1 = ({
       onClick: () => setTimeout(renderProps.onClick, 100),
       disabled: renderProps.isDisabled,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$S.connectedText,
+        className: styles$R.connectedText,
         children: t2("CONNECT")
       })
     })
@@ -98987,7 +98987,7 @@ const GoogleAuthCallback = async ({
   return { data: data2 };
 };
 const connectedText$2 = "_connectedText_1nbx5_1";
-const styles$R = {
+const styles$Q = {
   connectedText: connectedText$2
 };
 const GoogleButton$1 = ({
@@ -99033,7 +99033,7 @@ const GoogleButton$1 = ({
       type: "button",
       onClick: handleDisconect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$R.connectedText,
+        className: styles$Q.connectedText,
         children: isDisconnecting ? t2("SYNCING") : t2("SYNCKED")
       })
     });
@@ -99046,7 +99046,7 @@ const GoogleButton$1 = ({
     onClick: () => login(),
     isLoading: isExecuting,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$R.connectedText,
+      className: styles$Q.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -99060,7 +99060,7 @@ const GoogleButtonContainer$1 = (props) => {
   });
 };
 const connectedText$1 = "_connectedText_1nbx5_1";
-const styles$Q = {
+const styles$P = {
   connectedText: connectedText$1
 };
 const BingButton$1 = ({
@@ -99087,7 +99087,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: handleDisconnect,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$Q.connectedText,
+          className: styles$P.connectedText,
           children: t2("SYNCKED")
         })
       });
@@ -99099,7 +99099,7 @@ const BingButton$1 = ({
         icon: "Bing",
         onClick: onBingVerify,
         children: /* @__PURE__ */ jsx$1("span", {
-          className: styles$Q.connectedText,
+          className: styles$P.connectedText,
           children: t2("VERIFY")
         })
       });
@@ -99112,7 +99112,7 @@ const BingButton$1 = ({
     icon: "Bing",
     onClick: onBingConnect,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$Q.connectedText,
+      className: styles$P.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -99159,14 +99159,14 @@ const toolbar = "_toolbar_1e45v_1";
 const buttonGroup = "_buttonGroup_1e45v_9";
 const venueSelector = "_venueSelector_1e45v_15";
 const lastUpdate = "_lastUpdate_1e45v_26";
-const styles$P = {
+const styles$O = {
   toolbar,
   buttonGroup,
   venueSelector,
   lastUpdate
 };
 const connectedText = "_connectedText_1nbx5_1";
-const styles$O = {
+const styles$N = {
   connectedText
 };
 const TripadvisorButton = ({
@@ -99190,7 +99190,7 @@ const TripadvisorButton = ({
       type: "button",
       onClick: handleDisconnect,
       children: /* @__PURE__ */ jsx$1("span", {
-        className: styles$O.connectedText,
+        className: styles$N.connectedText,
         children: t2("SYNCKED")
       })
     });
@@ -99202,7 +99202,7 @@ const TripadvisorButton = ({
     type: "button",
     onClick: onTripadvisorConnect,
     children: /* @__PURE__ */ jsx$1("span", {
-      className: styles$O.connectedText,
+      className: styles$N.connectedText,
       children: t2("CONNECT")
     })
   });
@@ -99255,9 +99255,9 @@ const FormToolBar = ({
   return /* @__PURE__ */ jsx$1(Fragment, {
     children: /* @__PURE__ */ jsx$1(HeaderBar, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$P.toolbar,
+        className: styles$O.toolbar,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$P.buttonGroup,
+          className: styles$O.buttonGroup,
           children: [(GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs(Fragment, {
             children: [/* @__PURE__ */ jsx$1(GoogleButtonContainer$1, {
               onSuccess: setGoogleResponse,
@@ -99297,7 +99297,7 @@ const FormToolBar = ({
             type: "button",
             children: t2("CONNECT")
           }), (GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ jsxs("div", {
-            className: styles$P.lastUpdate,
+            className: styles$O.lastUpdate,
             children: [/* @__PURE__ */ jsxs("div", {
               style: {
                 fontWeight: "bolder"
@@ -99308,11 +99308,11 @@ const FormToolBar = ({
             })]
           })]
         }), /* @__PURE__ */ jsx$1("div", {
-          className: styles$P.buttonGroup,
+          className: styles$O.buttonGroup,
           children: !singleVenue2 && /* @__PURE__ */ jsx$1("div", {
-            className: styles$P.buttonGroup,
+            className: styles$O.buttonGroup,
             children: /* @__PURE__ */ jsx$1("div", {
-              className: styles$P.venueSelector,
+              className: styles$O.venueSelector,
               children: /* @__PURE__ */ jsx$1(SelectVenue, {
                 onChange: handleChangeVenue,
                 selectedVenue: venueId,
@@ -99326,7 +99326,7 @@ const FormToolBar = ({
   });
 };
 const mapcontainer = "_mapcontainer_1eyjs_1";
-const styles$N = {
+const styles$M = {
   mapcontainer
 };
 var _createClass = /* @__PURE__ */ function() {
@@ -100118,7 +100118,7 @@ const CardLocation = ({
       icon: "pin",
       text: formatAddres(values)
     }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$N.mapcontainer,
+      className: styles$M.mapcontainer,
       children: /* @__PURE__ */ jsx$1(StaticMap, {
         latitude: values.lat,
         longitude: values.lng
@@ -115666,7 +115666,7 @@ const Map$1 = distExports.GoogleApiWrapper({
   apiKey: config$1.maps_key
 })(MapContainer);
 const container$c = "_container_1biod_1";
-const styles$M = {
+const styles$L = {
   container: container$c
 };
 const MapField = ({
@@ -115686,7 +115686,7 @@ const MapField = ({
     setValue2("lng", value2.lng);
   };
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$M.container,
+    className: styles$L.container,
     children: /* @__PURE__ */ jsx$1(Map$1, {
       onChangePosition,
       position: {
@@ -115699,7 +115699,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$L = {
+const styles$K = {
   dropdown,
   dropdown__option,
   "dropdown__option--active": "_dropdown__option--active_1lr1m_20",
@@ -115710,20 +115710,20 @@ const Dropdown = ({
   onClickItem
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$L.dropdown,
+    className: styles$K.dropdown,
     children: [options2.map((item2) => {
       return /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$L.dropdown__option, {
-          [styles$L["dropdown__option--active"]]: !!item2.selected
+        className: classNames$2(styles$K.dropdown__option, {
+          [styles$K["dropdown__option--active"]]: !!item2.selected
         }),
         onClick: () => onClickItem(item2),
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$L.dropdown__option__text,
+          className: styles$K.dropdown__option__text,
           children: item2.label
         })
       }, item2.id);
     }), options2.length === 0 && /* @__PURE__ */ jsx$1("div", {
-      className: styles$L.dropdown__option,
+      className: styles$K.dropdown__option,
       children: "No options"
     })]
   });
@@ -115809,12 +115809,12 @@ const AddressAutoComplete = ({
 const form$3 = "_form_7ju6w_1";
 const form__row1 = "_form__row1_7ju6w_8";
 const form__row2 = "_form__row2_7ju6w_18";
-const footer$6 = "_footer_7ju6w_29";
-const styles$K = {
+const footer$5 = "_footer_7ju6w_29";
+const styles$J = {
   form: form$3,
   form__row1,
   form__row2,
-  footer: footer$6
+  footer: footer$5
 };
 const Form$5 = ({
   open,
@@ -115884,7 +115884,7 @@ const Form$5 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$K.form,
+        className: styles$J.form,
         children: [/* @__PURE__ */ jsxs("div", {
           children: [/* @__PURE__ */ jsx$1("h3", {
             children: t2("address")
@@ -115894,7 +115894,7 @@ const Form$5 = ({
             children: t2("listingLoacationDesc")
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$K.form__row1,
+          className: styles$J.form__row1,
           children: [/* @__PURE__ */ jsx$1(AddressAutoComplete, {
             control,
             setValue: setValue2
@@ -115907,7 +115907,7 @@ const Form$5 = ({
             radius: "md"
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$K.form__row2,
+          className: styles$J.form__row2,
           children: [/* @__PURE__ */ jsx$1("div", {
             children: /* @__PURE__ */ jsx$1(TextInputField, {
               control,
@@ -115957,7 +115957,7 @@ const Form$5 = ({
           })]
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$K.footer,
+        className: styles$J.footer,
         children: [/* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           type: "reset",
@@ -116010,7 +116010,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$J = {
+const styles$I = {
   weekday,
   weekday__name,
   weekday__close,
@@ -116049,15 +116049,15 @@ const CardOpeningHours = ({
         } = day2;
         const slots = Object.values(times);
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$J.weekday,
+          className: styles$I.weekday,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$J.weekday__name,
+            className: styles$I.weekday__name,
             children: t2(weekday2.name)
           }), closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$J.weekday__close,
+            className: styles$I.weekday__close,
             children: t2("CLOSED")
           }), !closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$J.weekday__time,
+            className: styles$I.weekday__time,
             children: slots.map((slot2, index2) => /* @__PURE__ */ jsxs("div", {
               children: [slot2.start, " - ", slot2.end]
             }, weekday2.id + index2))
@@ -116105,7 +116105,7 @@ const CardOpeningHours = ({
       }) => {
         const slots = Object.values(times);
         return /* @__PURE__ */ jsxs("div", {
-          className: styles$J.weekday,
+          className: styles$I.weekday,
           children: [/* @__PURE__ */ jsxs("div", {
             // className={styles.weekday__name}
             style: {
@@ -116113,10 +116113,10 @@ const CardOpeningHours = ({
             },
             children: [date4.start, " to ", date4.end]
           }), closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$J.weekday__close,
+            className: styles$I.weekday__close,
             children: t2("CLOSED")
           }), !closed && /* @__PURE__ */ jsx$1("div", {
-            className: styles$J.weekday__time,
+            className: styles$I.weekday__time,
             children: slots.map((slot2, index2) => /* @__PURE__ */ jsxs("div", {
               children: [slot2.start, " - ", slot2.end]
             }, date4.start + date4.end + index2))
@@ -116127,7 +116127,7 @@ const CardOpeningHours = ({
   });
 };
 const container$b = "_container_w3z1y_1";
-const styles$I = {
+const styles$H = {
   container: container$b
 };
 const TimeSlotField = ({
@@ -116155,7 +116155,7 @@ const TimeSlotField = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$I.container,
+    className: styles$H.container,
     children: [/* @__PURE__ */ jsx$1(Input$2, {
       id: `${id2}-start`,
       label: t2("START"),
@@ -116176,7 +116176,7 @@ const slot$1 = "_slot_u4adl_13";
 const close$1 = "_close_u4adl_19";
 const add = "_add_u4adl_33";
 const plus = "_plus_u4adl_47";
-const styles$H = {
+const styles$G = {
   container: container$a,
   slot: slot$1,
   close: close$1,
@@ -116198,26 +116198,26 @@ const TimeSlotManager = ({
     setSlots(slots);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$H.container,
+    className: styles$G.container,
     children: [slots.map((key2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$H.slot,
+      className: styles$G.slot,
       children: [/* @__PURE__ */ jsx$1(TimeSlotField, {
         id: `${id2}[${key2}]`
       }), /* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1("button", {
-          className: styles$H.close,
+          className: styles$G.close,
           type: "button",
           onClick: () => removeSlot(key2),
           children: "X"
         })
       })]
     }, key2)), /* @__PURE__ */ jsx$1("button", {
-      className: styles$H.add,
+      className: styles$G.add,
       type: "button",
       onClick: addSlot,
       children: /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx$1("span", {
-          className: styles$H.plus,
+          className: styles$G.plus,
           children: "+"
         }), t("ADD")]
       })
@@ -116225,7 +116225,7 @@ const TimeSlotManager = ({
   });
 };
 const regularHourContainer = "_regularHourContainer_1xx5k_18";
-const styles$G = {
+const styles$F = {
   regularHourContainer
 };
 const RegularHour = ({
@@ -116247,7 +116247,7 @@ const RegularHour = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$G.regularHourContainer,
+    className: styles$F.regularHourContainer,
     children: [/* @__PURE__ */ jsxs("div", {
       style: {
         display: "flex",
@@ -116279,14 +116279,14 @@ const RegularHour = ({
   });
 };
 const container$9 = "_container_1wtrl_1";
-const styles$F = {
+const styles$E = {
   container: container$9
 };
 const RegularHours = ({
   id: id2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$F.container,
+    className: styles$E.container,
     children: weekdays.map((weekday2) => /* @__PURE__ */ jsx$1(RegularHour, {
       id: `${id2}.${weekday2.id}`,
       weekday: weekday2.name
@@ -116295,7 +116295,7 @@ const RegularHours = ({
 };
 const container$8 = "_container_1w6jm_1";
 const date3 = "_date_1w6jm_8";
-const styles$E = {
+const styles$D = {
   container: container$8,
   date: date3
 };
@@ -116319,9 +116319,9 @@ const SpecificHour = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$E.container,
+    className: styles$D.container,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$E.date,
+      className: styles$D.date,
       children: /* @__PURE__ */ jsx$1(TimeSlotField, {
         id: `${id2}.date`,
         type: "date"
@@ -116343,7 +116343,7 @@ const SpecificHour = ({
 };
 const container$7 = "_container_130ly_1";
 const slot = "_slot_130ly_8";
-const styles$D = {
+const styles$C = {
   container: container$7,
   slot,
   "delete": "_delete_130ly_13"
@@ -116369,13 +116369,13 @@ const SpecificHours = ({
     setSpecificHours(specificHoursUpdate);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$D.container,
+    className: styles$C.container,
     children: [specificHours.map((key2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$D.slot,
+      className: styles$C.slot,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "trash",
         onClick: () => removeSpecificHour(key2),
-        className: styles$D.delete
+        className: styles$C.delete
       }), /* @__PURE__ */ jsx$1(SpecificHour, {
         id: `${id2}[${key2}]`
       })]
@@ -116443,10 +116443,10 @@ const formarSpecialHours$2 = ({ specialHours }) => {
   };
 };
 const form$2 = "_form_17xjl_1";
-const footer$5 = "_footer_17xjl_5";
-const styles$C = {
+const footer$4 = "_footer_17xjl_5";
+const styles$B = {
   form: form$2,
-  footer: footer$5
+  footer: footer$4
 };
 const Form$4 = ({
   open,
@@ -116487,7 +116487,7 @@ const Form$4 = ({
       initialValues,
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxs(Form$7, {
-        className: styles$C.form,
+        className: styles$B.form,
         children: [/* @__PURE__ */ jsx$1(RegularHours, {
           id: "regularHours"
         }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1(Heading, {
@@ -116497,7 +116497,7 @@ const Form$4 = ({
         }), /* @__PURE__ */ jsx$1(SpecificHours, {
           id: "specialHours"
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$C.footer,
+          className: styles$B.footer,
           children: [/* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "reset",
@@ -116736,7 +116736,7 @@ const useFieldAttribute = ({ id: id2 }) => {
 };
 const container$6 = "_container_1f3nv_1";
 const button$3 = "_button_1f3nv_9";
-const styles$B = {
+const styles$A = {
   container: container$6,
   button: button$3,
   "button--active": "_button--active_1f3nv_19"
@@ -116755,14 +116755,14 @@ const ButtonGroup2 = ({
       htmlFor: "",
       children: label2
     }), /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$B.container, className),
+      className: classNames$2(styles$A.container, className),
       role: "group",
       children: buttons2.map((button2, index2) => /* @__PURE__ */ jsx$1("button", {
         type: "button",
-        className: classNames$2(styles$B.button, {
-          [styles$B["button--first"]]: index2 === firstButton,
-          [styles$B["button--latest"]]: index2 === lastButton,
-          [styles$B["button--active"]]: button2.value === value2
+        className: classNames$2(styles$A.button, {
+          [styles$A["button--first"]]: index2 === firstButton,
+          [styles$A["button--latest"]]: index2 === lastButton,
+          [styles$A["button--active"]]: button2.value === value2
         }),
         onClick: () => onClick(button2),
         children: button2.label
@@ -116772,7 +116772,7 @@ const ButtonGroup2 = ({
 };
 const container$5 = "_container_ii6rz_1";
 const container__attribute = "_container__attribute_ii6rz_6";
-const styles$A = {
+const styles$z = {
   container: container$5,
   container__attribute
 };
@@ -116795,9 +116795,9 @@ const SimpliAttribute = ({
     onDelete();
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$A.container,
+    className: styles$z.container,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$A.container__attribute,
+      className: styles$z.container__attribute,
       children: /* @__PURE__ */ jsx$1(ButtonGroup2, {
         buttons: buttons$1,
         onClick,
@@ -117095,7 +117095,7 @@ const formatName = ({
 const container$4 = "_container_idvh8_1";
 const form$1 = "_form_idvh8_22";
 const actionsButtons = "_actionsButtons_idvh8_36";
-const styles$z = {
+const styles$y = {
   container: container$4,
   form: form$1,
   actionsButtons
@@ -117157,9 +117157,9 @@ const Form$3 = ({
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsx$1(Form$7, {
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$z.container,
+          className: styles$y.container,
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$z.form,
+            className: styles$y.form,
             children: cleanAttributes.map(({
               title: title2,
               openDefault,
@@ -117186,7 +117186,7 @@ const Form$3 = ({
               }
             })
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$z.actionsButtons,
+            className: styles$y.actionsButtons,
             children: [/* @__PURE__ */ jsx$1(Button$1, {
               size: "small",
               type: "reset",
@@ -117388,10 +117388,10 @@ const Contact = ({
   });
 };
 const container$3 = "_container_1q4zb_1";
-const footer$4 = "_footer_1q4zb_6";
-const styles$y = {
+const footer$3 = "_footer_1q4zb_6";
+const styles$x = {
   container: container$3,
-  footer: footer$4
+  footer: footer$3
 };
 function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value2) {
@@ -118513,7 +118513,7 @@ function useDropzone(props = {}) {
 }
 const icon$2 = "_icon_e2tpc_1";
 const button$2 = "_button_e2tpc_6";
-const styles$x = {
+const styles$w = {
   icon: icon$2,
   button: button$2
 };
@@ -118564,7 +118564,7 @@ function Dropzone({
       children: [/* @__PURE__ */ jsx$1("input", {
         ...getInputProps()
       }), showChildren && showAddButton && /* @__PURE__ */ jsx$1("div", {
-        className: styles$x.button,
+        className: styles$w.button,
         onClick,
         children: /* @__PURE__ */ jsx$1(Icon$1, {
           icon: "plus"
@@ -118587,7 +118587,7 @@ function Dropzone({
           },
           children: /* @__PURE__ */ jsx$1(Icon$1, {
             icon: "folderAdd",
-            className: styles$x.icon
+            className: styles$w.icon
           })
         }), /* @__PURE__ */ jsx$1("p", {
           children: t2("DRAGANDDROPPICT")
@@ -118680,7 +118680,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$w = {
+const styles$v = {
   container: container$2,
   container__files,
   file,
@@ -118691,7 +118691,7 @@ const styles$w = {
 };
 const nav = "_nav_1pvvi_1";
 const nav__tab = "_nav__tab_1pvvi_6";
-const styles$v = {
+const styles$u = {
   nav,
   nav__tab,
   "nav__tab--active": "_nav__tab--active_1pvvi_10"
@@ -118702,13 +118702,13 @@ const Tabs = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsx$1("nav", {
-    className: styles$v.nav,
+    className: styles$u.nav,
     children: tabs.map(({
       id: id2,
       label: label2
     }) => /* @__PURE__ */ jsx$1("div", {
-      className: classNames$2(styles$v.nav__tab, {
-        [styles$v["nav__tab--active"]]: id2 === selectedTab
+      className: classNames$2(styles$u.nav__tab, {
+        [styles$u["nav__tab--active"]]: id2 === selectedTab
       }),
       onClick: () => onClick(id2),
       children: label2
@@ -118831,7 +118831,7 @@ const MediaPage = () => {
   mediaTypeSelected == null ? void 0 : mediaTypeSelected.description;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$w.container,
+      className: styles$v.container,
       children: [/* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1(Tabs, {
           tabs: tabsMedia,
@@ -118849,16 +118849,16 @@ const MediaPage = () => {
           showChildren: filesToShow.length > 0,
           selectedCategory,
           children: /* @__PURE__ */ jsx$1("div", {
-            className: styles$w["container__files"],
+            className: styles$v["container__files"],
             children: filesToShow.map((file2, index2) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsxs("div", {
-                className: styles$w.file,
+                className: styles$v.file,
                 children: [/* @__PURE__ */ jsx$1("img", {
                   src: file2.url || URL.createObjectURL(file2.file),
-                  className: styles$w.image
+                  className: styles$v.image
                 }), /* @__PURE__ */ jsxs("div", {
-                  className: styles$w.textarea,
+                  className: styles$v.textarea,
                   children: [/* @__PURE__ */ jsx$1(TextArea$1, {
                     label: "",
                     onChange: (event) => updateDescription(event, file2.index),
@@ -118866,7 +118866,7 @@ const MediaPage = () => {
                     rows: 3,
                     id: `caption-${index2}`
                   }), /* @__PURE__ */ jsxs("div", {
-                    className: styles$w.channels,
+                    className: styles$v.channels,
                     children: [/* @__PURE__ */ jsx$1("div", {
                       children: "Publish on:"
                     }), /* @__PURE__ */ jsxs("div", {
@@ -118881,7 +118881,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: google$1,
                           alt: "google",
-                          className: styles$w.social_logo
+                          className: styles$v.social_logo
                         })
                       })]
                     }), /* @__PURE__ */ jsxs("div", {
@@ -118896,7 +118896,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: facebook$1,
                           alt: "facebook",
-                          className: styles$w.social_logo
+                          className: styles$v.social_logo
                         })
                       })]
                     }), /* @__PURE__ */ jsxs("div", {
@@ -118911,7 +118911,7 @@ const MediaPage = () => {
                         children: /* @__PURE__ */ jsx$1("img", {
                           src: bing$1,
                           alt: "bing",
-                          className: styles$w.social_logo
+                          className: styles$v.social_logo
                         })
                       })]
                     })]
@@ -119053,10 +119053,10 @@ const Form$1 = ({
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxs(Form$7, {
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: styles$y.container,
+          className: styles$x.container,
           children: /* @__PURE__ */ jsx$1(MediaPage, {})
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$y.footer,
+          className: styles$x.footer,
           children: [/* @__PURE__ */ jsx$1(Button$1, {
             size: "small",
             type: "reset",
@@ -119139,7 +119139,7 @@ const Media = ({
 };
 const wrap_links = "_wrap_links_9tmdu_1";
 const link = "_link_9tmdu_5";
-const styles$u = {
+const styles$t = {
   wrap_links,
   link
 };
@@ -119159,13 +119159,13 @@ const CardLinks = ({
         onClick: onClickEdit
       })
     },
-    className: styles$u.wrap_links,
+    className: styles$t.wrap_links,
     children: [/* @__PURE__ */ jsxs(UIList$1, {
       mode: "vertical",
       children: [values.urlWebsite && /* @__PURE__ */ jsx$1("a", {
         href: values.urlWebsite,
         target: "_blank",
-        className: styles$u.link,
+        className: styles$t.link,
         children: /* @__PURE__ */ jsx$1(Item, {
           label: "Website",
           text: " "
@@ -119176,7 +119176,7 @@ const CardLinks = ({
       }, key2) => /* @__PURE__ */ jsx$1("a", {
         href: value2,
         target: "_blank",
-        className: styles$u.link,
+        className: styles$t.link,
         children: /* @__PURE__ */ jsx$1(Item, {
           label: displayName,
           text: " "
@@ -119211,7 +119211,7 @@ const CardLinks = ({
   });
 };
 const container$1 = "_container_1w35v_1";
-const styles$t = {
+const styles$s = {
   container: container$1
 };
 const Form2 = ({
@@ -119298,7 +119298,7 @@ const Form2 = ({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(onSubmitForm),
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$t.container,
+        className: styles$s.container,
         children: [/* @__PURE__ */ jsx$1("div", {
           children: /* @__PURE__ */ jsx$1(TextInputField, {
             control,
@@ -119622,7 +119622,7 @@ class Masonry extends React__default.Component {
   }
 }
 Masonry.defaultProps = defaultProps;
-const styles$s = {
+const styles$r = {
   "my-masonry-grid": "_my-masonry-grid_vahsi_1",
   "my-masonry-grid_column": "_my-masonry-grid_column_vahsi_12"
 };
@@ -119645,7 +119645,7 @@ const addModuleGoogle = async ({
   };
 };
 const account = "_account_8539r_12";
-const styles$r = {
+const styles$q = {
   account,
   "account--selected": "_account--selected_8539r_23"
 };
@@ -119655,8 +119655,8 @@ const Account = ({
   selected
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: classNames$2(styles$r.account, {
-      [styles$r["account--selected"]]: selected
+    className: classNames$2(styles$q.account, {
+      [styles$q["account--selected"]]: selected
     }),
     onClick,
     children: name2
@@ -119665,7 +119665,7 @@ const Account = ({
 const selectAccount$1 = "_selectAccount_1cl8x_1";
 const selectAccount__title$1 = "_selectAccount__title_1cl8x_7";
 const close2 = "_close_1cl8x_27";
-const styles$q = {
+const styles$p = {
   selectAccount: selectAccount$1,
   selectAccount__title: selectAccount__title$1,
   close: close2
@@ -119692,9 +119692,9 @@ const SelectAccount$1 = ({
     setFilteredAccounts(accounts);
   }, [accounts]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$q.selectAccount,
+    className: styles$p.selectAccount,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$q.selectAccount__title,
+      className: styles$p.selectAccount__title,
       children: t2("Select an account")
     }), /* @__PURE__ */ jsx$1("div", {
       children: t2("Please select an accout that you want to connect to Google")
@@ -119718,7 +119718,7 @@ const SelectAccount$1 = ({
         })
       }), searchValue && searchValue.length > 0 && /* @__PURE__ */ jsx$1("div", {
         children: /* @__PURE__ */ jsx$1("button", {
-          className: styles$q.close,
+          className: styles$p.close,
           type: "button",
           onClick: () => {
             setSearchValue("");
@@ -119744,7 +119744,7 @@ const SelectAccount$1 = ({
 };
 const stepsContainer = "_stepsContainer_jtj1a_1";
 const step = "_step_jtj1a_1";
-const styles$p = {
+const styles$o = {
   stepsContainer,
   step
 };
@@ -119761,7 +119761,7 @@ const Steps = ({
   };
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$p.stepsContainer,
+      className: styles$o.stepsContainer,
       children: stepsToRender.map((index2) => /* @__PURE__ */ jsx$1(Step, {
         onClick: () => handleNext(index2)
       }, index2))
@@ -119772,7 +119772,7 @@ const Step = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: styles$p.step,
+    className: styles$o.step,
     onClick
   });
 };
@@ -119817,7 +119817,7 @@ const GooogleStepsToConnect = ({
 };
 const selectAccount = "_selectAccount_1jze1_1";
 const selectAccount__title = "_selectAccount__title_1jze1_7";
-const styles$o = {
+const styles$n = {
   selectAccount,
   selectAccount__title
 };
@@ -119834,9 +119834,9 @@ const SelectAccount = ({
     setSelectedAccount(value2);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$o.selectAccount,
+    className: styles$n.selectAccount,
     children: [/* @__PURE__ */ jsx$1("div", {
-      className: styles$o.selectAccount__title,
+      className: styles$n.selectAccount__title,
       children: t2("Select an account")
     }), /* @__PURE__ */ jsx$1("div", {
       children: t2("Please select an accout that you want to connect to Facebook.")
@@ -119935,7 +119935,7 @@ const p15 = "_p15_90mhs_21";
 const centered$1 = "_centered_90mhs_24";
 const w100 = "_w100_90mhs_49";
 const noChannel = "_noChannel_90mhs_72";
-const styles$n = {
+const styles$m = {
   partner_onboarding,
   subtitle,
   p15,
@@ -119949,7 +119949,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$m = {
+const styles$l = {
   disabled: disabled$2,
   channels: channels$3,
   relative: relative$2,
@@ -119993,15 +119993,15 @@ const GoogleButton = ({
   if (isConnected) {
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [type4 === "image" && /* @__PURE__ */ jsxs("div", {
-        className: styles$m.relative,
+        className: styles$l.relative,
         children: [/* @__PURE__ */ jsx$1("div", {
-          className: styles$m.connected,
+          className: styles$l.connected,
           children: /* @__PURE__ */ jsx$1("img", {
             src: connected$3,
             alt: "connected"
           })
         }), /* @__PURE__ */ jsx$1("img", {
-          className: `${styles$m.channels} ${styles$m.disabled}`,
+          className: `${styles$l.channels} ${styles$l.disabled}`,
           src: gmb,
           alt: "Google My Business"
         })]
@@ -120015,7 +120015,7 @@ const GoogleButton = ({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [type4 === "image" && /* @__PURE__ */ jsx$1("img", {
       onClick: () => login(),
-      className: styles$m.channels,
+      className: styles$l.channels,
       src: gmb,
       alt: "Google My Business"
     }), type4 !== "image" && /* @__PURE__ */ jsx$1(Button$1, {
@@ -120048,10 +120048,10 @@ const Step1 = ({
     children: [/* @__PURE__ */ jsx$1("h2", {
       children: t2("gettingStarted")
     }), /* @__PURE__ */ jsxs("p", {
-      className: styles$n.subtitle,
+      className: styles$m.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$n.subtitle,
+      className: styles$m.subtitle,
       children: [/* @__PURE__ */ jsx$1("li", {
         children: t2("Review your information before publishing the information to Google My Business")
       }), /* @__PURE__ */ jsx$1("li", {
@@ -120060,9 +120060,9 @@ const Step1 = ({
         children: t2("Connect additional channels (Facebook, Bing...)")
       })]
     }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-      className: styles$n.centered,
+      className: styles$m.centered,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$n.w100,
+        className: styles$m.w100,
         children: /* @__PURE__ */ jsx$1(GoogleButtonContainer, {
           onSuccess: setGoogleResponse,
           venueId,
@@ -120071,7 +120071,7 @@ const Step1 = ({
         })
       }), /* @__PURE__ */ jsx$1("span", {
         onClick: onClose2,
-        className: styles$n.noChannel,
+        className: styles$m.noChannel,
         children: t2("I don't have a Google My Business account")
       })]
     })]
@@ -120082,7 +120082,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$l = {
+const styles$k = {
   disabled: disabled$1,
   channels: channels$2,
   relative: relative$1,
@@ -120116,15 +120116,15 @@ const FbButton = ({
   }, [autoLoad]);
   if (isConnected) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$l.relative,
+      className: styles$k.relative,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$l.connected,
+        className: styles$k.connected,
         children: /* @__PURE__ */ jsx$1("img", {
           src: connected$3,
           alt: "connected"
         })
       }), /* @__PURE__ */ jsx$1("img", {
-        className: `${styles$l.channels} ${styles$l.disabled}`,
+        className: `${styles$k.channels} ${styles$k.disabled}`,
         src: facebook,
         alt: "Facebook"
       })]
@@ -120138,7 +120138,7 @@ const FbButton = ({
     autoLoad,
     render: (renderProps) => /* @__PURE__ */ jsx$1("img", {
       onClick: () => setTimeout(renderProps.onClick, 100),
-      className: styles$l.channels,
+      className: styles$k.channels,
       src: facebook,
       alt: "Facebook"
     })
@@ -120149,7 +120149,7 @@ const disabled = "_disabled_1f436_1";
 const channels$1 = "_channels_1f436_12";
 const relative = "_relative_1f436_19";
 const connected = "_connected_1f436_23";
-const styles$k = {
+const styles$j = {
   disabled,
   channels: channels$1,
   relative,
@@ -120167,15 +120167,15 @@ const BingButton = ({
   };
   if (isConnected) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$k.relative,
+      className: styles$j.relative,
       children: [/* @__PURE__ */ jsx$1("div", {
-        className: styles$k.connected,
+        className: styles$j.connected,
         children: /* @__PURE__ */ jsx$1("img", {
           src: connected$3,
           alt: "connected"
         })
       }), /* @__PURE__ */ jsx$1("img", {
-        className: `${styles$k.channels} ${styles$k.disabled}`,
+        className: `${styles$j.channels} ${styles$j.disabled}`,
         src: bing,
         alt: "Bing"
       })]
@@ -120183,7 +120183,7 @@ const BingButton = ({
   }
   return /* @__PURE__ */ jsx$1("img", {
     onClick: handleConnect,
-    className: styles$k.channels,
+    className: styles$j.channels,
     src: bing,
     alt: "Bing"
   });
@@ -120206,12 +120206,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$n.subtitle,
+      className: styles$m.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$n.p15} ${styles$n.centered}`,
+        className: `${styles$m.p15} ${styles$m.centered}`,
         md: 7,
         offset: 1,
         children: /* @__PURE__ */ jsx$1(GoogleButtonContainer, {
@@ -120222,7 +120222,7 @@ const Step2 = ({
           type: "image"
         })
       }), /* @__PURE__ */ jsx$1(Col, {
-        className: `${styles$n.p15} ${styles$n.centered}`,
+        className: `${styles$m.p15} ${styles$m.centered}`,
         md: 7,
         children: /* @__PURE__ */ jsx$1(FbButton, {
           onSuccess: setfbResponse,
@@ -120231,7 +120231,7 @@ const Step2 = ({
           venueId
         })
       }), /* @__PURE__ */ jsx$1(Col, {
-        className: `${styles$n.p15} ${styles$n.centered}`,
+        className: `${styles$m.p15} ${styles$m.centered}`,
         md: 7,
         children: /* @__PURE__ */ jsx$1(BingButton, {
           isConnected: BingConnected,
@@ -120240,9 +120240,9 @@ const Step2 = ({
         })
       })]
     }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1("div", {
-      className: styles$n.centered,
+      className: styles$m.centered,
       children: /* @__PURE__ */ jsx$1("div", {
-        className: styles$n.w100,
+        className: styles$m.w100,
         children: /* @__PURE__ */ jsx$1(Button$1, {
           onClick: onClose2,
           children: t2("Ready!")
@@ -120288,7 +120288,7 @@ const ModalOnboarding = ({
     onClose: onClose2,
     width: 800,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$n.partner_onboarding,
+      className: styles$m.partner_onboarding,
       children: [step2 === 1 && /* @__PURE__ */ jsx$1(Step1, {
         venue,
         setGoogleResponse,
@@ -120326,7 +120326,7 @@ const channels = "_channels_34lsg_13";
 const loader = "_loader_34lsg_27";
 const check = "_check_34lsg_31";
 const error2 = "_error_34lsg_34";
-const styles$j = {
+const styles$i = {
   centered,
   channels,
   loader,
@@ -120367,27 +120367,27 @@ const ModalPublish = ({
     children: [/* @__PURE__ */ jsx$1("h2", {
       children: t2("ERRORSYNC")
     }), /* @__PURE__ */ jsxs("ul", {
-      className: styles$j.channels,
+      className: styles$i.channels,
       children: [GoogleConnected && /* @__PURE__ */ jsxs("li", {
-        className: styles$j.channelsLi,
+        className: styles$i.channelsLi,
         children: [t2("Google Business Profile"), googlePublishing === "in_progress" && /* @__PURE__ */ jsxs("span", {
-          className: styles$j.publishingInProgress,
+          className: styles$i.publishingInProgress,
           children: [t2("publishing"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$j.loader,
+            className: styles$i.loader,
             alt: "Loading"
           })]
         }), googlePublishing === "success" && /* @__PURE__ */ jsxs("span", {
           children: [t2("success"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Check,
-            className: styles$j.check,
+            className: styles$i.check,
             alt: "Success"
           })]
         }), googleErrors && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("error"), " ", /* @__PURE__ */ jsx$1("img", {
               src: Close,
-              className: styles$j.error,
+              className: styles$i.error,
               alt: "Error"
             })]
           }), /* @__PURE__ */ jsx$1("div", {
@@ -120398,26 +120398,26 @@ const ModalPublish = ({
         children: ["Facebook", facebookPublishing === "in_progress" && /* @__PURE__ */ jsxs("span", {
           children: [t2("publishing"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$j.loader,
+            className: styles$i.loader,
             alt: "Loading"
           })]
         }), facebookPublishing === "waiting" && /* @__PURE__ */ jsxs("span", {
           children: [t2("pending"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$j.loader,
+            className: styles$i.loader,
             alt: "Loading"
           })]
         }), facebookPublishing === "success" && /* @__PURE__ */ jsxs("span", {
           children: [t2("success"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Check,
-            className: styles$j.check,
+            className: styles$i.check,
             alt: "Success"
           })]
         }), facebookErrors && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
             children: [t2("error"), " ", /* @__PURE__ */ jsx$1("img", {
               src: Close,
-              className: styles$j.error,
+              className: styles$i.error,
               alt: "Error"
             })]
           }), /* @__PURE__ */ jsx$1("div", {
@@ -120428,13 +120428,13 @@ const ModalPublish = ({
         children: ["Bing", (facebookPublishing === "waiting" || googlePublishing === "waiting") && /* @__PURE__ */ jsxs("span", {
           children: [t2("pending"), " ", /* @__PURE__ */ jsx$1("img", {
             src: Loader,
-            className: styles$j.loader,
+            className: styles$i.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$j.check,
+            className: styles$i.check,
             alt: "Success"
           })]
         })]
@@ -120443,11 +120443,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$j.centered,
+        className: styles$i.centered,
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$j.w100,
+          className: styles$i.w100,
           children: /* @__PURE__ */ jsx$1(Button$1, {
-            className: styles$j.button,
+            className: styles$i.button,
             size: "small",
             onClick: onClose2,
             children: t2("Close")
@@ -121003,8 +121003,8 @@ const VenueListingDetail = ({
         1200: 2,
         800: 1
       },
-      className: styles$s["my-masonry-grid"],
-      columnClassName: styles$s["my-masonry-grid_column"],
+      className: styles$r["my-masonry-grid"],
+      columnClassName: styles$r["my-masonry-grid_column"],
       children: [/* @__PURE__ */ jsx$1(Description, {
         values: data2,
         reload: handleOnPublish,
@@ -121620,7 +121620,7 @@ const VenueListingPage = ({
 const channelCardContainer = "_channelCardContainer_12h4p_1";
 const channelCard = "_channelCard_12h4p_1";
 const channelCardBody = "_channelCardBody_12h4p_18";
-const styles$i = {
+const styles$h = {
   channelCardContainer,
   channelCard,
   channelCardBody
@@ -121634,9 +121634,9 @@ const ChannelCard = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsx$1(Card$1, {
-    className: styles$i.channelCard,
+    className: styles$h.channelCard,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$i.channelCardBody,
+      className: styles$h.channelCardBody,
       children: [/* @__PURE__ */ jsx$1("img", {
         src: logo2,
         height: "80",
@@ -121809,9 +121809,9 @@ const ChannelsDashboard = ({
             },
             children: t2("ACTIVEBOOKINGCHANNELS")
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$i.channelCardContainer,
+            className: styles$h.channelCardContainer,
             children: connectedChannelsData.map((c2, index2) => /* @__PURE__ */ jsx$1("div", {
-              className: styles$i.channelCard,
+              className: styles$h.channelCard,
               style: {
                 cursor: "pointer"
               },
@@ -121832,7 +121832,7 @@ const ChannelsDashboard = ({
             },
             children: t2("ACTIVEBOOKINGCHANNELS")
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$i.channelCardContainer,
+            className: styles$h.channelCardContainer,
             children: channelsData.filter((c2) => !connectedChannelsData.find((cc) => cc.reservationPortal.id === c2.id)).map((c2, index2) => /* @__PURE__ */ jsx$1(ChannelCard, {
               name: c2.name,
               logo: c2.logo,
@@ -121847,6 +121847,10 @@ const ChannelsDashboard = ({
     })
   });
 };
+const renderCountry = (country) => {
+  var _a2;
+  return ((_a2 = _23.find(countries$1, (c2) => c2.id === country)) == null ? void 0 : _a2.label) ?? "";
+};
 const skeleton = "_skeleton_1c81r_1";
 const item = "_item_1c81r_12";
 const rowsSelector = "_rowsSelector_1c81r_22";
@@ -121862,7 +121866,7 @@ const td = "_td_1c81r_106";
 const tableContainer = "_tableContainer_1c81r_116";
 const tbody = "_tbody_1c81r_156";
 const tr = "_tr_1c81r_164";
-const styles$h = {
+const styles$g = {
   skeleton,
   item,
   rowsSelector,
@@ -121894,19 +121898,19 @@ const CustomTable = ({
     t: t2
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames$2(styles$h.tableContainer, classNameConatiner),
+    className: classNames$2(styles$g.tableContainer, classNameConatiner),
     children: [/* @__PURE__ */ jsx$1("div", {
       style: {
         overflowY: "auto"
       },
       children: /* @__PURE__ */ jsxs("table", {
-        className: styles$h.table,
+        className: styles$g.table,
         children: [/* @__PURE__ */ jsx$1("thead", {
-          className: styles$h.thead,
+          className: styles$g.thead,
           children: /* @__PURE__ */ jsx$1("tr", {
-            className: styles$h.tr,
+            className: styles$g.tr,
             children: header2.map((h2) => /* @__PURE__ */ jsx$1("th", {
-              className: styles$h.th,
+              className: styles$g.th,
               children: h2.label
             }, h2.id))
           })
@@ -121914,23 +121918,23 @@ const CustomTable = ({
           rows: (paginationProps == null ? void 0 : paginationProps.rows) ?? 1,
           items: header2.length
         }), !isLoading && data2.length > 0 && /* @__PURE__ */ jsx$1("tbody", {
-          className: styles$h.tbody,
+          className: styles$g.tbody,
           children: data2.map((item2, index2) => /* @__PURE__ */ jsx$1("tr", {
-            className: styles$h.tr,
+            className: styles$g.tr,
             children: header2.map(({
               id: id2,
               render: render2
             }) => /* @__PURE__ */ jsx$1("td", {
-              className: styles$h.td,
+              className: styles$g.td,
               children: render2 ? render2(item2[id2], item2) : item2[id2]
             }, `${index2}-${id2}`))
           }, index2))
         }), !isLoading && data2.length === 0 && /* @__PURE__ */ jsx$1("tbody", {
-          className: styles$h.tbody,
+          className: styles$g.tbody,
           children: /* @__PURE__ */ jsx$1("tr", {
-            className: styles$h.tr,
+            className: styles$g.tr,
             children: /* @__PURE__ */ jsx$1("td", {
-              className: styles$h.td,
+              className: styles$g.td,
               colSpan: header2.length,
               children: /* @__PURE__ */ jsx$1("p", {
                 children: t2("THEREARENORECORDSTODISPLAY")
@@ -121968,21 +121972,21 @@ const TablePagination = ({
     page,
     onChangePage
   });
-  const leftButtonsStyle = classNames$2(styles$h.button, {
-    [styles$h["button-disable"]]: page === minPage
+  const leftButtonsStyle = classNames$2(styles$g.button, {
+    [styles$g["button-disable"]]: page === minPage
   });
-  const rightButtonsStyle = classNames$2(styles$h.button, {
-    [styles$h["button-disable"]]: page === maxPage
+  const rightButtonsStyle = classNames$2(styles$g.button, {
+    [styles$g["button-disable"]]: page === maxPage
   });
   if (total === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$h.paginationContainer,
+    className: styles$g.paginationContainer,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$h.rowsSelectorContainer,
+      className: styles$g.rowsSelectorContainer,
       children: [t2("ROWSPERPAGE"), /* @__PURE__ */ jsx$1("select", {
-        className: styles$h.rowsSelector,
+        className: styles$g.rowsSelector,
         value: rows,
         onChange: (e) => {
           onChangeRows(parseInt(e.target.value));
@@ -121993,10 +121997,10 @@ const TablePagination = ({
         }, index2))
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$h.rowsSummary,
+      className: styles$g.rowsSummary,
       children: [from2, " - ", to2, " of ", total]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$h.tablePaginationButtons,
+      className: styles$g.tablePaginationButtons,
       children: [/* @__PURE__ */ jsx$1(Icon$1, {
         icon: "chevronDoubleLeft",
         className: leftButtonsStyle,
@@ -122006,7 +122010,7 @@ const TablePagination = ({
         className: leftButtonsStyle,
         onClick: changePage("decrement")
       }), /* @__PURE__ */ jsx$1("select", {
-        className: styles$h.rowsSelector,
+        className: styles$g.rowsSelector,
         value: rows,
         onChange: (e) => {
           onChangeRows(parseInt(e.target.value));
@@ -122031,77 +122035,19 @@ const LoadingBody = ({
   rows = 5,
   items = 5
 }) => /* @__PURE__ */ jsx$1("tbody", {
-  className: classNames$2(styles$h.tbody, styles$h.skeleton),
+  className: classNames$2(styles$g.tbody, styles$g.skeleton),
   children: Object.keys(Array(rows).fill(1)).map((index2) => {
     return /* @__PURE__ */ jsx$1("tr", {
-      className: styles$h.tr,
+      className: styles$g.tr,
       children: Object.keys(Array(items).fill(1)).map((id2) => /* @__PURE__ */ jsx$1("td", {
-        className: styles$h.td,
+        className: styles$g.td,
         children: /* @__PURE__ */ jsx$1("div", {
-          className: styles$h.item
+          className: styles$g.item
         })
       }, `${index2}-${id2}`))
     }, index2);
   })
 });
-const renderCountry = (country) => {
-  var _a2;
-  return ((_a2 = _23.find(countries$1, (c2) => c2.id === country)) == null ? void 0 : _a2.label) ?? "";
-};
-const footer$3 = "_footer_17fpf_1";
-const styles$g = {
-  footer: footer$3
-};
-const ModalConfirmation = ({
-  onAccept,
-  isLoading,
-  message,
-  title: title2,
-  icon: icon2,
-  showSubmitButton = true,
-  submitButtonText = "ACCEPT",
-  cancelButtonText = "CANCEL",
-  ...props
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsx$1(Modal$1, {
-    ...props,
-    title: title2 || t2("CONFIRMATI"),
-    children: /* @__PURE__ */ jsxs("div", {
-      children: [icon2 && /* @__PURE__ */ jsx$1("div", {
-        style: {
-          display: "flex",
-          justifyContent: "center"
-        },
-        children: /* @__PURE__ */ jsx$1(Icon, {
-          icon: icon2,
-          size: "large"
-        })
-      }), /* @__PURE__ */ jsx$1("p", {
-        style: {
-          textAlign: "center"
-        },
-        children: message
-      }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-        className: styles$g.footer,
-        children: [/* @__PURE__ */ jsx$1(Button$1, {
-          size: "small",
-          mode: "tertiary",
-          onClick: props.onClose,
-          disabled: isLoading,
-          children: t2(cancelButtonText)
-        }), showSubmitButton && /* @__PURE__ */ jsx$1(Button$1, {
-          size: "small",
-          onClick: onAccept,
-          isLoading,
-          children: t2(submitButtonText)
-        })]
-      })]
-    })
-  });
-};
 const ConnectRestaurants = ({
   open,
   onClose: onClose2,
@@ -122235,7 +122181,7 @@ const ConnectRestaurants = ({
     label: "",
     id: "actions",
     render: (value2, item2) => /* @__PURE__ */ jsx$1("div", {
-      children: /* @__PURE__ */ jsx$1(Button, {
+      children: /* @__PURE__ */ jsx$1(Button$1, {
         mode: "secondary",
         onClick: () => handleConnect(item2),
         children: t2("CONNECT")
@@ -122243,24 +122189,24 @@ const ConnectRestaurants = ({
     })
   }];
   if (error3) {
-    return /* @__PURE__ */ jsx$1(Error$2, {
+    return /* @__PURE__ */ jsx$1(Error$1, {
       error: error3
     });
   }
-  return /* @__PURE__ */ jsxs(Modal2, {
+  return /* @__PURE__ */ jsxs(Modal$1, {
     open,
     onClose: onClose2,
     width: 800,
     title: /* @__PURE__ */ jsx$1("div", {
       children: /* @__PURE__ */ jsxs(Heading, {
-        children: [/* @__PURE__ */ jsx$1(Icon$1, {
+        children: [/* @__PURE__ */ jsx$1(Icon, {
           icon: "locationMarker"
         }), t2("ADDRESTAURANTSTO", {
           value: bookingChannel.name
         })]
       })
     }),
-    children: [/* @__PURE__ */ jsx$1(Card, {
+    children: [/* @__PURE__ */ jsx$1(Card$1, {
       children: /* @__PURE__ */ jsxs("div", {
         className: "",
         children: [/* @__PURE__ */ jsx$1("div", {
@@ -122273,7 +122219,7 @@ const ConnectRestaurants = ({
             style: {
               width: 300
             },
-            children: /* @__PURE__ */ jsx$1(Input$1, {
+            children: /* @__PURE__ */ jsx$1(Input$2, {
               id: "table-name",
               label: t2("SEARCH"),
               hideLabel: true,
@@ -122294,10 +122240,10 @@ const ConnectRestaurants = ({
           rows: currentRows
         })]
       })
-    }), /* @__PURE__ */ jsx$1(ModalConfirmation, {
+    }), /* @__PURE__ */ jsx$1(ConfirmationModal, {
       title: t2("AREYOUSURE?"),
       icon: "calendar",
-      message: t2("THISRESTAURANTWILLBEALBETORECIEVEBOOKINGSFROM", {
+      text: t2("THISRESTAURANTWILLBEALBETORECIEVEBOOKINGSFROM", {
         value: bookingChannel.name
       }),
       onAccept: handleConnectRestaurant,
@@ -122407,7 +122353,7 @@ const ChannelDetail = ({
     });
   };
   if (error3) {
-    return /* @__PURE__ */ jsx$1(Error$2, {
+    return /* @__PURE__ */ jsx$1(Error$1, {
       error: error3
     });
   }
@@ -122439,7 +122385,7 @@ const ChannelDetail = ({
     label: "",
     id: "actions",
     render: (value2, item2) => /* @__PURE__ */ jsx$1("div", {
-      children: /* @__PURE__ */ jsx$1(Button, {
+      children: /* @__PURE__ */ jsx$1(Button$1, {
         mode: "danger",
         onClick: () => handleOnDisconnect({
           item: item2
@@ -122448,7 +122394,7 @@ const ChannelDetail = ({
       })
     })
   }];
-  return /* @__PURE__ */ jsxs(LayoutPage$2, {
+  return /* @__PURE__ */ jsxs(LayoutPage$1, {
     children: [/* @__PURE__ */ jsxs("div", {
       style: {
         display: "flex",
@@ -122474,12 +122420,12 @@ const ChannelDetail = ({
           },
           children: bookingChannel.name
         })]
-      }), /* @__PURE__ */ jsx$1(Button, {
+      }), /* @__PURE__ */ jsx$1(Button$1, {
         mode: "secondary",
         onClick: () => onOpenConnectRestaurants(),
         children: t2("CONNECTRESTAURANTS")
       })]
-    }), /* @__PURE__ */ jsx$1(Card, {
+    }), /* @__PURE__ */ jsx$1(Card$1, {
       children: /* @__PURE__ */ jsxs("div", {
         className: "",
         children: [/* @__PURE__ */ jsx$1("div", {
@@ -122492,7 +122438,7 @@ const ChannelDetail = ({
             style: {
               width: 300
             },
-            children: /* @__PURE__ */ jsx$1(Input$1, {
+            children: /* @__PURE__ */ jsx$1(Input$2, {
               id: "table-name",
               label: t2("SEARCH"),
               hideLabel: true,
@@ -122517,10 +122463,10 @@ const ChannelDetail = ({
       bookingChannel,
       open: openConnectRestaurants,
       onClose: onCloseConnectRestaurants
-    }), /* @__PURE__ */ jsx$1(ModalConfirmation, {
+    }), /* @__PURE__ */ jsx$1(ConfirmationModal, {
       title: t2("AREYOUSURE?"),
       icon: "calendar",
-      message: t2("PLEASECONFIRMSTOPRECIEVEBOOKING", {
+      text: t2("PLEASECONFIRMSTOPRECIEVEBOOKING", {
         value: bookingChannel.name
       }),
       onAccept: handleDisconnectRestaurant,