/**
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
import { applyFilters } from '@wordpress/hooks';
import {
getHistory,
getNewPath,
updateQueryString,
} from '@woocommerce/navigation';
import { Fragment } from '@wordpress/element';
import { recordEvent } from '@woocommerce/tracks';
/**
* Internal dependencies
*/
import Appearance from './tasks/appearance';
import { getCategorizedOnboardingProducts } from '../dashboard/utils';
import Products from './tasks/products';
import Shipping from './tasks/shipping';
import Tax from './tasks/tax';
import Payments from './tasks/payments';
import { installActivateAndConnectWcpay } from './tasks/payments/methods';
import { groupListOfObjectsBy } from '../lib/lists';
export function recordTaskViewEvent(
taskName,
isJetpackConnected,
activePlugins,
installedPlugins
) {
recordEvent( 'task_view', {
task_name: taskName,
wcs_installed: installedPlugins.includes( 'woocommerce-services' ),
wcs_active: activePlugins.includes( 'woocommerce-services' ),
jetpack_installed: installedPlugins.includes( 'jetpack' ),
jetpack_active: activePlugins.includes( 'jetpack' ),
jetpack_connected: isJetpackConnected,
} );
}
export function getAllTasks( {
activePlugins,
countryCode,
createNotice,
installAndActivatePlugins,
installedPlugins,
isJetpackConnected,
onboardingStatus,
profileItems,
query,
toggleCartModal,
onTaskSelect,
} ) {
const {
hasPaymentGateway,
hasPhysicalProducts,
hasProducts,
isAppearanceComplete,
isTaxComplete,
shippingZonesCount,
wcPayIsConnected,
} = {
hasPaymentGateway: false,
hasPhysicalProducts: false,
hasProducts: false,
isAppearanceComplete: false,
isTaxComplete: false,
shippingZonesCount: 0,
wcPayIsConnected: false,
...onboardingStatus,
};
const groupedProducts = getCategorizedOnboardingProducts(
profileItems,
installedPlugins
);
const { products, remainingProducts, uniqueItemsList } = groupedProducts;
const woocommercePaymentsInstalled =
installedPlugins.indexOf( 'woocommerce-payments' ) !== -1;
const {
completed: profilerCompleted,
product_types: productTypes,
} = profileItems;
let purchaseAndInstallText = __( 'Add paid extensions to my store' );
if ( uniqueItemsList.length === 1 ) {
const { name: itemName } = uniqueItemsList[ 0 ];
const purchaseAndInstallFormat = __(
'Add %s to my store',
'woocommerce-admin'
);
purchaseAndInstallText = sprintf( purchaseAndInstallFormat, itemName );
}
const tasks = [
{
key: 'store_details',
title: __( 'Store details', 'woocommerce-admin' ),
container: null,
onClick: () => {
onTaskSelect( 'store_details' );
getHistory().push( getNewPath( {}, '/setup-wizard', {} ) );
},
completed: profilerCompleted,
visible: true,
time: __( '4 minutes', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'purchase',
title: purchaseAndInstallText,
container: null,
onClick: () => {
onTaskSelect( 'purchase' );
return remainingProducts.length ? toggleCartModal() : null;
},
visible: products.length,
completed: products.length && ! remainingProducts.length,
time: __( '2 minutes', 'woocommerce-admin' ),
isDismissable: true,
type: 'setup',
},
{
key: 'products',
title: __( 'Add my products', 'woocommerce-admin' ),
container: ,
onClick: () => {
onTaskSelect( 'products' );
updateQueryString( { task: 'products' } );
},
completed: hasProducts,
visible: true,
time: __( '1 minute per product', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'woocommerce-payments',
title: __( 'Set up WooCommerce Payments', 'woocommerce-admin' ),
container: ,
completed: wcPayIsConnected,
onClick: async ( e ) => {
if ( e.target.nodeName === 'A' ) {
// This is a nested link, so don't activate the task.
return false;
}
await new Promise( ( resolve, reject ) => {
// This task doesn't have a view, so the recordEvent call
// in TaskDashboard.recordTaskView() is never called. So
// record it here.
recordTaskViewEvent(
'wcpay',
isJetpackConnected,
activePlugins,
installedPlugins
);
onTaskSelect( 'woocommerce-payments' );
return installActivateAndConnectWcpay(
resolve,
reject,
createNotice,
installAndActivatePlugins
);
} );
},
visible:
window.wcAdminFeatures.wcpay &&
woocommercePaymentsInstalled &&
countryCode === 'US',
additionalInfo: __(
'By setting up, you are agreeing to the Terms of Service',
'woocommerce-admin'
),
time: __( '2 minutes', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'payments',
title: __( 'Set up payments', 'woocommerce-admin' ),
container: ,
completed: hasPaymentGateway,
onClick: () => {
onTaskSelect( 'payments' );
updateQueryString( { task: 'payments' } );
},
visible: ! woocommercePaymentsInstalled || countryCode !== 'US',
time: __( '2 minutes', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'tax',
title: __( 'Set up tax', 'woocommerce-admin' ),
container: ,
onClick: () => {
onTaskSelect( 'tax' );
updateQueryString( { task: 'tax' } );
},
completed: isTaxComplete,
visible: true,
time: __( '1 minute', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'shipping',
title: __( 'Set up shipping', 'woocommerce-admin' ),
container: ,
onClick: () => {
onTaskSelect( 'shipping' );
updateQueryString( { task: 'shipping' } );
},
completed: shippingZonesCount > 0,
visible:
( productTypes && productTypes.includes( 'physical' ) ) ||
hasPhysicalProducts,
time: __( '1 minute', 'woocommerce-admin' ),
type: 'setup',
},
{
key: 'appearance',
title: __( 'Personalize my store', 'woocommerce-admin' ),
container: ,
onClick: () => {
onTaskSelect( 'appearance' );
updateQueryString( { task: 'appearance' } );
},
completed: isAppearanceComplete,
visible: true,
time: __( '2 minutes', 'woocommerce-admin' ),
type: 'setup',
},
];
return groupListOfObjectsBy(
applyFilters( 'woocommerce_admin_onboarding_task_list', tasks, query ),
'type',
'extension'
);
}