mozrest-sdk-react-dev 0.3.42 → 0.3.46

package/mozrest-sdk.es.js

@@ -7421,6 +7421,10 @@ const PHONE$4 = "Phone";
 const PLATFORM$4 = "Platform";
 const POSITIVE$4 = "Positive";
 const POSTREPLY$4 = "Post reply";
+const UPDATEREPLY$4 = "Update reply";
+const AUTOREPLYACTIVATED$4 = "Auto Reply Feature Activated!";
+const AUTOREPLYDESCRIPTION$4 = "Your AI assistant will now automatically reply to unreplied reviews from the last 30 days. You'll receive a report to check the results.";
+const UNDERSTOOD$4 = "Understood";
 const PUBLISH$4 = "Publish";
 const QUERIES$4 = "Queries";
 const REPLY$4 = "Reply";
@@ -7836,6 +7840,7 @@ const Year$5 = "Year";
 const Covers$4 = "Covered";
 const NO_AVAILABLE_CHANNELS$4 = "No available channels";
 const select$4 = "Select";
+const AUTOREPLYREVIEWS$4 = "Auto reply reviews";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -7919,6 +7924,10 @@ const en = {
   PLATFORM: PLATFORM$4,
   POSITIVE: POSITIVE$4,
   POSTREPLY: POSTREPLY$4,
+  UPDATEREPLY: UPDATEREPLY$4,
+  AUTOREPLYACTIVATED: AUTOREPLYACTIVATED$4,
+  AUTOREPLYDESCRIPTION: AUTOREPLYDESCRIPTION$4,
+  UNDERSTOOD: UNDERSTOOD$4,
   PUBLISH: PUBLISH$4,
   QUERIES: QUERIES$4,
   REPLY: REPLY$4,
@@ -8386,7 +8395,8 @@ const en = {
   Covers: Covers$4,
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$4,
-  select: select$4
+  select: select$4,
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$4
 };
 const errors$3 = { "required": "Este campo es requerido", "email": "Este correo electrónico no es válido", "phone": "Número de teléfono no válido", "url": "URL no válida" };
 const SPECIALCLOSINGDATES$3 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -8470,6 +8480,10 @@ const PHONE$3 = "Teléfono";
 const PLATFORM$3 = "Plataforma";
 const POSITIVE$3 = "Positivo";
 const POSTREPLY$3 = "Publicar respuesta";
+const UPDATEREPLY$3 = "Actualizar respuesta";
+const AUTOREPLYACTIVATED$3 = "¡Función de Respuesta Automática Activada!";
+const AUTOREPLYDESCRIPTION$3 = "Tu asistente de IA ahora responderá automáticamente a las reseñas sin respuesta de los últimos 30 días. Recibirás un informe para revisar los resultados.";
+const UNDERSTOOD$3 = "Entendido";
 const PUBLISH$3 = "Publicar";
 const QUERIES$3 = "Consultas";
 const REPLY$3 = "Responder";
@@ -8886,6 +8900,7 @@ const Bookings$3 = "Reservas";
 const Covers$3 = "Coberturas";
 const NO_AVAILABLE_CHANNELS$3 = "No hay canales disponibles";
 const select$3 = "Seleccione";
+const AUTOREPLYREVIEWS$3 = "Auto responder reseñas";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -8969,6 +8984,10 @@ const es$2 = {
   PLATFORM: PLATFORM$3,
   POSITIVE: POSITIVE$3,
   POSTREPLY: POSTREPLY$3,
+  UPDATEREPLY: UPDATEREPLY$3,
+  AUTOREPLYACTIVATED: AUTOREPLYACTIVATED$3,
+  AUTOREPLYDESCRIPTION: AUTOREPLYDESCRIPTION$3,
+  UNDERSTOOD: UNDERSTOOD$3,
   PUBLISH: PUBLISH$3,
   QUERIES: QUERIES$3,
   REPLY: REPLY$3,
@@ -9437,7 +9456,8 @@ const es$2 = {
   Covers: Covers$3,
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$3,
-  select: select$3
+  select: select$3,
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet email n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Fermetures exceptionnelles et horaires d’ouverture modifiés (jours fériés, événements, etc.) ";
@@ -9521,6 +9541,10 @@ const PHONE$2 = "Téléphone";
 const PLATFORM$2 = "Canal";
 const POSITIVE$2 = "Positif";
 const POSTREPLY$2 = "Répondre";
+const UPDATEREPLY$2 = "Modifier la réponse";
+const AUTOREPLYACTIVATED$2 = "Fonction de Réponse Automatique Activée !";
+const AUTOREPLYDESCRIPTION$2 = "Votre assistant IA répondra maintenant automatiquement aux avis sans réponse des 30 derniers jours. Vous recevrez un rapport pour vérifier les résultats.";
+const UNDERSTOOD$2 = "Compris";
 const PUBLISH$2 = "Publier";
 const QUERIES$2 = "Requêtes";
 const REPLY$2 = "Répondre";
@@ -9937,6 +9961,7 @@ const Bookings$2 = "Réservations";
 const Covers$2 = "Couverts";
 const NO_AVAILABLE_CHANNELS$2 = "Aucun canal disponible";
 const select$2 = "Selectionner";
+const AUTOREPLYREVIEWS$2 = "Auto répondre aux avis";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10020,6 +10045,10 @@ const fr$1 = {
   PLATFORM: PLATFORM$2,
   POSITIVE: POSITIVE$2,
   POSTREPLY: POSTREPLY$2,
+  UPDATEREPLY: UPDATEREPLY$2,
+  AUTOREPLYACTIVATED: AUTOREPLYACTIVATED$2,
+  AUTOREPLYDESCRIPTION: AUTOREPLYDESCRIPTION$2,
+  UNDERSTOOD: UNDERSTOOD$2,
   PUBLISH: PUBLISH$2,
   QUERIES: QUERIES$2,
   REPLY: REPLY$2,
@@ -10487,7 +10516,8 @@ const fr$1 = {
   Covers: Covers$2,
   "dd/mm/yyyy": "JJ/MM/AAAA",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$2,
-  select: select$2
+  select: select$2,
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$2
 };
 const errors$1 = { "required": "Dieses Feld ist erforderlich", "email": "Diese E-Mail ist nicht gültig", "phone": "Diese Telefonnummer ist nicht gültig", "url": "Diese URL ist nicht gültig" };
 const SPECIALCLOSINGDATES$1 = "Besondere Schließungstage oder abweichende Öffnungszeiten (besondere Tage, Feiertage, private Veranstaltungen…)";
@@ -10571,6 +10601,10 @@ const PHONE$1 = "Telefon";
 const PLATFORM$1 = "Plattform";
 const POSITIVE$1 = "Positiv";
 const POSTREPLY$1 = "Antwort posten";
+const UPDATEREPLY$1 = "Antwort aktualisieren";
+const AUTOREPLYACTIVATED$1 = "Automatische Antwort-Funktion aktiviert!";
+const AUTOREPLYDESCRIPTION$1 = "Ihr KI-Assistent wird nun automatisch auf unbeantwortete Bewertungen der letzten 30 Tage antworten. Sie erhalten einen Bericht zur Überprüfung der Ergebnisse.";
+const UNDERSTOOD$1 = "Verstanden";
 const PUBLISH$1 = "Veröffentlichen";
 const QUERIES$1 = "Anfragen";
 const REPLY$1 = "Antworten";
@@ -10987,6 +11021,7 @@ const Bookings$1 = "Buchungen";
 const Covers$1 = "Covered";
 const NO_AVAILABLE_CHANNELS$1 = "Keine verfügbaren Kanäle";
 const select$1 = "Auswählen";
+const AUTOREPLYREVIEWS$1 = "Automatische Antworten für Bewertungen";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11070,6 +11105,10 @@ const de$1 = {
   PLATFORM: PLATFORM$1,
   POSITIVE: POSITIVE$1,
   POSTREPLY: POSTREPLY$1,
+  UPDATEREPLY: UPDATEREPLY$1,
+  AUTOREPLYACTIVATED: AUTOREPLYACTIVATED$1,
+  AUTOREPLYDESCRIPTION: AUTOREPLYDESCRIPTION$1,
+  UNDERSTOOD: UNDERSTOOD$1,
   PUBLISH: PUBLISH$1,
   QUERIES: QUERIES$1,
   REPLY: REPLY$1,
@@ -11538,7 +11577,8 @@ const de$1 = {
   Covers: Covers$1,
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$1,
-  select: select$1
+  select: select$1,
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$1
 };
 const errors = { "required": "Dit veld is verplicht", "email": "Dit e-mailadres is ongeldig", "phone": "Ongeldig telefoonnummer", "url": "Deze URL is ongeldig" };
 const SPECIALCLOSINGDATES = "Speciale sluitingsdagen of afwijkende openingstijden (feestdagen, evenementen, enz.)";
@@ -11622,6 +11662,10 @@ const PHONE = "Telefoon";
 const PLATFORM = "Platform";
 const POSITIVE = "Positief";
 const POSTREPLY = "Antwoord plaatsen";
+const UPDATEREPLY = "Antwoord bijwerken";
+const AUTOREPLYACTIVATED = "Automatische Antwoord-functie Geactiveerd!";
+const AUTOREPLYDESCRIPTION = "Uw AI-assistent zal nu automatisch reageren op onbeantwoorde beoordelingen van de laatste 30 dagen. U ontvangt een rapport om de resultaten te controleren.";
+const UNDERSTOOD = "Begrepen";
 const PUBLISH = "Publiceren";
 const QUERIES = "Vragen";
 const REPLY = "Antwoorden";
@@ -12038,6 +12082,7 @@ const Year$1 = "Jaar";
 const Bookings = "Reserveringen";
 const Covers = "Covered";
 const select = "Selecteer";
+const AUTOREPLYREVIEWS = "Automatische antwoorden voor beoordelingen";
 const nl$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -12121,6 +12166,10 @@ const nl$1 = {
   PLATFORM,
   POSITIVE,
   POSTREPLY,
+  UPDATEREPLY,
+  AUTOREPLYACTIVATED,
+  AUTOREPLYDESCRIPTION,
+  UNDERSTOOD,
   PUBLISH,
   QUERIES,
   REPLY,
@@ -12589,7 +12638,8 @@ const nl$1 = {
   Bookings,
   Covers,
   "dd/mm/yyyy": "dd/mm/yyyy",
-  select
+  select,
+  AUTOREPLYREVIEWS
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -16739,7 +16789,8 @@ const Provider = ({
     children: /* @__PURE__ */ jsx$1(ProviderContext, {
       lang: lang2,
       children: /* @__PURE__ */ jsx$1(Children2, {
-        ...props
+        ...props,
+        lang: lang2
       })
     })
   });
@@ -39770,14 +39821,17 @@ const useService = (executer, { onSuccess, onError, successText } = {}) => {
 const AddReviewReply = async ({
   reviewId,
   data: data2,
-  accessToken
+  accessToken,
+  isUpdate = false
 }) => {
-  await instance$1.post(
-    `listing/venue-listing/review/${reviewId}/reply`,
+  const endpoint = isUpdate ? `listing/venue-listing/review/${reviewId}/reply/update` : `listing/venue-listing/review/${reviewId}/reply`;
+  const method4 = isUpdate ? "put" : "post";
+  await instance$1[method4](
+    endpoint,
     data2,
     formatHeader(accessToken)
   );
-  return { data: "created" };
+  return { data: isUpdate ? "updated" : "created" };
 };
 const formatHeader = (accessToken) => {
   return {
@@ -48600,11 +48654,15 @@ const ReplyForm = ({
   isMobile: isMobile2 = false,
   onSuggestTemplate,
   isSuggesting = false,
-  locale: locale2
+  locale: locale2,
+  platform: platform2,
+  reply: reply2
 }) => {
   const {
     t: t2
   } = useTranslation();
+  const canUpdate = platform2 === "facebook" || platform2 === "google";
+  const isUpdate = reply2 && canUpdate;
   const initialValues = {
     comment: ""
   };
@@ -48639,10 +48697,16 @@ const ReplyForm = ({
     if (!result) return;
     await execute({
       reviewId,
-      data: data2
+      data: data2,
+      isUpdate
     });
     onSucess();
   };
+  useEffect(() => {
+    if (reply2) {
+      setValue("comment", reply2 == null ? void 0 : reply2.comment);
+    }
+  }, [reply2]);
   return /* @__PURE__ */ jsx$1("form", {
     onSubmit: handleSubmit(handleExecute),
     children: /* @__PURE__ */ jsxs("div", {
@@ -48711,7 +48775,7 @@ const ReplyForm = ({
             isLoading: isExecuting || isSuggesting,
             size: "small",
             mode: "secondary",
-            children: t2("POSTREPLY")
+            children: isUpdate ? t2("UPDATEREPLY") : t2("POSTREPLY")
           })]
         })]
       })]
@@ -48837,6 +48901,9 @@ const styles$1V = {
   platform: platform$1,
   "container--reply": "_container--reply_ypeoh_55"
 };
+const ContextLang = React__default.createContext([
+  "en"
+]);
 const Comment = ({
   children,
   showTranslation,
@@ -48846,6 +48913,7 @@ const Comment = ({
   const {
     t: t2
   } = useTranslation();
+  const [lang2] = useContext(ContextLang);
   return /* @__PURE__ */ jsxs("div", {
     children: [/* @__PURE__ */ jsx$1(Label$2, {
       htmlFor: "",
@@ -48854,11 +48922,11 @@ const Comment = ({
     }), /* @__PURE__ */ jsx$1("p", {
       className: styles$27.comment,
       children
-    }), !showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
+    }), !showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
       className: styles$27.translate,
       onClick: () => setShowTranslation(true),
       children: t2("SHOWTRANSLATION")
-    }), showTranslation && locale2 !== "en" && /* @__PURE__ */ jsx$1("span", {
+    }), showTranslation && locale2 !== lang2 && /* @__PURE__ */ jsx$1("span", {
       className: styles$27.translate,
       onClick: () => setShowTranslation(false),
       children: t2("HIDETRANSLATION")
@@ -48902,13 +48970,14 @@ const CommentTranslation = ({
   const {
     t: t2
   } = useTranslation();
+  const [lang2] = useContext(ContextLang);
   const {
     data: data2,
     isLoading
   } = useFetch(GetReviewTranslation, {
     cacheId: `review-translation-${commentId}`,
     id: commentId,
-    locale: "en"
+    locale: lang2
   });
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [isLoading && /* @__PURE__ */ jsxs("span", {
@@ -54720,7 +54789,7 @@ const DetailMobile = ({
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
       className: styles$1V["container--reply"],
-      children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
+      children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
         reviewId: id2,
@@ -54729,7 +54798,10 @@ const DetailMobile = ({
         onSucess: onReload,
         isMobile: true,
         isSuggesting,
-        locale: locale2
+        locale: locale2,
+        hasReply: false,
+        platform: platform2,
+        reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
       className: styles$1V["container--reply"],
@@ -54740,7 +54812,7 @@ const DetailMobile = ({
       open: showTemplates,
       rating,
       onClose: closeModal
-    }), !reply2 && platform2 !== "tripadvisor" ? /* @__PURE__ */ jsxs(Fragment, {
+    }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx$1(Button$1, {
         isLoading: isSuggesting,
         onClick: () => onSuggestTemplate(),
@@ -54891,7 +54963,7 @@ const DetailDesktop = ({
       })]
     }), platform2 !== "tripadvisor" ? /* @__PURE__ */ jsx$1("div", {
       className: styles$1J.reply,
-      children: reply2 ? /* @__PURE__ */ jsx$1(Reply, {
+      children: reply2 && platform2 !== "facebook" && platform2 !== "google" ? /* @__PURE__ */ jsx$1(Reply, {
         reply: reply2
       }) : /* @__PURE__ */ jsx$1(ReplyForm, {
         reviewId: id2,
@@ -54901,7 +54973,9 @@ const DetailDesktop = ({
         setShowTemplates: setShowTemplate,
         onSuggestTemplate,
         isSuggesting,
-        locale: locale2
+        locale: locale2,
+        platform: platform2,
+        reply: reply2
       })
     }) : /* @__PURE__ */ jsx$1("div", {
       className: styles$1J.reply,
@@ -55252,14 +55326,23 @@ const Reviews = ({
   isEmpty,
   onReload,
   multiVenue,
-  setShowTemplate
+  setShowTemplate,
+  selectedReviewId
 }) => {
   const {
     t: t2
   } = useTranslation();
   const [, setReview] = useContext(ContextReview);
   const [, setTemplate] = useContext(ContextTemplate);
-  const [reviewSelected, setReviewSelected] = useState();
+  const [reviewSelected, setReviewSelected] = useState(selectedReviewId || "");
+  useEffect(() => {
+    if (selectedReviewId && reviews.length > 0) {
+      const selected = reviews.find((review) => review.id === selectedReviewId);
+      if (selected) {
+        setReview(selected);
+      }
+    }
+  }, [selectedReviewId, reviews, setReview]);
   const handleToggleForm = (id2) => () => {
     setTemplate("change");
     setReviewSelected((current) => {
@@ -60940,7 +61023,7 @@ const customStyles = {
     borderRadius: 0,
     boxShadow: state.isFocused ? "0 0 5px var(--moz-input-border)" : "none",
     color: "var(--moz-text-input)",
-    padding: "2px 0"
+    padding: "4px 0px 4px 0px"
   }),
   singleValue: (provided) => ({
     ...provided,
@@ -61230,7 +61313,8 @@ const formatData$j = (data2) => {
 const SelectVenueListing$1 = ({
   onChange: onChange2,
   multiVenue,
-  showLabel = true
+  showLabel = true,
+  selectedValue
 }) => {
   const {
     t: t2
@@ -61248,13 +61332,14 @@ const SelectVenueListing$1 = ({
     id: "",
     label: t2("ALL")
   }, ...(data2 == null ? void 0 : data2.data) || []];
+  const selectedOption = selectedValue ? options2.find((option) => option.id === selectedValue) || options2[0] : options2[0];
   return /* @__PURE__ */ jsx$1(Select, {
     label: showLabel ? t2("SELECTVENUE") : void 0,
     options: options2,
     isLoading,
     getOptionValue: (item2) => item2.id,
     onChange: onChange2,
-    defaultValue: options2[0]
+    value: selectedOption
   });
 };
 const countries$1 = [
@@ -86034,7 +86119,8 @@ const Header$3 = ({
           lg: 4,
           children: /* @__PURE__ */ jsx$1(SelectVenueListing$1, {
             multiVenue,
-            onChange: handleChangeVenueListing
+            onChange: handleChangeVenueListing,
+            selectedValue: filters2.venueListing
           })
         })]
       })
@@ -86120,7 +86206,9 @@ const Error$1 = ({
 };
 const ReviewsPage = ({
   venueId,
-  roles
+  roles,
+  lang: lang2,
+  filters: filtersProps
 }) => {
   const {
     t: t2
@@ -86128,14 +86216,29 @@ const ReviewsPage = ({
   const [context, setContext] = useState("");
   const [review, setReview] = useState();
   const [showReplyTemplates, setShowReplyTemplates] = useState(false);
-  const [filter2, setFilters] = useState({
-    range: {
-      from: subtractDate(void 0, 7, "day"),
-      till: subtractDate(void 0, 0, "day")
-    },
-    module: "",
-    rating: "",
-    reply: ""
+  const [filter2, setFilters] = useState(() => {
+    if (filtersProps) {
+      return {
+        range: {
+          from: filtersProps.from || subtractDate(void 0, 7, "day"),
+          till: filtersProps.till || subtractDate(void 0, 0, "day")
+        },
+        module: filtersProps.module,
+        rating: filtersProps.rating || "",
+        reply: filtersProps.reply || "",
+        venueListing: filtersProps.venueListing || "",
+        reviewId: filtersProps.reviewId || ""
+      };
+    }
+    return {
+      range: {
+        from: subtractDate(void 0, 7, "day"),
+        till: subtractDate(void 0, 0, "day")
+      },
+      module: void 0,
+      rating: "",
+      reply: ""
+    };
   });
   const {
     data: data2
@@ -86154,7 +86257,13 @@ const ReviewsPage = ({
     isLoadingMore
   } = useInfinite(GetReviews, {
     cacheId: `reviews`,
-    params: filter2
+    params: (() => {
+      const {
+        reviewId,
+        ...apiParams
+      } = filter2;
+      return apiParams;
+    })()
   });
   if (error3) {
     return /* @__PURE__ */ jsx$1(Error$1, {
@@ -86175,30 +86284,34 @@ const ReviewsPage = ({
         value: [context, setContext],
         children: /* @__PURE__ */ jsx$1(ContextReview.Provider, {
           value: [review, setReview],
-          children: /* @__PURE__ */ jsxs("div", {
-            children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
-              className: styles$1u.grid,
-              children: [/* @__PURE__ */ jsxs("div", {
-                children: [/* @__PURE__ */ jsx$1(Reviews, {
-                  reviews: issues,
-                  isEmpty,
-                  onReload: reload,
-                  multiVenue,
-                  setShowTemplate: setShowReplyTemplates
-                }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
-                  className: styles$1u.footer,
-                  children: /* @__PURE__ */ jsx$1(Button$1, {
-                    type: "button",
-                    onClick: loadMore,
-                    isLoading: isLoadingMore,
-                    children: t2("LOADMOREREVIEWS")
-                  })
+          children: /* @__PURE__ */ jsx$1(ContextLang.Provider, {
+            value: [lang2],
+            children: /* @__PURE__ */ jsxs("div", {
+              children: [isLoadingInitialData && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoadingInitialData && /* @__PURE__ */ jsxs("div", {
+                className: styles$1u.grid,
+                children: [/* @__PURE__ */ jsxs("div", {
+                  children: [/* @__PURE__ */ jsx$1(Reviews, {
+                    reviews: issues,
+                    isEmpty,
+                    onReload: reload,
+                    multiVenue,
+                    setShowTemplate: setShowReplyTemplates,
+                    selectedReviewId: filter2.reviewId
+                  }), !isReachingEnd && /* @__PURE__ */ jsx$1("div", {
+                    className: styles$1u.footer,
+                    children: /* @__PURE__ */ jsx$1(Button$1, {
+                      type: "button",
+                      onClick: loadMore,
+                      isLoading: isLoadingMore,
+                      children: t2("LOADMOREREVIEWS")
+                    })
+                  })]
+                }), /* @__PURE__ */ jsx$1(Templates, {
+                  open: showReplyTemplates,
+                  onClose: () => setShowReplyTemplates(false)
                 })]
-              }), /* @__PURE__ */ jsx$1(Templates, {
-                open: showReplyTemplates,
-                onClose: () => setShowReplyTemplates(false)
               })]
-            })]
+            })
           })
         })
       })
@@ -91734,6 +91847,23 @@ const EmailForm = ({
     })
   });
 };
+const GetUser = async () => {
+  const user = await instance$1.get("user-me");
+  sessionStorage.setItem("sdk_user", JSON.stringify(user));
+  return { data: user };
+};
+const UpdateUserSettings = async ({
+  data: data2
+}) => {
+  await instance$1.put(`listing/user-settings`, formatData$g(data2));
+  return { data: data2 };
+};
+const formatData$g = (data2) => {
+  return {
+    aiPrompt: data2.aiPrompt ?? null,
+    autoReplyReviews: data2.autoReplyReviews ? "true" : "false"
+  };
+};
 const Modal2 = ({
   open,
   children,
@@ -91832,17 +91962,6 @@ const TextAreaField = React__default.forwardRef((props, ref) => {
     })]
   });
 });
-const UpdateUserSettings = async ({
-  data: data2
-}) => {
-  await instance$1.put(`listing/user-settings`, formatData$g(data2));
-  return { data: data2 };
-};
-const formatData$g = (data2) => {
-  return {
-    aiPrompt: data2.aiPrompt ?? null
-  };
-};
 const AiPromptForm = ({
   open,
   onCloseForm,
@@ -91897,10 +92016,145 @@ const AiPromptForm = ({
     })
   });
 };
-const GetUser = async () => {
-  const user = await instance$1.get("user-me");
-  sessionStorage.setItem("sdk_user", JSON.stringify(user));
-  return { data: user };
+const ConfirmationModal = ({
+  onAccept,
+  isLoading,
+  title: title2,
+  text: text2 = "AREYOUSURE?",
+  icon: icon2,
+  submitButtonText = "ACCEPT",
+  cancelButtonText = "CANCEL",
+  ...props
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Modal$1, {
+    ...props,
+    title: title2,
+    width: 500,
+    children: [icon2 && /* @__PURE__ */ jsx$1("div", {
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ jsx$1(Icon, {
+        icon: icon2,
+        size: "large"
+      })
+    }), /* @__PURE__ */ jsx$1("h3", {
+      style: {
+        marginTop: 0,
+        paddingTop: 20
+      },
+      children: t2(text2)
+    }), /* @__PURE__ */ jsx$1("div", {
+      children: /* @__PURE__ */ jsxs("div", {
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          gap: 20,
+          marginTop: 20
+        },
+        children: [/* @__PURE__ */ jsx$1(Button$1, {
+          size: "small",
+          mode: "tertiary",
+          onClick: props.onClose,
+          disabled: isLoading,
+          children: t2(cancelButtonText)
+        }), /* @__PURE__ */ jsx$1(Button$1, {
+          size: "small",
+          type: "submit",
+          onClick: () => onAccept(),
+          isLoading,
+          children: t2(submitButtonText)
+        })]
+      })
+    })]
+  });
+};
+const AiPromptCard = ({
+  reload
+}) => {
+  var _a2, _b, _c, _d, _e2, _f, _g, _h;
+  const {
+    t: t2
+  } = useTranslation();
+  const [showAiPromptModal, setShowAiPromptModal] = useState(false);
+  const [showAutoReplyModal, setShowAutoReplyModal] = useState(false);
+  const closeAiPromptModal = () => setShowAiPromptModal(false);
+  const openAiPromptModal = () => setShowAiPromptModal(true);
+  const closeAutoReplyModal = () => setShowAutoReplyModal(false);
+  const openAutoReplyModal = () => setShowAutoReplyModal(true);
+  const {
+    data: userData2,
+    reload: reloadUserData
+  } = useFetch(GetUser, {
+    cacheId: `user-data`
+  });
+  const showAiPrompt = (_b = (_a2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a2.roles) == null ? void 0 : _b.some((role) => role === "ROLE_COMPANY_SUPER_ADMIN" || role === "ROLE_COMPANY_SUPER_ADMIN_BOT");
+  useService(UpdateUserSettings, {
+    onSuccess: async () => {
+      var _a3, _b2;
+      await reloadUserData();
+      if (((_b2 = (_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) == null ? void 0 : _b2.autoReplyReviews) === true) {
+        openAutoReplyModal();
+      }
+    }
+  });
+  if (!showAiPrompt) {
+    return null;
+  }
+  const initialValues = {
+    autoReplyReviews: ((_d = (_c = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _c.company) == null ? void 0 : _d.autoReplyReviews) || false,
+    aiPrompt: ((_f = (_e2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _e2.company) == null ? void 0 : _f.aiPrompt) || ""
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx$1(Formik, {
+      initialValues,
+      onSubmit: () => {
+      },
+      enableReinitialize: true,
+      children: ({
+        values
+      }) => {
+        var _a3;
+        return /* @__PURE__ */ jsxs(Card$1, {
+          header: {
+            title: t2("AIPROMPT"),
+            icon: "edit",
+            onClickIcon: openAiPromptModal
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            children: t2("Ai prompt for generate reviews.")
+          }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
+            className: styles$1l.item,
+            children: [/* @__PURE__ */ jsx$1("div", {
+              children: /* @__PURE__ */ jsx$1(Icon, {
+                icon: "robot"
+              })
+            }), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company.aiPrompt) || t2("NOTDEFINED")]
+          })]
+        });
+      }
+    }), /* @__PURE__ */ jsx$1(AiPromptForm, {
+      open: showAiPromptModal,
+      onCloseForm: closeAiPromptModal,
+      initialValues: {
+        aiPrompt: ((_h = (_g = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _g.company) == null ? void 0 : _h.aiPrompt) ?? ""
+      },
+      reload: reloadUserData
+    }), /* @__PURE__ */ jsx$1(ConfirmationModal, {
+      open: showAutoReplyModal,
+      onClose: closeAutoReplyModal,
+      onAccept: closeAutoReplyModal,
+      title: t2("AUTOREPLYACTIVATED"),
+      text: "AUTOREPLYDESCRIPTION",
+      icon: "robot",
+      submitButtonText: "UNDERSTOOD",
+      cancelButtonText: "CLOSE"
+    })]
+  });
 };
 const styles$1c = {
   "ui-list": "_ui-list_4zr5h_1",
@@ -91921,16 +92175,12 @@ const Notifications = ({
   venueId,
   venueListingId
 }) => {
-  var _a2, _b, _c, _d;
   const {
     t: t2
   } = useTranslation();
   const [showModal, setShowmodal] = useState(false);
   const closeModal = () => setShowmodal(false);
   const openModal = () => setShowmodal(true);
-  const [showAiPromptModal, setShowAiPromptModal] = useState(false);
-  const closeAiPromptModal = () => setShowAiPromptModal(false);
-  const openAiPromptModal = () => setShowAiPromptModal(true);
   const {
     data: data2,
     isLoading,
@@ -91939,13 +92189,6 @@ const Notifications = ({
   } = useFetch(GetUserNotificationSettings, {
     cacheId: `user-notifications-settings`
   });
-  const {
-    data: userData2,
-    reload: reloadUserData
-  } = useFetch(GetUser, {
-    cacheId: `user-data`
-  });
-  const showAiPrompt = (_b = (_a2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a2.roles) == null ? void 0 : _b.some((role) => role === "ROLE_COMPANY_SUPER_ADMIN" || role === "ROLE_COMPANY_SUPER_ADMIN_BOT");
   const _reload = () => {
     reload();
   };
@@ -91984,101 +92227,77 @@ const Notifications = ({
       enableReinitialize: true,
       children: ({
         handleSubmit: handleSubmit2
-      }) => {
-        var _a3, _b2;
-        return /* @__PURE__ */ jsxs("div", {
-          className: styles$1l.container,
-          children: [/* @__PURE__ */ jsxs(Card$1, {
-            header: {
-              title: t2("REVIEWSREPORT")
-            },
-            children: [/* @__PURE__ */ jsx$1("p", {
-              children: t2("Get a daily report by email to help you keep track of all your activity.")
-            }), /* @__PURE__ */ jsxs(UIList$1, {
-              mode: "vertical",
-              children: [/* @__PURE__ */ jsx$1(Item$1, {
-                id: "dailyReport",
-                name: t2("DAILYREPORT"),
-                onChange: () => setTimeout(handleSubmit2, 100)
-              }), /* @__PURE__ */ jsx$1(Item$1, {
-                id: "weeklyReport",
-                name: t2("WEEKLYREPORT"),
-                onChange: () => setTimeout(handleSubmit2, 100)
-              }), /* @__PURE__ */ jsx$1(Item$1, {
-                id: "monthlyReport",
-                name: t2("MONTHLYREPORT"),
-                onChange: () => setTimeout(handleSubmit2, 100)
-              })]
+      }) => /* @__PURE__ */ jsxs("div", {
+        className: styles$1l.container,
+        children: [/* @__PURE__ */ jsxs(Card$1, {
+          header: {
+            title: t2("REVIEWSREPORT")
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            children: t2("Get a daily report by email to help you keep track of all your activity.")
+          }), /* @__PURE__ */ jsxs(UIList$1, {
+            mode: "vertical",
+            children: [/* @__PURE__ */ jsx$1(Item$1, {
+              id: "dailyReport",
+              name: t2("DAILYREPORT"),
+              onChange: () => setTimeout(handleSubmit2, 100)
+            }), /* @__PURE__ */ jsx$1(Item$1, {
+              id: "weeklyReport",
+              name: t2("WEEKLYREPORT"),
+              onChange: () => setTimeout(handleSubmit2, 100)
+            }), /* @__PURE__ */ jsx$1(Item$1, {
+              id: "monthlyReport",
+              name: t2("MONTHLYREPORT"),
+              onChange: () => setTimeout(handleSubmit2, 100)
             })]
-          }), /* @__PURE__ */ jsxs(Card$1, {
-            header: {
-              title: t2("REVIEWS")
-            },
-            children: [/* @__PURE__ */ jsx$1("p", {
-              children: t2("Get an instant email when you receive a negative review so that you can initiate an immediate response to your customer.")
-            }), /* @__PURE__ */ jsxs(UIList$1, {
-              mode: "vertical",
-              children: [/* @__PURE__ */ jsx$1(Item$1, {
-                id: "allReviewAlert",
-                name: t2("ALLREVIEWS"),
-                onChange: () => setTimeout(handleSubmit2, 100)
-              }), /* @__PURE__ */ jsx$1(Item$1, {
-                id: "negativeReviewAlert",
-                name: t2("NEGATIVEREVIEWS1"),
-                onChange: () => setTimeout(handleSubmit2, 100)
-              })]
+          })]
+        }), /* @__PURE__ */ jsxs(Card$1, {
+          header: {
+            title: t2("REVIEWS")
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            children: t2("Get an instant email when you receive a negative review so that you can initiate an immediate response to your customer.")
+          }), /* @__PURE__ */ jsxs(UIList$1, {
+            mode: "vertical",
+            children: [/* @__PURE__ */ jsx$1(Item$1, {
+              id: "allReviewAlert",
+              name: t2("ALLREVIEWS"),
+              onChange: () => setTimeout(handleSubmit2, 100)
+            }), /* @__PURE__ */ jsx$1(Item$1, {
+              id: "negativeReviewAlert",
+              name: t2("NEGATIVEREVIEWS1"),
+              onChange: () => setTimeout(handleSubmit2, 100)
             })]
-          }), /* @__PURE__ */ jsxs(Card$1, {
-            header: {
-              title: t2("Email"),
-              icon: "edit",
-              onClickIcon: openModal
-            },
-            children: [/* @__PURE__ */ jsx$1("p", {
-              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$1l.item,
-                children: [/* @__PURE__ */ jsx$1("div", {
-                  children: /* @__PURE__ */ jsx$1(Icon, {
-                    icon: "mail"
-                  })
-                }), email3 || t2("NOTDEFINED")]
-              }, index2);
-            }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
+          })]
+        }), /* @__PURE__ */ jsxs(Card$1, {
+          header: {
+            title: t2("Email"),
+            icon: "edit",
+            onClickIcon: openModal
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            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$1l.item,
               children: [/* @__PURE__ */ jsx$1("div", {
                 children: /* @__PURE__ */ jsx$1(Icon, {
                   icon: "mail"
                 })
-              }), t2("NOTDEFINED")]
-            })]
-          }), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) && showAiPrompt && /* @__PURE__ */ jsxs(Card$1, {
-            header: {
-              title: t2("AIPROMPT"),
-              icon: "edit",
-              onClickIcon: openAiPromptModal
-            },
-            children: [/* @__PURE__ */ jsx$1("p", {
-              children: t2("Ai prompt for generate reviews.")
-            }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
-              className: styles$1l.item,
-              children: [/* @__PURE__ */ jsx$1("div", {
-                children: /* @__PURE__ */ jsx$1(Icon, {
-                  icon: "robot"
-                })
-              }), ((_b2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _b2.company.aiPrompt) || t2("NOTDEFINED")]
-            })]
+              }), email3 || t2("NOTDEFINED")]
+            }, index2);
+          }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ jsxs("div", {
+            className: styles$1l.item,
+            children: [/* @__PURE__ */ jsx$1("div", {
+              children: /* @__PURE__ */ jsx$1(Icon, {
+                icon: "mail"
+              })
+            }), t2("NOTDEFINED")]
           })]
-        });
-      }
-    }), /* @__PURE__ */ jsx$1(AiPromptForm, {
-      open: showAiPromptModal,
-      onCloseForm: closeAiPromptModal,
-      initialValues: {
-        aiPrompt: ((_d = (_c = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _c.company) == null ? void 0 : _d.aiPrompt) ?? ""
-      },
-      reload: reloadUserData
+        }), /* @__PURE__ */ jsx$1(AiPromptCard, {
+          reload: _reload
+        })]
+      })
     }), /* @__PURE__ */ jsx$1(EmailForm, {
       open: showModal,
       onCloseForm: closeModal,
@@ -147417,63 +147636,6 @@ const ModalTripadvisorConnect = ({
     })
   });
 };
-const ConfirmationModal = ({
-  onAccept,
-  isLoading,
-  title: title2,
-  text: text2 = "AREYOUSURE?",
-  icon: icon2,
-  submitButtonText = "ACCEPT",
-  cancelButtonText = "CANCEL",
-  ...props
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxs(Modal$1, {
-    ...props,
-    title: title2,
-    width: 500,
-    children: [icon2 && /* @__PURE__ */ jsx$1("div", {
-      style: {
-        display: "flex",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ jsx$1(Icon, {
-        icon: icon2,
-        size: "large"
-      })
-    }), /* @__PURE__ */ jsx$1("h3", {
-      style: {
-        marginTop: 0,
-        paddingTop: 20
-      },
-      children: t2(text2)
-    }), /* @__PURE__ */ jsx$1("div", {
-      children: /* @__PURE__ */ jsxs("div", {
-        style: {
-          display: "flex",
-          justifyContent: "center",
-          gap: 20,
-          marginTop: 20
-        },
-        children: [/* @__PURE__ */ jsx$1(Button$1, {
-          size: "small",
-          mode: "tertiary",
-          onClick: props.onClose,
-          disabled: isLoading,
-          children: t2(cancelButtonText)
-        }), /* @__PURE__ */ jsx$1(Button$1, {
-          size: "small",
-          type: "submit",
-          onClick: () => onAccept(),
-          isLoading,
-          children: t2(submitButtonText)
-        })]
-      })
-    })]
-  });
-};
 const VenueListingDetail = ({
   venueListingId,
   singleVenue: singleVenue2 = false
@@ -152846,7 +153008,6 @@ const index$7 = ({
     }
   };
   useEffect(() => {
-    console.log(data2, "data");
     if (data2) {
       const tableOptions2 = data2.map((item2) => {
         var _a2, _b;
@@ -152879,7 +153040,6 @@ const index$7 = ({
       setTimeByDayOptions(filtersData == null ? void 0 : filtersData.hours);
     }
     if ((filtersData == null ? void 0 : filtersData.tables) && !selectedBooking) {
-      console.log(filtersData.tables, "filtersData.tables");
       setTableOptions(filtersData.tables.map((item2) => ({
         value: item2.id,
         label: item2.label

package/package.json

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