@automattic/launchpad 1.0.0 → 1.0.1

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/msw/setup-free.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-free.js","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":";;AAAA,kBAAe;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/cjs/setup-actions.js

@@ -4,6 +4,7 @@ exports.setUpActionsForTasks = void 0;
 const tslib_1 = require("tslib");
 const calypso_config_1 = tslib_1.__importDefault(require("@automattic/calypso-config"));
 const data_stores_1 = require("@automattic/data-stores");
+const i18n_utils_1 = require("@automattic/i18n-utils");
 const viewport_1 = require("@automattic/viewport");
 const url_1 = require("@wordpress/url");
 const wpcom_proxy_request_1 = tslib_1.__importDefault(require("wpcom-proxy-request"));
@@ -14,29 +15,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',
 ];
-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,
-        });
-    };
+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' && !(0, viewport_1.isMobile)()) {
-                targetPath = (0, url_1.addQueryArgs)(targetPath, { tour: 'marketingConnectionsTour' });
+        let useCalypsoPath = true;
+        const hasCalypsoPath = task.calypso_path !== undefined;
+        if (uiContext === 'calypso' && hasCalypsoPath) {
+            if (task.id === 'drive_traffic' && !(0, viewport_1.isMobile)() && hasCalypsoPath) {
+                task.calypso_path = (0, url_1.addQueryArgs)(task.calypso_path, { tour: 'marketingConnectionsTour' });
             }
             // Enable task in 'calypso' context
             if (task.id === 'setup_general') {
@@ -48,7 +44,6 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, uiCon
                         checklist_statuses: { [task.id]: true },
                     });
                 }
-                window.location.assign(targetPath);
             };
         }
         else {
@@ -57,64 +52,45 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, uiCon
                     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 = (0, viewport_1.isMobile)()
-                            ? `/marketing/connections/${siteSlug}`
-                            : `/marketing/connections/${siteSlug}?tour=marketingConnectionsTour`;
-                        window.location.assign(url);
-                    };
+                    task.calypso_path = (0, viewport_1.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 (calypso_config_1.default.isEnabled('settings/newsletter-settings-page')) {
-                            window.location.assign(`/settings/newsletter/${siteSlug}`);
-                        }
-                        else {
-                            window.location.assign(`/settings/reading/${siteSlug}#newsletter-settings`);
-                        }
-                    };
+                    task.calypso_path = calypso_config_1.default.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':
@@ -126,11 +102,29 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, uiCon
                             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');
+                        (0, data_stores_1.updateLaunchpadSettings)(siteSlug, {
+                            checklist_statuses: { [task.id]: true },
+                        });
+                    };
+                    useCalypsoPath = false;
+                    break;
+                case 'domain_dns_mapped':
+                    action = () => {
+                        window.open((0, i18n_utils_1.localizeUrl)(`https://wordpress.com/support/domains/connect-existing-domain/#step-2-connect-your-domain`), '_blank');
                     };
+                    useCalypsoPath = false;
                     break;
                 default:
                     logMissingCalypsoPath = true;
+                    useCalypsoPath = false;
                     break;
             }
         }
@@ -143,12 +137,15 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, uiCon
             });
         }
         const actionDispatch = () => {
-            recordTaskClickTracksEvent(task);
-            if (siteSlug && setActiveChecklist) {
+            if (siteSlug && setActiveChecklist && calypso_config_1.default.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/cjs/setup-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":";;;;AAAA,wFAAgD;AAChD,yDAAkE;AAClE,uDAAqD;AACrD,mDAAgD;AAChD,wCAA8C;AAC9C,sFAA+C;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;AAEK,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,IAAA,mBAAQ,GAAE,IAAI,cAAc,EAAG,CAAC;gBACrE,IAAI,CAAC,YAAY,GAAG,IAAA,kBAAY,EAAE,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,IAAA,qCAAuB,EAAE,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,IAAA,mBAAQ,GAAE;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,wBAAM,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,IAAA,6BAAY,EAAE;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,IAAA,qCAAuB,EAAE,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,IAAA,wBAAW,EACV,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,wBAAM,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;AA/JW,QAAA,oBAAoB,wBA+J/B"}

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTracking = void 0;
+const calypso_analytics_1 = require("@automattic/calypso-analytics");
+const react_1 = require("react");
+const stringifyTasks = (tasks) => {
+    const prefix = ',';
+    const suffix = ',';
+    const separator = ',';
+    const taskIds = tasks.map((task) => task.id).join(separator);
+    return `${prefix}${taskIds}${suffix}`;
+};
+const useTracking = (params) => {
+    const { tasks, checklistSlug, context, site, flow } = params;
+    const completedSteps = (0, react_1.useMemo)(() => tasks.filter((task) => task.completed), [tasks]);
+    const taskNames = (0, react_1.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;
+    (0, react_1.useEffect)(() => {
+        if (shoulSkipTracking) {
+            return;
+        }
+        const siteIntent = site?.options?.site_intent;
+        (0, calypso_analytics_1.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) => {
+            (0, calypso_analytics_1.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) => {
+        (0, calypso_analytics_1.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,
+    };
+};
+exports.useTracking = useTracking;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/action-components/index.js

@@ -0,0 +1,2 @@
+export { default as ShareSiteModal } from './share-site-modal';
+//# sourceMappingURL=index.js.map

package/dist/esm/action-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/esm/action-components/share-site-modal/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Popover } from '@automattic/components';
+import { updateLaunchpadSettings } from '@automattic/data-stores';
+import { useQueryClient } from '@tanstack/react-query';
+import { Button, Modal } from '@wordpress/components';
+import { Icon, link } from '@wordpress/icons';
+import { useTranslate } from 'i18n-calypso';
+import { useState, useRef } from 'react';
+import './style.scss';
+const ShareSiteModal = ({ setModalIsOpen, site }) => {
+    const translate = useTranslate();
+    const queryClient = useQueryClient();
+    const getSiteSlug = (site) => {
+        if (!site) {
+            return null;
+        }
+        if (site.slug) {
+            return site.slug;
+        }
+        if (site.URL) {
+            return new URL(site.URL).host;
+        }
+        return null;
+    };
+    const siteSlug = getSiteSlug(site);
+    const [clipboardCopied, setClipboardCopied] = useState(false);
+    const clipboardTextEl = useRef(null);
+    const copyHandler = async () => {
+        navigator.clipboard.writeText(`https://${siteSlug}`);
+        if (siteSlug) {
+            await updateLaunchpadSettings(siteSlug, {
+                checklist_statuses: { share_site: true },
+            });
+        }
+        queryClient.invalidateQueries({ queryKey: ['launchpad'] });
+        setClipboardCopied(true);
+        setTimeout(() => setClipboardCopied(false), 3000);
+    };
+    return (_jsx(_Fragment, { children: _jsx(Modal, { onRequestClose: () => setModalIsOpen(false), className: "share-site-modal__modal", title: "", children: _jsxs("div", { className: "share-site-modal__modal-content", children: [_jsxs("div", { className: "share-site-modal__modal-text", children: [_jsx("h1", { className: "share-site-modal__modal-heading", children: translate('Share your site') }), _jsx("p", { className: "share-site-modal__modal-body", children: translate('Now you can head over to your site and share it with the world.') })] }), _jsx("div", { className: "share-site-modal__modal-actions", children: _jsxs("div", { className: "share-site-modal__modal-site", children: [_jsxs("div", { className: "share-site-modal__modal-domain", children: [_jsx("p", { className: "share-site-modal__modal-domain-text", ref: clipboardTextEl, children: siteSlug }), _jsx(Popover, { className: "share-site-modal__popover", isVisible: clipboardCopied, context: clipboardTextEl.current, position: "top", children: translate('Copied to clipboard!') })] }), _jsxs(Button, { onClick: copyHandler, className: "share-site-modal__modal-view-site", disabled: !siteSlug, children: [_jsx(Icon, { icon: link, size: 22 }), _jsx("span", { className: "share-site-modal__modal-view-site-text", children: translate('Copy') })] })] }) })] }) }) }));
+};
+export default ShareSiteModal;
+//# sourceMappingURL=index.js.map

package/dist/esm/action-components/share-site-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/action-components/share-site-modal/style.scss

@@ -0,0 +1,159 @@
+@import "@automattic/typography/styles/variables";
+
+.share-site-modal__modal {
+	max-width: 640px;
+
+	.components-modal__header {
+		padding: 48px;
+	}
+
+	.components-modal__content {
+		margin: 0;
+		padding: 0;
+	}
+
+	.share-site-modal__modal-content {
+		padding: 48px;
+		padding-bottom: 40px;
+		display: flex;
+		flex-direction: column;
+		gap: 32px;
+	}
+
+	.share-site-modal__modal-heading {
+		color: var(--studio-gray-100);
+		font-family: Recoleta, "Noto Serif", Georgia, "Times New Roman", Times, serif;
+		font-size: 2rem;
+		line-height: 40px;
+		font-weight: 400;
+		letter-spacing: 0.2px;
+		margin: 0;
+		padding-bottom: 8px;
+	}
+
+	.share-site-modal__modal-domain {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.share-site-modal__modal-body,
+	.share-site-modal__modal-domain-text {
+		margin: 0;
+		color: var(--studio-gray-80);
+		font-size: 1rem;
+		line-height: 24px;
+	}
+
+	.share-site-modal__modal-domain-text {
+		padding: 0 8px;
+
+		// prevent text overflow
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	.share-site-modal__modal-buttons {
+		display: flex;
+		flex-direction: row;
+		justify-content: end;
+		gap: 16px;
+	}
+
+	.share-site-modal__modal-site {
+		padding: 8px;
+		background: var(--studio-gray-0);
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.launchpad__clipboard-button {
+		opacity: 0;
+	}
+
+	.launchpad__clipboard-button:focus {
+		opacity: 1;
+	}
+
+	.share-site-modal__modal-site:hover {
+		.launchpad__clipboard-button {
+			opacity: 1;
+		}
+	}
+
+	.share-site-modal__modal-customize {
+		color: var(--studio-blue-50);
+		font-size: 0.875rem;
+		display: inline-flex;
+		flex-direction: row;
+		justify-content: start;
+		gap: 6px;
+		padding: 0;
+		margin: 0;
+		margin-top: 16px;
+	}
+
+	.share-site-modal__modal-upsell {
+		border-top: 1px solid var(--studio-gray-5);
+		background: var(--studio-gray-0);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: 32px 48px;
+		gap: 32px;
+
+		.components-button {
+			height: 42px;
+		}
+	}
+
+	.share-site-modal__modal-upsell-content p {
+		margin-bottom: 0;
+	}
+
+	.share-site-modal__modal-upsell-content-highlight {
+		font-weight: bold;
+	}
+
+	.share-site-modal__modal-view-site {
+		display: flex;
+		gap: 4px;
+
+		font-weight: 500;
+		/* stylelint-disable-next-line */
+		font-size: 14px;
+		line-height: 20px;
+		letter-spacing: -0.154px;
+		color: #101517;
+	}
+
+	.share-site-modal__modal-view-site:visited {
+		color: #101517;
+	}
+
+	.share-site-modal__modal-view-site:hover:not(:disabled) {
+		text-decoration: underline;
+	}
+}
+
+.share-site-modal__popover {
+	outline: none;
+	z-index: 100000;
+	.popover__inner {
+		border: 0;
+		box-shadow: none;
+		border-radius: 2px;
+		color: var(--color-text-inverted);
+		background: var(--color-neutral-60);
+		font-size: $font-body-extra-small;
+		padding: 6px 10px;
+		text-align: left;
+	}
+
+	.popover__arrow {
+		display: none;
+	}
+}

package/dist/esm/badge/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
+import clsx from 'clsx';
 import './style.scss';
 const Badge = (props) => {
     const className = props.className;
     const type = props.type || 'warning';
-    return (_jsx("div", { className: classNames(`badge badge--${type}`, className), children: props.children }));
+    return _jsx("div", { className: clsx(`badge badge--${type}`, className), children: props.children });
 };
 export default Badge;
 //# sourceMappingURL=index.js.map

package/dist/esm/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,cAAc,CAAC;AAgBtB,MAAM,KAAK,GAA0C,CAAE,KAAK,EAAG,EAAE;IAChE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IACrC,OAAO,CACN,cAAK,SAAS,EAAG,UAAU,CAAE,gBAAiB,IAAK,EAAE,EAAE,SAAS,CAAE,YAAK,KAAK,CAAC,QAAQ,GAAQ,CAC7F,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,CAAC;AAgBtB,MAAM,KAAK,GAA0C,CAAE,KAAK,EAAG,EAAE;IAChE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IACrC,OAAO,cAAK,SAAS,EAAG,IAAI,CAAE,gBAAiB,IAAK,EAAE,EAAE,SAAS,CAAE,YAAK,KAAK,CAAC,QAAQ,GAAQ,CAAC;AAChG,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/checklist/index.js

@@ -1,15 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import ChecklistItem from '../checklist-item';
+import clsx from 'clsx';
+import { Children, cloneElement } from 'react';
+import { Placeholder as ChecklistItemPlaceholder } from '../checklist-item';
 import './style.scss';
-const Checklist = ({ tasks, makeLastTaskPrimaryAction }) => {
-    return (_jsx("ul", { className: classNames('checklist__tasks', {
+const Checklist = ({ children, makeLastTaskPrimaryAction }) => {
+    const lastChildIndex = Children.count(children) - 1;
+    return (_jsx("ul", { className: clsx('checklist__tasks', {
             'checklist__has-primary-action': makeLastTaskPrimaryAction,
-        }), "aria-label": "Launchpad Checklist", children: tasks &&
-            tasks.map((task, index) => (_jsx(ChecklistItem, { task: task, isPrimaryAction: makeLastTaskPrimaryAction && index === tasks.length - 1 }, task.id))) }));
+        }), "aria-label": "Launchpad Checklist", children: Children.map(children || [], (child, index) => {
+            if (index === lastChildIndex) {
+                return cloneElement(child, { isPrimaryAction: makeLastTaskPrimaryAction });
+            }
+            return child;
+        }) }));
 };
-Checklist.Placeholder = () => {
-    return (_jsxs("ul", { className: "checklist__tasks", "aria-label": "Launchpad Checklist", children: [_jsx(ChecklistItem.Placeholder, {}), _jsx(ChecklistItem.Placeholder, {}), _jsx(ChecklistItem.Placeholder, {}), _jsx(ChecklistItem.Placeholder, {})] }));
+export const Placeholder = () => {
+    return (_jsxs("ul", { className: "checklist__tasks", "aria-label": "Launchpad Checklist", children: [_jsx(ChecklistItemPlaceholder, {}), _jsx(ChecklistItemPlaceholder, {}), _jsx(ChecklistItemPlaceholder, {}), _jsx(ChecklistItemPlaceholder, {})] }));
 };
 export default Checklist;
 //# sourceMappingURL=index.js.map