2018-09-03 15:25:38 +00:00
|
|
|
/** @format */
|
|
|
|
|
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
|
|
|
import { forEach, isNull } from 'lodash';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
|
|
|
import { MAX_PER_PAGE } from 'store/constants';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns true if a report object is empty.
|
|
|
|
*
|
|
|
|
* @param {Object} report Report to check
|
|
|
|
* @return {Boolean} True if report is data is empty.
|
|
|
|
*/
|
|
|
|
export function isReportDataEmpty( report ) {
|
|
|
|
if ( ! report ) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
if ( ! report.data ) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
if ( ! report.data.totals || isNull( report.data.totals ) ) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
if ( ! report.data.intervals || 0 === report.data.intervals.length ) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2018-10-11 18:45:01 +00:00
|
|
|
/**
|
|
|
|
* Returns summary number totals needed to render a report page.
|
|
|
|
*
|
|
|
|
* @param {String} endpoint Report API Endpoint
|
|
|
|
* @param {Object} dates Primary and secondary dates.
|
|
|
|
* @param {object} select Instance of @wordpress/select
|
|
|
|
* @return {Object} Object containing summary number responses.
|
|
|
|
*/
|
|
|
|
export function getSummaryNumbers( endpoint, dates, select ) {
|
|
|
|
const { getReportStats, isReportStatsRequesting, isReportStatsError } = select( 'wc-admin' );
|
|
|
|
const response = {
|
|
|
|
isRequesting: false,
|
|
|
|
isError: false,
|
|
|
|
totals: {
|
|
|
|
primary: null,
|
|
|
|
secondary: null,
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
const baseQuery = {
|
|
|
|
interval: 'day',
|
|
|
|
per_page: 1, // We only need the `totals` part of the response.
|
|
|
|
};
|
|
|
|
|
|
|
|
const primaryQuery = {
|
|
|
|
...baseQuery,
|
|
|
|
after: dates.primary.after + 'T00:00:00+00:00',
|
|
|
|
before: dates.primary.before + 'T23:59:59+00:00',
|
|
|
|
};
|
|
|
|
const primary = getReportStats( endpoint, primaryQuery );
|
|
|
|
if ( isReportStatsRequesting( endpoint, primaryQuery ) ) {
|
|
|
|
return { ...response, isRequesting: true };
|
|
|
|
} else if ( isReportStatsError( endpoint, primaryQuery ) ) {
|
|
|
|
return { ...response, isError: true };
|
|
|
|
}
|
|
|
|
|
|
|
|
const primaryTotals = ( primary && primary.data && primary.data.totals ) || null;
|
|
|
|
|
|
|
|
const secondaryQuery = {
|
|
|
|
...baseQuery,
|
|
|
|
per_page: 1,
|
|
|
|
after: dates.secondary.after + 'T00:00:00+00:00',
|
|
|
|
before: dates.secondary.before + 'T23:59:59+00:00',
|
|
|
|
};
|
|
|
|
const secondary = getReportStats( endpoint, secondaryQuery );
|
|
|
|
if ( isReportStatsRequesting( endpoint, secondaryQuery ) ) {
|
|
|
|
return { ...response, isRequesting: true };
|
|
|
|
} else if ( isReportStatsError( endpoint, secondaryQuery ) ) {
|
|
|
|
return { ...response, isError: true };
|
|
|
|
}
|
|
|
|
|
|
|
|
const secondaryTotals = ( secondary && secondary.data && secondary.data.totals ) || null;
|
|
|
|
|
|
|
|
return { ...response, totals: { primary: primaryTotals, secondary: secondaryTotals } };
|
|
|
|
}
|
|
|
|
|
2018-09-03 15:25:38 +00:00
|
|
|
/**
|
|
|
|
* Returns all of the data needed to render a chart with summary numbers on a report page.
|
|
|
|
*
|
|
|
|
* @param {String} endpoint Report API Endpoint
|
|
|
|
* @param {Object} query API arguments
|
|
|
|
* @param {object} select Instance of @wordpress/select
|
|
|
|
* @return {Object} Object containing API request information (response, fetching, and error details)
|
|
|
|
*/
|
2018-10-10 13:57:16 +00:00
|
|
|
export function getReportChartData( endpoint, query, select ) {
|
2018-09-03 15:25:38 +00:00
|
|
|
const { getReportStats, isReportStatsRequesting, isReportStatsError } = select( 'wc-admin' );
|
|
|
|
|
|
|
|
const response = {
|
Add loading indicators, error state, and EmptyContent to the revenue report. (#347, woocommerce/woocommerce-admin#348)
* Add loading indiciators for the revenue report.
* Improve accessibility, and fix up some documentation comments.
* Fix top border on mobile
* Add EmptyContent Component and revenue error/empty states. (https://github.com/woocommerce/woocommerce-admin/pull/348)
* Add EmptyContent Component and revenue error/empty states.
* Move relative image handling to ImageAsset, combine secondary and primary action rendering, add some missing isRequired proptypes, add empty error handling.
* Handle PR Feedback: Clean up button css, set a default for illustration, fix deprecation typo, some code cleanup.
2018-09-05 16:45:49 +00:00
|
|
|
isEmpty: false,
|
2018-09-03 15:25:38 +00:00
|
|
|
isError: false,
|
|
|
|
isRequesting: false,
|
|
|
|
data: {
|
|
|
|
totals: null,
|
|
|
|
intervals: [],
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
query.after += 'T00:00:00+00:00';
|
|
|
|
query.before += 'T23:59:59+00:00';
|
|
|
|
|
|
|
|
const stats = getReportStats( endpoint, query );
|
|
|
|
|
|
|
|
if ( isReportStatsRequesting( endpoint, query ) ) {
|
|
|
|
return { ...response, isRequesting: true };
|
|
|
|
} else if ( isReportStatsError( endpoint, query ) ) {
|
|
|
|
return { ...response, isError: true };
|
Add loading indicators, error state, and EmptyContent to the revenue report. (#347, woocommerce/woocommerce-admin#348)
* Add loading indiciators for the revenue report.
* Improve accessibility, and fix up some documentation comments.
* Fix top border on mobile
* Add EmptyContent Component and revenue error/empty states. (https://github.com/woocommerce/woocommerce-admin/pull/348)
* Add EmptyContent Component and revenue error/empty states.
* Move relative image handling to ImageAsset, combine secondary and primary action rendering, add some missing isRequired proptypes, add empty error handling.
* Handle PR Feedback: Clean up button css, set a default for illustration, fix deprecation typo, some code cleanup.
2018-09-05 16:45:49 +00:00
|
|
|
} else if ( isReportDataEmpty( stats ) ) {
|
|
|
|
return { ...response, isEmpty: true };
|
2018-09-03 15:25:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
const totals = ( stats && stats.data && stats.data.totals ) || null;
|
|
|
|
let intervals = ( stats && stats.data && stats.data.intervals ) || [];
|
|
|
|
|
|
|
|
// If we have more than 100 results for this time period,
|
|
|
|
// we need to make additional requests to complete the response.
|
|
|
|
if ( stats.totalResults > MAX_PER_PAGE ) {
|
|
|
|
let isFetching = true;
|
|
|
|
let isError = false;
|
|
|
|
const pagedData = [];
|
|
|
|
const totalPages = Math.ceil( stats.totalResults / MAX_PER_PAGE );
|
|
|
|
|
|
|
|
for ( let i = 2; i <= totalPages; i++ ) {
|
|
|
|
const _query = { ...query, page: i };
|
|
|
|
const _data = getReportStats( endpoint, _query );
|
|
|
|
if ( isReportStatsRequesting( endpoint, _query ) ) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
if ( isReportStatsError( endpoint, _query ) ) {
|
|
|
|
isError = true;
|
|
|
|
isFetching = false;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
if ( ! isReportStatsRequesting( endpoint, _query ) ) {
|
|
|
|
pagedData.push( _data );
|
|
|
|
if ( i === totalPages ) {
|
|
|
|
isFetching = false;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( isFetching ) {
|
|
|
|
return { ...response, isRequesting: true };
|
|
|
|
} else if ( isError ) {
|
|
|
|
return { ...response, isError: true };
|
|
|
|
}
|
|
|
|
|
|
|
|
forEach( pagedData, function( _data ) {
|
|
|
|
intervals = intervals.concat( _data.data.intervals );
|
|
|
|
} );
|
|
|
|
}
|
|
|
|
|
|
|
|
return { ...response, data: { totals, intervals } };
|
|
|
|
}
|