mozrest-sdk-react-dev 0.3.46 → 0.3.48

package/mozrest-sdk.es.js

@@ -8396,7 +8396,8 @@ const en = {
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$4,
   select: select$4,
-  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$4
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$4,
+  "AI automatically replies to your customer reviews.": "AI automatically replies to your customer reviews."
 };
 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…)";
@@ -9457,7 +9458,8 @@ const es$2 = {
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$3,
   select: select$3,
-  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$3
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$3,
+  "AI automatically replies to your customer reviews.": "La IA automáticamente responde a las reseñas de tus clientes."
 };
 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.) ";
@@ -10517,7 +10519,8 @@ const fr$1 = {
   "dd/mm/yyyy": "JJ/MM/AAAA",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$2,
   select: select$2,
-  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$2
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$2,
+  "AI automatically replies to your customer reviews.": "L'IA répond automatiquement aux avis de vos clients."
 };
 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…)";
@@ -11578,7 +11581,8 @@ const de$1 = {
   "dd/mm/yyyy": "dd/mm/yyyy",
   NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$1,
   select: select$1,
-  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$1
+  AUTOREPLYREVIEWS: AUTOREPLYREVIEWS$1,
+  "AI automatically replies to your customer reviews.": "Die KI antwortet automatisch auf Ihre Kundenbewertungen."
 };
 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.)";
@@ -12639,7 +12643,8 @@ const nl$1 = {
   Covers,
   "dd/mm/yyyy": "dd/mm/yyyy",
   select,
-  AUTOREPLYREVIEWS
+  AUTOREPLYREVIEWS,
+  "AI automatically replies to your customer reviews.": "De AI-assistent zal nu automatisch reageren op onbeantwoorde beoordelingen van de laatste 30 dagen. U ontvangt een rapport om de resultaten te controleren."
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -48592,7 +48597,7 @@ const TextArea$1 = React__default.forwardRef(({
     onChange2 && onChange2(ev);
   }
   return /* @__PURE__ */ jsxs("div", {
-    children: [/* @__PURE__ */ jsx$1(Label$1, {
+    children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       isHidden: hideLabel,
       htmlFor: id2,
       tooltip: tooltip2,
@@ -90866,11 +90871,12 @@ const styles$1j = {
 const Item$1 = ({
   name: name2,
   id: id2,
-  onChange: onChange2
+  onChange: onChange2,
+  isLoading
 }) => {
   return /* @__PURE__ */ jsxs("div", {
     className: styles$1j.item,
-    children: [name2, /* @__PURE__ */ jsx$1(ToggleField, {
+    children: [name2, isLoading ? /* @__PURE__ */ jsx$1(Spinner$1, {}) : /* @__PURE__ */ jsx$1(ToggleField, {
       id: id2,
       onChange: onChange2
     })]
@@ -91864,6 +91870,21 @@ const formatData$g = (data2) => {
     autoReplyReviews: data2.autoReplyReviews ? "true" : "false"
   };
 };
+const styles$1d = {
+  "ui-list": "_ui-list_4zr5h_1",
+  "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
+};
+const UIList$1 = ({
+  mode = "horizontal",
+  children
+}) => {
+  return /* @__PURE__ */ jsx$1("ul", {
+    className: classNames$2(styles$1d["ui-list"], styles$1d[`ui-list--${mode}`]),
+    children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
+      children: child
+    }, i))
+  });
+};
 const Modal2 = ({
   open,
   children,
@@ -91891,7 +91912,7 @@ const Modal2 = ({
   });
 };
 const input = "_input_1ufjp_1";
-const styles$1d = {
+const styles$1c = {
   input
 };
 const TextArea = React__default.forwardRef(({
@@ -91927,7 +91948,7 @@ const TextArea = React__default.forwardRef(({
         position: "relative"
       },
       children: [/* @__PURE__ */ jsx$1("textarea", {
-        className: styles$1d.input,
+        className: styles$1c.input,
         onChange: handleChange,
         id: id2,
         name: id2,
@@ -92056,7 +92077,7 @@ const ConfirmationModal = ({
           gap: 20,
           marginTop: 20
         },
-        children: [/* @__PURE__ */ jsx$1(Button$1, {
+        children: [cancelButtonText && /* @__PURE__ */ jsx$1(Button$1, {
           size: "small",
           mode: "tertiary",
           onClick: props.onClose,
@@ -92083,7 +92104,6 @@ const AiPromptCard = ({
   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 {
@@ -92093,15 +92113,26 @@ const AiPromptCard = ({
     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, {
+  const {
+    execute,
+    isExecuting
+  } = 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) {
+      if (((_b2 = (_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) == null ? void 0 : _b2.autoReplyReviews) === false) {
         openAutoReplyModal();
       }
     }
   });
+  const handleSubmit = (fieldId, formValues) => {
+    execute({
+      data: {
+        [fieldId]: !formValues[fieldId],
+        aiPrompt: formValues.aiPrompt || ""
+      }
+    });
+  };
   if (!showAiPrompt) {
     return null;
   }
@@ -92114,29 +92145,28 @@ const AiPromptCard = ({
       initialValues,
       onSubmit: () => {
       },
+      disabled: isExecuting,
       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__ */ jsxs(Card$1, {
+        header: {
+          title: t2("AUTOREPLYREVIEWS")
+          // icon: "edit",
+          // onClickIcon: openAiPromptModal,
+        },
+        children: [/* @__PURE__ */ jsx$1("p", {
+          children: t2("AI automatically replies to your customer reviews.")
+        }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1(UIList$1, {
+          mode: "vertical",
+          children: /* @__PURE__ */ jsx$1(Item$1, {
+            isLoading: isExecuting,
+            id: "autoReplyReviews",
+            name: t2("AUTOREPLYREVIEWS"),
+            onChange: () => handleSubmit("autoReplyReviews", values)
+          })
+        })]
+      })
     }), /* @__PURE__ */ jsx$1(AiPromptForm, {
       open: showAiPromptModal,
       onCloseForm: closeAiPromptModal,
@@ -92152,25 +92182,10 @@ const AiPromptCard = ({
       text: "AUTOREPLYDESCRIPTION",
       icon: "robot",
       submitButtonText: "UNDERSTOOD",
-      cancelButtonText: "CLOSE"
+      cancelButtonText: ""
     })]
   });
 };
-const styles$1c = {
-  "ui-list": "_ui-list_4zr5h_1",
-  "ui-list--horizontal": "_ui-list--horizontal_4zr5h_10"
-};
-const UIList$1 = ({
-  mode = "horizontal",
-  children
-}) => {
-  return /* @__PURE__ */ jsx$1("ul", {
-    className: classNames$2(styles$1c["ui-list"], styles$1c[`ui-list--${mode}`]),
-    children: React__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx$1("li", {
-      children: child
-    }, i))
-  });
-};
 const Notifications = ({
   venueId,
   venueListingId

package/package.json

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

package/style.css

@@ -3146,21 +3146,6 @@ hr {
 ._input_1ghpv_34:checked + ._label_1ghpv_1 ._label__switch_1ghpv_8::after {
   left: calc(100% - 0.125rem);
   transform: translateX(-100%);
-}._input_1ufjp_1 {
-  display: block;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  font: var(--moz-font-weight-input) var(--moz-font-size-input)/var(--moz-line-height-input) var(--moz-font-family-input);
-  color: var(--moz-text-input);
-  background: #fff;
-  border: 1px solid var(--moz-input-border);
-  border-radius: 2px;
-}
-._input_1ufjp_1:disabled {
-  color: var(--moz-state-disabled);
-  background: var(--moz-state-disabled-bg);
 }._ui-list_4zr5h_1 {
   margin: 0;
   padding: 0;
@@ -3176,6 +3161,21 @@ hr {
   gap: 1.5rem;
   align-items: center;
   justify-content: inherit;
+}._input_1ufjp_1 {
+  display: block;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  font: var(--moz-font-weight-input) var(--moz-font-size-input)/var(--moz-line-height-input) var(--moz-font-family-input);
+  color: var(--moz-text-input);
+  background: #fff;
+  border: 1px solid var(--moz-input-border);
+  border-radius: 2px;
+}
+._input_1ufjp_1:disabled {
+  color: var(--moz-state-disabled);
+  background: var(--moz-state-disabled-bg);
 }._filterButton_l1kwj_1 {
   display: flex;
   background: white;