mozrest-sdk-react-dev 0.1.19 → 0.1.20

package/mozrest-sdk.es.js

@@ -41205,9 +41205,9 @@ const GetVenueListing = async ({
     }
   });
   sessionStorage.setItem("sdk_venue_vertical", data2 == null ? void 0 : data2.vertical);
-  return formatData$c(data2);
+  return formatData$d(data2);
 };
-const formatData$c = async (values = {}) => {
+const formatData$d = async (values = {}) => {
   var _a2;
   const {
     country,
@@ -41781,9 +41781,9 @@ const GetVenueListingModule = async ({
       Authorization: `Bearer ${accessToken}`
     }
   });
-  return formatData$b(data2);
+  return formatData$c(data2);
 };
-const formatData$b = (values = {}) => {
+const formatData$c = (values = {}) => {
   const { country, ...rest } = values;
   const _country = countries == null ? void 0 : countries.find(({ id }) => id === country);
   return {
@@ -48748,9 +48748,9 @@ const GetListingAttributes = async ({
       Authorization: `Bearer ${accessToken}`
     }
   });
-  return formatData$a(data2.data);
+  return formatData$b(data2.data);
 };
-const formatData$a = (data2 = []) => {
+const formatData$b = (data2 = []) => {
   const dd = [...data2].sort((a2, b2) => {
     if (a2.position < b2.position) {
       return 1;
@@ -55289,7 +55289,7 @@ const GetReviews = async ({
       "sortby[createdAt]": "DESC"
     }
   });
-  return formatData$9(data2);
+  return formatData$a(data2);
 };
 const formatParams$5 = (params) => {
   const all2 = {};
@@ -55314,7 +55314,7 @@ const formatParams$5 = (params) => {
     limit: 30
   };
 };
-const formatData$9 = (data2) => {
+const formatData$a = (data2) => {
   return data2.map(({ reviewerProfilePhoto, reviewerName, reply: reply2, createdAt, ...item2 }) => ({
     ...item2,
     reviewer: {
@@ -56003,7 +56003,7 @@ const GetReplyTemplates = async ({
       offset: page * limit
     }
   });
-  return formatData$8(data2);
+  return formatData$9(data2);
 };
 const formatParams$4 = (params = {}) => {
   let all2 = {};
@@ -56022,7 +56022,7 @@ const formatParams$4 = (params = {}) => {
     limit: 30
   };
 };
-const formatData$8 = (data2) => {
+const formatData$9 = (data2) => {
   return data2.map((item2) => {
     return {
       id: item2.id,
@@ -62235,9 +62235,9 @@ const GetVenueListingsOptions = async () => {
       limit: 1e3
     }
   });
-  return formatData$7(data2);
+  return formatData$8(data2);
 };
-const formatData$7 = (data2) => {
+const formatData$8 = (data2) => {
   return {
     data: data2.data.map(({ id, businessName }) => ({
       id,
@@ -63939,10 +63939,10 @@ const GetUserNotificationSettings = async ({}) => {
 const UpdateUserNotificationSettings = async ({
   data: data2
 }) => {
-  await instance$1.put(`listing/notification-settings`, formatData$6(data2));
+  await instance$1.put(`listing/notification-settings`, formatData$7(data2));
   return { data: data2 };
 };
-const formatData$6 = (data2) => {
+const formatData$7 = (data2) => {
   return {
     dailyReport: data2.dailyReport ? "true" : "false",
     weeklyReport: data2.weeklyReport ? "true" : "false",
@@ -64203,21 +64203,21 @@ const UpsertReplyTemplates = async ({
   accessToken
 }) => {
   if (data2.id) {
-    await instance$1.put(`/listing/review-reply-template/${data2.id}`, formatData$5(data2), {
+    await instance$1.put(`/listing/review-reply-template/${data2.id}`, formatData$6(data2), {
       headers: {
         Authorization: `Bearer ${accessToken}`
       }
     });
     return { data: data2 };
   }
-  await instance$1.post(`/listing/review-reply-template`, formatData$5(data2), {
+  await instance$1.post(`/listing/review-reply-template`, formatData$6(data2), {
     headers: {
       Authorization: `Bearer ${accessToken}`
     }
   });
   return { data: data2 };
 };
-const formatData$5 = (data2) => {
+const formatData$6 = (data2) => {
   return {
     locale: data2.language.value === "gb" ? "en" : data2.language.value,
     comment: data2.reply,
@@ -64756,52 +64756,52 @@ const Header$1 = ({ value: value2, onChangeFilter, multiVenue }) => {
     multiVenue
   })))));
 };
-const formatData$4 = (dataToFormat) => {
-  const compare2 = groupByDate(dataToFormat.compare);
-  const inPeriod = groupByDate(dataToFormat.data);
+const formatData$5 = (dataToFormat) => {
+  const compare2 = groupByDate$1(dataToFormat.compare);
+  const inPeriod = groupByDate$1(dataToFormat.data);
   return {
-    reviews: formatReviews(inPeriod, compare2),
-    treatment: formatTreatment(inPeriod, compare2),
-    replyTime: formatAvgReplyTime(inPeriod, compare2),
-    average: formatAvgChart(inPeriod, compare2),
-    chart: formatChart(inPeriod)
+    reviews: formatReviews$1(inPeriod, compare2),
+    treatment: formatTreatment$1(inPeriod, compare2),
+    replyTime: formatAvgReplyTime$1(inPeriod, compare2),
+    average: formatAvgChart$1(inPeriod, compare2),
+    chart: formatChart$1(inPeriod)
   };
 };
-const sumReviews = (data2) => data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => acc + positive2 + negative2 + neutral2, 0);
-const fixed = (value2) => {
+const sumReviews$1 = (data2) => data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => acc + positive2 + negative2 + neutral2, 0);
+const fixed$1 = (value2) => {
   return Number(value2.toFixed(2)) || 0;
 };
-const getPercentageDiff = (inPeriod, compare2) => {
+const getPercentageDiff$1 = (inPeriod, compare2) => {
   if (compare2 === 0) {
     return 0;
   }
-  return fixed((inPeriod - compare2) * 100 / compare2);
+  return fixed$1((inPeriod - compare2) * 100 / compare2);
 };
-const formatReviews = (inPeriod, compare2) => {
-  const totalInPeriod = sumReviews(inPeriod);
-  const totalCompare = sumReviews(compare2);
+const formatReviews$1 = (inPeriod, compare2) => {
+  const totalInPeriod = sumReviews$1(inPeriod);
+  const totalCompare = sumReviews$1(compare2);
   return {
     value: totalInPeriod,
-    comparison: getPercentageDiff(totalInPeriod, totalCompare)
+    comparison: getPercentageDiff$1(totalInPeriod, totalCompare)
   };
 };
-const sumTreatment = (data2) => data2.reduce((acc, { treatment }) => acc + treatment, 0);
-const getPercentage = (part, total) => {
-  return fixed(part * 100 / total);
+const sumTreatment$1 = (data2) => data2.reduce((acc, { treatment }) => acc + treatment, 0);
+const getPercentage$1 = (part, total) => {
+  return fixed$1(part * 100 / total);
 };
-const formatTreatment = (inPeriod, compare2) => {
-  const totalTreatmentInPeriod = sumTreatment(inPeriod);
-  const totalTreatmentCompare = sumTreatment(compare2);
-  const totalReviewsInPeriod = sumReviews(inPeriod);
+const formatTreatment$1 = (inPeriod, compare2) => {
+  const totalTreatmentInPeriod = sumTreatment$1(inPeriod);
+  const totalTreatmentCompare = sumTreatment$1(compare2);
+  const totalReviewsInPeriod = sumReviews$1(inPeriod);
   return {
     value: {
-      value: getPercentage(totalTreatmentInPeriod, totalReviewsInPeriod),
+      value: getPercentage$1(totalTreatmentInPeriod, totalReviewsInPeriod),
       units: "%"
     },
-    comparison: getPercentageDiff(totalTreatmentInPeriod, totalTreatmentCompare)
+    comparison: getPercentageDiff$1(totalTreatmentInPeriod, totalTreatmentCompare)
   };
 };
-const getAvgReplyTime = (data2) => {
+const getAvgReplyTime$1 = (data2) => {
   if (data2.length === 0) {
     return 0;
   }
@@ -64812,20 +64812,20 @@ const getAvgReplyTime = (data2) => {
   const totalReplyTime = data2.reduce((acc, { avgReplyTime, treatment }) => acc + avgReplyTime * treatment, 0);
   return Math.round(totalReplyTime / totalTreatment);
 };
-const formatAvgReplyTime = (inPeriod, compare2) => {
-  const inPeriodReplyTime = getAvgReplyTime(inPeriod);
-  const compareReplyTime = getAvgReplyTime(compare2);
+const formatAvgReplyTime$1 = (inPeriod, compare2) => {
+  const inPeriodReplyTime = getAvgReplyTime$1(inPeriod);
+  const compareReplyTime = getAvgReplyTime$1(compare2);
   return {
     value: humanizeMinutes(inPeriodReplyTime),
-    comparison: getPercentageDiff(inPeriodReplyTime, compareReplyTime)
+    comparison: getPercentageDiff$1(inPeriodReplyTime, compareReplyTime)
   };
 };
-const getAvg = (data2) => {
+const getAvg$1 = (data2) => {
   const total = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => acc + positive2 + negative2 + neutral2, 0);
   const rating = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2, avg }) => acc + avg * (positive2 + negative2 + neutral2), 0);
-  return fixed(rating / total);
+  return fixed$1(rating / total);
 };
-const circleChart = (data2) => {
+const circleChart$1 = (data2) => {
   const value2 = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => ({
     positive: positive2 + acc.positive,
     negative: negative2 + acc.negative,
@@ -64837,23 +64837,23 @@ const circleChart = (data2) => {
     { name: instance.t("NEUTRAL"), value: value2.neutral }
   ];
 };
-const formatAvgChart = (inPeriod, compare2) => {
+const formatAvgChart$1 = (inPeriod, compare2) => {
   return {
     inPeriod: {
-      avg: getAvg(inPeriod),
-      chart: circleChart(inPeriod)
+      avg: getAvg$1(inPeriod),
+      chart: circleChart$1(inPeriod)
     },
     compare: {
-      avg: getAvg(compare2),
-      chart: circleChart(compare2)
+      avg: getAvg$1(compare2),
+      chart: circleChart$1(compare2)
     }
   };
 };
-const formatChart = (inPeriod) => inPeriod.map((item2) => ({
+const formatChart$1 = (inPeriod) => inPeriod.map((item2) => ({
   ...item2,
   date: dateFromString(item2.date)
 }));
-const groupByDate = (data2) => {
+const groupByDate$1 = (data2) => {
   const grouped = groupBy(data2, "date");
   return Object.values(grouped).map((items) => {
     const { total, ...rest } = items.reduce((acc, item2) => {
@@ -64879,8 +64879,8 @@ const groupByDate = (data2) => {
     });
     return {
       ...rest,
-      avg: fixed(rest.avg / total),
-      avgReplyTime: rest.treatment > 0 ? fixed(rest.avgReplyTime / rest.treatment) : 0
+      avg: fixed$1(rest.avg / total),
+      avgReplyTime: rest.treatment > 0 ? fixed$1(rest.avgReplyTime / rest.treatment) : 0
     };
   });
 };
@@ -87173,7 +87173,7 @@ const formatDateChart = (date4, mode) => {
       return formatDate(date4, "DD/MM/YYYY");
   }
 };
-const formatData$3 = (data2, mode) => {
+const formatData$4 = (data2, mode) => {
   const formatedData = data2.reduce((acc, { date: _date, ...item2 }) => {
     var _a2, _b, _c;
     const date4 = formatDateChart(_date, mode);
@@ -87241,7 +87241,7 @@ const ReviewsChart = ({
   const handleChanDisplayBy = (ev) => {
     setDisplayBy(ev.target.value);
   };
-  const chartData = formatData$3(data2, displayBy);
+  const chartData = formatData$4(data2, displayBy);
   const options2 = limitDisplaByOptions(days2);
   return /* @__PURE__ */ React__default.createElement(Card, {
     header: { title: t2("REVIEWSEVOLUTIION") }
@@ -87372,6 +87372,12 @@ const getCurrentRange = () => {
     till: subtractDate(void 0, 0, "day")
   };
 };
+const getTodaysRange = () => {
+  return {
+    from: subtractDate(void 0, 0, "day"),
+    till: subtractDate(void 0, 0, "day")
+  };
+};
 const COLORS$1 = ["#82ca9d", "#ffc658", "#8884d8"];
 const LabelsScoreChart = ({
   title: title2,
@@ -87533,7 +87539,7 @@ const formatComparedPeriod = (range4) => {
     return "";
   return `${formatDate(range4.from, dateFormat)} - ${formatDate(range4.till, dateFormat)}`;
 };
-const Analytics$1 = ({ venueListingId }) => {
+const Analytics$2 = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [filter, setFilters] = useState({
     range: getCurrentRange(),
@@ -87544,7 +87550,7 @@ const Analytics$1 = ({ venueListingId }) => {
   const { data: data2, isLoading, error: error3 } = useFetch(GetReviewAnalytics, {
     cacheId: `reviews-analytics-${venueListingId}`,
     params: filter
-  }, { formatData: formatData$4 });
+  }, { formatData: formatData$5 });
   const { data: venues } = useFetch(GetVenueListingsOptions, {
     cacheId: `venueListing-options`
   });
@@ -87800,7 +87806,7 @@ const formatStats = (stat) => {
   });
   return sum;
 };
-const formatData$2 = (dataToFormat) => {
+const formatData$3 = (dataToFormat) => {
   return {
     totals: {
       queries: {
@@ -87874,7 +87880,7 @@ const singleVenue$1 = async () => {
     }
   });
 };
-const Analytics = ({ venueListingId }) => {
+const Analytics$1 = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [listingId, setListingId] = useState(venueListingId);
   const [formattedStats, setFormattedStats] = useState();
@@ -87899,7 +87905,7 @@ const Analytics = ({ venueListingId }) => {
       if (data2 && (data2 == null ? void 0 : data2.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.error)) {
         setNotAuthorized(true);
       } else {
-        setFormattedStats(formatData$2(data2));
+        setFormattedStats(formatData$3(data2));
       }
     }
   }, [data2]);
@@ -87982,6 +87988,191 @@ const Analytics = ({ venueListingId }) => {
     data: formattedStats == null ? void 0 : formattedStats.actions
   }))));
 };
+const formatData$2 = (dataToFormat) => {
+  const compare2 = groupByDate(dataToFormat.compare);
+  const inPeriod = groupByDate(dataToFormat.data);
+  return {
+    reviews: formatReviews(inPeriod, compare2),
+    treatment: formatTreatment(inPeriod, compare2),
+    replyTime: formatAvgReplyTime(inPeriod, compare2),
+    average: formatAvgChart(inPeriod, compare2),
+    chart: formatChart(inPeriod)
+  };
+};
+const sumReviews = (data2) => data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => acc + positive2 + negative2 + neutral2, 0);
+const fixed = (value2) => {
+  return Number(value2.toFixed(2)) || 0;
+};
+const getPercentageDiff = (inPeriod, compare2) => {
+  if (compare2 === 0) {
+    return 0;
+  }
+  return fixed((inPeriod - compare2) * 100 / compare2);
+};
+const formatReviews = (inPeriod, compare2) => {
+  const totalInPeriod = sumReviews(inPeriod);
+  const totalCompare = sumReviews(compare2);
+  return {
+    value: totalInPeriod,
+    comparison: getPercentageDiff(totalInPeriod, totalCompare)
+  };
+};
+const sumTreatment = (data2) => data2.reduce((acc, { treatment }) => acc + treatment, 0);
+const getPercentage = (part, total) => {
+  return fixed(part * 100 / total);
+};
+const formatTreatment = (inPeriod, compare2) => {
+  const totalTreatmentInPeriod = sumTreatment(inPeriod);
+  const totalTreatmentCompare = sumTreatment(compare2);
+  const totalReviewsInPeriod = sumReviews(inPeriod);
+  return {
+    value: {
+      value: getPercentage(totalTreatmentInPeriod, totalReviewsInPeriod),
+      units: "%"
+    },
+    comparison: getPercentageDiff(totalTreatmentInPeriod, totalTreatmentCompare)
+  };
+};
+const getAvgReplyTime = (data2) => {
+  if (data2.length === 0) {
+    return 0;
+  }
+  const totalTreatment = data2.reduce((acc, { treatment }) => acc + treatment, 0);
+  if (totalTreatment === 0) {
+    return 0;
+  }
+  const totalReplyTime = data2.reduce((acc, { avgReplyTime, treatment }) => acc + avgReplyTime * treatment, 0);
+  return Math.round(totalReplyTime / totalTreatment);
+};
+const formatAvgReplyTime = (inPeriod, compare2) => {
+  const inPeriodReplyTime = getAvgReplyTime(inPeriod);
+  const compareReplyTime = getAvgReplyTime(compare2);
+  return {
+    value: humanizeMinutes(inPeriodReplyTime),
+    comparison: getPercentageDiff(inPeriodReplyTime, compareReplyTime)
+  };
+};
+const getAvg = (data2) => {
+  const total = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => acc + positive2 + negative2 + neutral2, 0);
+  const rating = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2, avg }) => acc + avg * (positive2 + negative2 + neutral2), 0);
+  return fixed(rating / total);
+};
+const circleChart = (data2) => {
+  const value2 = data2.reduce((acc, { positive: positive2, negative: negative2, neutral: neutral2 }) => ({
+    positive: positive2 + acc.positive,
+    negative: negative2 + acc.negative,
+    neutral: neutral2 + acc.neutral
+  }), { positive: 0, negative: 0, neutral: 0 });
+  return [
+    { name: instance.t("SATISFIED"), value: value2.positive },
+    { name: instance.t("DISSATISFIED"), value: value2.negative },
+    { name: instance.t("NEUTRAL"), value: value2.neutral }
+  ];
+};
+const formatAvgChart = (inPeriod, compare2) => {
+  return {
+    inPeriod: {
+      avg: getAvg(inPeriod),
+      chart: circleChart(inPeriod)
+    },
+    compare: {
+      avg: getAvg(compare2),
+      chart: circleChart(compare2)
+    }
+  };
+};
+const formatChart = (inPeriod) => inPeriod.map((item2) => ({
+  ...item2,
+  date: dateFromString(item2.date)
+}));
+const groupByDate = (data2) => {
+  const grouped = groupBy(data2, "date");
+  return Object.values(grouped).map((items) => {
+    const { total, ...rest } = items.reduce((acc, item2) => {
+      const total2 = item2.positive + item2.negative + item2.neutral;
+      return {
+        ...item2,
+        positive: acc.positive + item2.positive,
+        negative: acc.negative + item2.negative,
+        neutral: acc.neutral + item2.neutral,
+        treatment: acc.treatment + item2.treatment,
+        avg: acc.avg + total2 * item2.avg,
+        avgReplyTime: acc.avgReplyTime + item2.treatment * item2.avgReplyTime,
+        total: acc.total + total2
+      };
+    }, {
+      positive: 0,
+      negative: 0,
+      neutral: 0,
+      treatment: 0,
+      avg: 0,
+      avgReplyTime: 0,
+      total: 0
+    });
+    return {
+      ...rest,
+      avg: fixed(rest.avg / total),
+      avgReplyTime: rest.treatment > 0 ? fixed(rest.avgReplyTime / rest.treatment) : 0
+    };
+  });
+};
+const Analytics = ({ venueListingId }) => {
+  const { t: t2 } = useTranslation();
+  const [filter, setFilters] = useState({
+    range: getTodaysRange(),
+    compare: getCompareRange(getTodaysRange(), "period"),
+    platform: "",
+    compareType: "period"
+  });
+  const { data: data2, isLoading, error: error3 } = useFetch(GetReviewAnalytics, {
+    cacheId: `reviews-analytics-${venueListingId}`,
+    params: filter
+  }, { formatData: formatData$2 });
+  const comparedPeriod = formatComparedPeriod(filter.compare);
+  if (error3) {
+    return /* @__PURE__ */ React__default.createElement(Error$1, {
+      error: error3
+    });
+  }
+  return /* @__PURE__ */ React__default.createElement(LayoutPage$1, null, /* @__PURE__ */ React__default.createElement("div", null, isLoading && /* @__PURE__ */ React__default.createElement(SkeletonPage, null), !isLoading && /* @__PURE__ */ React__default.createElement(Row$1, {
+    gutter: [28, 28]
+  }, /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    sm: 12,
+    md: 8
+  }, /* @__PURE__ */ React__default.createElement(StatsCard, {
+    ...data2.reviews,
+    comparedPeriod,
+    title: t2("MYREVIEWS"),
+    icon: /* @__PURE__ */ React__default.createElement(CircleIcon, {
+      icon: MessageCircle$1
+    })
+  })), /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    sm: 12,
+    md: 8
+  }, /* @__PURE__ */ React__default.createElement(StatsCard, {
+    ...data2.treatment,
+    comparedPeriod,
+    title: t2("TREATMENTRATE"),
+    icon: /* @__PURE__ */ React__default.createElement(CircleIcon, {
+      icon: Star$1,
+      color: "blue"
+    })
+  })), /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    sm: 24,
+    md: 8
+  }, /* @__PURE__ */ React__default.createElement(StatsCard, {
+    ...data2.replyTime,
+    comparedPeriod,
+    title: t2("AVERAGETIMEREPLY"),
+    icon: /* @__PURE__ */ React__default.createElement(CircleIcon, {
+      icon: Clock$1,
+      color: "red"
+    })
+  })))));
+};
 const WorkingPage = () => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Heading, null, "Work in progress"), /* @__PURE__ */ React__default.createElement("iframe", {
     src: "https://giphy.com/embed/aNqEFrYVnsS52",
@@ -89135,12 +89326,12 @@ function App({
     element: /* @__PURE__ */ React__default.createElement(Permissions, null)
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/analytics/listing",
-    element: /* @__PURE__ */ React__default.createElement(Analytics, {
+    element: /* @__PURE__ */ React__default.createElement(Analytics$1, {
       venueListingId
     })
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/analytics/review",
-    element: /* @__PURE__ */ React__default.createElement(Analytics$1, {
+    element: /* @__PURE__ */ React__default.createElement(Analytics$2, {
       venueListingId
     })
   }), /* @__PURE__ */ React__default.createElement(Route, {
@@ -89155,8 +89346,9 @@ const pages = {
   Roles: App$1,
   Notifications,
   ReplyTemplates,
-  ReviewAnalytics: Analytics$1,
-  ListingAnalytics: Analytics,
+  ReviewAnalytics: Analytics$2,
+  ListingAnalytics: Analytics$1,
+  DashboardAnalytics: Analytics,
   Users: App$2,
   ProfileManagement,
   App

package/package.json

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