Epic: Show payment activity widget with payment volumes for the last 7 days, for the selected currency.

[jessy-p]

UPDATE: blocked for redesign that may change the scope - p1712152065311419/1711574043.001329-slack-C06BBFTF6EM

Some merchants have multiple deposit currencies, so the activity widget will need to show insights for different currencies.

This issue is about updating the Payment Activity Widget to work with a selected currency. Introducing the currency switcher is a dependency, see issue:

• Epic: Update the Payments Overview page to work with new design of currency switcher #8765

---

Dev notes

We can use the useSelectedCurrency react hook to listen to the selected currency on the Payments → Overview screen.

woocommerce-payments/client/overview/hooks.ts

Lines 26 to 46 in c363808

	/**
	* Custom hook for retrieving and updating the selected currency.
	* This is used to determine which currency to display in the overview page.
	* The selected currency is set as a 'selected_currency' query parameter in the URL.
	*
	* @return {UseSelectedCurrencyResult} An object containing the selected currency and a setter function.
	*/
	export const useSelectedCurrency = (): UseSelectedCurrencyResult => {
	const setSelectedCurrency = ( currencyCode: CurrencyCode ) => {
	updateQueryString( {
	selected_currency: currencyCode,
	} );
	};
	const selectedCurrency = getQuery().selected_currency;
	return {
	setSelectedCurrency,
	selectedCurrency,
	};
	};

Tasks

Beta Give feedback

1. Payment activity widget – fetch & display different deposit currencies #8865
   category: projects focus: reporting type: enhancement +3
   
2. https://github.com/Automattic/woocommerce-payments-server/issues/5371
3. anything else needed to hook it up, test, get it working 👌🏻

[haszari]

FYI @jessy-p I added screenshots of the design for the page currency switcher. Possibly we might want to re-estimate.

[Jinksi]

Possibly we might want to re-estimate.

I agree, the scope has changed significantly.

@jessy-p I've reset this issue's SP so it appears in our needs SP list. (Note the previous version of this was SP 3).

[haszari]

Assigning myself, I'm working on allowing the widget to show a specified deposit currency (for stores with multiple payout accounts. My plan is to implement this under the hood, no UI, since @Jinksi is in progress on UI to switch currency (#8765). i.e. can edit JS to hard-code USD or CAD and the widget will show correct data.

There are two aspects to this:

• Adding currency prop/argument to the relevant components as needed. Mostly just usePaymentActivityData and PaymentActivityQuery.
• Ensure the server API request generates data based on the specified currency.
  • This may be complex, as the current SQL statement uses charges_cache.currency field.
  • Charge currency (aka presentment currency) is different to deposit currency, there's a mapping.

[haszari]

Added issues / tasks for plugin & server changes, I'm in progress but anyone is free to take over at any time :)