Decouple './client/multi-currency-setup'

client/data/index.ts

@@ -18,6 +18,8 @@ export * from './charges/hooks';
 export * from './timeline/hooks';
 export * from './disputes/hooks';
 export * from './settings/hooks';
+// TODO: Needs to be migrated. At the moment, there exist dependencies on these files.
+export * from 'multi-currency/data';
 export * from './card-readers/hooks';
 export * from './capital/hooks';
 export * from './documents/hooks';

client/index.js

@@ -23,7 +23,7 @@ import DisputesPage from 'disputes';
 import RedirectToTransactionDetails from 'disputes/redirect-to-transaction-details';
 import DisputeEvidencePage from 'disputes/evidence';
 import AdditionalMethodsPage from 'wcpay/additional-methods-setup';
-import MultiCurrencySetupPage from 'wcpay/multi-currency-setup';
+import { MultiCurrencySetupPage } from 'multi-currency/interface/components';
 import CardReadersPage from 'card-readers';
 import CapitalPage from 'capital';
 import OverviewPage from 'overview';

client/settings/payment-methods-section/__tests__/payment-methods-section.test.js

@@ -48,6 +48,11 @@ jest.mock( 'multi-currency/interface/data', () => ( {
 	useEnabledCurrencies: jest.fn().mockReturnValue( {} ),
 } ) );
 
+jest.mock( 'multi-currency/interface/data', () => ( {
+	useCurrencies: jest.fn().mockReturnValue( { isLoading: true } ),
+	useEnabledCurrencies: jest.fn().mockReturnValue( {} ),
+} ) );
+
 jest.mock( '@wordpress/data', () => ( {
 	useDispatch: jest
 		.fn()

multi-currency/client/data/actions.js

@@ -10,7 +10,7 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal Dependencies
  */
-import { recordEvent } from 'multi-currency/interface/data';
+import { recordEvent } from 'multi-currency/interface/functions';
 import TYPES from './action-types';
 import { NAMESPACE, STORE_NAME } from './constants';
 

multi-currency/client/interface/components.js

@@ -0,0 +1,19 @@
+/**
+ * Dependencies from WooPayments to MCCY.
+ */
+// wcpay/additional-methods-setup/*
+export { default as CollapsibleBody } from 'wcpay/additional-methods-setup/wizard/collapsible-body';
+export { default as Wizard } from 'wcpay/additional-methods-setup/wizard/wrapper';
+export { default as WizardTask } from 'wcpay/additional-methods-setup/wizard/task';
+export { default as WizardTaskItem } from 'wcpay/additional-methods-setup/wizard/task-item';
+export { default as WizardTaskList } from 'wcpay/additional-methods-setup/wizard/task-list';
+// wcpay/components/*
+export { default as Page } from 'wcpay/components/page';
+export { default as Search } from 'wcpay/components/search';
+export { LoadableBlock } from 'wcpay/components/loadable';
+
+/**
+ * Dependencies from MCCY to WooPayments.
+ */
+// multi-currency/setup
+export { default as MultiCurrencySetupPage } from 'multi-currency/setup';

multi-currency/client/interface/data.js

@@ -1,9 +1,10 @@
 /**
- * Importing 'tracks' from WooPayments and exporting.
+ * Dependencies from WooPayments to MCCY.
  */
-export { recordEvent } from 'wcpay/tracks';
+// wcpay/data
+export { useSettings, useMultiCurrency } from 'wcpay/data';
 
 /**
- * Importing data from MCCY and exporting.
+ * Dependencies from MCCY to WooPayments.
  */
 export { useCurrencies, useEnabledCurrencies } from 'multi-currency/data';

multi-currency/client/interface/functions.js

@@ -0,0 +1,9 @@
+/**
+ * Dependencies from WooPayments to MCCY.
+ */
+// wcpay/tracks
+export { recordEvent } from 'wcpay/tracks';
+// wcpay/settings
+export { default as WCPaySettingsContext } from 'wcpay/settings/wcpay-settings-context';
+// wcpay/additional-methods-setup/*
+export { default as WizardTaskContext } from 'wcpay/additional-methods-setup/wizard/task/context';

client/multi-currency-setup/index.js → multi-currency/client/setup/index.js

@@ -3,9 +3,9 @@
 /**
  * Internal dependencies
  */
-import Page from 'components/page';
 import MultiCurrencySetup from './tasks/multi-currency-setup';
-import WCPaySettingsContext from '../settings/wcpay-settings-context';
+import { Page } from 'multi-currency/interface/components';
+import { WCPaySettingsContext } from 'multi-currency/interface/functions';
 
 const MultiCurrencySetupPage = () => {
 	const { isSetupCompleted } = window.wcpaySettings.multiCurrencySetup;

client/multi-currency-setup/tasks/add-currencies-task/index.js → multi-currency/client/setup/tasks/add-currencies-task/index.js

@@ -10,23 +10,26 @@ import _ from 'lodash';
 /**
  * Internal dependencies
  */
-import WizardTaskContext from '../../../additional-methods-setup/wizard/task/context';
-import CollapsibleBody from '../../../additional-methods-setup/wizard/collapsible-body';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
+import {
+	CollapsibleBody,
+	Search,
+	LoadableBlock,
+} from 'multi-currency/interface/components';
 import WizardTaskItem from '../../wizard/task-item';
 
 import {
 	useCurrencies,
 	useAvailableCurrencies,
 	useEnabledCurrencies,
 	useDefaultCurrency,
-} from 'wcpay/data';
+} from 'multi-currency/data';
 
 // eslint-disable-next-line max-len
-import EnabledCurrenciesModalCheckboxList from '../../../multi-currency/multi-currency-settings/enabled-currencies-list/modal-checkbox-list';
-import EnabledCurrenciesModalCheckbox from '../../../multi-currency/multi-currency-settings/enabled-currencies-list/modal-checkbox';
-import Search from 'components/search';
-
-import { LoadableBlock } from '../../../components/loadable';
+// TODO: Migrate to 'multi-currency/settings/enabled-currencies-list/modal-checkbox-list'.
+import EnabledCurrenciesModalCheckboxList from 'wcpay/multi-currency/multi-currency-settings/enabled-currencies-list/modal-checkbox-list';
+// TODO: Migrate to 'multi-currency/settings/enabled-currencies-list/modal-checkbox'.
+import EnabledCurrenciesModalCheckbox from 'wcpay/multi-currency/multi-currency-settings/enabled-currencies-list/modal-checkbox';
 
 import { recommendedCurrencyCodes, numberWords } from './constants';
 import {

client/multi-currency-setup/tasks/add-currencies-task/test/index.test.js → multi-currency/client/setup/tasks/add-currencies-task/test/index.test.js

@@ -9,23 +9,29 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import AddCurrenciesTask from '..';
+import { useSettings } from 'multi-currency/interface/data';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
 import {
 	useCurrencies,
 	useAvailableCurrencies,
 	useDefaultCurrency,
 	useEnabledCurrencies,
-	useSettings,
-} from 'wcpay/data';
+} from 'multi-currency/data';
 
-import WizardTaskContext from '../../../../additional-methods-setup/wizard/task/context';
 import { recommendedCurrencyCodes } from '../constants';
 import { __ } from '@wordpress/i18n';
 
+// TODO: Remove this while we have a dependency on 'wcpay/multi-currency/preview-modal'.
 jest.mock( 'wcpay/data', () => ( {
+	useStoreSettings: jest.fn(),
+} ) );
+jest.mock( 'multi-currency/data', () => ( {
 	useCurrencies: jest.fn(),
 	useAvailableCurrencies: jest.fn(),
 	useDefaultCurrency: jest.fn(),
 	useEnabledCurrencies: jest.fn(),
+} ) );
+jest.mock( 'multi-currency/interface/data', () => ( {
 	useSettings: jest.fn(),
 } ) );
 

client/multi-currency-setup/tasks/multi-currency-setup.js → multi-currency/client/setup/tasks/multi-currency-setup.js

@@ -7,9 +7,11 @@ import { Card, CardBody } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-import Wizard from '../../additional-methods-setup/wizard/wrapper';
-import WizardTask from '../../additional-methods-setup/wizard/task';
-import WizardTaskList from '../../additional-methods-setup/wizard/task-list';
+import {
+	Wizard,
+	WizardTask,
+	WizardTaskList,
+} from 'multi-currency/interface/components';
 import StoreSettingsTask from './store-settings-task';
 import SetupCompleteTask from './setup-complete-task';
 import AddCurrenciesTask from './add-currencies-task';

client/multi-currency-setup/tasks/setup-complete-task/index.js → multi-currency/client/setup/tasks/setup-complete-task/index.js

@@ -10,13 +10,15 @@ import { useDispatch } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import CollapsibleBody from '../../../additional-methods-setup/wizard/collapsible-body';
-import WizardTaskItem from '../../wizard/task-item';
-import WizardTaskContext from '../../../additional-methods-setup/wizard/task/context';
+import {
+	CollapsibleBody,
+	WizardTaskItem,
+} from 'multi-currency/interface/components';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
 
 import './index.scss';
 
-import { useDefaultCurrency } from 'wcpay/data';
+import { useDefaultCurrency } from 'multi-currency/data';
 
 const SetupComplete = () => {
 	const { isActive } = useContext( WizardTaskContext );

client/multi-currency-setup/tasks/setup-complete-task/test/index.test.js → multi-currency/client/setup/tasks/setup-complete-task/test/index.test.js

@@ -6,14 +6,18 @@ import { render } from '@testing-library/react';
 /**
  * Internal dependencies
  */
-import WizardTaskContext from '../../../../additional-methods-setup/wizard/task/context';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
 import SetupCompleteTask from '../../setup-complete-task';
 
 jest.mock( '@wordpress/data', () => ( {
 	useDispatch: jest.fn().mockReturnValue( { updateOptions: jest.fn() } ),
 } ) );
 
+// TODO: Remove this while we have a dependency on 'wcpay/multi-currency/preview-modal'.
 jest.mock( 'wcpay/data', () => ( {
+	useStoreSettings: jest.fn(),
+} ) );
+jest.mock( 'multi-currency/data', () => ( {
 	useDefaultCurrency: jest.fn().mockReturnValue( {
 		code: 'USD',
 		rate: 1,

client/multi-currency-setup/tasks/store-settings-task/index.js → multi-currency/client/setup/tasks/store-settings-task/index.js

@@ -9,13 +9,15 @@ import interpolateComponents from '@automattic/interpolate-components';
 /**
  * Internal dependencies
  */
-import WizardTaskContext from '../../../additional-methods-setup/wizard/task/context';
-import CollapsibleBody from '../../../additional-methods-setup/wizard/collapsible-body';
+import { CollapsibleBody } from 'multi-currency/interface/components';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
+import { useSettings, useMultiCurrency } from 'multi-currency/interface/data';
 import WizardTaskItem from '../../wizard/task-item';
-import PreviewModal from '../../../multi-currency/preview-modal';
+// TODO: Migrate to 'multi-currency/preview-modal'.
+import PreviewModal from 'wcpay/multi-currency/preview-modal';
 import './index.scss';
 
-import { useStoreSettings, useSettings, useMultiCurrency } from 'wcpay/data';
+import { useStoreSettings } from 'multi-currency/data';
 
 const StoreSettingsTask = () => {
 	const { storeSettings, submitStoreSettingsUpdate } = useStoreSettings();

client/multi-currency-setup/tasks/store-settings-task/test/index.test.js → multi-currency/client/setup/tasks/store-settings-task/test/index.test.js

@@ -7,21 +7,21 @@ import { render, screen, fireEvent } from '@testing-library/react';
 /**
  * Internal dependencies
  */
-import WizardTaskContext from '../../../../additional-methods-setup/wizard/task/context';
-import {
-	useCurrencies,
-	useStoreSettings,
-	useSettings,
-	useMultiCurrency,
-} from 'wcpay/data';
+import { useCurrencies, useStoreSettings } from 'multi-currency/data';
+import { useSettings, useMultiCurrency } from 'multi-currency/interface/data';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
 import StoreSettingsTask from '..';
 
-jest.mock( 'wcpay/data', () => ( {
+jest.mock( 'multi-currency/data', () => ( {
 	useStoreSettings: jest.fn(),
 	useCurrencies: jest.fn(),
 	useSettings: jest.fn(),
 	useMultiCurrency: jest.fn(),
 } ) );
+jest.mock( 'multi-currency/interface/data', () => ( {
+	useSettings: jest.fn(),
+	useMultiCurrency: jest.fn(),
+} ) );
 
 const changeableSettings = [
 	'enable_storefront_switcher',

client/multi-currency-setup/wizard/task-item.js → multi-currency/client/setup/wizard/task-item.js

@@ -8,7 +8,7 @@ import { Icon, check } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import WizardTaskContext from '../../additional-methods-setup/wizard/task/context';
+import { WizardTaskContext } from 'multi-currency/interface/functions';
 import './task-item.scss';
 
 const WizardTaskItem = ( {