mozrest-sdk-react-dev 0.1.26 → 0.1.28

package/mozrest-sdk.es.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import React__default, { createContext, useContext, useRef, useCallback, useDebugValue, useEffect, useLayoutEffect as useLayoutEffect$1, useState, useMemo as useMemo$1, createElement as createElement$1, Children, isValidElement as isValidElement$1, Fragment, Component, forwardRef, useImperativeHandle, useReducer, PureComponent, cloneElement as cloneElement$1 } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
-var index$3 = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}:root{--container-width: 100%;--container-padding: 1.25rem;--scrollbar-color: colors.$bg-gray-light;--scrollbar-bg: transparent;--scrollbar-border: colors.$white;--font-family: "Lato", sans-serif;--font-family-title: "Noto Sans", sans-serif;--font-size-label: .857rem;--font-weight-label: 300;--line-height-label: 1.5715;--font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-input: 1rem;--font-weight-input: 400;--line-height-input: 1.45;--font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--cta-primary: #ff9b00;--cta-primary-text: white;--cta-primary-hover: rgb(255 155 0/ 70%);--cta-primary-text-hover: #1e155a;--cta-secondary: #1e155a;--cta-secondary-hover: rgb(30 21 90 / 75%);--cta-secondary-text: #fff;--cta-secondary-text-hover: #fff;--bg-gray: #787676;--bg-gray-light: #e5e7eb;--bg-gray-lighter: #f9f9f9;--bg-primary: #017f74;--bg-active: rgb(1 126 116 / 15%);--text-input: #6E6B7B;--text-label: #5e5873;--text-title: #1E2048;--text-primary: #545454;--text-secondary: #787676;--text-success: #84cc16;--input-active: #ff9b00;--input-default: #787676;--input-border: #cccccc;--state-active: #1e155a;--state-error: #f83d32;--state-disabled: gray;--state-disabled-bg: #f9f9f9;--checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--border: #e5e7eb;--border-hover: #b1b1b1}@media (min-width: 768px){:root{--container-width: 100%;--container-padding: 1.5rem}}@media (min-width: 1024px){:root{--container-width: 100%;--container-padding: 2rem}}@media (min-width: 1600px){:root{--container-width: 1600px;--container-padding: 4rem}}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{color:var(--text-primary);font:1rem/1.5 var(--font-family);font-family:var(--font-family)}a{color:var(--text-primary)}:focus-visible{outline:1px solid var(--cta-primary);border-color:transparent}\n')();
+var index$3 = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";.moz *,.moz :before,.moz :after{box-sizing:border-box}.moz html{-moz-tab-size:4;tab-size:4}.moz html{line-height:1.15;-webkit-text-size-adjust:100%}.moz body{margin:0}.moz body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.moz hr{height:0;color:inherit}.moz abbr[title]{text-decoration:underline dotted}.moz b,.moz strong{font-weight:bolder}.moz code,.moz kbd,.moz samp,.moz pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.moz small{font-size:80%}.moz sub,.moz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.moz sub{bottom:-.25em}.moz sup{top:-.5em}.moz table{text-indent:0;border-color:inherit}.moz button,.moz input,.moz optgroup,.moz select,.moz textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.moz button,.moz select{text-transform:none}.moz button,.moz [type=button],.moz [type=reset],.moz [type=submit]{-webkit-appearance:button}.moz ::-moz-focus-inner{border-style:none;padding:0}.moz :-moz-focusring{outline:1px dotted ButtonText}.moz :-moz-ui-invalid{box-shadow:none}.moz legend{padding:0}.moz progress{vertical-align:baseline}.moz ::-webkit-inner-spin-button,.moz ::-webkit-outer-spin-button{height:auto}.moz [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.moz ::-webkit-search-decoration{-webkit-appearance:none}.moz ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.moz summary{display:list-item}.moz p,.moz h1,.moz h2,.moz h3,.moz h4,.moz h5,.moz h6{overflow-wrap:break-word;margin:0}.moz :root{--container-width: 100%;--container-padding: 1.25rem;--scrollbar-color: colors.$bg-gray-light;--scrollbar-bg: transparent;--scrollbar-border: colors.$white;--font-family: "Lato", sans-serif;--font-family-title: "Noto Sans", sans-serif;--font-size-label: .857rem;--font-weight-label: 300;--line-height-label: 1.5715;--font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-input: 1rem;--font-weight-input: 400;--line-height-input: 1.45;--font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--cta-primary: #ff9b00;--cta-primary-text: white;--cta-primary-hover: rgb(255 155 0/ 70%);--cta-primary-text-hover: #1e155a;--cta-secondary: #1e155a;--cta-secondary-hover: rgb(30 21 90 / 75%);--cta-secondary-text: #fff;--cta-secondary-text-hover: #fff;--bg-gray: #787676;--bg-gray-light: #e5e7eb;--bg-gray-lighter: #f9f9f9;--bg-primary: #017f74;--bg-active: rgb(1 126 116 / 15%);--text-input: #6e6b7b;--text-label: #5e5873;--text-title: #1e2048;--text-primary: #545454;--text-secondary: #787676;--text-success: #84cc16;--input-active: #ff9b00;--input-default: #787676;--input-border: #cccccc;--state-active: #1e155a;--state-error: #f83d32;--state-disabled: gray;--state-disabled-bg: #f9f9f9;--checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--border: #e5e7eb;--border-hover: #b1b1b1}@media (min-width: 768px){.moz :root{--container-width: 100%;--container-padding: 1.5rem}}@media (min-width: 1024px){.moz :root{--container-width: 100%;--container-padding: 2rem}}@media (min-width: 1600px){.moz :root{--container-width: 1600px;--container-padding: 4rem}}.moz html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}.moz body{color:var(--text-primary);font:1rem/1.5 var(--font-family);font-family:var(--font-family)}.moz a{color:var(--text-primary)}.moz :focus-visible{outline:1px solid var(--cta-primary);border-color:transparent}\n')();
 const pulse$1 = "_pulse_1xz3t_1";
 const container$v = "_container_1xz3t_13";
 const item$5 = "_item_1xz3t_20";
@@ -54261,23 +54261,25 @@ const ModalConfirmation = ({
     isLoading
   }, t2("ACCEPT"))));
 };
-const subtitle = "_subtitle_1tse9_16";
-const p15 = "_p15_1tse9_21";
-const centered$1 = "_centered_1tse9_25";
-const active$1 = "_active_1tse9_30";
-const disabled$3 = "_disabled_1tse9_34";
-const noPadding = "_noPadding_1tse9_45";
-const icons = "_icons_1tse9_49";
-const w100 = "_w100_1tse9_55";
-const mr10 = "_mr10_1tse9_59";
-const allset = "_allset_1tse9_63";
-const channels$4 = "_channels_1tse9_69";
-const channelToConnect = "_channelToConnect_1tse9_76";
-const noChannel = "_noChannel_1tse9_83";
-const footer$6 = "_footer_1tse9_99";
-const loader$2 = "_loader_1tse9_105";
-const rotate = "_rotate_1tse9_1";
+const moz$1 = "_moz_qqwri_1";
+const subtitle = "_subtitle_qqwri_14";
+const p15 = "_p15_qqwri_18";
+const centered$1 = "_centered_qqwri_21";
+const active$1 = "_active_qqwri_25";
+const disabled$3 = "_disabled_qqwri_28";
+const noPadding = "_noPadding_qqwri_38";
+const icons = "_icons_qqwri_41";
+const w100 = "_w100_qqwri_46";
+const mr10 = "_mr10_qqwri_49";
+const allset = "_allset_qqwri_52";
+const channels$4 = "_channels_qqwri_57";
+const channelToConnect = "_channelToConnect_qqwri_63";
+const noChannel = "_noChannel_qqwri_69";
+const footer$6 = "_footer_qqwri_83";
+const loader$2 = "_loader_qqwri_88";
+const rotate = "_rotate_qqwri_1";
 var styles$L = {
+  moz: moz$1,
   subtitle,
   p15,
   centered: centered$1,
@@ -54604,13 +54606,15 @@ const PopulateListing = async ({
     data: data2
   };
 };
-const centered = "_centered_1fgy0_9";
-const channels = "_channels_1fgy0_14";
-const loader$1 = "_loader_1fgy0_28";
-const check = "_check_1fgy0_32";
-const error$1 = "_error_1fgy0_35";
-const footer$5 = "_footer_1fgy0_39";
+const moz = "_moz_19h52_1";
+const centered = "_centered_19h52_8";
+const channels = "_channels_19h52_12";
+const loader$1 = "_loader_19h52_26";
+const check = "_check_19h52_30";
+const error$1 = "_error_19h52_33";
+const footer$5 = "_footer_19h52_36";
 var styles$H = {
+  moz,
   centered,
   channels,
   loader: loader$1,
@@ -89116,7 +89120,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 +89139,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 +89171,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 +89213,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 +89439,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 +89535,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.28",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {