@automattic/launchpad 1.1.0 → 1.1.1

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareSiteModal = void 0;
+const tslib_1 = require("tslib");
 var share_site_modal_1 = require("./share-site-modal");
-Object.defineProperty(exports, "ShareSiteModal", { enumerable: true, get: function () { return __importDefault(share_site_modal_1).default; } });
+Object.defineProperty(exports, "ShareSiteModal", { enumerable: true, get: function () { return tslib_1.__importDefault(share_site_modal_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action-components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA+D;AAAtD,mIAAA,OAAO,OAAkB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action-components/index.ts"],"names":[],"mappings":";;;;AAAA,uDAA+D;AAAtD,2IAAA,OAAO,OAAkB"}

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const calypso_analytics_1 = require("@automattic/calypso-analytics");
 const components_1 = require("@automattic/components");
 const data_stores_1 = require("@automattic/data-stores");
 const react_query_1 = require("@tanstack/react-query");
@@ -8,36 +9,146 @@ const components_2 = require("@wordpress/components");
 const i18n_1 = require("@wordpress/i18n");
 const icons_1 = require("@wordpress/icons");
 const react_1 = require("react");
+const social_logos_1 = require("social-logos");
 require("./style.scss");
-const ShareSiteModal = ({ setModalIsOpen, site }) => {
-    const queryClient = (0, react_query_1.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 getShareLinks = (siteUrl, text) => {
+    const encodedSiteUrl = encodeURIComponent(siteUrl);
+    const encodedText = encodeURIComponent(text);
+    return [
+        {
+            href: `mailto:?subject=${encodedText}&body=${encodedSiteUrl}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share via email', 'launchpad'),
+            icon: 'mail',
+            label: (0, i18n_1.__)('Email', 'launchpad'),
+        },
+        {
+            href: `http://www.tumblr.com/share/link?url=${encodedSiteUrl}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on Tumblr', 'launchpad'),
+            icon: 'tumblr',
+            label: (0, i18n_1.__)('Tumblr', 'launchpad'),
+        },
+        {
+            href: `https://bsky.app/intent/compose?text=${encodedSiteUrl}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on Bluesky', 'launchpad'),
+            icon: 'bluesky',
+            label: (0, i18n_1.__)('Bluesky', 'launchpad'),
+        },
+        {
+            href: `https://www.linkedin.com/shareArticle?mini=true&url=${encodedSiteUrl}&title=${encodedText}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on LinkedIn', 'launchpad'),
+            icon: 'linkedin',
+            label: (0, i18n_1.__)('LinkedIn', 'launchpad'),
+        },
+        {
+            href: `https://t.me/share/url?url=${encodedSiteUrl}&text=${encodedText}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on Telegram', 'launchpad'),
+            icon: 'telegram',
+            label: (0, i18n_1.__)('Telegram', 'launchpad'),
+        },
+        {
+            href: `http://www.reddit.com/submit?url=${encodedSiteUrl}&title=${encodedText}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on Reddit', 'launchpad'),
+            icon: 'reddit',
+            label: (0, i18n_1.__)('Reddit', 'launchpad'),
+        },
+        {
+            href: `https://api.whatsapp.com/send?text=${encodedSiteUrl}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on WhatsApp', 'launchpad'),
+            icon: 'whatsapp',
+            label: (0, i18n_1.__)('WhatsApp', 'launchpad'),
+        },
+        {
+            href: `https://x.com/intent/post?url=${encodedSiteUrl}&text=${encodedText}`,
+            className: 'share-site-modal__modal-share-link',
+            title: (0, i18n_1.__)('Share on X', 'launchpad'),
+            icon: 'x',
+            label: (0, i18n_1.__)('X', 'launchpad'),
+        },
+    ];
+};
+const getSiteSlug = (site) => {
+    if (!site) {
+        return '';
+    }
+    if (site.slug) {
+        return site.slug;
+    }
+    if (site.URL) {
+        return new URL(site.URL).host;
+    }
+    return '';
+};
+const getShareData = (site) => {
     const siteSlug = getSiteSlug(site);
-    const [clipboardCopied, setClipboardCopied] = (0, react_1.useState)(false);
-    const clipboardTextEl = (0, react_1.useRef)(null);
-    const copyHandler = async () => {
-        navigator.clipboard.writeText(`https://${siteSlug}`);
-        if (siteSlug) {
-            await (0, data_stores_1.updateLaunchpadSettings)(siteSlug, {
+    return {
+        title: siteSlug,
+        text: (0, i18n_1.sprintf)(
+        /* translators: siteSlug is the short form of the site URL with the https:// */
+        (0, i18n_1.__)('Please visit my site: %(siteSlug)s', 'launchpad'), {
+            siteSlug,
+        }),
+        url: site?.URL || '',
+    };
+};
+const ShareSiteModal = ({ setModalIsOpen, site, task }) => {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const shareData = getShareData(site);
+    const trackShareClick = (0, react_1.useCallback)(async (eventType) => {
+        (0, calypso_analytics_1.recordTracksEvent)('calypso_subscribers_share_site', {
+            type: eventType,
+            context: task?.id ? `launchpad-task-${task.id}` : null,
+            site_url: shareData.url,
+        });
+        if (shareData.title) {
+            await (0, data_stores_1.updateLaunchpadSettings)(shareData.title, {
                 checklist_statuses: { share_site: true },
             });
         }
         queryClient.invalidateQueries({ queryKey: ['launchpad'] });
+    }, [shareData, queryClient, task?.id]);
+    const [clipboardCopied, setClipboardCopied] = (0, react_1.useState)(false);
+    const clipboardTextEl = (0, react_1.useRef)(null);
+    const copyHandler = () => {
+        navigator.clipboard.writeText(shareData.url);
         setClipboardCopied(true);
+        trackShareClick('copy');
         setTimeout(() => setClipboardCopied(false), 3000);
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_2.Modal, { onRequestClose: () => setModalIsOpen(false), className: "share-site-modal__modal", title: "", children: (0, jsx_runtime_1.jsxs)("div", { className: "share-site-modal__modal-content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "share-site-modal__modal-text", children: [(0, jsx_runtime_1.jsx)("h1", { className: "share-site-modal__modal-heading", children: (0, i18n_1.__)('Share your site', 'launchpad') }), (0, jsx_runtime_1.jsx)("p", { className: "share-site-modal__modal-body", children: (0, i18n_1.__)('Now you can head over to your site and share it with the world.', 'launchpad') })] }), (0, jsx_runtime_1.jsx)("div", { className: "share-site-modal__modal-actions", children: (0, jsx_runtime_1.jsxs)("div", { className: "share-site-modal__modal-site", children: [(0, jsx_runtime_1.jsxs)("div", { className: "share-site-modal__modal-domain", children: [(0, jsx_runtime_1.jsx)("p", { className: "share-site-modal__modal-domain-text", ref: clipboardTextEl, children: siteSlug }), (0, jsx_runtime_1.jsx)(components_1.Popover, { className: "share-site-modal__popover", isVisible: clipboardCopied, context: clipboardTextEl.current, position: "top", children: (0, i18n_1.__)('Copied to clipboard!', 'launchpad') })] }), (0, jsx_runtime_1.jsxs)(components_2.Button, { onClick: copyHandler, className: "share-site-modal__modal-view-site", disabled: !siteSlug, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { icon: icons_1.link, size: 22 }), (0, jsx_runtime_1.jsx)("span", { className: "share-site-modal__modal-view-site-text", children: (0, i18n_1.__)('Copy', 'launchpad') })] })] }) })] }) }) }));
+    const canUseWebShare = window.navigator?.canShare && window.navigator.canShare(shareData);
+    const webShareClickHandler = (0, react_1.useCallback)(async () => {
+        if (!canUseWebShare) {
+            return;
+        }
+        trackShareClick('web-share');
+        await navigator.share(shareData);
+    }, [canUseWebShare, shareData, trackShareClick]);
+    const socialLinkClickHandler = (event) => {
+        event.preventDefault();
+        const eventType = event.currentTarget.dataset.eventType;
+        trackShareClick(eventType);
+        window.open(event.currentTarget.href, '_blank');
+    };
+    const shareLinks = (0, react_1.useMemo)(() => {
+        const _shareLinks = [
+            {
+                type: 'button',
+                className: 'share-site-modal__modal-share-link',
+                label: (0, i18n_1.__)('Share via device', 'launchpad'),
+                icon: icons_1.share,
+                onClick: webShareClickHandler,
+            },
+            ...getShareLinks(shareData.url, shareData.text),
+        ];
+        return _shareLinks;
+    }, [shareData, webShareClickHandler]);
+    return ((0, jsx_runtime_1.jsx)(components_2.Modal, { onRequestClose: () => setModalIsOpen(false), className: "share-site-modal__modal", title: (0, i18n_1.__)('Share your site', 'launchpad'), children: (0, jsx_runtime_1.jsx)(components_2.__experimentalVStack, { className: "share-site-modal__modal-content", spacing: 4, children: (0, jsx_runtime_1.jsxs)(components_2.__experimentalVStack, { className: "share-site-modal__modal-actions", spacing: 4, children: [(0, jsx_runtime_1.jsx)(components_1.Popover, { className: "share-site-modal__popover", isVisible: clipboardCopied, context: clipboardTextEl.current, position: "top", children: (0, i18n_1.__)('Copied to clipboard!', 'launchpad') }), (0, jsx_runtime_1.jsx)(components_2.__experimentalInputControl, { className: "share-site-modal__modal-input-container", __next40pxDefaultSize: true, value: shareData.title, label: (0, i18n_1.__)('Site URL', 'launchpad'), ref: clipboardTextEl, readOnly: true, hideLabelFromVision: true, suffix: (0, jsx_runtime_1.jsx)(components_2.Button, { onClick: copyHandler, className: "share-site-modal__modal-copy-link", disabled: !shareData.title || clipboardCopied, icon: clipboardCopied ? icons_1.check : icons_1.copy, label: (0, i18n_1.__)('Copy Site URL', 'launchpad') }) }), (0, jsx_runtime_1.jsx)(components_2.__experimentalHStack, { className: "share-site-modal__modal-social", as: "ul", justify: "start", children: shareLinks.map((link, index) => ((0, jsx_runtime_1.jsx)("li", { children: link.type === 'button' ? ((0, jsx_runtime_1.jsx)(components_2.Button, { className: link.className, onClick: link.onClick, icon: link.icon, children: link.label })) : ((0, jsx_runtime_1.jsxs)(components_2.Button, { href: link.href, className: link.className, label: link.title, rel: "noopener noreferrer", target: "_blank", onClick: socialLinkClickHandler, "data-event-type": link.icon, children: [(0, jsx_runtime_1.jsx)(social_logos_1.SocialLogo, { className: "share-site-modal__modal-icon", size: 24, icon: link.icon }), (0, jsx_runtime_1.jsx)("span", { children: link.label })] })) }, index))) })] }) }) }));
 };
 exports.default = ShareSiteModal;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -3,138 +3,45 @@
 .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-input-container {
+		input {
+			/* Required to tame the WordPress component's outrageously specific font size */
+			font-size: $font-body !important;
 		}
 	}
 
-	.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;
+	.share-site-modal__modal-social {
+		flex-wrap: wrap;
 		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;
+		list-style: none;
 	}
 
-	.share-site-modal__modal-upsell-content-highlight {
-		font-weight: bold;
-	}
-
-	.share-site-modal__modal-view-site {
-		display: flex;
+	.share-site-modal__modal-copy-link,
+	.share-site-modal__modal-share-link {
 		gap: 4px;
-
+		display: inline-flex;
+		align-items: center;
 		font-weight: 500;
-		/* stylelint-disable-next-line */
-		font-size: 14px;
+		padding: 4px 8px;
+		font-size: $font-body-small;
 		line-height: 20px;
 		letter-spacing: -0.154px;
 		color: #101517;
+		.share-site-modal__modal-icon {
+			border-radius: 100%;
+			padding: 4px;
+		}
+	}
+
+	.share-site-modal__modal-copy-link:disabled {
+		opacity: 0.5;
 	}
 
-	.share-site-modal__modal-view-site:visited {
+	.share-site-modal__modal-share-link:visited {
 		color: #101517;
 	}
 
-	.share-site-modal__modal-view-site:hover:not(:disabled) {
+	.share-site-modal__modal-share-link:hover:not(:disabled) {
 		text-decoration: underline;
 	}
 }

package/dist/cjs/checklist/index.js

@@ -7,13 +7,21 @@ const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const react_1 = require("react");
 const checklist_item_1 = require("../checklist-item");
 require("./style.scss");
-const Checklist = ({ children, makeLastTaskPrimaryAction }) => {
+const Checklist = ({ children, makeLastTaskPrimaryAction, highlightNextAction }) => {
     const lastChildIndex = react_1.Children.count(children) - 1;
+    let hasHighlightedItem = false;
     return ((0, jsx_runtime_1.jsx)("ul", { className: (0, clsx_1.default)('checklist__tasks', {
             'checklist__has-primary-action': makeLastTaskPrimaryAction,
         }), "aria-label": "Launchpad Checklist", children: react_1.Children.map(children || [], (child, index) => {
-            if (index === lastChildIndex) {
-                return (0, react_1.cloneElement)(child, { isPrimaryAction: makeLastTaskPrimaryAction });
+            const shouldHighlightItem = highlightNextAction && !hasHighlightedItem && child.props.task.completed === false;
+            if (shouldHighlightItem) {
+                hasHighlightedItem = true;
+            }
+            if (index === lastChildIndex || shouldHighlightItem) {
+                return (0, react_1.cloneElement)(child, {
+                    isPrimaryAction: makeLastTaskPrimaryAction,
+                    isHighlighted: shouldHighlightItem,
+                });
             }
             return child;
         }) }));

package/dist/cjs/checklist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAwB;AACxB,iCAAgG;AAChG,sDAA2F;AAC3F,wBAAsB;AAStB,MAAM,SAAS,GAAgB,CAAE,EAAE,QAAQ,EAAE,yBAAyB,EAAE,EAAG,EAAE;IAC5E,MAAM,cAAc,GAAG,gBAAQ,CAAC,KAAK,CAAE,QAAQ,CAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACN,+BACC,SAAS,EAAG,IAAA,cAAI,EAAE,kBAAkB,EAAE;YACrC,+BAA+B,EAAE,yBAAyB;SAC1D,CAAE,gBACQ,qBAAqB,YAE9B,gBAAQ,CAAC,GAAG,CAAE,QAAQ,IAAI,EAAE,EAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;YAClD,IAAK,KAAK,KAAK,cAAc,EAAG,CAAC;gBAChC,OAAO,IAAA,oBAAY,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,yBAAyB,EAAE,CAAE,CAAC;YAC9E,CAAC;YACD,OAAO,KAAK,CAAC;QACd,CAAC,CAAE,GACC,CACL,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,OAAO,CACN,gCAAI,SAAS,EAAC,kBAAkB,gBAAY,qBAAqB,aAChE,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,IACxB,CACL,CAAC;AACH,CAAC,CAAC;AATW,QAAA,WAAW,eAStB;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAwB;AACxB,iCAAgG;AAChG,sDAA2F;AAC3F,wBAAsB;AAUtB,MAAM,SAAS,GAAgB,CAAE,EAAE,QAAQ,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,EAAG,EAAE;IACjG,MAAM,cAAc,GAAG,gBAAQ,CAAC,KAAK,CAAE,QAAQ,CAAE,GAAG,CAAC,CAAC;IACtD,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAE/B,OAAO,CACN,+BACC,SAAS,EAAG,IAAA,cAAI,EAAE,kBAAkB,EAAE;YACrC,+BAA+B,EAAE,yBAAyB;SAC1D,CAAE,gBACQ,qBAAqB,YAE9B,gBAAQ,CAAC,GAAG,CAAE,QAAQ,IAAI,EAAE,EAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;YAClD,MAAM,mBAAmB,GACxB,mBAAmB,IAAI,CAAE,kBAAkB,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;YAErF,IAAK,mBAAmB,EAAG,CAAC;gBAC3B,kBAAkB,GAAG,IAAI,CAAC;YAC3B,CAAC;YAED,IAAK,KAAK,KAAK,cAAc,IAAI,mBAAmB,EAAG,CAAC;gBACvD,OAAO,IAAA,oBAAY,EAAE,KAAK,EAAE;oBAC3B,eAAe,EAAE,yBAAyB;oBAC1C,aAAa,EAAE,mBAAmB;iBAClC,CAAE,CAAC;YACL,CAAC;YACD,OAAO,KAAK,CAAC;QACd,CAAC,CAAE,GACC,CACL,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,OAAO,CACN,gCAAI,SAAS,EAAC,kBAAkB,gBAAY,qBAAqB,aAChE,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,EAC5B,uBAAC,4BAAwB,KAAG,IACxB,CACL,CAAC;AACH,CAAC,CAAC;AATW,QAAA,WAAW,eAStB;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/checklist-item/index.js

@@ -6,9 +6,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("@automattic/components");
 const components_2 = require("@wordpress/components");
 const i18n_1 = require("@wordpress/i18n");
+const icons_1 = require("@wordpress/icons");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 require("./style.scss");
-const ChecklistItem = ({ task, isPrimaryAction, expandable, onClick }) => {
+const ChecklistItem = ({ task, isPrimaryAction, isHighlighted, expandable, onClick, }) => {
     const { id, completed, disabled = false, title, subtitle, actionDispatch } = task;
     // If the task says we should use the Calypso path, ensure we use that link for the button's href.
     // This allows the UI routing code to hook into the URL changes and should reduce full-page (re)loads
@@ -33,15 +34,35 @@ const ChecklistItem = ({ task, isPrimaryAction, expandable, onClick }) => {
     // Make sure the button keeps the button styles if it is not clickable.
     const buttonClassName = isClickable ? '' : 'components-button';
     const ButtonElement = isClickable ? components_2.Button : 'div';
+    const getStatusText = () => {
+        const taskTitle = typeof title === 'string' ? title : String(title);
+        if (completed) {
+            /* translators: %s: Task title */
+            return (0, i18n_1.sprintf)((0, i18n_1.__)('Completed: %s', 'launchpad'), taskTitle);
+        }
+        if (disabled) {
+            /* translators: %s: Task title */
+            return (0, i18n_1.sprintf)((0, i18n_1.__)('Not available yet: %s', 'launchpad'), taskTitle);
+        }
+        if (isClickable) {
+            if (isPrimaryAction) {
+                /* translators: %s: Task title */
+                return (0, i18n_1.sprintf)((0, i18n_1.__)('Start task: %s', 'launchpad'), taskTitle);
+            }
+            /* translators: %s: Task title in lowercase */
+            return (0, i18n_1.sprintf)((0, i18n_1.__)('Select to %s', 'launchpad'), taskTitle.toLowerCase());
+        }
+        /* translators: %s: Task title */
+        return (0, i18n_1.sprintf)((0, i18n_1.__)('To do: %s', 'launchpad'), taskTitle);
+    };
     return ((0, jsx_runtime_1.jsxs)("li", { className: (0, clsx_1.default)('checklist-item__task', {
             completed: completed,
             pending: !completed,
             enabled: !disabled,
             disabled: disabled,
             expanded: expandable && expandable.isOpen,
-        }), children: [isPrimaryAction ? ((0, jsx_runtime_1.jsx)(ButtonElement, { className: (0, clsx_1.default)('checklist-item__checklist-primary-button', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: title })) : ((0, jsx_runtime_1.jsxs)(ButtonElement, { className: (0, clsx_1.default)('checklist-item__task-content', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: [completed && (
-                    // show checkmark for completed tasks regardless if they are disabled or kept active
-                    (0, jsx_runtime_1.jsx)("div", { className: "checklist-item__checkmark-container", children: (0, jsx_runtime_1.jsx)(components_1.Gridicon, { "aria-label": (0, i18n_1.__)('Task complete', 'launchpad'), className: "checklist-item__checkmark", icon: "checkmark", size: 18 }) })), (0, jsx_runtime_1.jsx)("span", { className: "checklist-item__text", children: title }), task.badge_text ? (0, jsx_runtime_1.jsx)(components_1.Badge, { type: "info-blue", children: task.badge_text }) : null, shouldDisplayTaskCounter && ((0, jsx_runtime_1.jsxs)("span", { className: "checklist-item__counter", children: [task.repetition_count, "/", task.target_repetitions] })), shouldDisplayChevron && ((0, jsx_runtime_1.jsx)(components_1.Gridicon, { "aria-label": (0, i18n_1.__)('Task enabled', 'launchpad'), className: "checklist-item__chevron", icon: `chevron-${(0, i18n_1.isRTL)() ? 'left' : 'right'}`, size: 18 })), subtitle && (0, jsx_runtime_1.jsx)("p", { className: "checklist-item__subtext", children: subtitle })] })), expandable && expandable.isOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "checklist-item__expanded-content", children: [expandable.content, expandable.action && ((0, jsx_runtime_1.jsx)(components_2.Button, { className: "checklist-item__checklist-expanded-action-button", onClick: expandable.action.onClick, children: expandable.action.label }))] }))] }));
+            highlighted: isHighlighted,
+        }), "aria-current": isHighlighted ? 'step' : undefined, children: [isPrimaryAction ? ((0, jsx_runtime_1.jsxs)(ButtonElement, { variant: "primary", className: (0, clsx_1.default)('checklist-item__checklist-primary-button', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: [(0, jsx_runtime_1.jsx)("span", { className: "screen-reader-text", children: getStatusText() }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: title })] })) : ((0, jsx_runtime_1.jsxs)(ButtonElement, { className: (0, clsx_1.default)('checklist-item__task-content', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: [completed && ((0, jsx_runtime_1.jsx)("div", { className: "checklist-item__checkmark-container", "aria-hidden": "true", "data-testid": "checklist-item-checkmark", children: (0, jsx_runtime_1.jsx)(components_2.Icon, { icon: icons_1.check, className: "checklist-item__checkmark", size: 25 }) })), (0, jsx_runtime_1.jsxs)("span", { className: "checklist-item__text", children: [(0, jsx_runtime_1.jsx)("span", { className: "screen-reader-text", children: getStatusText() }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: title })] }), task.badge_text ? (0, jsx_runtime_1.jsx)(components_1.Badge, { type: "info-blue", children: task.badge_text }) : null, shouldDisplayTaskCounter && ((0, jsx_runtime_1.jsxs)("span", { className: "checklist-item__counter", children: [task.repetition_count, "/", task.target_repetitions] })), shouldDisplayChevron && ((0, jsx_runtime_1.jsx)(components_2.Icon, { "aria-hidden": "true", className: "checklist-item__chevron", icon: (0, i18n_1.isRTL)() ? icons_1.chevronLeft : icons_1.chevronRight, size: 25 })), subtitle && (0, jsx_runtime_1.jsx)("p", { className: "checklist-item__subtext", children: subtitle })] })), expandable && expandable.isOpen && ((0, jsx_runtime_1.jsx)("div", { className: "checklist-item__expanded-content", children: expandable.content }))] }));
 };
 const Placeholder = () => {
     return ((0, jsx_runtime_1.jsx)("div", { className: "checklist-item__task-content is-placeholder", children: (0, jsx_runtime_1.jsx)("div", { className: "checklist-item__content", children: (0, jsx_runtime_1.jsx)("div", {}) }) }));

package/dist/cjs/checklist-item/index.js.map

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

package/dist/cjs/checklist-item/index.stories.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandedWithAction = exports.Expanded = exports.WithSubtitle = exports.WithTaskCounter = exports.WithBadgetText = exports.Disabled = exports.Completed = exports.Default = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
 const _1 = tslib_1.__importDefault(require("./"));
 const meta = {
     title: 'Launchpad/ChecklistItem',
@@ -66,12 +67,8 @@ exports.ExpandedWithAction = {
     args: {
         task: baseTask,
         expandable: {
-            content: (0, jsx_runtime_1.jsx)("p", { children: "This is the expanded content." }),
+            content: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: "This is the expanded content." }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", onClick: () => { }, children: "Action" }) })] })),
             isOpen: true,
-            action: {
-                label: 'Next',
-                onClick: () => { },
-            },
         },
     },
 };

package/dist/cjs/checklist-item/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+B;AAG/B,MAAM,IAAI,GAAiC;IAC1C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,UAAa;IACxB,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,gCAAK,KAAK,EAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAC1B,+BAAI,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,KAAK,KAAG,GACL,GACA,CACN;KACD;CACD,CAAC;AAGF,MAAM,QAAQ,GAAG;IAChB,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CACf,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,QAAQ;KACd;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE;KACtC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrC;CACD,CAAC;AAEW,QAAA,cAAc,GAAU;IACpC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE;KACjD;CACD,CAAC;AAEW,QAAA,eAAe,GAAU;IACrC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,gBAAgB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE;KACjE;CACD,CAAC;AAEW,QAAA,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE;KACrD;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,0EAAoC;YAC7C,MAAM,EAAE,IAAI;SACZ;KACD;CACD,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACxC,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,0EAAoC;YAC7C,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aACjB;SACD;KACD;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":";;;;;AAAA,sDAA+C;AAC/C,kDAA+B;AAG/B,MAAM,IAAI,GAAiC;IAC1C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,UAAa;IACxB,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,gCAAK,KAAK,EAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAC1B,+BAAI,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,KAAK,KAAG,GACL,GACA,CACN;KACD;CACD,CAAC;AAGF,MAAM,QAAQ,GAAG;IAChB,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CACf,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,QAAQ;KACd;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE;KACtC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrC;CACD,CAAC;AAEW,QAAA,cAAc,GAAU;IACpC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE;KACjD;CACD,CAAC;AAEW,QAAA,eAAe,GAAU;IACrC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,gBAAgB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE;KACjE;CACD,CAAC;AAEW,QAAA,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE;KACrD;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,0EAAoC;YAC7C,MAAM,EAAE,IAAI;SACZ;KACD;CACD,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACxC,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,CACR,6DACC,0EAAoC,EACpC,0CACC,uBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAG,GAAG,EAAE,GAAE,CAAC,uBAEnC,GACJ,IACJ,CACH;YACD,MAAM,EAAE,IAAI;SACZ;KACD;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/checklist-item/style.scss

@@ -111,7 +111,6 @@
 
 .checklist-item__checkmark-container {
 	margin-right: 7px;
-	width: 20px;
 	display: flex;
 	margin-left: 1px;
 	margin-bottom: -2px;
@@ -191,7 +190,7 @@
 
 	.checklist-item__chevron,
 	.checklist-item__checkmark {
-		fill: var(--color-neutral-40);
+		fill: var(--color-success);
 	}
 	.checklist-item__counter {
 		color: var(--color-neutral-40);
@@ -208,12 +207,12 @@
 .checklist-item__task.completed.enabled > a:focus,
 .checklist-item__task.pending > a:focus {
 	.checklist-item__text {
-		color: var(--studio-blue-50);
+		color: var(--color-accent);
 	}
 
 	.checklist-item__chevron,
 	.checklist-item__checkmark {
-		fill: var(--studio-blue-50);
+		fill: var(--color-accent);
 	}
 
 	// change badge color on hover (Choose a Plan step)
@@ -249,44 +248,30 @@
 	font-weight: 600;
 }
 
-.checklist-item__checklist-expanded-action-button.components-button,
 .checklist-item__checklist-primary-button.components-button {
 	width: 100%;
+}
+
+.checklist-item__checklist-expanded-cta,
+.checklist-item__checklist-primary-button.components-button {
 	font-weight: 500;
 	padding: 11px;
 	margin-top: 12px;
-	background-color: var(--color-primary);
-	border-color: var(--color-primary);
 	border-radius: 4px;
-	color: var(--color-text-inverted);
 	justify-content: center;
 	font-size: $font-body-small;
 	height: auto;
 	line-height: 22px;
+}
 
-	&:hover:not([disabled]) {
-		background-color: var(--color-primary-60);
-		border-color: var(--color-primary-60);
-		color: var(--color-text-inverted);
-	}
-
-	&[disabled] {
-		background-color: var(--color-primary-10);
-		border-color: var(--color-primary-10);
-		color: var(--color-text-inverted);
-	}
-
-	&:disabled {
-		opacity: 1;
-		&:hover {
-			color: var(--color-text-inverted);
-		}
-	}
+// Expanded content
+.checklist-item__checklist-expanded-ctas {
+	display: flex;
+	gap: 16px;
 }
 
-.checklist-item__checklist-expanded-action-button.components-button {
-	display: block;
-	margin: 16px 0;
+.checklist-item__checklist-expanded-cta {
+	flex: 1;
 }
 
 .checklist-item__expanded-content {

package/dist/cjs/launchpad-internal.js

@@ -11,7 +11,7 @@ const use_tracking_1 = require("./use-tracking");
  * Low-level launchpad component that should only be used in exceptional cases.
  * Please use the main Launchpad component whenever possible.
  */
-const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, useLaunchpadOptions = {}, launchpadContext, }) => {
+const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, highlightNextAction, useLaunchpadOptions = {}, launchpadContext, }) => {
     const launchpadData = (0, data_stores_1.useLaunchpad)(siteSlug || '', checklistSlug, useLaunchpadOptions, launchpadContext);
     const { isFetchedAfterMount, data } = launchpadData;
     const { checklist } = data;
@@ -34,7 +34,7 @@ const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, ma
         trackTaskClick(task);
         task?.actionDispatch?.();
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: "launchpad__checklist-wrapper", children: isFetchedAfterMount ? ((0, jsx_runtime_1.jsx)(checklist_1.default, { makeLastTaskPrimaryAction: makeLastTaskPrimaryAction, children: tasks.map((task) => ((0, jsx_runtime_1.jsx)(checklist_item_1.default, { task: task, onClick: () => itemClickHandler(task) }, task.id))) })) : ((0, jsx_runtime_1.jsx)(checklist_1.Placeholder, {})) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "launchpad__checklist-wrapper", children: isFetchedAfterMount ? ((0, jsx_runtime_1.jsx)(checklist_1.default, { makeLastTaskPrimaryAction: makeLastTaskPrimaryAction, highlightNextAction: highlightNextAction, children: tasks.map((task) => ((0, jsx_runtime_1.jsx)(checklist_item_1.default, { task: task, onClick: () => itemClickHandler(task) }, task.id))) })) : ((0, jsx_runtime_1.jsx)(checklist_1.Placeholder, {})) }));
 };
 exports.default = LaunchpadInternal;
 //# sourceMappingURL=launchpad-internal.js.map