mozrest-sdk-react-dev 0.1.26 → 0.1.27

package/mozrest-sdk.es.js

@@ -89116,7 +89116,7 @@ const formatParams$1 = (params) => {
   }
   return all2;
 };
-const formatStats = (stat) => {
+const formatStats$1 = (stat) => {
   var _a2;
   let sum = 0;
   (_a2 = stat.timeSeries) == null ? void 0 : _a2.datedValues.map((v2) => {
@@ -89135,30 +89135,30 @@ const formatData$3 = (dataToFormat) => {
         branded: 4321
       },
       views: {
-        total: getTotalViews(dataToFormat),
-        search_desktop: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH),
-        search_mobile: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH),
-        maps_desktop: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS),
-        maps_mobile: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS)
+        total: getTotalViews$1(dataToFormat),
+        search_desktop: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH),
+        search_mobile: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH),
+        maps_desktop: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS),
+        maps_mobile: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS)
       },
       actions: {
-        total: getTotalActions(dataToFormat),
-        website_clicks: formatStats(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS),
-        calls: formatStats(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS),
-        direction_requests: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS)
+        total: getTotalActions$1(dataToFormat),
+        website_clicks: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS),
+        calls: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS),
+        direction_requests: formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS)
       }
     },
-    views: getViewsGraphData(dataToFormat),
-    actions: getActionsGraphData(dataToFormat)
+    views: getViewsGraphData$1(dataToFormat),
+    actions: getActionsGraphData$1(dataToFormat)
   };
 };
-const getTotalViews = (dataToFormat) => {
-  return formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH);
+const getTotalViews$1 = (dataToFormat) => {
+  return formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH) + formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS) + formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS) + formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH);
 };
-const getTotalActions = (dataToFormat) => {
-  return formatStats(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS);
+const getTotalActions$1 = (dataToFormat) => {
+  return formatStats$1(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS) + formatStats$1(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS) + formatStats$1(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS);
 };
-const buildDates = (dates) => {
+const buildDates$1 = (dates) => {
   let graphStats = [];
   for (let i = 0; i < dates.length; i++) {
     graphStats.push({
@@ -89167,31 +89167,31 @@ const buildDates = (dates) => {
   }
   return graphStats;
 };
-const buildData = (base, data2, type4) => {
+const buildData$1 = (base, data2, type4) => {
   for (let i = 0; i < data2.length; i++) {
     const nv = (base[i][type4] | 0) + parseInt(data2[i].value | "0");
     base[i] = { ...base[i], [type4]: nv };
   }
   return base;
 };
-const getViewsGraphData = (dataToFormat) => {
+const getViewsGraphData$1 = (dataToFormat) => {
   var _a2, _b, _c, _d, _e2;
-  let graphStats = buildDates((_a2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _a2.datedValues);
-  let builder = buildData(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _b.datedValues, "Search");
-  builder = buildData(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH.timeSeries) == null ? void 0 : _c.datedValues, "Search");
-  builder = buildData(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS.timeSeries) == null ? void 0 : _d.datedValues, "Map");
-  builder = buildData(builder, (_e2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS.timeSeries) == null ? void 0 : _e2.datedValues, "Map");
+  let graphStats = buildDates$1((_a2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _a2.datedValues);
+  let builder = buildData$1(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _b.datedValues, "Search");
+  builder = buildData$1(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH.timeSeries) == null ? void 0 : _c.datedValues, "Search");
+  builder = buildData$1(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS.timeSeries) == null ? void 0 : _d.datedValues, "Map");
+  builder = buildData$1(builder, (_e2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS.timeSeries) == null ? void 0 : _e2.datedValues, "Map");
   return builder;
 };
-const getActionsGraphData = (dataToFormat) => {
+const getActionsGraphData$1 = (dataToFormat) => {
   var _a2, _b, _c, _d;
-  let graphStats = buildDates((_a2 = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _a2.datedValues);
-  let builder = buildData(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _b.datedValues, "Web");
-  builder = buildData(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS.timeSeries) == null ? void 0 : _c.datedValues, "Calls");
-  builder = buildData(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS.timeSeries) == null ? void 0 : _d.datedValues, "Directions");
+  let graphStats = buildDates$1((_a2 = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _a2.datedValues);
+  let builder = buildData$1(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _b.datedValues, "Web");
+  builder = buildData$1(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS.timeSeries) == null ? void 0 : _c.datedValues, "Calls");
+  builder = buildData$1(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS.timeSeries) == null ? void 0 : _d.datedValues, "Directions");
   return builder;
 };
-const singleVenue$1 = async () => {
+const singleVenue$2 = async () => {
   return await instance$1.get(`listing/venue-listing-summary/venues`, {
     params: {
       limit: 1,
@@ -89209,7 +89209,7 @@ const Analytics$1 = ({ venueListingId }) => {
     range: getCurrentRange()
   });
   if (listingId === void 0) {
-    singleVenue$1().then((response) => {
+    singleVenue$2().then((response) => {
       setListingId(response == null ? void 0 : response.data[0].id);
       return;
     });
@@ -89435,6 +89435,89 @@ const groupByDate = (data2) => {
     };
   });
 };
+const formatStats = (stat) => {
+  var _a2;
+  let sum = 0;
+  (_a2 = stat.timeSeries) == null ? void 0 : _a2.datedValues.map((v2) => {
+    if (v2.value)
+      sum += parseInt(v2.value);
+  });
+  return sum;
+};
+const formatDataAnalytics = (dataToFormat) => {
+  return {
+    totals: {
+      queries: {
+        total: 12340,
+        direct: 1234,
+        discovery: 1234,
+        branded: 4321
+      },
+      views: {
+        total: getTotalViews(dataToFormat),
+        search_desktop: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH),
+        search_mobile: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH),
+        maps_desktop: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS),
+        maps_mobile: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS)
+      },
+      actions: {
+        total: getTotalActions(dataToFormat),
+        website_clicks: formatStats(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS),
+        calls: formatStats(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS),
+        direction_requests: formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS)
+      }
+    },
+    views: getViewsGraphData(dataToFormat),
+    actions: getActionsGraphData(dataToFormat)
+  };
+};
+const getTotalViews = (dataToFormat) => {
+  return formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH);
+};
+const getTotalActions = (dataToFormat) => {
+  return formatStats(dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS) + formatStats(dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS);
+};
+const buildDates = (dates) => {
+  let graphStats = [];
+  for (let i = 0; i < dates.length; i++) {
+    graphStats.push({
+      name: `${dates[i].date.day}/${dates[i].date.month}/${dates[i].date.year}`
+    });
+  }
+  return graphStats;
+};
+const buildData = (base, data2, type4) => {
+  for (let i = 0; i < data2.length; i++) {
+    const nv = (base[i][type4] | 0) + parseInt(data2[i].value | "0");
+    base[i] = { ...base[i], [type4]: nv };
+  }
+  return base;
+};
+const getViewsGraphData = (dataToFormat) => {
+  var _a2, _b, _c, _d, _e2;
+  let graphStats = buildDates((_a2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _a2.datedValues);
+  let builder = buildData(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_SEARCH.timeSeries) == null ? void 0 : _b.datedValues, "Search");
+  builder = buildData(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_SEARCH.timeSeries) == null ? void 0 : _c.datedValues, "Search");
+  builder = buildData(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_DESKTOP_MAPS.timeSeries) == null ? void 0 : _d.datedValues, "Map");
+  builder = buildData(builder, (_e2 = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_IMPRESSIONS_MOBILE_MAPS.timeSeries) == null ? void 0 : _e2.datedValues, "Map");
+  return builder;
+};
+const getActionsGraphData = (dataToFormat) => {
+  var _a2, _b, _c, _d;
+  let graphStats = buildDates((_a2 = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _a2.datedValues);
+  let builder = buildData(graphStats, (_b = dataToFormat == null ? void 0 : dataToFormat.WEBSITE_CLICKS.timeSeries) == null ? void 0 : _b.datedValues, "Web");
+  builder = buildData(builder, (_c = dataToFormat == null ? void 0 : dataToFormat.CALL_CLICKS.timeSeries) == null ? void 0 : _c.datedValues, "Calls");
+  builder = buildData(builder, (_d = dataToFormat == null ? void 0 : dataToFormat.BUSINESS_DIRECTION_REQUESTS.timeSeries) == null ? void 0 : _d.datedValues, "Directions");
+  return builder;
+};
+const singleVenue$1 = async () => {
+  return await instance$1.get(`listing/venue-listing-summary/venues`, {
+    params: {
+      limit: 1,
+      offset: 0
+    }
+  });
+};
 const Analytics = ({ venueListingId }) => {
   const { t: t2 } = useTranslation();
   const [filter, setFilters] = useState({
@@ -89448,12 +89531,102 @@ const Analytics = ({ venueListingId }) => {
     params: filter
   }, { formatData: formatData$2 });
   const comparedPeriod = formatComparedPeriod(filter.compare);
+  const [listingId, setListingId] = useState(venueListingId);
+  const [formattedStats, setFormattedStats] = useState();
+  const [notAuthorized, setNotAuthorized] = useState(false);
+  if (listingId === void 0) {
+    singleVenue$1().then((response) => {
+      setListingId(response == null ? void 0 : response.data[0].id);
+      return;
+    });
+  }
+  const [filterAnalytics, setFilterAnalytics] = useState({
+    findBy: "venueId",
+    range: getTodaysRange()
+  });
+  console.log("filterAnalytics", filterAnalytics);
+  console.log("venueListingId", listingId);
+  const { data: dataListingAnalytics, isLoading: isLoadingListingAnalytics } = 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)) {
+        setNotAuthorized(true);
+      } else {
+        setFormattedStats(formatDataAnalytics(dataListingAnalytics));
+      }
+    }
+  }, [data2]);
   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, {
+  return /* @__PURE__ */ React__default.createElement(LayoutPage$1, null, /* @__PURE__ */ React__default.createElement("div", null, isLoadingListingAnalytics && /* @__PURE__ */ React__default.createElement(LayoutPage$1, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, /* @__PURE__ */ React__default.createElement("img", {
+    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, {
+    gutter: [28, 28],
+    style: { marginBottom: 28 }
+  }, /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    md: 12,
+    lg: 12
+  }, /* @__PURE__ */ React__default.createElement(StatsCard, {
+    value: formattedStats == null ? void 0 : formattedStats.totals.views.total,
+    comparison: 0,
+    title: t2("VIEWS"),
+    icon: /* @__PURE__ */ React__default.createElement(CircleIcon, {
+      icon: Eye$1,
+      color: "blue"
+    })
+  }, /* @__PURE__ */ React__default.createElement(ParamsList, {
+    params: [
+      {
+        title: t2("VIEWSONGOOSEARCH"),
+        value: (formattedStats == null ? void 0 : formattedStats.totals.views.search_desktop) + (formattedStats == null ? void 0 : formattedStats.totals.views.search_mobile),
+        tooltip: t2("VIEWSONGOOSEARCH")
+      },
+      {
+        title: t2("VIEWSONGOOMAP"),
+        value: (formattedStats == null ? void 0 : formattedStats.totals.views.maps_desktop) + (formattedStats == null ? void 0 : formattedStats.totals.views.maps_mobile),
+        tooltip: t2("VIEWSONGOOMAP")
+      }
+    ]
+  }))), /* @__PURE__ */ React__default.createElement(Col$1, {
+    xs: 24,
+    lg: 12
+  }, /* @__PURE__ */ React__default.createElement(StatsCard, {
+    value: formattedStats == null ? void 0 : formattedStats.totals.actions.total,
+    comparison: 0,
+    title: t2("ACTIONS"),
+    icon: /* @__PURE__ */ React__default.createElement(CircleIcon, {
+      icon: MousePointer$1,
+      color: "red"
+    })
+  }, /* @__PURE__ */ React__default.createElement(ParamsList, {
+    params: [
+      {
+        title: t2("WEBSITEVISITS"),
+        value: formattedStats == null ? void 0 : formattedStats.totals.actions.website_clicks,
+        tooltip: t2("WEBSITEVISITS")
+      },
+      {
+        title: t2("CALLS"),
+        value: formattedStats == null ? void 0 : formattedStats.totals.actions.calls,
+        tooltip: t2("CALLS")
+      },
+      {
+        title: t2("DIRECTIONREQUES"),
+        value: formattedStats == null ? void 0 : formattedStats.totals.actions.direction_requests,
+        tooltip: t2("DIRECTIONREQUES")
+      }
+    ]
+  })))), 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,

package/package.json

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