mozrest-sdk-react-dev 0.2.26 → 0.2.28

package/mozrest-sdk.es.js

@@ -7,7 +7,7 @@ const pulse$5 = "_pulse_1xz3t_1";
 const container$J = "_container_1xz3t_13";
 const item$b = "_item_1xz3t_20";
 const itemfull$1 = "_itemfull_1xz3t_26";
-var styles$1Z = {
+var styles$1_ = {
   "animate-pulse": "_animate-pulse_1xz3t_1",
   pulse: pulse$5,
   container: container$J,
@@ -16,15 +16,15 @@ var styles$1Z = {
 };
 const SkeletonPage = () => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1Z["animate-pulse"]
+    className: styles$1_["animate-pulse"]
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1Z.container
+    className: styles$1_.container
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1Z.item
+    className: styles$1_.item
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1Z.item
+    className: styles$1_.item
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1Z.itemfull
+    className: styles$1_.itemfull
   })));
 };
 /*! *****************************************************************************
@@ -2156,7 +2156,7 @@ const GetToken = async ({ key: key2 }) => {
   sessionStorage.setItem("sdk_refreshToken", data2.refresh_token);
   const user = await instance$1.get("user-me");
   sessionStorage.setItem("sdk_user", JSON.stringify(user));
-  return { data: true };
+  return { data: user };
 };
 const classNames$2 = (...classNames2) => {
   const resultClasses = [];
@@ -2176,7 +2176,7 @@ const classNames$2 = (...classNames2) => {
   return resultClasses.join(" ");
 };
 const container$I = "_container_1ar7o_1";
-var styles$1Y = {
+var styles$1Z = {
   container: container$I
 };
 const Container = ({
@@ -2190,12 +2190,12 @@ const Container = ({
   return /* @__PURE__ */ React__default.createElement(Tag2, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    className: classNames$2(styles$1Y["container"], className)
+    className: classNames$2(styles$1Z["container"], className)
   }, children);
 };
 const container$H = "_container_118v9_1";
 const header$8 = "_header_118v9_5";
-var styles$1X = {
+var styles$1Y = {
   container: container$H,
   header: header$8
 };
@@ -2206,11 +2206,11 @@ const LayoutPage$1 = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: classNames$2(styles$1X.container, containerClassName, "mz-sdk-cst-pf")
+    className: classNames$2(styles$1Y.container, containerClassName, "mz-sdk-cst-pf")
   }, header2 && /* @__PURE__ */ React__default.createElement("div", {
     className: "mz-header"
   }, header2), /* @__PURE__ */ React__default.createElement(Container, {
-    className: classNames$2(styles$1X.content, contentClassName)
+    className: classNames$2(styles$1Y.content, contentClassName)
   }, children));
 };
 const Error$1 = ({
@@ -6365,6 +6365,7 @@ const AREYOUSURENOSHOWRESERVATION = "Are you sure you want to change this reserv
 const NOSHOW = "No show";
 const VENUEISCLOSED = "Venue is closed";
 const VenueClosedByConfigurationAtThisTime = "Venue is closed by configuration at this time";
+const AIPROMPT = "AI Prompt";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6686,7 +6687,8 @@ var en = {
   AREYOUSURENOSHOWRESERVATION,
   NOSHOW,
   VENUEISCLOSED,
-  VenueClosedByConfigurationAtThisTime
+  VenueClosedByConfigurationAtThisTime,
+  AIPROMPT
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -7206,7 +7208,7 @@ const GetReviews = async ({
       "sortby[createdAt]": "DESC"
     }
   });
-  return formatData$j(data2);
+  return formatData$k(data2);
 };
 const formatParams$5 = (params) => {
   const all2 = {};
@@ -7231,7 +7233,7 @@ const formatParams$5 = (params) => {
     limit: 30
   };
 };
-const formatData$j = (data2) => {
+const formatData$k = (data2) => {
   return data2.map(({ reviewerProfilePhoto, reviewerName, reply: reply2, createdAt, ...item2 }) => ({
     ...item2,
     reviewer: {
@@ -7627,7 +7629,7 @@ const useInfinite = (service, params, limit = 5) => {
   };
 };
 const btn$1 = "_btn_1wg4v_1";
-var styles$1W = {
+var styles$1X = {
   btn: btn$1,
   "btn--large": "_btn--large_1wg4v_16",
   "btn--small": "_btn--small_1wg4v_19",
@@ -8942,7 +8944,7 @@ var icons$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   clock
 }, Symbol.toStringTag, { value: "Module" }));
 const icon$6 = "_icon_1i2ej_1";
-var styles$1V = {
+var styles$1W = {
   icon: icon$6,
   "icon--small": "_icon--small_1i2ej_12",
   "icon--medium": "_icon--medium_1i2ej_15",
@@ -8956,7 +8958,7 @@ const Icon$1 = ({
   ...props
 }) => {
   return /* @__PURE__ */ React__default.createElement("span", {
-    className: classNames$2(styles$1V["icon"], styles$1V[`icon--${size}`], className),
+    className: classNames$2(styles$1W["icon"], styles$1W[`icon--${size}`], className),
     ...props
   }, icons$2[icon2]());
 };
@@ -8973,7 +8975,7 @@ const Button$3 = React__default.forwardRef(({
   ...props
 }, ref = null) => {
   const componentProps = {
-    className: classNames$2(styles$1W["btn"], styles$1W[`btn--${mode}`], styles$1W[`btn--${size}`], "mz-btn", className),
+    className: classNames$2(styles$1X["btn"], styles$1X[`btn--${mode}`], styles$1X[`btn--${size}`], "mz-btn", className),
     ...props
   };
   const IconBtn = icon2 ? /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -13068,7 +13070,7 @@ var FormProvider = function FormProvider2(_ref3) {
   }, children);
 };
 var _excluded$c = ["name", "initialValues", "fields", "form", "preserve", "children", "component", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed"];
-var Form$d = function Form(_ref3, ref) {
+var Form$c = function Form(_ref3, ref) {
   var name = _ref3.name, initialValues = _ref3.initialValues, fields = _ref3.fields, form2 = _ref3.form, preserve = _ref3.preserve, children = _ref3.children, _ref$component = _ref3.component, Component2 = _ref$component === void 0 ? "form" : _ref$component, validateMessages = _ref3.validateMessages, _ref$validateTrigger = _ref3.validateTrigger, validateTrigger = _ref$validateTrigger === void 0 ? "onChange" : _ref$validateTrigger, onValuesChange = _ref3.onValuesChange, _onFieldsChange = _ref3.onFieldsChange, _onFinish = _ref3.onFinish, onFinishFailed = _ref3.onFinishFailed, restProps = _objectWithoutProperties$w(_ref3, _excluded$c);
   var formContext = React.useContext(FormContext);
   var _useForm = useForm(form2), _useForm2 = _slicedToArray$a(_useForm, 1), formInstance = _useForm2[0];
@@ -13196,7 +13198,7 @@ function useWatch() {
   }, [isValidForm]);
   return value2;
 }
-var InternalForm = /* @__PURE__ */ React.forwardRef(Form$d);
+var InternalForm = /* @__PURE__ */ React.forwardRef(Form$c);
 var RefForm = InternalForm;
 RefForm.FormProvider = FormProvider;
 RefForm.Field = WrapperField;
@@ -32583,7 +32585,7 @@ function Field(_ref3) {
   }
   return createElement$1(asElement, _extends$O({}, field2, props), children);
 }
-var Form$c = /* @__PURE__ */ forwardRef(function(props, ref) {
+var Form$b = /* @__PURE__ */ forwardRef(function(props, ref) {
   var action = props.action, rest = _objectWithoutPropertiesLoose$y(props, ["action"]);
   var _action = action != null ? action : "#";
   var _useFormikContext = useFormikContext(), handleReset = _useFormikContext.handleReset, handleSubmit = _useFormikContext.handleSubmit;
@@ -32594,7 +32596,7 @@ var Form$c = /* @__PURE__ */ forwardRef(function(props, ref) {
     action: _action
   }, rest));
 });
-Form$c.displayName = "Form";
+Form$b.displayName = "Form";
 function connect(Comp) {
   var C2 = function C3(props) {
     return createElement$1(FormikConsumer, null, function(formik) {
@@ -32835,17 +32837,17 @@ FieldArrayInner.defaultProps = {
 };
 var FieldArray = /* @__PURE__ */ connect(FieldArrayInner);
 const sronly = "_sronly_1n9bw_1";
-var styles$1U = {
+var styles$1V = {
   sronly
 };
 const SrOnly = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$1U.sronly
+    className: styles$1V.sronly
   }, children);
 };
-const label$5 = "_label_1vki7_1";
-var styles$1T = {
-  label: label$5,
+const label$6 = "_label_1vki7_1";
+var styles$1U = {
+  label: label$6,
   "label--hidden": "_label--hidden_1vki7_9",
   "label--bold": "_label--bold_1vki7_13"
 };
@@ -35457,15 +35459,15 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
 }), _defineProperty$w(_class2, "supportedWrappers", ["div", "span"]), _defineProperty$w(_class2, "displayName", "ReactTooltip"), _class2)) || _class) || _class) || _class) || _class) || _class) || _class) || _class;
 const tooltip$2 = "_tooltip_17puf_1";
 const tooltip__icon$1 = "_tooltip__icon_17puf_4";
-var styles$1S = {
+var styles$1T = {
   tooltip: tooltip$2,
   tooltip__icon: tooltip__icon$1
 };
 const Tooltip$1 = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1S.tooltip
+    className: styles$1T.tooltip
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    className: styles$1S.tooltip__icon,
+    className: styles$1T.tooltip__icon,
     icon: "question",
     size: "small",
     "data-tip": true
@@ -35484,7 +35486,7 @@ const Label$1 = ({
   ...props
 }) => {
   const label2 = /* @__PURE__ */ React__default.createElement("label", {
-    className: styles$1T.label,
+    className: styles$1U.label,
     ...props
   }, children, tooltip2 && /* @__PURE__ */ React__default.createElement(Tooltip$1, null, tooltip2));
   return isHidden2 ? /* @__PURE__ */ React__default.createElement(SrOnly, null, label2) : label2;
@@ -35591,15 +35593,15 @@ const formatHeader = (accessToken) => {
 };
 const tooltip$1 = "_tooltip_17puf_1";
 const tooltip__icon = "_tooltip__icon_17puf_4";
-var styles$1R = {
+var styles$1S = {
   tooltip: tooltip$1,
   tooltip__icon
 };
 const LockTooltip = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1R.tooltip
+    className: styles$1S.tooltip
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    className: styles$1R.tooltip__icon,
+    className: styles$1S.tooltip__icon,
     icon: "lock",
     size: "small",
     "data-tip": children
@@ -35611,7 +35613,7 @@ const LockTooltip = ({ children }) => {
   }));
 };
 const input$2 = "_input_1ufjp_1";
-var styles$1Q = {
+var styles$1R = {
   input: input$2
 };
 const TextArea$1 = React__default.forwardRef(({
@@ -35643,7 +35645,7 @@ const TextArea$1 = React__default.forwardRef(({
   }, label2), /* @__PURE__ */ React__default.createElement("div", {
     style: { position: "relative" }
   }, /* @__PURE__ */ React__default.createElement("textarea", {
-    className: styles$1Q.input,
+    className: styles$1R.input,
     onChange: handleChange,
     id: id2,
     name: id2,
@@ -35658,7 +35660,7 @@ const TextArea$1 = React__default.forwardRef(({
   }, /* @__PURE__ */ React__default.createElement(LockTooltip, null, disabledTooltip))));
 });
 const text$1 = "_text_1f1l5_1";
-var styles$1P = {
+var styles$1Q = {
   text: text$1
 };
 const FieldError = ({
@@ -35667,7 +35669,7 @@ const FieldError = ({
 }) => {
   if (touched && error3) {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: styles$1P.text
+      className: styles$1Q.text
     }, error3);
   }
   return null;
@@ -38312,6 +38314,44 @@ create$2().matches(phoneRegExp, instance.t("PHONENUMBERISNOTVALID"));
 const ContextUserRole = React__default.createContext([
   []
 ]);
+const label$5 = "_label_7mgn7_1";
+const comment$3 = "_comment_7mgn7_5";
+const translate = "_translate_7mgn7_9";
+var styles$1P = {
+  label: label$5,
+  comment: comment$3,
+  translate
+};
+const label$4 = "_label_15hk9_1";
+const translation$1 = "_translation_15hk9_6";
+var styles$1O = {
+  label: label$4,
+  translation: translation$1
+};
+const TranslateReply = async ({
+  text: text2,
+  locale: locale2
+}) => {
+  const data2 = await instance$1.post(`listing/venue-listing-reviews/reply/translate`, { text: text2, locale: locale2 });
+  return { data: data2 };
+};
+const ReplyTranslation = ({ text: text2 }) => {
+  const { t: t2 } = useTranslation();
+  const { isExecuting, execute, data: data2 } = useService(TranslateReply);
+  useEffect(() => {
+    if (text2) {
+      execute({ text: text2, locale: "en" });
+    }
+  }, [text2]);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isExecuting && /* @__PURE__ */ React__default.createElement("span", null, t2("TRANSLATING"), "..."), !isExecuting && /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$1O.translation
+  }, /* @__PURE__ */ React__default.createElement(Label$1, {
+    htmlFor: "",
+    className: styles$1O.label
+  }, t2("TRANSLATION")), /* @__PURE__ */ React__default.createElement("p", {
+    className: styles$1O.translation
+  }, data2 && data2.translatedText ? data2.translatedText : "---")));
+};
 const ReplyForm = ({
   reviewId,
   onSucess,
@@ -38320,13 +38360,16 @@ const ReplyForm = ({
   setShowTemplates,
   isMobile: isMobile2 = false,
   onSuggestTemplate,
-  isSuggesting = false
+  isSuggesting = false,
+  locale: locale2
 }) => {
+  var _a2, _b;
   const { t: t2 } = useTranslation();
   const { execute, isExecuting } = useService(AddReviewReply);
   useContext(ContextTemplate);
   const [roles] = useContext(ContextUserRole);
   const ref = useRef(null);
+  const [showTranslation, setShowTranslation] = useState(false);
   const handleExecute = async (data2) => {
     await execute({ reviewId, data: data2 });
     onSucess();
@@ -38335,7 +38378,7 @@ const ReplyForm = ({
     initialValues: { comment: "" },
     validationSchema: validate({ comment: stringRequired }),
     onSubmit: handleExecute
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TemplateUpdate, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TemplateUpdate, {
     locationName,
     reviewerName
   }), /* @__PURE__ */ React__default.createElement(Label$1, {
@@ -38348,7 +38391,17 @@ const ReplyForm = ({
     rows: 8,
     ref,
     placeholder: t2("TYPEYOURANSWER")
-  }), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("div", {
+  }), ((_a2 = ref.current) == null ? void 0 : _a2.value) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { marginTop: 10 }
+  }, !showTranslation && locale2 !== "en" && /* @__PURE__ */ React__default.createElement("span", {
+    className: styles$1P.translate,
+    onClick: () => setShowTranslation(true)
+  }, t2("SHOWTRANSLATION")), showTranslation && locale2 !== "en" && /* @__PURE__ */ React__default.createElement("span", {
+    className: styles$1P.translate,
+    onClick: () => setShowTranslation(false)
+  }, t2("HIDETRANSLATION"))), /* @__PURE__ */ React__default.createElement("div", null, showTranslation && /* @__PURE__ */ React__default.createElement(ReplyTranslation, {
+    text: (_b = ref.current) == null ? void 0 : _b.value
+  }))), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", justifyContent: isMobile2 ? "flex-end" : "space-between" }
   }, !isMobile2 && /* @__PURE__ */ React__default.createElement(Button$3, {
     onClick: () => {
@@ -38373,23 +38426,23 @@ const ReplyForm = ({
     children: t2("POSTREPLY")
   }))))));
 };
-const label$4 = "_label_x1r40_1";
-const comment$3 = "_comment_x1r40_7";
+const label$3 = "_label_x1r40_1";
+const comment$2 = "_comment_x1r40_7";
 const date$4 = "_date_x1r40_12";
-var styles$1O = {
-  label: label$4,
-  comment: comment$3,
+var styles$1N = {
+  label: label$3,
+  comment: comment$2,
   date: date$4
 };
 const Reply = ({ reply: reply2 }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Label$1, {
     htmlFor: "",
-    className: styles$1O.label
+    className: styles$1N.label
   }, t2("REPLY")), /* @__PURE__ */ React__default.createElement("p", {
-    className: styles$1O.comment
+    className: styles$1N.comment
   }, reply2.comment), /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$1O.date
+    className: styles$1N.date
   }, reply2.createdAt), /* @__PURE__ */ React__default.createElement("br", null));
 };
 const Start = (props) => {
@@ -38536,7 +38589,7 @@ const replyLanguages = [
   },
   {
     id: "vn",
-    label: "vietnamese",
+    label: "Vietnamese",
     value: "vn"
   },
   {
@@ -38589,7 +38642,7 @@ const GetReplyTemplates = async ({
       offset: page * limit
     }
   });
-  return formatData$i(data2);
+  return formatData$j(data2);
 };
 const formatParams$4 = (params = {}) => {
   let all2 = {};
@@ -38608,7 +38661,7 @@ const formatParams$4 = (params = {}) => {
     limit: 30
   };
 };
-const formatData$i = (data2) => {
+const formatData$j = (data2) => {
   return data2.map((item2) => {
     return {
       id: item2.id,
@@ -38628,7 +38681,7 @@ const formatData$i = (data2) => {
   });
 };
 const heading = "_heading_1fifa_1";
-var styles$1N = {
+var styles$1M = {
   heading,
   "heading--large": "_heading--large_1fifa_7",
   "heading--medium": "_heading--medium_1fifa_15",
@@ -38638,13 +38691,13 @@ const Heading = ({ children, level = "h1", size = "medium", id: id2, ...props })
   const Tag2 = level;
   return /* @__PURE__ */ React__default.createElement(Tag2, {
     id: id2,
-    className: classNames$2(styles$1N["heading"], styles$1N[`heading--${size}`]),
+    className: classNames$2(styles$1M["heading"], styles$1M[`heading--${size}`]),
     ...props
   }, children);
 };
 const header$7 = "_header_190p9_1";
 const icon$5 = "_icon_190p9_10";
-var styles$1M = {
+var styles$1L = {
   header: header$7,
   icon: icon$5
 };
@@ -38656,15 +38709,15 @@ const Header$4 = ({ header: header2 }) => {
     return header2;
   }
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1M.header
+    className: styles$1L.header
   }, /* @__PURE__ */ React__default.createElement(Heading, null, header2.title), typeof header2.icon === "string" && /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: header2.icon,
     onClick: header2.onClickIcon,
-    className: styles$1M.icon
+    className: styles$1L.icon
   }), typeof header2.icon !== "string" && header2.icon && header2.icon);
 };
 const container$G = "_container_pd6ji_1";
-var styles$1L = {
+var styles$1K = {
   container: container$G
 };
 const Card = ({
@@ -38674,15 +38727,15 @@ const Card = ({
   classNameContent
 }) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: classNames$2(styles$1L.container, className, "mz-card")
+    className: classNames$2(styles$1K.container, className, "mz-card")
   }, /* @__PURE__ */ React__default.createElement(Header$4, {
     header: header2
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: classNames$2(styles$1L.content, classNameContent)
+    className: classNames$2(styles$1K.content, classNameContent)
   }, children)));
 };
 const text = "_text_12cto_1";
-var styles$1K = {
+var styles$1J = {
   text
 };
 const tagsMap$2 = {
@@ -38693,7 +38746,7 @@ const tagsMap$2 = {
 };
 const TemplateText = ({ text: text2 }) => {
   return /* @__PURE__ */ React__default.createElement("p", {
-    className: styles$1K.text
+    className: styles$1J.text
   }, text2.split("@@").map((item2, index2) => {
     if (tagsMap$2[item2]) {
       return /* @__PURE__ */ React__default.createElement("span", {
@@ -38704,7 +38757,7 @@ const TemplateText = ({ text: text2 }) => {
   }));
 };
 const button$9 = "_button_1hbqp_1";
-var styles$1J = {
+var styles$1I = {
   button: button$9
 };
 const Template$1 = ({ text: text2, onClickUse }) => {
@@ -38715,14 +38768,14 @@ const Template$1 = ({ text: text2, onClickUse }) => {
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TemplateText, {
     text: text2
   }), /* @__PURE__ */ React__default.createElement("button", {
-    className: styles$1J.button,
+    className: styles$1I.button,
     onClick: handleClickUse
   }, "Use"));
 };
 const container$F = "_container_1ej4w_1";
 const hide$1 = "_hide_1ej4w_8";
 const toolbar$3 = "_toolbar_1ej4w_12";
-var styles$1I = {
+var styles$1H = {
   container: container$F,
   hide: hide$1,
   toolbar: toolbar$3
@@ -39018,7 +39071,7 @@ function parse$2(value2, root2, parent, rule, rules2, rulesets, pseudo, points,
         switch (peek()) {
           case 42:
           case 47:
-            append(comment$2(commenter(next(), caret()), root2, parent), declarations);
+            append(comment$1(commenter(next(), caret()), root2, parent), declarations);
             break;
           default:
             characters2 += "/";
@@ -39095,7 +39148,7 @@ function ruleset(value2, root2, parent, index2, offset3, rules2, points, type4,
         props[k2++] = z2;
   return node(value2, root2, parent, offset3 === 0 ? RULESET : type4, props, children, length2);
 }
-function comment$2(value2, root2, parent) {
+function comment$1(value2, root2, parent) {
   return node(value2, root2, parent, COMMENT, from(char()), substr(value2, 2, -2), 0);
 }
 function declaration(value2, root2, parent, length2) {
@@ -43535,7 +43588,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
 var Select$1 = StateManagedSelect;
 const container$E = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-var styles$1H = {
+var styles$1G = {
   container: container$E,
   tooltip
 };
@@ -43563,7 +43616,7 @@ const NewSelect = ({
   ...props
 }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1H.container
+    className: styles$1G.container
   }, label2 && /* @__PURE__ */ React__default.createElement(Label$1, {
     htmlFor: id2
   }, label2), /* @__PURE__ */ React__default.createElement("div", {
@@ -43574,7 +43627,7 @@ const NewSelect = ({
     id: id2,
     isDisabled
   }), isDisabled && /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1H.tooltip
+    className: styles$1G.tooltip
   }, /* @__PURE__ */ React__default.createElement(LockTooltip, null, disabledTooltip))));
 };
 const getTypesOptions = (data2 = []) => {
@@ -43593,7 +43646,8 @@ const getLanguageOptions = (data2 = []) => {
     return [];
   }
   const languages = data2.reduce((acc, item2) => ({ ...acc, [item2.language.id]: item2.language }), {});
-  const arrayLanguages = Object.values(languages);
+  let arrayLanguages = Object.values(languages);
+  arrayLanguages = arrayLanguages.sort((a2, b2) => a2.label.localeCompare(b2.label));
   if (arrayLanguages.length === 0) {
     return [];
   }
@@ -43700,11 +43754,11 @@ const TemplatesModal = ({
       icon: "close",
       onClickIcon: onClose2
     },
-    className: classNames$2(styles$1I.container, {
-      [styles$1I.hide]: !open
+    className: classNames$2(styles$1H.container, {
+      [styles$1H.hide]: !open
     })
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1I.toolbar
+    className: styles$1H.toolbar
   }, /* @__PURE__ */ React__default.createElement(NewSelect, {
     label: t2("REPLYTEMPLATETYPE"),
     options: typeOptions,
@@ -43736,7 +43790,7 @@ const statusbar__icons = "_statusbar__icons_xc9df_44";
 const platform = "_platform_xc9df_48";
 const button$8 = "_button_xc9df_61";
 const flag$3 = "_flag_xc9df_70";
-var styles$1G = {
+var styles$1F = {
   detail: detail$1,
   hidden,
   reviewer: reviewer$1,
@@ -43748,26 +43802,18 @@ var styles$1G = {
   button: button$8,
   flag: flag$3
 };
-const label$3 = "_label_7mgn7_1";
-const comment$1 = "_comment_7mgn7_5";
-const translate = "_translate_7mgn7_9";
-var styles$1F = {
-  label: label$3,
-  comment: comment$1,
-  translate
-};
 const Comment = ({ children, showTranslation, setShowTranslation, locale: locale2 }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Label$1, {
     htmlFor: "",
-    className: styles$1F.label
+    className: styles$1P.label
   }, t2("REVIEW")), /* @__PURE__ */ React__default.createElement("p", {
-    className: styles$1F.comment
+    className: styles$1P.comment
   }, children), !showTranslation && locale2 !== "en" && /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$1F.translate,
+    className: styles$1P.translate,
     onClick: () => setShowTranslation(true)
   }, t2("SHOWTRANSLATION")), showTranslation && locale2 !== "en" && /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$1F.translate,
+    className: styles$1P.translate,
     onClick: () => setShowTranslation(false)
   }, t2("HIDETRANSLATION")));
 };
@@ -43841,26 +43887,26 @@ const DetailMobile = ({
   const openModal = () => setShowTemplates(true);
   const closeModal = () => setShowTemplates(false);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: classNames$2(styles$1G.detail, {
-      [styles$1G.hidden]: !openForm
+    className: classNames$2(styles$1F.detail, {
+      [styles$1F.hidden]: !openForm
     })
   }, /* @__PURE__ */ React__default.createElement("div", {
     onClick,
-    className: styles$1G.back
+    className: styles$1F.back
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "close"
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1G.statusbar
+    className: styles$1F.statusbar
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1G.statusbar__icons
+    className: styles$1F.statusbar__icons
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: reply2 ? "mailReplied" : "mailNotReplied"
   }), /* @__PURE__ */ React__default.createElement("img", {
     alt: platform2,
     src: platformImages[platform2],
-    className: styles$1G.platform
+    className: styles$1F.platform
   })), /* @__PURE__ */ React__default.createElement("div", null, createdAt)), /* @__PURE__ */ React__default.createElement("strong", {
-    className: styles$1G.reviewer
+    className: styles$1F.reviewer
   }, reviewer2.name, " ", ` `, locale2 && /* @__PURE__ */ React__default.createElement(CountryFlag, {
     locale: locale2
   })), /* @__PURE__ */ React__default.createElement(StartScore, {
@@ -43880,7 +43926,7 @@ const DetailMobile = ({
   }, comment2), showTranslation && /* @__PURE__ */ React__default.createElement(CommentTranslation, {
     commentId: id2
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1G["container--reply"]
+    className: styles$1F["container--reply"]
   }, reply2 ? /* @__PURE__ */ React__default.createElement(Reply, {
     reply: reply2
   }) : /* @__PURE__ */ React__default.createElement(ReplyForm, {
@@ -43889,7 +43935,8 @@ const DetailMobile = ({
     locationName,
     onSucess: onReload,
     isMobile: true,
-    isSuggesting
+    isSuggesting,
+    locale: locale2
   })), /* @__PURE__ */ React__default.createElement(TemplatesModal, {
     open: showTemplates,
     rating,
@@ -43956,7 +44003,8 @@ const DetailDesktop = ({
     onSucess: onReload,
     setShowTemplates: setShowTemplate,
     onSuggestTemplate,
-    isSuggesting
+    isSuggesting,
+    locale: locale2
   })));
 };
 const container$D = "_container_1br0u_1";
@@ -49857,9 +49905,9 @@ const GetVenueListingsOptions = async () => {
       limit: 1e3
     }
   });
-  return formatData$h(data2);
+  return formatData$i(data2);
 };
-const formatData$h = (data2) => {
+const formatData$i = (data2) => {
   return {
     data: data2.data.map(({ id: id2, businessName }) => ({
       id: id2,
@@ -50255,9 +50303,9 @@ const GetVenueListingModule = async ({
       Authorization: `Bearer ${accessToken}`
     }
   });
-  return formatData$g(data2);
+  return formatData$h(data2);
 };
-const formatData$g = (values = {}) => {
+const formatData$h = (values = {}) => {
   const { country, ...rest } = values;
   const _country = countries$1 == null ? void 0 : countries$1.find(({ id: id2 }) => id2 === country);
   return {
@@ -52694,7 +52742,7 @@ const Accountpages$1 = () => {
     initialValues: {},
     onSubmit: () => {
     }
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "firstName",
     label: t2("FIRSTNAME")
   }), /* @__PURE__ */ React__default.createElement(TextInputField, {
@@ -52745,7 +52793,7 @@ const Accountpages = () => {
     initialValues: {},
     onSubmit: () => {
     }
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "firstName",
     label: "First Name"
   }), /* @__PURE__ */ React__default.createElement(TextInputField, {
@@ -52774,7 +52822,7 @@ const Accountpages = () => {
     initialValues: {},
     onSubmit: () => {
     }
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement(LayoutForm, null, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "currentPassword",
     label: "Current password",
     type: "password"
@@ -52805,10 +52853,10 @@ const GetUserNotificationSettings = async ({}) => {
 const UpdateUserNotificationSettings = async ({
   data: data2
 }) => {
-  await instance$1.put(`listing/notification-settings`, formatData$f(data2));
+  await instance$1.put(`listing/notification-settings`, formatData$g(data2));
   return { data: data2 };
 };
-const formatData$f = (data2) => {
+const formatData$g = (data2) => {
   return {
     dailyReport: data2.dailyReport ? "true" : "false",
     weeklyReport: data2.weeklyReport ? "true" : "false",
@@ -52821,9 +52869,9 @@ const formatData$f = (data2) => {
     emails: data2.emails
   };
 };
-const mainConatiner$2 = "_mainConatiner_nsrz9_1";
-const container$v = "_container_nsrz9_5";
-const item$9 = "_item_nsrz9_23";
+const mainConatiner$2 = "_mainConatiner_1mt10_1";
+const container$v = "_container_1mt10_5";
+const item$9 = "_item_1mt10_23";
 var styles$1m = {
   mainConatiner: mainConatiner$2,
   container: container$v,
@@ -52917,7 +52965,7 @@ var styles$1i = {
   plus: plus$4,
   footer: footer$d
 };
-const Form$b = ({
+const EmailForm = ({
   open,
   onCloseForm,
   initialValues = {},
@@ -52955,7 +53003,7 @@ const Form$b = ({
     initialValues,
     onSubmit: handleSubmit,
     validationSchema: dataValidationSchema
-  }, ({ values, isValid: isValid2 }) => /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement(FieldArray, {
+  }, ({ values, isValid: isValid2 }) => /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement(FieldArray, {
     name: "emails",
     render: (arrayHelpers) => /* @__PURE__ */ React__default.createElement("div", null, values.emails && values.emails.length > 0 ? values.emails.map((email3, index2) => /* @__PURE__ */ React__default.createElement("div", {
       className: styles$1i.container,
@@ -52990,17 +53038,78 @@ const Form$b = ({
     }, t2("SAVE"))))
   }))));
 };
+const UpdateUserSettings = async ({
+  data: data2
+}) => {
+  await instance$1.put(`listing/user-settings`, formatData$f(data2));
+  return { data: data2 };
+};
+const formatData$f = (data2) => {
+  var _a2;
+  return {
+    aiPrompt: (_a2 = data2.aiPrompt) != null ? _a2 : null
+  };
+};
+const AiPromptForm = ({
+  open,
+  onCloseForm,
+  initialValues = {},
+  reload
+}) => {
+  const { t: t2 } = useTranslation();
+  const { isExecuting, execute } = useService(UpdateUserSettings, {
+    onSuccess: async () => {
+      await reload();
+      onCloseForm();
+    }
+  });
+  const handleSubmit = (data2) => {
+    execute({ data: data2 });
+  };
+  return /* @__PURE__ */ React__default.createElement(Modal2, {
+    open,
+    onClose: onCloseForm,
+    title: t2("AIPROMPT"),
+    width: 500
+  }, /* @__PURE__ */ React__default.createElement(Formik, {
+    initialValues,
+    onSubmit: handleSubmit
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement(TextAreaField, {
+    id: "aiPrompt",
+    label: t2("AIPROMPT"),
+    hideLabel: true,
+    rows: 8
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "flex-end", marginTop: "1rem" }
+  }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "submit",
+    isLoading: isExecuting
+  }, t2("SAVE"))))));
+};
+const GetUser = async () => {
+  const user = await instance$1.get("user-me");
+  sessionStorage.setItem("sdk_user", JSON.stringify(user));
+  return { data: user };
+};
 const Notifications = ({
   venueId,
   venueListingId
 }) => {
+  var _a2, _b, _c;
   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, error: error3, reload } = useFetch(GetUserNotificationSettings, {
     cacheId: `user-notifications-settings`
   });
+  const { data: userData2, reload: reloadUserData } = useFetch(GetUser, {
+    cacheId: `user-data`
+  });
   const _reload = () => {
     reload();
   };
@@ -53031,54 +53140,72 @@ const Notifications = ({
     initialValues: data2,
     onSubmit: handleSubmit,
     enableReinitialize: true
-  }, ({ handleSubmit: handleSubmit2 }) => /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1m.container
-  }, /* @__PURE__ */ React__default.createElement(Card, {
-    header: { title: t2("REVIEWSREPORT") }
-  }, /* @__PURE__ */ React__default.createElement("p", null, "Get a daily report by email to help you keep track of all your activity."), /* @__PURE__ */ React__default.createElement(UIList, {
-    mode: "vertical"
-  }, /* @__PURE__ */ React__default.createElement(Item$1, {
-    id: "dailyReport",
-    name: t2("DAILYREPORT"),
-    onChange: () => setTimeout(handleSubmit2, 100)
-  }), /* @__PURE__ */ React__default.createElement(Item$1, {
-    id: "weeklyReport",
-    name: t2("WEEKLYREPORT"),
-    onChange: () => setTimeout(handleSubmit2, 100)
-  }), /* @__PURE__ */ React__default.createElement(Item$1, {
-    id: "monthlyReport",
-    name: t2("MONTHLYREPORT"),
-    onChange: () => setTimeout(handleSubmit2, 100)
-  }))), /* @__PURE__ */ React__default.createElement(Card, {
-    header: { title: t2("REVIEWS") }
-  }, /* @__PURE__ */ React__default.createElement("p", null, "Get an instant email when you receive a negative review so that you can initiate an immediate response to your customer."), /* @__PURE__ */ React__default.createElement(UIList, {
-    mode: "vertical"
-  }, /* @__PURE__ */ React__default.createElement(Item$1, {
-    id: "allReviewAlert",
-    name: t2("ALLREVIEWS"),
-    onChange: () => setTimeout(handleSubmit2, 100)
-  }), /* @__PURE__ */ React__default.createElement(Item$1, {
-    id: "negativeReviewAlert",
-    name: t2("NEGATIVEREVIEWS1"),
-    onChange: () => setTimeout(handleSubmit2, 100)
-  }))), /* @__PURE__ */ React__default.createElement(Card, {
-    header: {
-      title: t2("Email"),
-      icon: "edit",
-      onClickIcon: openModal
-    }
-  }, /* @__PURE__ */ React__default.createElement("p", null, "Get all the notifications on these emails."), /* @__PURE__ */ React__default.createElement("br", null), data2 == null ? void 0 : data2.emails.map((email3, index2) => {
+  }, ({ handleSubmit: handleSubmit2 }) => {
+    var _a3, _b2;
     return /* @__PURE__ */ React__default.createElement("div", {
-      key: index2,
+      className: styles$1m.container
+    }, /* @__PURE__ */ React__default.createElement(Card, {
+      header: { title: t2("REVIEWSREPORT") }
+    }, /* @__PURE__ */ React__default.createElement("p", null, "Get a daily report by email to help you keep track of all your activity."), /* @__PURE__ */ React__default.createElement(UIList, {
+      mode: "vertical"
+    }, /* @__PURE__ */ React__default.createElement(Item$1, {
+      id: "dailyReport",
+      name: t2("DAILYREPORT"),
+      onChange: () => setTimeout(handleSubmit2, 100)
+    }), /* @__PURE__ */ React__default.createElement(Item$1, {
+      id: "weeklyReport",
+      name: t2("WEEKLYREPORT"),
+      onChange: () => setTimeout(handleSubmit2, 100)
+    }), /* @__PURE__ */ React__default.createElement(Item$1, {
+      id: "monthlyReport",
+      name: t2("MONTHLYREPORT"),
+      onChange: () => setTimeout(handleSubmit2, 100)
+    }))), /* @__PURE__ */ React__default.createElement(Card, {
+      header: { title: t2("REVIEWS") }
+    }, /* @__PURE__ */ React__default.createElement("p", null, "Get an instant email when you receive a negative review so that you can initiate an immediate response to your customer."), /* @__PURE__ */ React__default.createElement(UIList, {
+      mode: "vertical"
+    }, /* @__PURE__ */ React__default.createElement(Item$1, {
+      id: "allReviewAlert",
+      name: t2("ALLREVIEWS"),
+      onChange: () => setTimeout(handleSubmit2, 100)
+    }), /* @__PURE__ */ React__default.createElement(Item$1, {
+      id: "negativeReviewAlert",
+      name: t2("NEGATIVEREVIEWS1"),
+      onChange: () => setTimeout(handleSubmit2, 100)
+    }))), /* @__PURE__ */ React__default.createElement(Card, {
+      header: {
+        title: t2("Email"),
+        icon: "edit",
+        onClickIcon: openModal
+      }
+    }, /* @__PURE__ */ React__default.createElement("p", null, "Get all the notifications on these emails."), /* @__PURE__ */ React__default.createElement("br", null), data2 == null ? void 0 : data2.emails.map((email3, index2) => {
+      return /* @__PURE__ */ React__default.createElement("div", {
+        key: index2,
+        className: styles$1m.item
+      }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+        icon: "mail"
+      })), email3 || t2("NOTDEFINED"));
+    }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ React__default.createElement("div", {
       className: styles$1m.item
     }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
       icon: "mail"
-    })), email3 || t2("NOTDEFINED"));
-  }), !(data2 == null ? void 0 : data2.emails) && /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$1m.item
-  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    icon: "mail"
-  })), t2("NOTDEFINED"))))), /* @__PURE__ */ React__default.createElement(Form$b, {
+    })), t2("NOTDEFINED"))), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) && /* @__PURE__ */ React__default.createElement(Card, {
+      header: {
+        title: t2("AIPROMPT"),
+        icon: "edit",
+        onClickIcon: openAiPromptModal
+      }
+    }, /* @__PURE__ */ React__default.createElement("p", null, "Ai prompt for generate reviews."), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("div", {
+      className: styles$1m.item
+    }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      icon: "robot"
+    })), ((_b2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _b2.company.aiPrompt) || t2("NOTDEFINED"))));
+  }), /* @__PURE__ */ React__default.createElement(AiPromptForm, {
+    open: showAiPromptModal,
+    onCloseForm: closeAiPromptModal,
+    initialValues: { aiPrompt: (_c = (_b = (_a2 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a2.company) == null ? void 0 : _b.aiPrompt) != null ? _c : "" },
+    reload: reloadUserData
+  }), /* @__PURE__ */ React__default.createElement(EmailForm, {
     open: showModal,
     onCloseForm: closeModal,
     initialValues: data2,
@@ -53191,7 +53318,7 @@ const ReplyTemplateForm = ({
     initialValues: initialState2,
     validationSchema: schema$1,
     onSubmit: executeSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, {
     className: styles$1g.form
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "title",
@@ -79250,7 +79377,7 @@ const Form$a = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$13.container
   }, /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [16, 16]
@@ -91567,7 +91694,7 @@ const Form$9 = ({
   }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h3", null, "Address"), /* @__PURE__ */ React__default.createElement("p", null, "Edit the Address below to update your Bing Profile."), /* @__PURE__ */ React__default.createElement("p", null, "Note : You need to click 'Location' in your Google Business Account to edit your address on Google and click 'About' then 'Contact Info' to edit the adress on Facebook.")), /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$X.form
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$X.form__row1
@@ -92002,7 +92129,7 @@ const Form$8 = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, {
     className: styles$P.form
   }, /* @__PURE__ */ React__default.createElement(RegularHours$1, {
     id: "regularHours"
@@ -92529,7 +92656,7 @@ const Form$7 = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$M.container
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$M.form
@@ -92626,7 +92753,7 @@ const Form$6 = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     style: {
       display: "grid",
       gridTemplateColumns: "repeat(2,1fr)",
@@ -94199,7 +94326,7 @@ const Form$5 = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$L.container
   }, /* @__PURE__ */ React__default.createElement(MediaPage, null)), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$L.footer
@@ -94356,7 +94483,7 @@ const Form$4 = ({
     initialValues,
     onSubmit: handleSubmit,
     validationSchema: schema
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$F.container
   }, /* @__PURE__ */ React__default.createElement(TextInputFieldWithRule, {
     id: "urlWebsite",
@@ -95173,7 +95300,7 @@ const ModalBingVerify = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.")), /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "Bing will contact you by email or post and provide you with a verification PIN code. Once you get it, please add it below so that your profile can be synchonised.")), /* @__PURE__ */ React__default.createElement("div", {
     style: {
       display: "grid",
       gridTemplateColumns: "repeat(2,1fr)",
@@ -95229,7 +95356,7 @@ const ModalBingConnect = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.")), /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "Bing may require verification of the business ownership, and contact you by email or post. Please, enter below the email you want to use for verification purposes with Bing.")), /* @__PURE__ */ React__default.createElement("div", {
     style: {
       display: "grid",
       gridTemplateColumns: "repeat(1,1fr)",
@@ -96217,7 +96344,7 @@ const Form$3 = ({
   }, /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, {
     className: styles$r.form
   }, /* @__PURE__ */ React__default.createElement(RegularHours, {
     id: "regularHours"
@@ -96418,7 +96545,7 @@ const NotificationsComp = ({}) => {
     className: styles2.item
   }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
     icon: "mail"
-  })), t2("NOTDEFINED")))))), /* @__PURE__ */ React__default.createElement(Form$b, {
+  })), t2("NOTDEFINED")))))), /* @__PURE__ */ React__default.createElement(EmailForm, {
     open: showModal,
     onCloseForm: closeModal,
     initialValues: data2,
@@ -97200,7 +97327,7 @@ const SpecificHours = ({ value: value2, reload, id: id2, venue_id, onDeleteSpeci
   return /* @__PURE__ */ React__default.createElement(Formik, {
     initialValues: value2,
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React__default.createElement(Form$c, {
+  }, /* @__PURE__ */ React__default.createElement(Form$b, {
     className: styles$h.form,
     onChange: () => setIsEditing(true)
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -99700,7 +99827,7 @@ const ContactDetailsFormFields = ({ isExecuting = false }) => {
     isSubmitting,
     isValid: isValid2
   } = useFormikContext();
-  return /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "row", flexWrap: "wrap" }
   }, /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [16, 16]
@@ -101378,7 +101505,7 @@ const ChangePasswordForm = ({ isExecuting }) => {
   const {
     isValid: isValid2
   } = useFormikContext();
-  return /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(Form$b, null, /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column", justifyContent: "center", gap: 20, flexWrap: "wrap" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
     id: "currentPassword",