mozrest-sdk-react-dev 0.1.35 → 0.1.36

package/mozrest-sdk.es.js

@@ -89051,7 +89051,7 @@ const getCurrentRange = () => {
 };
 const getTodaysRange = () => {
   return {
-    from: subtractDate(void 0, 0, "day"),
+    from: subtractDate(void 0, 7, "day"),
     till: subtractDate(void 0, 0, "day")
   };
 };
@@ -89216,7 +89216,7 @@ const formatComparedPeriod = (range4) => {
     return "";
   return `${formatDate(range4.from, dateFormat)} - ${formatDate(range4.till, dateFormat)}`;
 };
-const Analytics$2 = ({ venueListingId }) => {
+const Analytics$3 = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [filter, setFilters] = useState({
     range: getCurrentRange(),
@@ -89557,7 +89557,7 @@ const singleVenue$2 = async () => {
     }
   });
 };
-const Analytics$1 = ({ venueListingId }) => {
+const Analytics$2 = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [listingId, setListingId] = useState(venueListingId);
   const [formattedStats, setFormattedStats] = useState();
@@ -89665,134 +89665,6 @@ const Analytics$1 = ({ 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 formatStats = (stat) => {
   var _a2;
   let sum = 0;
@@ -89876,7 +89748,7 @@ const singleVenue$1 = async () => {
     }
   });
 };
-const Analytics = ({ venueListingId }) => {
+const Analytics$1 = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [filter, setFilters] = useState({
     range: getTodaysRange(),
@@ -89884,11 +89756,7 @@ const Analytics = ({ venueListingId }) => {
     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);
+  formatComparedPeriod(filter.compare);
   const [listingId, setListingId] = useState(venueListingId);
   const [formattedStats, setFormattedStats] = useState();
   const [notAuthorized, setNotAuthorized] = useState(false);
@@ -89902,17 +89770,17 @@ const Analytics = ({ venueListingId }) => {
     findBy: "venueId",
     range: getTodaysRange()
   });
-  const { data: dataListingAnalytics, isLoading: isLoadingListingAnalytics } = useFetch(GetListingAnalytics, {
+  const { data: data2, isLoading: isLoadingListingAnalytics, error: error3 } = useFetch(GetListingAnalytics, {
     cacheId: `listing-analytics-${listingId}`,
     params: filterAnalytics,
     id: listingId
   });
   useEffect(() => {
-    if (dataListingAnalytics && !(dataListingAnalytics == null ? void 0 : dataListingAnalytics.error)) {
-      if (dataListingAnalytics && (dataListingAnalytics == null ? void 0 : dataListingAnalytics.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.error)) {
+    if (data2 && !(data2 == null ? void 0 : data2.error)) {
+      if (data2 && (data2 == null ? void 0 : data2.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.error)) {
         setNotAuthorized(true);
       } else {
-        setFormattedStats(formatDataAnalytics(dataListingAnalytics));
+        setFormattedStats(formatDataAnalytics(data2));
       }
     }
   }, [data2]);
@@ -89925,7 +89793,12 @@ const Analytics = ({ venueListingId }) => {
     src: Loader,
     className: styles$7.loader,
     alt: "Loading"
-  }), "Loading listing analytics"))), !isLoadingListingAnalytics && formattedStats && !(dataListingAnalytics == null ? void 0 : dataListingAnalytics.error) && !notAuthorized && /* @__PURE__ */ React__default.createElement(Row$1, {
+  }), "Loading listing analytics"))), !isLoadingListingAnalytics && formattedStats && !(data2 == null ? void 0 : data2.error) && !notAuthorized && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Row$1, {
+    gutter: [28, 28],
+    style: { marginBottom: 10, textAlign: "right" }
+  }, /* @__PURE__ */ React__default.createElement(Col$1, {
+    lg: 24
+  }, "Last 7 days analytics")), /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [28, 28],
     style: { marginBottom: 28 }
   }, /* @__PURE__ */ React__default.createElement(Col$1, {
@@ -89982,7 +89855,164 @@ const Analytics = ({ venueListingId }) => {
         tooltip: t2("DIRECTIONREQUES")
       }
     ]
-  })))), isLoading && /* @__PURE__ */ React__default.createElement(SkeletonPage, null), !isLoading && /* @__PURE__ */ React__default.createElement(Row$1, {
+  })))))));
+};
+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);
+  useState({
+    findBy: "venueId",
+    range: getTodaysRange()
+  });
+  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(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Row$1, {
+    gutter: [28, 28],
+    style: { marginBottom: 10, textAlign: "right" }
+  }, /* @__PURE__ */ React__default.createElement(Col$1, {
+    lg: 24
+  }, "Last 7 days analytics")), /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [28, 28]
   }, /* @__PURE__ */ React__default.createElement(Col$1, {
     xs: 24,
@@ -90019,7 +90049,7 @@ const Analytics = ({ venueListingId }) => {
       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", {
@@ -91174,12 +91204,12 @@ function App({
     element: /* @__PURE__ */ React__default.createElement(Permissions, null)
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/analytics/listing",
-    element: /* @__PURE__ */ React__default.createElement(Analytics$1, {
+    element: /* @__PURE__ */ React__default.createElement(Analytics$2, {
       venueListingId
     })
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/analytics/review",
-    element: /* @__PURE__ */ React__default.createElement(Analytics$2, {
+    element: /* @__PURE__ */ React__default.createElement(Analytics$3, {
       venueListingId
     })
   }), /* @__PURE__ */ React__default.createElement(Route, {
@@ -91194,9 +91224,10 @@ const pages = {
   Roles: App$1,
   Notifications,
   ReplyTemplates,
-  ReviewAnalytics: Analytics$2,
-  ListingAnalytics: Analytics$1,
-  DashboardAnalytics: Analytics,
+  ReviewAnalytics: Analytics$3,
+  ListingAnalytics: Analytics$2,
+  DashboardListingAnalytics: Analytics$1,
+  DashboardReviewAnalytics: Analytics,
   Users: App$2,
   ProfileManagement,
   App

package/package.json

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