mozrest-sdk-react-dev 0.2.16 → 0.2.17

package/mozrest-sdk.es.js

@@ -6356,6 +6356,8 @@ const ConfirmCreateWalkInReservation = "Please confirm that you want to create a
 const NoBookingAvailability = "No booking availability";
 const NoAvailabilityForPartySize = "Sorry we have not availability for this party size: {{value}}";
 const ADDANEMAIL = "Add an email";
+const SUGGESTREPLY = "Suggest reply";
+const SHOWTEMPLATES = "Show templates";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6670,7 +6672,9 @@ var en = {
   NoBookingAvailability,
   NoAvailabilityForPartySize,
   ADDANEMAIL,
-  "Provide at lease one email": "Provide at lease one email"
+  "Provide at lease one email": "Provide at lease one email",
+  SUGGESTREPLY,
+  SHOWTEMPLATES
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -7623,6 +7627,18 @@ var styles$1W = {
   "btn--danger": "_btn--danger_1wg4v_59",
   "btn--success": "_btn--success_1wg4v_67"
 };
+const robot = () => /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "currentColor",
+  class: "bi bi-robot",
+  viewBox: "0 0 16 16"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  d: "M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135"
+}), /* @__PURE__ */ React__default.createElement("path", {
+  d: "M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5"
+}));
 const roundTable = () => /* @__PURE__ */ React__default.createElement("svg", {
   viewBox: "0 0 128 128",
   fill: "none",
@@ -8843,6 +8859,7 @@ const clock = () => {
 };
 var icons$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  robot,
   roundTable,
   download,
   link: link$1,
@@ -24232,7 +24249,7 @@ var PanelContext = /* @__PURE__ */ React.createContext({});
 var HIDDEN_STYLE = {
   visibility: "hidden"
 };
-function Header$6(_ref3) {
+function Header$5(_ref3) {
   var prefixCls = _ref3.prefixCls, _ref$prevIcon = _ref3.prevIcon, prevIcon = _ref$prevIcon === void 0 ? "\u2039" : _ref$prevIcon, _ref$nextIcon = _ref3.nextIcon, nextIcon = _ref$nextIcon === void 0 ? "\u203A" : _ref$nextIcon, _ref$superPrevIcon = _ref3.superPrevIcon, superPrevIcon = _ref$superPrevIcon === void 0 ? "\xAB" : _ref$superPrevIcon, _ref$superNextIcon = _ref3.superNextIcon, superNextIcon = _ref$superNextIcon === void 0 ? "\xBB" : _ref$superNextIcon, onSuperPrev = _ref3.onSuperPrev, onSuperNext = _ref3.onSuperNext, onPrev = _ref3.onPrev, onNext = _ref3.onNext, children = _ref3.children;
   var _React$useContext = React.useContext(PanelContext), hideNextBtn = _React$useContext.hideNextBtn, hidePrevBtn = _React$useContext.hidePrevBtn;
   return /* @__PURE__ */ React.createElement("div", {
@@ -24275,7 +24292,7 @@ function DecadeHeader(props) {
   var yearNumber = generateConfig2.getYear(viewDate);
   var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
   var endYear = startYear + DECADE_DISTANCE_COUNT - 1;
-  return /* @__PURE__ */ React.createElement(Header$6, _extends$Q({}, props, {
+  return /* @__PURE__ */ React.createElement(Header$5, _extends$Q({}, props, {
     prefixCls: headerPrefixCls,
     onSuperPrev: onPrevDecades,
     onSuperNext: onNextDecades
@@ -24832,7 +24849,7 @@ function TimeHeader(props) {
   }
   var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, locale2 = props.locale, value2 = props.value, format3 = props.format;
   var headerPrefixCls = "".concat(prefixCls, "-header");
-  return /* @__PURE__ */ React.createElement(Header$6, {
+  return /* @__PURE__ */ React.createElement(Header$5, {
     prefixCls: headerPrefixCls
   }, value2 ? formatValue(value2, {
     locale: locale2,
@@ -25259,7 +25276,7 @@ function DateHeader(props) {
     generateConfig: generateConfig2
   }) : monthsLocale[month2]);
   var monthYearNodes = locale2.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
-  return /* @__PURE__ */ React.createElement(Header$6, _extends$Q({}, props, {
+  return /* @__PURE__ */ React.createElement(Header$5, _extends$Q({}, props, {
     prefixCls: headerPrefixCls,
     onSuperPrev: onPrevYear,
     onPrev: onPrevMonth,
@@ -25443,7 +25460,7 @@ function MonthHeader(props) {
     return null;
   }
   var headerPrefixCls = "".concat(prefixCls, "-header");
-  return /* @__PURE__ */ React.createElement(Header$6, _extends$Q({}, props, {
+  return /* @__PURE__ */ React.createElement(Header$5, _extends$Q({}, props, {
     prefixCls: headerPrefixCls,
     onSuperPrev: onPrevYear,
     onSuperNext: onNextYear
@@ -25561,7 +25578,7 @@ function QuarterHeader(props) {
     return null;
   }
   var headerPrefixCls = "".concat(prefixCls, "-header");
-  return /* @__PURE__ */ React.createElement(Header$6, _extends$Q({}, props, {
+  return /* @__PURE__ */ React.createElement(Header$5, _extends$Q({}, props, {
     prefixCls: headerPrefixCls,
     onSuperPrev: onPrevYear,
     onSuperNext: onNextYear
@@ -25675,7 +25692,7 @@ function YearHeader(props) {
   var yearNumber = generateConfig2.getYear(viewDate);
   var startYear = Math.floor(yearNumber / YEAR_DECADE_COUNT) * YEAR_DECADE_COUNT;
   var endYear = startYear + YEAR_DECADE_COUNT - 1;
-  return /* @__PURE__ */ React.createElement(Header$6, _extends$Q({}, props, {
+  return /* @__PURE__ */ React.createElement(Header$5, _extends$Q({}, props, {
     prefixCls: headerPrefixCls,
     onSuperPrev: onPrevDecade,
     onSuperNext: onNextDecade
@@ -38282,10 +38299,13 @@ const ReplyForm = ({
   reviewId,
   onSucess,
   locationName,
-  reviewerName
+  reviewerName,
+  setShowTemplates,
+  isMobile: isMobile2 = false
 }) => {
   const { t: t2 } = useTranslation();
   const { execute, isExecuting } = useService(AddReviewReply);
+  const [, setTemplate] = useContext(ContextTemplate);
   const ref = useRef(null);
   const handleExecute = async (data2) => {
     await execute({ reviewId, data: data2 });
@@ -38309,14 +38329,29 @@ const ReplyForm = ({
     ref,
     placeholder: t2("TYPEYOURANSWER")
   }), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", justifyContent: "flex-end" }
-  }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    style: { display: "flex", justifyContent: isMobile2 ? "flex-end" : "space-between" }
+  }, !isMobile2 && /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: () => {
+      setShowTemplates(true);
+    },
+    isLoading: isExecuting,
+    size: "small",
+    children: t2("REPLYTEMPLATES")
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: 5 }
+  }, !isMobile2 && /* @__PURE__ */ React__default.createElement(Button$3, {
+    isLoading: isExecuting,
+    size: "small",
+    icon: "robot",
+    children: t2("SUGGESTREPLY"),
+    onClick: () => setTemplate("Desktop")
+  }), /* @__PURE__ */ React__default.createElement(Button$3, {
     type: "submit",
     isLoading: isExecuting,
     size: "small",
     mode: "secondary",
     children: t2("POSTREPLY")
-  })))));
+  }))))));
 };
 const label$4 = "_label_x1r40_1";
 const comment$3 = "_comment_x1r40_7";
@@ -38593,7 +38628,7 @@ var styles$1M = {
   header: header$7,
   icon: icon$5
 };
-const Header$5 = ({ header: header2 }) => {
+const Header$4 = ({ header: header2 }) => {
   if (!header2) {
     return null;
   }
@@ -38620,7 +38655,7 @@ const Card = ({
 }) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: classNames$2(styles$1L.container, className, "mz-card")
-  }, /* @__PURE__ */ React__default.createElement(Header$5, {
+  }, /* @__PURE__ */ React__default.createElement(Header$4, {
     header: header2
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: classNames$2(styles$1L.content, classNameContent)
@@ -43777,6 +43812,7 @@ const DetailMobile = ({
   onClick
 }) => {
   const { t: t2 } = useTranslation();
+  const [, setTemplate] = useContext(ContextTemplate);
   const [showTemplates, setShowTemplates] = useState(false);
   const [showTranslation, setShowTranslation] = useState(false);
   const openModal = () => setShowTemplates(true);
@@ -43828,15 +43864,19 @@ const DetailMobile = ({
     reviewId: id2,
     reviewerName: reviewer2.name,
     locationName,
-    onSucess: onReload
+    onSucess: onReload,
+    isMobile: true
   })), /* @__PURE__ */ React__default.createElement(TemplatesModal, {
     open: showTemplates,
     rating,
     onClose: closeModal
-  }), !reply2 && /* @__PURE__ */ React__default.createElement("button", {
-    onClick: openModal,
-    className: styles$1G.button
-  }, "Show templates"));
+  }), !reply2 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: () => setTemplate("Mobile"),
+    style: { marginBottom: 10 },
+    icon: "robot"
+  }, t2("SUGGESTREPLY")), /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: openModal
+  }, t2("SHOWTEMPLATES"))));
 };
 const detail = "_detail_1nbuk_1";
 const reply = "_reply_1nbuk_10";
@@ -43855,7 +43895,8 @@ const DetailDesktop = ({
   meta,
   locationName,
   onReload,
-  openForm
+  openForm,
+  setShowTemplate
 }) => {
   const { t: t2 } = useTranslation();
   const [showTranslation, setShowTranslation] = useState(false);
@@ -43885,7 +43926,8 @@ const DetailDesktop = ({
     reviewId: id2,
     reviewerName: reviewer2.name,
     locationName,
-    onSucess: onReload
+    onSucess: onReload,
+    setShowTemplates: setShowTemplate
   })));
 };
 const container$D = "_container_1br0u_1";
@@ -43933,7 +43975,8 @@ const Review = ({
   openForm,
   onClick,
   light: light2,
-  multiVenue
+  multiVenue,
+  setShowTemplate
 }) => {
   return /* @__PURE__ */ React__default.createElement("article", {
     className: classNames$2(styles$1B.container, {
@@ -44032,14 +44075,15 @@ const Review = ({
     meta,
     onReload,
     openForm,
-    onClick
+    onClick,
+    setShowTemplate
   }));
 };
 const header$6 = "_header_1qr4z_1";
 var styles$1A = {
   header: header$6
 };
-const Header$4 = ({ title: title2 }) => {
+const Header$3 = ({ title: title2 }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1A.header
   }, /* @__PURE__ */ React__default.createElement(Heading, null, " ", title2));
@@ -44073,7 +44117,7 @@ const ContextReview = React__default.createContext([
   (value2) => {
   }
 ]);
-const Reviews = ({ reviews, isEmpty, onReload, multiVenue }) => {
+const Reviews = ({ reviews, isEmpty, onReload, multiVenue, setShowTemplate }) => {
   const { t: t2 } = useTranslation();
   const [, setReview] = useContext(ContextReview);
   const [reviewSelected, setReviewSelected] = useState();
@@ -44092,7 +44136,7 @@ const Reviews = ({ reviews, isEmpty, onReload, multiVenue }) => {
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$1y.container,
     classNameContent: styles$1y.content,
-    header: /* @__PURE__ */ React__default.createElement(Header$4, {
+    header: /* @__PURE__ */ React__default.createElement(Header$3, {
       title: t2("REVIEWS")
     })
   }, isEmpty && /* @__PURE__ */ React__default.createElement("div", {
@@ -44105,7 +44149,8 @@ const Reviews = ({ reviews, isEmpty, onReload, multiVenue }) => {
     openForm: id2 === reviewSelected,
     onClick: handleToggleForm(id2),
     light: index2 % 2 === 1,
-    multiVenue
+    multiVenue,
+    setShowTemplate
   }))));
 };
 const TemplateContent = ({ children }) => {
@@ -44170,9 +44215,6 @@ const Template = ({
     className: styles$1x.content
   }, /* @__PURE__ */ React__default.createElement(TemplateContent, null, template.reply)));
 };
-const Header$3 = ({ title: title2 }) => /* @__PURE__ */ React__default.createElement("div", {
-  style: { padding: "1rem", paddingBottom: "0" }
-}, /* @__PURE__ */ React__default.createElement(Heading, null, title2));
 const container$A = "_container_1jxqg_1";
 const skeleton$3 = "_skeleton_1jxqg_12";
 const error$1 = "_error_1jxqg_16";
@@ -49616,7 +49658,28 @@ const getLocale = () => {
   return supportedLanguages.indexOf(locale2) >= 0 ? locale2 : "en";
 };
 const getReplyTemplateLanguage = () => _23.find(replyLanguages, { "id": getLocale() });
-const Templates = () => {
+const Modal2 = ({
+  open,
+  children,
+  onClose: onClose2,
+  title: title2,
+  width
+}) => {
+  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
+    title: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, typeof title2 === "string" && /* @__PURE__ */ React__default.createElement(Heading, null, title2), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ React__default.createElement("div", null)),
+    open,
+    onCancel: onClose2,
+    width: width || 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ React__default.createElement(Icon$1, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true,
+    zIndex: 1032
+  }, children);
+};
+const Templates = ({ open, onClose: onClose2 }) => {
   const { t: t2 } = useTranslation();
   const [, setTemplate] = useContext(ContextTemplate);
   const [review] = useContext(ContextReview);
@@ -49660,11 +49723,11 @@ const Templates = () => {
       }));
     }
   }, [review]);
-  return /* @__PURE__ */ React__default.createElement(Card, {
-    header: /* @__PURE__ */ React__default.createElement(Header$3, {
-      title: t2("REPLYTEMPLATES")
-    }),
-    className: styles$1w.container
+  return /* @__PURE__ */ React__default.createElement(Modal2, {
+    open,
+    onClose: onClose2,
+    width: 500,
+    title: /* @__PURE__ */ React__default.createElement(Heading, null, t2("REPLYTEMPLATES"))
   }, isLoading && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1w.skeleton
   }, /* @__PURE__ */ React__default.createElement(SkeletonPage, null)), error3 && /* @__PURE__ */ React__default.createElement("div", {
@@ -49687,7 +49750,10 @@ const Templates = () => {
     template,
     key: template.id,
     light: index2 % 2 === 1,
-    onClick: setTemplate,
+    onClick: (data22) => {
+      setTemplate(data22);
+      onClose2();
+    },
     open: selectedTemplate === template.id,
     toggle: handleSelectTemplate(template.id)
   }))));
@@ -50233,9 +50299,9 @@ const Header$2 = ({ onChangeFilter, filters: filters2, multiVenue, venueId }) =>
     onChange: handleChangeVenueListing
   })))));
 };
-const content$4 = "_content_3uivj_2";
-const grid = "_grid_3uivj_8";
-const footer$e = "_footer_3uivj_16";
+const content$4 = "_content_6vryc_2";
+const grid = "_grid_6vryc_8";
+const footer$e = "_footer_6vryc_15";
 var styles$1s = {
   content: content$4,
   grid,
@@ -50248,6 +50314,7 @@ const ReviewsPage = ({
   const { t: t2 } = useTranslation();
   const [context, setContext] = useState("");
   const [review, setReview] = useState();
+  const [showReplyTemplates, setShowReplyTemplates] = useState(false);
   const [filter2, setFilters] = useState({
     range: {
       from: subtractDate(void 0, 7, "day"),
@@ -50291,22 +50358,24 @@ const ReviewsPage = ({
     value: [context, setContext]
   }, /* @__PURE__ */ React__default.createElement(ContextReview.Provider, {
     value: [review, setReview]
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    style: {}
-  }, isLoadingInitialData && /* @__PURE__ */ React__default.createElement(SkeletonPage, null), !isLoadingInitialData && /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement("div", null, isLoadingInitialData && /* @__PURE__ */ React__default.createElement(SkeletonPage, null), !isLoadingInitialData && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1s.grid
   }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Reviews, {
     reviews: issues,
     isEmpty,
     onReload: reload,
-    multiVenue
+    multiVenue,
+    setShowTemplate: setShowReplyTemplates
   }), !isReachingEnd && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1s.footer
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
     type: "button",
     onClick: loadMore,
     isLoading: isLoadingMore
-  }, t2("LOADMOREREVIEWS")))), /* @__PURE__ */ React__default.createElement(Templates, null))))));
+  }, t2("LOADMOREREVIEWS")))), /* @__PURE__ */ React__default.createElement(Templates, {
+    open: showReplyTemplates,
+    onClose: () => setShowReplyTemplates(false)
+  }))))));
 };
 var Action;
 (function(Action2) {
@@ -52780,27 +52849,6 @@ const Item$1 = ({ name, id: id2, onChange: onChange3 }) => {
     onChange: onChange3
   }));
 };
-const Modal2 = ({
-  open,
-  children,
-  onClose: onClose2,
-  title: title2,
-  width
-}) => {
-  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
-    title: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, typeof title2 === "string" && /* @__PURE__ */ React__default.createElement(Heading, null, title2), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ React__default.createElement("div", null)),
-    open,
-    onCancel: onClose2,
-    width: width || 1e3,
-    footer: null,
-    closeIcon: /* @__PURE__ */ React__default.createElement(Icon$1, {
-      icon: "close",
-      size: "small"
-    }),
-    centered: true,
-    zIndex: 1032
-  }, children);
-};
 const container$u = "_container_ilk0v_1";
 const email2 = "_email_ilk0v_8";
 const button$6 = "_button_ilk0v_25";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {