mozrest-sdk-react-dev 0.3.46 → 0.3.47

package/mozrest-sdk.es.js

@@ -90866,11 +90866,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 +91865,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 +91907,7 @@ const Modal2 = ({
   });
 };
 const input = "_input_1ufjp_1";
-const styles$1d = {
+const styles$1c = {
   input
 };
 const TextArea = React__default.forwardRef(({
@@ -91927,7 +91943,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,
@@ -92093,15 +92109,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,6 +92141,7 @@ const AiPromptCard = ({
       initialValues,
       onSubmit: () => {
       },
+      disabled: isExecuting,
       enableReinitialize: true,
       children: ({
         values
@@ -92127,7 +92155,15 @@ const AiPromptCard = ({
           },
           children: [/* @__PURE__ */ jsx$1("p", {
             children: t2("Ai prompt for generate reviews.")
-          }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsxs("div", {
+          }), /* @__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__ */ jsxs("div", {
             className: styles$1l.item,
             children: [/* @__PURE__ */ jsx$1("div", {
               children: /* @__PURE__ */ jsx$1(Icon, {
@@ -92156,21 +92192,6 @@ const AiPromptCard = ({
     })]
   });
 };
-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.47",
   "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;