@automattic/launchpad 1.0.0 → 1.0.1

package/dist/esm/launchpad.js

@@ -1,16 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLaunchpad } from '@automattic/data-stores';
-import { useRef, useMemo } from 'react';
-import Checklist from './checklist';
-const Launchpad = ({ siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, useLaunchpadOptions = {}, }) => {
-    const launchpadData = useLaunchpad(siteSlug || '', checklistSlug, useLaunchpadOptions);
-    const { isFetchedAfterMount, data } = launchpadData;
-    const tasks = useRef([]);
-    useMemo(() => {
-        const originalTasks = data.checklist || [];
-        tasks.current = taskFilter ? taskFilter(originalTasks) : originalTasks;
-    }, [data, taskFilter]);
-    return (_jsx("div", { className: "launchpad__checklist-wrapper", children: isFetchedAfterMount ? (_jsx(Checklist, { tasks: tasks.current, makeLastTaskPrimaryAction: makeLastTaskPrimaryAction })) : (_jsx(Checklist.Placeholder, {})) }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { recordTracksEvent } from '@automattic/calypso-analytics';
+import { LaunchpadNavigator, Site, sortLaunchpadTasksByCompletionStatus, useSortedLaunchpadTasks, } from '@automattic/data-stores';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { useState } from 'react';
+import { ShareSiteModal } from './action-components';
+import LaunchpadInternal from './launchpad-internal';
+import { setUpActionsForTasks } from './setup-actions';
+export const SITE_STORE = Site.register({ client_id: '', client_secret: '' });
+const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, }) => {
+    const { data: { checklist }, } = useSortedLaunchpadTasks(siteSlug, checklistSlug, launchpadContext);
+    const { setActiveChecklist } = useDispatch(LaunchpadNavigator.store);
+    const tasklistCompleted = checklist?.every((task) => task.completed) || false;
+    const tracksData = { recordTracksEvent, checklistSlug, tasklistCompleted, launchpadContext };
+    const site = useSelect((select) => {
+        return siteSlug ? select(SITE_STORE).getSite(siteSlug) : null;
+    }, [siteSlug]);
+    const [shareSiteModalIsOpen, setShareSiteModalIsOpen] = useState(false);
+    const taskFilter = (tasks) => {
+        const baseTasks = setUpActionsForTasks({
+            tasks,
+            siteSlug,
+            tracksData,
+            extraActions: {
+                setActiveChecklist,
+                setShareSiteModalIsOpen,
+            },
+            eventHandlers: {
+                onSiteLaunched,
+                onTaskClick,
+            },
+        });
+        if (onPostFilterTasks) {
+            return onPostFilterTasks(baseTasks);
+        }
+        return baseTasks;
+    };
+    const launchpadOptions = {
+        onSuccess: sortLaunchpadTasksByCompletionStatus,
+    };
+    return (_jsxs(_Fragment, { children: [shareSiteModalIsOpen && site && (_jsx(ShareSiteModal, { setModalIsOpen: setShareSiteModalIsOpen, site: site })), _jsx(LaunchpadInternal, { site: site, siteSlug: siteSlug, checklistSlug: checklistSlug, taskFilter: taskFilter, useLaunchpadOptions: launchpadOptions, launchpadContext: launchpadContext })] }));
 };
 export default Launchpad;
 //# sourceMappingURL=launchpad.js.map

package/dist/esm/launchpad.js.map

@@ -1 +1 @@
-{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AAYpC,MAAM,SAAS,GAAG,CAAE,EACnB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,yBAAyB,EACzB,mBAAmB,GAAG,EAAE,GACR,EAAG,EAAE;IACrB,MAAM,aAAa,GAAG,YAAY,CAAE,QAAQ,IAAI,EAAE,EAAE,aAAa,EAAE,mBAAmB,CAAE,CAAC;IACzF,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;IACpD,MAAM,KAAK,GAAG,MAAM,CAAY,EAAE,CAAE,CAAC;IAErC,OAAO,CAAE,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;QAC3C,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAE,aAAa,CAAE,CAAC,CAAC,CAAC,aAAa,CAAC;IAC1E,CAAC,EAAE,CAAE,IAAI,EAAE,UAAU,CAAE,CAAE,CAAC;IAE1B,OAAO,CACN,cAAK,SAAS,EAAC,8BAA8B,YAC1C,mBAAmB,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IACT,KAAK,EAAG,KAAK,CAAC,OAAO,EACrB,yBAAyB,EAAG,yBAAyB,GACpD,CACF,CAAC,CAAC,CAAC,CACH,KAAC,SAAS,CAAC,WAAW,KAAG,CACzB,GACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACN,kBAAkB,EAClB,IAAI,EAEJ,oCAAoC,EACpC,uBAAuB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGvD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAE,CAAC;AAWhF,MAAM,SAAS,GAAG,CAAE,EACnB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,iBAAiB,GACD,EAAG,EAAE;IACrB,MAAM,EACL,IAAI,EAAE,EAAE,SAAS,EAAE,GACnB,GAAG,uBAAuB,CAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAE,CAAC;IACzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,CAAE,kBAAkB,CAAC,KAAK,CAAE,CAAC;IAEvE,MAAM,iBAAiB,GAAG,SAAS,EAAE,KAAK,CAAE,CAAE,IAAU,EAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAE,IAAI,KAAK,CAAC;IAExF,MAAM,UAAU,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAE7F,MAAM,IAAI,GAAG,SAAS,CACrB,CAAE,MAAM,EAAG,EAAE;QACZ,OAAO,QAAQ,CAAC,CAAC,CAAG,MAAM,CAAE,UAAU,CAAkB,CAAC,OAAO,CAAE,QAAQ,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrF,CAAC,EACD,CAAE,QAAQ,CAAE,CACZ,CAAC;IACF,MAAM,CAAE,oBAAoB,EAAE,uBAAuB,CAAE,GAAG,QAAQ,CAAE,KAAK,CAAE,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAE,KAAa,EAAG,EAAE;QACtC,MAAM,SAAS,GAAG,oBAAoB,CAAE;YACvC,KAAK;YACL,QAAQ;YACR,UAAU;YACV,YAAY,EAAE;gBACb,kBAAkB;gBAClB,uBAAuB;aACvB;YACD,aAAa,EAAE;gBACd,cAAc;gBACd,WAAW;aACX;SACD,CAAE,CAAC;QAEJ,IAAK,iBAAiB,EAAG,CAAC;YACzB,OAAO,iBAAiB,CAAE,SAAS,CAAE,CAAC;QACvC,CAAC;QAED,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACxB,SAAS,EAAE,oCAAoC;KAC/C,CAAC;IAEF,OAAO,CACN,8BACG,oBAAoB,IAAI,IAAI,IAAI,CACjC,KAAC,cAAc,IAAC,cAAc,EAAG,uBAAuB,EAAG,IAAI,EAAG,IAAI,GAAK,CAC3E,EACD,KAAC,iBAAiB,IACjB,IAAI,EAAG,IAAI,EACX,QAAQ,EAAG,QAAQ,EACnB,aAAa,EAAG,aAAa,EAC7B,UAAU,EAAG,UAAU,EACvB,mBAAmB,EAAG,gBAAgB,EACtC,gBAAgB,EAAG,gBAAgB,GAClC,IACA,CACH,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/msw/link-in-bio.js

@@ -0,0 +1,66 @@
+export default {
+    site_intent: 'free',
+    launchpad_screen: 'full',
+    checklist_statuses: {
+        setup_free: true,
+        setup_general: true,
+        design_completed: true,
+        site_theme_selected: true,
+    },
+    checklist: [
+        {
+            id: 'design_selected',
+            title: 'Select a design',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/setup/update-design/designSetup?siteSlug=site62798.wordpress.com',
+        },
+        {
+            id: 'setup_link_in_bio',
+            title: 'Personalize Link in Bio',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/setup/link-in-bio-post-setup/linkInBioPostSetup?siteSlug=site62798.wordpress.com',
+        },
+        {
+            id: 'plan_selected',
+            title: 'Choose a plan',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/plans/site62798.wordpress.com',
+        },
+        {
+            id: 'links_added',
+            title: 'Add links',
+            completed: false,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/site-editor/site62798.wordpress.com',
+        },
+        {
+            id: 'link_in_bio_launched',
+            title: 'Launch your site',
+            completed: false,
+            disabled: true,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+        },
+    ],
+    is_enabled: true,
+    is_dismissed: false,
+    is_dismissible: false,
+    title: 'Next steps for your site',
+};
+//# sourceMappingURL=link-in-bio.js.map

package/dist/esm/msw/link-in-bio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-in-bio.js","sourceRoot":"","sources":["../../../src/msw/link-in-bio.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,WAAW,EAAE,MAAM;IACnB,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE;QACnB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,IAAI;QACnB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;KACzB;IACD,SAAS,EAAE;QACV;YACC,EAAE,EAAE,iBAAiB;YACrB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,mEAAmE;SACjF;QACD;YACC,EAAE,EAAE,mBAAmB;YACvB,KAAK,EAAE,yBAAyB;YAChC,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EACX,mFAAmF;SACpF;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,gCAAgC;SAC9C;QACD;YACC,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,sCAAsC;SACpD;QACD;YACC,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;SACnB;KACD;IACD,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,0BAA0B;CACjC,CAAC"}

package/dist/esm/msw/resolver.js

@@ -0,0 +1,14 @@
+import { HttpResponse, delay } from 'msw';
+import linkInBio from './link-in-bio';
+import free from './setup-free';
+export const launchpadResolver = async ({ request }) => {
+    const searchParams = new URL(request.url).searchParams;
+    const checklistSlug = searchParams.get('checklist_slug');
+    // Random delay to make the UI feel more realistic
+    await delay();
+    if (checklistSlug === 'link-in-bio') {
+        return HttpResponse.json(linkInBio);
+    }
+    return HttpResponse.json(free);
+};
+//# sourceMappingURL=resolver.js.map

package/dist/esm/msw/resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwB,KAAK,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAyB,KAAK,EAAG,EAAE,OAAO,EAAE,EAAG,EAAE;IAC9E,MAAM,YAAY,GAAG,IAAI,GAAG,CAAE,OAAO,CAAC,GAAG,CAAE,CAAC,YAAY,CAAC;IACzD,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAE,gBAAgB,CAAE,CAAC;IAE3D,kDAAkD;IAElD,MAAM,KAAK,EAAE,CAAC;IAEd,IAAK,aAAa,KAAK,aAAa,EAAG,CAAC;QACvC,OAAO,YAAY,CAAC,IAAI,CAAE,SAAS,CAAE,CAAC;IACvC,CAAC;IAED,OAAO,YAAY,CAAC,IAAI,CAAE,IAAI,CAAE,CAAC;AAClC,CAAC,CAAC"}

package/dist/esm/msw/setup-free.js

@@ -0,0 +1,86 @@
+export default {
+    site_intent: 'free',
+    launchpad_screen: 'full',
+    checklist_statuses: {
+        setup_free: true,
+        setup_general: true,
+        design_completed: true,
+        site_theme_selected: true,
+    },
+    checklist: [
+        {
+            id: 'plan_selected',
+            title: 'Choose a plan',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/plans/site62798.wordpress.com',
+        },
+        {
+            id: 'setup_free',
+            title: 'Personalize your site',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/settings/general/site62798.wordpress.com',
+        },
+        {
+            id: 'design_selected',
+            title: 'Select a design',
+            completed: true,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/setup/update-design/designSetup?siteSlug=site62798.wordpress.com',
+        },
+        {
+            id: 'domain_upsell',
+            title: 'Choose a domain',
+            completed: false,
+            disabled: false,
+            subtitle: '',
+            badge_text: 'Upgrade plan',
+            isLaunchTask: false,
+            calypso_path: '/setup/domain-upsell/domains?siteSlug=site62798.wordpress.com',
+        },
+        {
+            id: 'first_post_published',
+            title: 'Write your first post',
+            completed: false,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/post/site62798.wordpress.com',
+        },
+        {
+            id: 'design_edited',
+            title: 'Edit site design',
+            completed: false,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: false,
+            calypso_path: '/site-editor/site62798.wordpress.com',
+        },
+        {
+            id: 'site_launched',
+            title: 'Launch your site',
+            completed: false,
+            disabled: false,
+            subtitle: '',
+            badge_text: '',
+            isLaunchTask: true,
+        },
+    ],
+    is_enabled: true,
+    is_dismissed: false,
+    is_dismissible: false,
+    title: 'Next steps for your site',
+};
+//# sourceMappingURL=setup-free.js.map

package/dist/esm/msw/setup-free.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-free.js","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,WAAW,EAAE,MAAM;IACnB,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE;QACnB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,IAAI;QACnB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;KACzB;IACD,SAAS,EAAE;QACV;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,gCAAgC;SAC9C;QACD;YACC,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,2CAA2C;SACzD;QACD;YACC,EAAE,EAAE,iBAAiB;YACrB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,mEAAmE;SACjF;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,cAAc;YAC1B,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,+DAA+D;SAC7E;QACD;YACC,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,+BAA+B;SAC7C;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,sCAAsC;SACpD;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,IAAI;SAClB;KACD;IACD,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,0BAA0B;CACjC,CAAC"}

package/dist/esm/setup-actions.js

@@ -1,5 +1,6 @@
 import config from '@automattic/calypso-config';
 import { updateLaunchpadSettings } from '@automattic/data-stores';
+import { localizeUrl } from '@automattic/i18n-utils';
 import { isMobile } from '@automattic/viewport';
 import { addQueryArgs } from '@wordpress/url';
 import wpcomRequest from 'wpcom-proxy-request';
@@ -10,29 +11,24 @@ const TASKS_TO_COMPLETE_ON_CLICK = [
     'manage_subscribers',
     'connect_social_media',
     'drive_traffic',
+    'site_monitoring_page',
+    'front_page_updated',
+    'post_sharing_enabled',
+    'mobile_app_installed',
 ];
-export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, uiContext = 'calypso', }) => {
-    const { recordTracksEvent, checklistSlug, tasklistCompleted, launchpadContext } = tracksData;
-    const { setShareSiteModalIsOpen, siteLaunched, setActiveChecklist } = extraActions;
-    //Record click events for tasks
-    const recordTaskClickTracksEvent = (task) => {
-        recordTracksEvent('calypso_launchpad_task_clicked', {
-            checklist_slug: checklistSlug,
-            checklist_completed: tasklistCompleted,
-            task_id: task.id,
-            is_completed: task.completed,
-            context: launchpadContext,
-            order: task.order,
-        });
-    };
+export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, eventHandlers, uiContext = 'calypso', }) => {
+    const { recordTracksEvent, checklistSlug, launchpadContext } = tracksData;
+    const { setShareSiteModalIsOpen, setActiveChecklist } = extraActions;
+    const { onSiteLaunched, onTaskClick } = eventHandlers || {};
     // Add actions to the tasks.
     return tasks.map((task) => {
         let action;
         let logMissingCalypsoPath = false;
-        if (uiContext === 'calypso' && task.calypso_path !== undefined) {
-            let targetPath = task.calypso_path;
-            if (task.id === 'drive_traffic' && !isMobile()) {
-                targetPath = addQueryArgs(targetPath, { tour: 'marketingConnectionsTour' });
+        let useCalypsoPath = true;
+        const hasCalypsoPath = task.calypso_path !== undefined;
+        if (uiContext === 'calypso' && hasCalypsoPath) {
+            if (task.id === 'drive_traffic' && !isMobile() && hasCalypsoPath) {
+                task.calypso_path = addQueryArgs(task.calypso_path, { tour: 'marketingConnectionsTour' });
             }
             // Enable task in 'calypso' context
             if (task.id === 'setup_general') {
@@ -44,7 +40,6 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
                         checklist_statuses: { [task.id]: true },
                     });
                 }
-                window.location.assign(targetPath);
             };
         }
         else {
@@ -53,64 +48,45 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
                     action = () => {
                         setShareSiteModalIsOpen?.(true);
                     };
+                    useCalypsoPath = false;
                     break;
                 case 'site_title':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/settings/general/${siteSlug}`);
-                    };
+                    task.calypso_path = `/settings/general/${siteSlug}`;
                     break;
                 case 'domain_claim':
                 case 'domain_upsell':
                 case 'domain_customize':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/domains/add/${siteSlug}`);
-                    };
+                    task.calypso_path = `/domains/add/${siteSlug}`;
                     break;
                 case 'drive_traffic':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        const url = isMobile()
-                            ? `/marketing/connections/${siteSlug}`
-                            : `/marketing/connections/${siteSlug}?tour=marketingConnectionsTour`;
-                        window.location.assign(url);
-                    };
+                    task.calypso_path = isMobile()
+                        ? `/marketing/connections/${siteSlug}`
+                        : `/marketing/connections/${siteSlug}?tour=marketingConnectionsTour`;
                     break;
                 case 'add_new_page':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/page/${siteSlug}`);
-                    };
+                    task.calypso_path = `/page/${siteSlug}`;
                     break;
                 case 'edit_page':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/pages/${siteSlug}`);
-                    };
+                    task.calypso_path = `/pages/${siteSlug}`;
                     break;
                 case 'update_about_page':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/page/${siteSlug}/${task?.extra_data?.about_page_id}`);
-                    };
+                    task.calypso_path = `/page/${siteSlug}/${task?.extra_data?.about_page_id}`;
                     break;
                 case 'customize_welcome_message':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        if (config.isEnabled('settings/newsletter-settings-page')) {
-                            window.location.assign(`/settings/newsletter/${siteSlug}`);
-                        }
-                        else {
-                            window.location.assign(`/settings/reading/${siteSlug}#newsletter-settings`);
-                        }
-                    };
+                    task.calypso_path = config.isEnabled('settings/newsletter-settings-page')
+                        ? `/settings/newsletter/${siteSlug}`
+                        : `/settings/reading/${siteSlug}#newsletter-settings`;
                     break;
                 case 'manage_subscribers':
                     logMissingCalypsoPath = true;
-                    action = () => {
-                        window.location.assign(`/subscribers/${siteSlug}`);
-                    };
+                    task.calypso_path = `/subscribers/${siteSlug}`;
                     break;
                 case 'site_launched':
                 case 'blog_launched':
@@ -122,11 +98,29 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
                             apiVersion: '1.1',
                             method: 'post',
                         });
-                        siteLaunched?.();
+                        onSiteLaunched?.();
+                    };
+                    useCalypsoPath = false;
+                    break;
+                case 'review_site':
+                    action = () => {
+                        // redirects to the site slug home page in a new tab
+                        window.open(`https://${siteSlug}`, '_blank');
+                        updateLaunchpadSettings(siteSlug, {
+                            checklist_statuses: { [task.id]: true },
+                        });
+                    };
+                    useCalypsoPath = false;
+                    break;
+                case 'domain_dns_mapped':
+                    action = () => {
+                        window.open(localizeUrl(`https://wordpress.com/support/domains/connect-existing-domain/#step-2-connect-your-domain`), '_blank');
                     };
+                    useCalypsoPath = false;
                     break;
                 default:
                     logMissingCalypsoPath = true;
+                    useCalypsoPath = false;
                     break;
             }
         }
@@ -139,12 +133,15 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
             });
         }
         const actionDispatch = () => {
-            recordTaskClickTracksEvent(task);
-            if (siteSlug && setActiveChecklist) {
+            if (siteSlug && setActiveChecklist && config.isEnabled('launchpad/navigator')) {
                 setActiveChecklist(siteSlug, checklistSlug);
             }
+            onTaskClick?.(task);
             action?.();
         };
+        // Note that we double-check for both the flag and a valid calypso_path as a safety check.
+        // We intentionally avoid `hasCalypsoPath`, as it may be out of date.
+        task.useCalypsoPath = useCalypsoPath && task.calypso_path !== undefined;
         return { ...task, actionDispatch };
     });
 };

package/dist/esm/setup-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C,MAAM,0BAA0B,GAAG;IAClC,gBAAgB;IAChB,6BAA6B;IAC7B,YAAY;IACZ,oBAAoB;IACpB,sBAAsB;IACtB,eAAe;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAE,EACrC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,YAAY,EACZ,SAAS,GAAG,SAAS,GACM,EAAW,EAAE;IACxC,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAC7F,MAAM,EAAE,uBAAuB,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,YAAY,CAAC;IAEnF,+BAA+B;IAC/B,MAAM,0BAA0B,GAAG,CAAE,IAAU,EAAG,EAAE;QACnD,iBAAiB,CAAE,gCAAgC,EAAE;YACpD,cAAc,EAAE,aAAa;YAC7B,mBAAmB,EAAE,iBAAiB;YACtC,OAAO,EAAE,IAAI,CAAC,EAAE;YAChB,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;SACjB,CAAE,CAAC;IACL,CAAC,CAAC;IAEF,4BAA4B;IAC5B,OAAO,KAAK,CAAC,GAAG,CAAE,CAAE,IAAU,EAAG,EAAE;QAClC,IAAI,MAAkB,CAAC;QACvB,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAElC,IAAK,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAG;YACjE,IAAI,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;YAEnC,IAAK,IAAI,CAAC,EAAE,KAAK,eAAe,IAAI,CAAE,QAAQ,EAAE,EAAG;gBAClD,UAAU,GAAG,YAAY,CAAE,UAAU,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,CAAE,CAAC;aAC9E;YAED,mCAAmC;YACnC,IAAK,IAAI,CAAC,EAAE,KAAK,eAAe,EAAG;gBAClC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACtB;YAED,MAAM,GAAG,GAAG,EAAE;gBACb,IAAK,QAAQ,IAAI,0BAA0B,CAAC,QAAQ,CAAE,IAAI,CAAC,EAAE,CAAE,EAAG;oBACjE,uBAAuB,CAAE,QAAQ,EAAE;wBAClC,kBAAkB,EAAE,EAAE,CAAE,IAAI,CAAC,EAAE,CAAE,EAAE,IAAI,EAAE;qBACzC,CAAE,CAAC;iBACJ;gBACD,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,UAAU,CAAE,CAAC;YACtC,CAAC,CAAC;SACF;aAAM;YACN,QAAS,IAAI,CAAC,EAAE,EAAG;gBAClB,KAAK,YAAY;oBAChB,MAAM,GAAG,GAAG,EAAE;wBACb,uBAAuB,EAAE,CAAE,IAAI,CAAE,CAAC;oBACnC,CAAC,CAAC;oBACF,MAAM;gBAEP,KAAK,YAAY;oBAChB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,qBAAsB,QAAS,EAAE,CAAE,CAAC;oBAC7D,CAAC,CAAC;oBACF,MAAM;gBAEP,KAAK,cAAc,CAAC;gBACpB,KAAK,eAAe,CAAC;gBACrB,KAAK,kBAAkB;oBACtB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,gBAAiB,QAAS,EAAE,CAAE,CAAC;oBACxD,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,eAAe;oBACnB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,GAAG,GAAG,QAAQ,EAAE;4BACrB,CAAC,CAAC,0BAA2B,QAAS,EAAE;4BACxC,CAAC,CAAC,0BAA2B,QAAS,gCAAgC,CAAC;wBACxE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,GAAG,CAAE,CAAC;oBAC/B,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,cAAc;oBAClB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,SAAU,QAAS,EAAE,CAAE,CAAC;oBACjD,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,WAAW;oBACf,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,UAAW,QAAS,EAAE,CAAE,CAAC;oBAClD,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,mBAAmB;oBACvB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,SAAU,QAAS,IAAK,IAAI,EAAE,UAAU,EAAE,aAAc,EAAE,CAAE,CAAC;oBACtF,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,2BAA2B;oBAC/B,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,IAAK,MAAM,CAAC,SAAS,CAAE,mCAAmC,CAAE,EAAG;4BAC9D,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,wBAAyB,QAAS,EAAE,CAAE,CAAC;yBAC/D;6BAAM;4BACN,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,qBAAsB,QAAS,sBAAsB,CAAE,CAAC;yBAChF;oBACF,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,oBAAoB;oBACxB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAE,gBAAiB,QAAS,EAAE,CAAE,CAAC;oBACxD,CAAC,CAAC;oBACF,MAAM;gBACP,KAAK,eAAe,CAAC;gBACrB,KAAK,eAAe,CAAC;gBACrB,KAAK,qBAAqB,CAAC;gBAC3B,KAAK,sBAAsB;oBAC1B,MAAM,GAAG,KAAK,IAAI,EAAE;wBACnB,MAAM,YAAY,CAAE;4BACnB,IAAI,EAAE,UAAW,QAAS,SAAS;4BACnC,UAAU,EAAE,KAAK;4BACjB,MAAM,EAAE,MAAM;yBACd,CAAE,CAAC;wBACJ,YAAY,EAAE,EAAE,CAAC;oBAClB,CAAC,CAAC;oBACF,MAAM;gBACP;oBACC,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,MAAM;aACP;SACD;QAED,IAAK,qBAAqB,EAAG;YAC5B,iBAAiB,CAAE,6CAA6C,EAAE;gBACjE,cAAc,EAAE,aAAa;gBAC7B,OAAO,EAAE,IAAI,CAAC,EAAE;gBAChB,YAAY,EAAE,IAAI,CAAC,SAAS;gBAC5B,OAAO,EAAE,gBAAgB;aACzB,CAAE,CAAC;SACJ;QAED,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,0BAA0B,CAAE,IAAI,CAAE,CAAC;YACnC,IAAK,QAAQ,IAAI,kBAAkB,EAAG;gBACrC,kBAAkB,CAAE,QAAQ,EAAE,aAAa,CAAE,CAAC;aAC9C;YACD,MAAM,EAAE,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,OAAO,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,CAAC;IACpC,CAAC,CAAE,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C,MAAM,0BAA0B,GAAG;IAClC,gBAAgB;IAChB,6BAA6B;IAC7B,YAAY;IACZ,oBAAoB;IACpB,sBAAsB;IACtB,eAAe;IACf,sBAAsB;IACtB,oBAAoB;IACpB,sBAAsB;IACtB,sBAAsB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAE,EACrC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,YAAY,EACZ,aAAa,EACb,SAAS,GAAG,SAAS,GACM,EAAW,EAAE;IACxC,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAC1E,MAAM,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,GAAG,YAAY,CAAC;IACrE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,aAAa,IAAI,EAAE,CAAC;IAE5D,4BAA4B;IAC5B,OAAO,KAAK,CAAC,GAAG,CAAE,CAAE,IAAU,EAAG,EAAE;QAClC,IAAI,MAAkB,CAAC;QACvB,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,cAAc,GAAG,IAAI,CAAC;QAC1B,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC;QAEvD,IAAK,SAAS,KAAK,SAAS,IAAI,cAAc,EAAG,CAAC;YACjD,IAAK,IAAI,CAAC,EAAE,KAAK,eAAe,IAAI,CAAE,QAAQ,EAAE,IAAI,cAAc,EAAG,CAAC;gBACrE,IAAI,CAAC,YAAY,GAAG,YAAY,CAAE,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,CAAE,CAAC;YAC7F,CAAC;YAED,mCAAmC;YACnC,IAAK,IAAI,CAAC,EAAE,KAAK,eAAe,EAAG,CAAC;gBACnC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACvB,CAAC;YAED,MAAM,GAAG,GAAG,EAAE;gBACb,IAAK,QAAQ,IAAI,0BAA0B,CAAC,QAAQ,CAAE,IAAI,CAAC,EAAE,CAAE,EAAG,CAAC;oBAClE,uBAAuB,CAAE,QAAQ,EAAE;wBAClC,kBAAkB,EAAE,EAAE,CAAE,IAAI,CAAC,EAAE,CAAE,EAAE,IAAI,EAAE;qBACzC,CAAE,CAAC;gBACL,CAAC;YACF,CAAC,CAAC;QACH,CAAC;aAAM,CAAC;YACP,QAAS,IAAI,CAAC,EAAE,EAAG,CAAC;gBACnB,KAAK,YAAY;oBAChB,MAAM,GAAG,GAAG,EAAE;wBACb,uBAAuB,EAAE,CAAE,IAAI,CAAE,CAAC;oBACnC,CAAC,CAAC;oBACF,cAAc,GAAG,KAAK,CAAC;oBACvB,MAAM;gBAEP,KAAK,YAAY;oBAChB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,qBAAsB,QAAS,EAAE,CAAC;oBACtD,MAAM;gBAEP,KAAK,cAAc,CAAC;gBACpB,KAAK,eAAe,CAAC;gBACrB,KAAK,kBAAkB;oBACtB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,gBAAiB,QAAS,EAAE,CAAC;oBACjD,MAAM;gBAEP,KAAK,eAAe;oBACnB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,QAAQ,EAAE;wBAC7B,CAAC,CAAC,0BAA2B,QAAS,EAAE;wBACxC,CAAC,CAAC,0BAA2B,QAAS,gCAAgC,CAAC;oBACxE,MAAM;gBAEP,KAAK,cAAc;oBAClB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,SAAU,QAAS,EAAE,CAAC;oBAC1C,MAAM;gBAEP,KAAK,WAAW;oBACf,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,UAAW,QAAS,EAAE,CAAC;oBAC3C,MAAM;gBAEP,KAAK,mBAAmB;oBACvB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,SAAU,QAAS,IAAK,IAAI,EAAE,UAAU,EAAE,aAAc,EAAE,CAAC;oBAC/E,MAAM;gBAEP,KAAK,2BAA2B;oBAC/B,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,CAAE,mCAAmC,CAAE;wBAC1E,CAAC,CAAC,wBAAyB,QAAS,EAAE;wBACtC,CAAC,CAAC,qBAAsB,QAAS,sBAAsB,CAAC;oBACzD,MAAM;gBAEP,KAAK,oBAAoB;oBACxB,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,YAAY,GAAG,gBAAiB,QAAS,EAAE,CAAC;oBACjD,MAAM;gBAEP,KAAK,eAAe,CAAC;gBACrB,KAAK,eAAe,CAAC;gBACrB,KAAK,qBAAqB,CAAC;gBAC3B,KAAK,sBAAsB;oBAC1B,MAAM,GAAG,KAAK,IAAI,EAAE;wBACnB,MAAM,YAAY,CAAE;4BACnB,IAAI,EAAE,UAAW,QAAS,SAAS;4BACnC,UAAU,EAAE,KAAK;4BACjB,MAAM,EAAE,MAAM;yBACd,CAAE,CAAC;wBACJ,cAAc,EAAE,EAAE,CAAC;oBACpB,CAAC,CAAC;oBACF,cAAc,GAAG,KAAK,CAAC;oBACvB,MAAM;gBAEP,KAAK,aAAa;oBACjB,MAAM,GAAG,GAAG,EAAE;wBACb,oDAAoD;wBACpD,MAAM,CAAC,IAAI,CAAE,WAAY,QAAS,EAAE,EAAE,QAAQ,CAAE,CAAC;wBACjD,uBAAuB,CAAE,QAAQ,EAAE;4BAClC,kBAAkB,EAAE,EAAE,CAAE,IAAI,CAAC,EAAE,CAAE,EAAE,IAAI,EAAE;yBACzC,CAAE,CAAC;oBACL,CAAC,CAAC;oBACF,cAAc,GAAG,KAAK,CAAC;oBACvB,MAAM;gBAEP,KAAK,mBAAmB;oBACvB,MAAM,GAAG,GAAG,EAAE;wBACb,MAAM,CAAC,IAAI,CACV,WAAW,CACV,2FAA2F,CAC3F,EACD,QAAQ,CACR,CAAC;oBACH,CAAC,CAAC;oBACF,cAAc,GAAG,KAAK,CAAC;oBACvB,MAAM;gBAEP;oBACC,qBAAqB,GAAG,IAAI,CAAC;oBAC7B,cAAc,GAAG,KAAK,CAAC;oBACvB,MAAM;YACR,CAAC;QACF,CAAC;QAED,IAAK,qBAAqB,EAAG,CAAC;YAC7B,iBAAiB,CAAE,6CAA6C,EAAE;gBACjE,cAAc,EAAE,aAAa;gBAC7B,OAAO,EAAE,IAAI,CAAC,EAAE;gBAChB,YAAY,EAAE,IAAI,CAAC,SAAS;gBAC5B,OAAO,EAAE,gBAAgB;aACzB,CAAE,CAAC;QACL,CAAC;QAED,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,IAAK,QAAQ,IAAI,kBAAkB,IAAI,MAAM,CAAC,SAAS,CAAE,qBAAqB,CAAE,EAAG,CAAC;gBACnF,kBAAkB,CAAE,QAAQ,EAAE,aAAa,CAAE,CAAC;YAC/C,CAAC;YACD,WAAW,EAAE,CAAE,IAAI,CAAE,CAAC;YACtB,MAAM,EAAE,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,0FAA0F;QAC1F,qEAAqE;QACrE,IAAI,CAAC,cAAc,GAAG,cAAc,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC;QAExE,OAAO,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,CAAC;IACpC,CAAC,CAAE,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/use-tracking/index.js

@@ -0,0 +1,68 @@
+import { recordTracksEvent } from '@automattic/calypso-analytics';
+import { useEffect, useMemo } from 'react';
+const stringifyTasks = (tasks) => {
+    const prefix = ',';
+    const suffix = ',';
+    const separator = ',';
+    const taskIds = tasks.map((task) => task.id).join(separator);
+    return `${prefix}${taskIds}${suffix}`;
+};
+export const useTracking = (params) => {
+    const { tasks, checklistSlug, context, site, flow } = params;
+    const completedSteps = useMemo(() => tasks.filter((task) => task.completed), [tasks]);
+    const taskNames = useMemo(() => stringifyTasks(tasks), [tasks]);
+    const numberOfSteps = tasks.length;
+    const numberOfCompletedSteps = completedSteps.length;
+    const isCheckListCompleted = completedSteps.length === tasks.length;
+    const isSiteAvailable = !!site;
+    const hasNoTask = tasks.length === 0;
+    // We skip the view events until we have fetched the site details to avoid sending incomplete data
+    const shoulSkipTracking = hasNoTask || !isSiteAvailable;
+    useEffect(() => {
+        if (shoulSkipTracking) {
+            return;
+        }
+        const siteIntent = site?.options?.site_intent;
+        recordTracksEvent('calypso_launchpad_tasklist_viewed', {
+            number_of_steps: numberOfSteps,
+            number_of_completed_steps: numberOfCompletedSteps,
+            is_completed: isCheckListCompleted,
+            tasks: taskNames,
+            checklist_slug: checklistSlug,
+            context: context,
+            site_intent: siteIntent,
+            flow,
+        });
+        tasks.forEach((task) => {
+            recordTracksEvent('calypso_launchpad_task_view', {
+                checklist_slug: checklistSlug,
+                task_id: task.id,
+                is_completed: task.completed,
+                context: context,
+                order: task.order,
+                site_intent: siteIntent,
+                flow,
+            });
+        });
+        // Array of tasks requires deep comparison
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        JSON.stringify(tasks.map(({ id, completed, order }) => ({ id, completed, order }))),
+        shoulSkipTracking,
+    ]);
+    const trackTaskClick = (task) => {
+        recordTracksEvent('calypso_launchpad_task_clicked', {
+            checklist_completed: isCheckListCompleted,
+            is_completed: task.completed,
+            checklist_slug: checklistSlug,
+            context: context,
+            task_id: task.id,
+            flow,
+            order: task.order,
+        });
+    };
+    return {
+        trackTaskClick,
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/use-tracking/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAY3C,MAAM,cAAc,GAAG,CAAE,KAAa,EAAG,EAAE;IAC1C,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,SAAS,GAAG,GAAG,CAAC;IAEtB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAE,CAAC,IAAI,CAAE,SAAS,CAAE,CAAC;IACnE,OAAO,GAAI,MAAO,GAAI,OAAQ,GAAI,MAAO,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAE,MAAc,EAAG,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAC7D,MAAM,cAAc,GAAG,OAAO,CAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAE,EAAE,CAAE,KAAK,CAAE,CAAE,CAAC;IAC9F,MAAM,SAAS,GAAG,OAAO,CAAE,GAAG,EAAE,CAAC,cAAc,CAAE,KAAK,CAAE,EAAE,CAAE,KAAK,CAAE,CAAE,CAAC;IACtE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,sBAAsB,GAAG,cAAc,CAAC,MAAM,CAAC;IACrD,MAAM,oBAAoB,GAAG,cAAc,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC;IACpE,MAAM,eAAe,GAAG,CAAC,CAAE,IAAI,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAErC,kGAAkG;IAClG,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAE,eAAe,CAAC;IAEzD,SAAS,CAAE,GAAG,EAAE;QACf,IAAK,iBAAiB,EAAG,CAAC;YACzB,OAAO;QACR,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC;QAE9C,iBAAiB,CAAE,mCAAmC,EAAE;YACvD,eAAe,EAAE,aAAa;YAC9B,yBAAyB,EAAE,sBAAsB;YACjD,YAAY,EAAE,oBAAoB;YAClC,KAAK,EAAE,SAAS;YAChB,cAAc,EAAE,aAAa;YAC7B,OAAO,EAAE,OAAO;YAChB,WAAW,EAAE,UAAU;YACvB,IAAI;SACJ,CAAE,CAAC;QAEJ,KAAK,CAAC,OAAO,CAAE,CAAE,IAAU,EAAG,EAAE;YAC/B,iBAAiB,CAAE,6BAA6B,EAAE;gBACjD,cAAc,EAAE,aAAa;gBAC7B,OAAO,EAAE,IAAI,CAAC,EAAE;gBAChB,YAAY,EAAE,IAAI,CAAC,SAAS;gBAC5B,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,WAAW,EAAE,UAAU;gBACvB,IAAI;aACJ,CAAE,CAAC;QACL,CAAC,CAAE,CAAC;QACJ,0CAA0C;QAC1C,uDAAuD;IACxD,CAAC,EAAE;QACF,IAAI,CAAC,SAAS,CAAE,KAAK,CAAC,GAAG,CAAE,CAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAG,EAAE,CAAC,CAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAE,CAAE,CAAE;QAC3F,iBAAiB;KACjB,CAAE,CAAC;IAEJ,MAAM,cAAc,GAAG,CAAE,IAAU,EAAG,EAAE;QACvC,iBAAiB,CAAE,gCAAgC,EAAE;YACpD,mBAAmB,EAAE,oBAAoB;YACzC,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,cAAc,EAAE,aAAa;YAC7B,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI,CAAC,EAAE;YAChB,IAAI;YACJ,KAAK,EAAE,IAAI,CAAC,KAAK;SACjB,CAAE,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACN,cAAc;KACd,CAAC;AACH,CAAC,CAAC"}