@automattic/launchpad 1.0.0 → 1.1.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAG9C,OAAO,cAAc,CAAC;AAOtB,MAAM,SAAS,GAAG,CAAE,EAAE,KAAK,EAAE,yBAAyB,EAAkB,EAAG,EAAE;IAC5E,OAAO,CACN,aACC,SAAS,EAAG,UAAU,CAAE,kBAAkB,EAAE;YAC3C,+BAA+B,EAAE,yBAAyB;SAC1D,CAAE,gBACQ,qBAAqB,YAE9B,KAAK;YACN,KAAK,CAAC,GAAG,CAAE,CAAE,IAAU,EAAE,KAAa,EAAG,EAAE,CAAC,CAC3C,KAAC,aAAa,IAEb,IAAI,EAAG,IAAI,EACX,eAAe,EAAG,yBAAyB,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAFnE,IAAI,CAAC,EAAE,CAGZ,CACF,CAAE,GACA,CACL,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,GAAG,EAAE;IAC5B,OAAO,CACN,cAAI,SAAS,EAAC,kBAAkB,gBAAY,qBAAqB,aAChE,KAAC,aAAa,CAAC,WAAW,KAAG,EAC7B,KAAC,aAAa,CAAC,WAAW,KAAG,EAC7B,KAAC,aAAa,CAAC,WAAW,KAAG,EAC7B,KAAC,aAAa,CAAC,WAAW,KAAG,IACzB,CACL,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAmD,MAAM,OAAO,CAAC;AAChG,OAAsB,EAAE,WAAW,IAAI,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,cAAc,CAAC;AAStB,MAAM,SAAS,GAAgB,CAAE,EAAE,QAAQ,EAAE,yBAAyB,EAAE,EAAG,EAAE;IAC5E,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAE,QAAQ,CAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACN,aACC,SAAS,EAAG,IAAI,CAAE,kBAAkB,EAAE;YACrC,+BAA+B,EAAE,yBAAyB;SAC1D,CAAE,gBACQ,qBAAqB,YAE9B,QAAQ,CAAC,GAAG,CAAE,QAAQ,IAAI,EAAE,EAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;YAClD,IAAK,KAAK,KAAK,cAAc,EAAG,CAAC;gBAChC,OAAO,YAAY,CAAE,KAAK,EAAE,EAAE,eAAe,EAAE,yBAAyB,EAAE,CAAE,CAAC;YAC9E,CAAC;YACD,OAAO,KAAK,CAAC;QACd,CAAC,CAAE,GACC,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,OAAO,CACN,cAAI,SAAS,EAAC,kBAAkB,gBAAY,qBAAqB,aAChE,KAAC,wBAAwB,KAAG,EAC5B,KAAC,wBAAwB,KAAG,EAC5B,KAAC,wBAAwB,KAAG,EAC5B,KAAC,wBAAwB,KAAG,IACxB,CACL,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/checklist/index.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChecklistItem from '../checklist-item';
+import Checklist from './';
+const meta = {
+    title: 'Launchpad/Checklist',
+    component: Checklist,
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: 300 }, children: _jsx(Story, {}) })),
+    ],
+    args: {
+        children: [
+            _jsx(ChecklistItem, { task: { id: '1', title: 'Task 1', completed: true, disabled: true }, onClick: () => { } }, "1"),
+            _jsx(ChecklistItem, { task: { id: '2', title: 'Task 2', disabled: false, completed: false }, onClick: () => { } }, "2"),
+            _jsx(ChecklistItem, { task: { id: '3', title: 'Task 3', disabled: false, completed: false }, onClick: () => { } }, "3"),
+        ],
+    },
+};
+export const Default = {};
+export const WithMakeLastTaskPrimaryAction = {
+    args: {
+        makeLastTaskPrimaryAction: true,
+    },
+};
+export default meta;
+//# sourceMappingURL=index.stories.js.map

package/dist/esm/checklist/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/checklist/index.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,SAAS,MAAM,IAAI,CAAC;AAG3B,MAAM,IAAI,GAA6B;IACtC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAC1B,KAAC,KAAK,KAAG,GACJ,CACN;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,KAAC,aAAa,IAEb,IAAI,EAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EACpE,OAAO,EAAG,GAAG,EAAE,GAAE,CAAC,IAFd,GAAG,CAGN;YACF,KAAC,aAAa,IAEb,IAAI,EAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EACtE,OAAO,EAAG,GAAG,EAAE,GAAE,CAAC,IAFd,GAAG,CAGN;YACF,KAAC,aAAa,IAEb,IAAI,EAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EACtE,OAAO,EAAG,GAAG,EAAE,GAAE,CAAC,IAFd,GAAG,CAGN;SACF;KACD;CACD,CAAC;AAGF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,6BAA6B,GAAU;IACnD,IAAI,EAAE;QACL,yBAAyB,EAAE,IAAI;KAC/B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,31 +1,45 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button, Gridicon } from '@automattic/components';
-import classnames from 'classnames';
-import { translate, useRtl } from 'i18n-calypso';
+import { Badge, Gridicon } from '@automattic/components';
+import { Button } from '@wordpress/components';
+import { __, isRTL } from '@wordpress/i18n';
+import clsx from 'clsx';
 import './style.scss';
-const ChecklistItem = ({ task, isPrimaryAction }) => {
-    const isRtl = useRtl();
-    const { id, completed, disabled, title, subtitle, actionDispatch } = task;
-    // Display chevron if task is incomplete. Don't display chevron and badge at the same time.
-    const shouldDisplayChevron = !completed && !disabled && !task.badge_text;
-    const handlePrimaryAction = () => {
-        localStorage.removeItem('launchpad_siteSlug');
-        actionDispatch && actionDispatch();
+const ChecklistItem = ({ task, isPrimaryAction, 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
+    // when clicking on the task list items.
+    const buttonHref = task.useCalypsoPath && task.calypso_path ? task.calypso_path : undefined;
+    // The Button component does not accept the `disabled` and `href` props together.
+    // This code will only add href property if the disabled variable is false.
+    const buttonProps = {
+        disabled,
+        ...(disabled ? {} : { href: buttonHref }),
     };
+    const onClickHandler = onClick || actionDispatch;
+    const isClickable = !!(buttonProps.href || onClickHandler);
+    // Display chevron if task is incomplete.
+    // Don't display chevron and badge at the same time.
+    // Don't display chevron if item is not clickable.
+    const shouldDisplayChevron = !completed && !disabled && !task.badge_text && isClickable;
     // Display task counter if task is incomplete and has the count properties;
     const shouldDisplayTaskCounter = task.target_repetitions &&
         null !== task.repetition_count &&
         undefined !== task.repetition_count;
-    return (_jsx("li", { className: classnames('checklist-item__task', {
+    // Make sure the button keeps the button styles if it is not clickable.
+    const buttonClassName = isClickable ? '' : 'components-button';
+    const ButtonElement = isClickable ? Button : 'div';
+    return (_jsxs("li", { className: clsx('checklist-item__task', {
             completed: completed,
             pending: !completed,
             enabled: !disabled,
             disabled: disabled,
-        }), children: isPrimaryAction ? (_jsx(Button, { className: "checklist-item__checklist-primary-button", disabled: disabled, "data-task": id, onClick: handlePrimaryAction, children: title })) : (_jsxs(Button, { className: "checklist-item__task-content", disabled: disabled, "data-task": id, onClick: actionDispatch, children: [completed && (
-                // show checkmark for completed tasks regardless if they are disabled or kept active
-                _jsx("div", { className: "checklist-item__checkmark-container", children: _jsx(Gridicon, { "aria-label": translate('Task complete'), className: "checklist-item__checkmark", icon: "checkmark", size: 18 }) })), _jsx("span", { className: "checklist-item__text", children: title }), task.badge_text ? _jsx(Badge, { type: "info-blue", children: task.badge_text }) : null, shouldDisplayTaskCounter && (_jsxs("span", { className: "checklist-item__counter", children: [task.repetition_count, "/", task.target_repetitions] })), shouldDisplayChevron && (_jsx(Gridicon, { "aria-label": translate('Task enabled'), className: "checklist-item__chevron", icon: `chevron-${isRtl ? 'left' : 'right'}`, size: 18 })), subtitle && _jsx("p", { className: "checklist-item__subtext", children: subtitle })] })) }));
+            expanded: expandable && expandable.isOpen,
+        }), children: [isPrimaryAction ? (_jsx(ButtonElement, { className: clsx('checklist-item__checklist-primary-button', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: title })) : (_jsxs(ButtonElement, { className: clsx('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
+                    _jsx("div", { className: "checklist-item__checkmark-container", children: _jsx(Gridicon, { "aria-label": __('Task complete', 'launchpad'), className: "checklist-item__checkmark", icon: "checkmark", size: 18 }) })), _jsx("span", { className: "checklist-item__text", children: title }), task.badge_text ? _jsx(Badge, { type: "info-blue", children: task.badge_text }) : null, shouldDisplayTaskCounter && (_jsxs("span", { className: "checklist-item__counter", children: [task.repetition_count, "/", task.target_repetitions] })), shouldDisplayChevron && (_jsx(Gridicon, { "aria-label": __('Task enabled', 'launchpad'), className: "checklist-item__chevron", icon: `chevron-${isRTL() ? 'left' : 'right'}`, size: 18 })), subtitle && _jsx("p", { className: "checklist-item__subtext", children: subtitle })] })), expandable && expandable.isOpen && (_jsxs("div", { className: "checklist-item__expanded-content", children: [expandable.content, expandable.action && (_jsx(Button, { className: "checklist-item__checklist-expanded-action-button", onClick: expandable.action.onClick, children: expandable.action.label }))] }))] }));
 };
-ChecklistItem.Placeholder = () => {
+export const Placeholder = () => {
     return (_jsx("div", { className: "checklist-item__task-content is-placeholder", children: _jsx("div", { className: "checklist-item__content", children: _jsx("div", {}) }) }));
 };
 export default ChecklistItem;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAG,CAAE,EAAE,IAAI,EAAE,eAAe,EAA6C,EAAG,EAAE;IAChG,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAE1E,2FAA2F;IAC3F,MAAM,oBAAoB,GAAG,CAAE,SAAS,IAAI,CAAE,QAAQ,IAAI,CAAE,IAAI,CAAC,UAAU,CAAC;IAE5E,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAChC,YAAY,CAAC,UAAU,CAAE,oBAAoB,CAAE,CAAC;QAChD,cAAc,IAAI,cAAc,EAAE,CAAC;IACpC,CAAC,CAAC;IAEF,2EAA2E;IAC3E,MAAM,wBAAwB,GAC7B,IAAI,CAAC,kBAAkB;QACvB,IAAI,KAAK,IAAI,CAAC,gBAAgB;QAC9B,SAAS,KAAK,IAAI,CAAC,gBAAgB,CAAC;IAErC,OAAO,CACN,aACC,SAAS,EAAG,UAAU,CAAE,sBAAsB,EAAE;YAC/C,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,CAAE,SAAS;YACpB,OAAO,EAAE,CAAE,QAAQ;YACnB,QAAQ,EAAE,QAAQ;SAClB,CAAE,YAED,eAAe,CAAC,CAAC,CAAC,CACnB,KAAC,MAAM,IACN,SAAS,EAAC,0CAA0C,EACpD,QAAQ,EAAG,QAAQ,eACP,EAAE,EACd,OAAO,EAAG,mBAAmB,YAE3B,KAAK,GACC,CACT,CAAC,CAAC,CAAC,CACH,MAAC,MAAM,IACN,SAAS,EAAC,8BAA8B,EACxC,QAAQ,EAAG,QAAQ,eACP,EAAE,EACd,OAAO,EAAG,cAAc,aAEtB,SAAS,IAAI;gBACd,oFAAoF;gBACpF,cAAK,SAAS,EAAC,qCAAqC,YACnD,KAAC,QAAQ,kBACK,SAAS,CAAE,eAAe,CAAE,EACzC,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,IAAI,EAAG,EAAE,GACR,GACG,CACN,EACD,eAAM,SAAS,EAAC,sBAAsB,YAAG,KAAK,GAAS,EACrD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAC,WAAW,YAAG,IAAI,CAAC,UAAU,GAAU,CAAC,CAAC,CAAC,IAAI,EAC5E,wBAAwB,IAAI,CAC7B,gBAAM,SAAS,EAAC,yBAAyB,aACtC,IAAI,CAAC,gBAAgB,OAAK,IAAI,CAAC,kBAAkB,IAC7C,CACP,EACC,oBAAoB,IAAI,CACzB,KAAC,QAAQ,kBACK,SAAS,CAAE,cAAc,CAAE,EACxC,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAG,WAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAQ,EAAE,EAC9C,IAAI,EAAG,EAAE,GACR,CACF,EACC,QAAQ,IAAI,YAAG,SAAS,EAAC,yBAAyB,YAAG,QAAQ,GAAM,IAC7D,CACT,GACG,CACL,CAAC;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,GAAG,EAAE;IAChC,OAAO,CACN,cAAK,SAAS,EAAC,6CAA6C,YAC3D,cAAK,SAAS,EAAC,yBAAyB,YACvC,eAAW,GACN,GACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChecklistItem from './';
+const meta = {
+    title: 'Launchpad/ChecklistItem',
+    component: ChecklistItem,
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: 300 }, children: _jsx("ul", { className: "checklist__tasks", children: _jsx(Story, {}) }) })),
+    ],
+};
+const baseTask = {
+    id: '1',
+    title: 'Task 1',
+    completed: false,
+    disabled: false,
+};
+export const Default = {
+    args: {
+        onClick: () => { },
+        task: baseTask,
+    },
+};
+export const Completed = {
+    args: {
+        onClick: () => { },
+        task: { ...baseTask, completed: true },
+    },
+};
+export const Disabled = {
+    args: {
+        onClick: () => { },
+        task: { ...baseTask, disabled: true },
+    },
+};
+export const WithBadgetText = {
+    args: {
+        onClick: () => { },
+        task: { ...baseTask, badge_text: 'Upgrade plan' },
+    },
+};
+export const WithTaskCounter = {
+    args: {
+        onClick: () => { },
+        task: { ...baseTask, repetition_count: 1, target_repetitions: 3 },
+    },
+};
+export const WithSubtitle = {
+    args: {
+        onClick: () => { },
+        task: { ...baseTask, subtitle: 'This is a subtitle' },
+    },
+};
+export const Expanded = {
+    args: {
+        task: baseTask,
+        expandable: {
+            content: _jsx("p", { children: "This is the expanded content." }),
+            isOpen: true,
+        },
+    },
+};
+export const ExpandedWithAction = {
+    args: {
+        task: baseTask,
+        expandable: {
+            content: _jsx("p", { children: "This is the expanded content." }),
+            isOpen: true,
+            action: {
+                label: 'Next',
+                onClick: () => { },
+            },
+        },
+    },
+};
+export default meta;
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,IAAI,CAAC;AAG/B,MAAM,IAAI,GAAiC;IAC1C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAC1B,aAAI,SAAS,EAAC,kBAAkB,YAC/B,KAAC,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;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,IAAI,EAAE,QAAQ;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,wDAAoC;YAC7C,MAAM,EAAE,IAAI;SACZ;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACxC,IAAI,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE;YACX,OAAO,EAAE,wDAAoC;YAC7C,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aACjB;SACD;KACD;CACD,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -2,8 +2,8 @@
 @import "@wordpress/base-styles/breakpoints";
 @import "@automattic/typography/styles/variables";
 
-.checklist-item__task-content {
-	align-items: flex-start;
+.checklist-item__task-content.components-button {
+	align-items: center;
 	background-color: transparent;
 	border-bottom: 1px solid var(--studio-gray-5);
 	border-left: none;
@@ -15,10 +15,51 @@
 	width: 100%;
 	margin: 0;
 	color: var(--color-neutral-100);
+	height: auto;
+	font-family: $sans;
+	font-size: $font-body-small;
+	line-height: 22px;
+	outline: 0;
+	overflow: hidden;
+	text-decoration: none;
+	padding-left: 2px;
+
+	&:is(button, a) {
+		cursor: pointer;
+	}
+
+	&:is(div) {
+		cursor: default;
+	}
+
+	&:visited {
+		color: var(--color-neutral-100);
+	}
+
+	&:disabled {
+		opacity: 1;
+		color: var(--color-neutral-20);
+	}
 
 	&.is-placeholder {
 		padding: 16px 0 16px 0;
 	}
+
+	&:focus-visible {
+		outline: var(--color-primary);
+		box-shadow: 0 0 0 2px var(--color-primary-light);
+	}
+
+	.badge {
+		margin-left: auto;
+		background-color: var(--studio-blue-5);
+		color: var(--studio-blue-80);
+		font-size: $font-body-extra-small;
+	}
+
+	.checklist-item__chevron {
+		width: auto;
+	}
 }
 
 .checklist-item__content {
@@ -38,27 +79,28 @@
 	}
 }
 
-.button.checklist-item__task-content:hover:not([disabled]),
-.button.checklist-item__task-content:focus:not([disabled]) {
-	fill: var(--studio-blue-50);
-	color: var(--studio-blue-50);
-	border-bottom: 1px solid var(--studio-gray-5);
+.checklist-item__task-content {
+	&.is-placeholder {
+		padding: 5px 0 5px 0;
+	}
 }
 
-.checklist-item__task-content .badge {
-	margin-left: auto;
-	background-color: var(--studio-blue-5);
-	color: var(--studio-blue-80);
-	font-size: $font-body-extra-small;
+.checklist-item__task-content.components-button:hover:not([disabled]),
+.checklist-item__task-content.components-button:focus:not([disabled]) {
+	&:is(button, a) {
+		fill: var(--studio-blue-50);
+		color: var(--studio-blue-50);
+	}
+	border-bottom: 1px solid var(--studio-gray-5);
 }
 
-.checklist-item__task-content[disabled],
-.checklist-item__task-content[disabled]:focus {
+.checklist-item__task-content.components-button[disabled],
+.checklist-item__task-content.components-button[disabled]:focus {
 	background-color: transparent;
 	pointer-events: none;
 }
 
-.checklist-item__task-content[data-task="verify_email"] {
+.checklist-item__task-content.components-button[data-task="verify_email"] {
 	color: var(--color-text);
 }
 
@@ -68,11 +110,13 @@
 }
 
 .checklist-item__checkmark-container {
-	margin-right: 8px;
+	margin-right: 7px;
 	width: 20px;
+	display: flex;
+	margin-left: 1px;
+	margin-bottom: -2px;
 
 	.checklist-item__checkmark {
-		top: 2px;
 		vertical-align: text-bottom;
 	}
 }
@@ -103,7 +147,7 @@
 	}
 }
 
-.checklist-item__task-content:hover .checklist-item__subtext {
+.checklist-item__task-content.components-button:hover .checklist-item__subtext {
 	color: var(--color-neutral-100);
 }
 
@@ -125,6 +169,18 @@
 	}
 }
 
+.checklist-item__task.expanded {
+	.checklist-item__task-content,
+	.checklist-item__task-content:hover,
+	.checklist-item__task-content:focus {
+		border-bottom: none;
+	}
+
+	.checklist-item__task-content {
+		padding-bottom: 0;
+	}
+}
+
 // completed tasks (both enabled and disabled)
 .checklist-item__task.completed.disabled,
 .checklist-item__task.completed.enabled {
@@ -145,8 +201,10 @@
 }
 
 // pending tasks and completed enabled
-.checklist-item__task.completed.enabled:hover,
-.checklist-item__task.pending:hover,
+.checklist-item__task.completed.enabled > button:hover,
+.checklist-item__task.pending > button:hover,
+.checklist-item__task.completed.enabled > a:hover,
+.checklist-item__task.pending > a:hover,
 .checklist-item__task.completed.enabled > a:focus,
 .checklist-item__task.pending > a:focus {
 	.checklist-item__text {
@@ -171,7 +229,7 @@
 // pending disabled tasks
 .checklist-item__task.pending.disabled {
 	.checklist-item__text {
-		color: inherit;
+		color: var(--color-neutral-20);
 	}
 }
 
@@ -191,14 +249,20 @@
 	font-weight: 600;
 }
 
-.checklist-item__checklist-primary-button {
+.checklist-item__checklist-expanded-action-button.components-button,
+.checklist-item__checklist-primary-button.components-button {
 	width: 100%;
 	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);
@@ -211,4 +275,60 @@
 		border-color: var(--color-primary-10);
 		color: var(--color-text-inverted);
 	}
+
+	&:disabled {
+		opacity: 1;
+		&:hover {
+			color: var(--color-text-inverted);
+		}
+	}
+}
+
+.checklist-item__checklist-expanded-action-button.components-button {
+	display: block;
+	margin: 16px 0;
+}
+
+.checklist-item__expanded-content {
+	padding-left: 2px;
+	font-family: $sans;
+	font-size: $font-body-small;
+
+	p {
+		margin: 12px 0;
+	}
+}
+
+.checklist-item__checklist-secondary-button.components-button {
+	width: 100%;
+	font-weight: 500;
+	padding: 11px;
+	margin-top: 12px;
+	background-color: var(--studio-white);
+	border: 1px solid var(--studio-gray-100);
+	border-radius: 4px;
+	color: var(--color-text);
+	justify-content: center;
+	font-size: $font-body-small;
+	height: auto;
+	line-height: 22px;
+
+	&:hover:not([disabled]) {
+		background-color: var(--studio-gray-0);
+		border-color: var(--color-neutral-40);
+		color: var(--color-text);
+	}
+
+	&[disabled] {
+		background-color: var(--studio-gray-0);
+		border: none;
+		color: var(--color-neutral-40);
+	}
+
+	&:disabled {
+		opacity: 1;
+		&:hover {
+			color: var(--color-neutral-40);
+		}
+	}
 }

package/dist/esm/index.js

@@ -1,6 +1,9 @@
 export { default as Checklist } from './checklist';
 export { default as ChecklistItem } from './checklist-item';
+export { default as LaunchpadInternal } from './launchpad-internal';
+export { default as LaunchpadContainer } from './launchpad-container';
 export { default as Launchpad } from './launchpad';
 export { setUpActionsForTasks } from './setup-actions';
+export * from './action-components';
 export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/dist/esm/launchpad-container/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import './style.scss';
+const LaunchpadContainer = ({ className, headerClassName, contentClassName, sidebarClassName, mainContentClassName, header, sidebar, children, }) => {
+    return (_jsxs("main", { className: clsx('launchpad-container', className), children: [header && (_jsx("div", { className: clsx('launchpad-container__header', headerClassName), children: header })), _jsxs("div", { className: clsx('launchpad-container__content', contentClassName), children: [_jsx("div", { className: clsx('launchpad-container__sidebar', sidebarClassName), children: sidebar }), _jsx("div", { className: clsx('launchpad-container__main-content', mainContentClassName), children: children })] })] }));
+};
+export default LaunchpadContainer;
+//# sourceMappingURL=index.js.map

package/dist/esm/launchpad-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/launchpad-container/index.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,cAAc,CAAC;AAatB,MAAM,kBAAkB,GAA8C,CAAE,EACvE,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,QAAQ,GACR,EAAG,EAAE;IACL,OAAO,CACN,gBAAM,SAAS,EAAG,IAAI,CAAE,qBAAqB,EAAE,SAAS,CAAE,aACvD,MAAM,IAAI,CACX,cAAK,SAAS,EAAG,IAAI,CAAE,6BAA6B,EAAE,eAAe,CAAE,YAAK,MAAM,GAAQ,CAC1F,EAED,eAAK,SAAS,EAAG,IAAI,CAAE,8BAA8B,EAAE,gBAAgB,CAAE,aACxE,cAAK,SAAS,EAAG,IAAI,CAAE,8BAA8B,EAAE,gBAAgB,CAAE,YACtE,OAAO,GACJ,EACN,cAAK,SAAS,EAAG,IAAI,CAAE,mCAAmC,EAAE,oBAAoB,CAAE,YAC/E,QAAQ,GACL,IACD,IACA,CACP,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/launchpad-container/style.scss

@@ -0,0 +1,59 @@
+@import "@wordpress/base-styles/mixins";
+@import "@wordpress/base-styles/breakpoints";
+
+.launchpad-container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+// Launchpad Content.
+.launchpad-container__content {
+	display: flex;
+	flex-direction: column;
+
+	@include break-large {
+		height: 100%;
+		min-height: calc(100vh - 60px); // Discount margin-top from `.step-route`.
+		flex-direction: row;
+	}
+}
+
+// Launchpad Sidebar.
+.launchpad-container__sidebar {
+	display: flex;
+	flex-direction: column;
+	max-width: 100%;
+
+	@include break-large {
+		max-width: 360px;
+	}
+
+	// TODO: Migrate to the checklist components. The checklist could receive a special className as prop that would be responsible for this.
+	.launchpad-container .checklist__tasks .checklist-item__task-content.is-placeholder .checklist-item__content {
+		/* Override default placeholder colours to align with other elements on the page. */
+		background-color: var(--color-neutral-5);
+	}
+}
+
+// Main content.
+.launchpad-container__main-content {
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+// Container spacings.
+.launchpad-container__sidebar,
+.launchpad-container__main-content {
+	padding: 16px;
+
+	@include break-large {
+		padding: 40px;
+
+		// Exception for the sidebar.
+		&.launchpad-container__sidebar {
+			padding-right: 32px;
+		}
+	}
+}

package/dist/esm/launchpad-internal.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLaunchpad } from '@automattic/data-stores';
+import { useMemo } from 'react';
+import Checklist, { Placeholder as ChecklistPlaceHolder } from './checklist';
+import ChecklistItem from './checklist-item';
+import { useTracking } from './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 launchpadData = useLaunchpad(siteSlug || '', checklistSlug, useLaunchpadOptions, launchpadContext);
+    const { isFetchedAfterMount, data } = launchpadData;
+    const { checklist } = data;
+    const tasks = useMemo(() => {
+        if (!checklist) {
+            return [];
+        }
+        return taskFilter ? taskFilter(checklist) : checklist;
+        // Array of tasks requires deep comparison
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(checklist), taskFilter]);
+    const { trackTaskClick } = useTracking({
+        tasks,
+        checklistSlug,
+        site,
+        context: launchpadContext,
+        flow,
+    });
+    const itemClickHandler = (task) => {
+        trackTaskClick(task);
+        task?.actionDispatch?.();
+    };
+    return (_jsx("div", { className: "launchpad__checklist-wrapper", children: isFetchedAfterMount ? (_jsx(Checklist, { makeLastTaskPrimaryAction: makeLastTaskPrimaryAction, children: tasks.map((task) => (_jsx(ChecklistItem, { task: task, onClick: () => itemClickHandler(task) }, task.id))) })) : (_jsx(ChecklistPlaceHolder, {})) }));
+};
+export default LaunchpadInternal;
+//# sourceMappingURL=launchpad-internal.js.map

package/dist/esm/launchpad-internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"launchpad-internal.js","sourceRoot":"","sources":["../../src/launchpad-internal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAW,OAAO,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,EAAE,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAe7C;;;GAGG;AACH,MAAM,iBAAiB,GAAgB,CAAE,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,yBAAyB,EACzB,mBAAmB,GAAG,EAAE,EACxB,gBAAgB,GAChB,EAAG,EAAE;IACL,MAAM,aAAa,GAAG,YAAY,CACjC,QAAQ,IAAI,EAAE,EACd,aAAa,EACb,mBAAmB,EACnB,gBAAgB,CAChB,CAAC;IAEF,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAE3B,MAAM,KAAK,GAAG,OAAO,CAAE,GAAG,EAAE;QAC3B,IAAK,CAAE,SAAS,EAAG,CAAC;YACnB,OAAO,EAAE,CAAC;QACX,CAAC;QACD,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAE,SAAS,CAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACxD,0CAA0C;QAC1C,uDAAuD;IACxD,CAAC,EAAE,CAAE,IAAI,CAAC,SAAS,CAAE,SAAS,CAAE,EAAE,UAAU,CAAE,CAAE,CAAC;IAEjD,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,CAAE;QACvC,KAAK;QACL,aAAa;QACb,IAAI;QACJ,OAAO,EAAE,gBAAgB;QACzB,IAAI;KACJ,CAAE,CAAC;IAEJ,MAAM,gBAAgB,GAAG,CAAE,IAAU,EAAG,EAAE;QACzC,cAAc,CAAE,IAAI,CAAE,CAAC;QACvB,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,cAAK,SAAS,EAAC,8BAA8B,YAC1C,mBAAmB,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IAAC,yBAAyB,EAAG,yBAAyB,YAC7D,KAAK,CAAC,GAAG,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,CACxB,KAAC,aAAa,IACb,IAAI,EAAG,IAAI,EAEX,OAAO,EAAG,GAAG,EAAE,CAAC,gBAAgB,CAAE,IAAI,CAAE,IADlC,IAAI,CAAC,EAAE,CAEZ,CACF,CAAE,GACQ,CACZ,CAAC,CAAC,CAAC,CACH,KAAC,oBAAoB,KAAG,CACxB,GACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/launchpad-internal.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { http } from 'msw';
+import LaunchpadInternal from './launchpad-internal';
+import { launchpadResolver } from './msw/resolver';
+const queryClient = new QueryClient();
+const meta = {
+    title: 'Launchpad/LaunchpadInternal',
+    component: LaunchpadInternal,
+    decorators: [
+        (Story) => (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        msw: {
+            handlers: [http.get('/wpcom/v2/sites/*/launchpad', launchpadResolver)],
+        },
+    },
+    args: {
+        site: null,
+        siteSlug: 'example.wordpress.com',
+        launchpadContext: 'fullscreen',
+        checklistSlug: 'free',
+    },
+    argTypes: {
+        checklistSlug: {
+            defaultValue: 'free',
+            options: ['free', 'link-in-bio'],
+            control: { type: 'select' },
+        },
+    },
+};
+export const Default = {};
+export const Loading = {
+    parameters: {
+        msw: {
+            delay: 1000,
+        },
+    },
+};
+export default meta;
+//# sourceMappingURL=launchpad-internal.stories.js.map

package/dist/esm/launchpad-internal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"launchpad-internal.stories.js","sourceRoot":"","sources":["../../src/launchpad-internal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,MAAM,IAAI,GAAqC;IAC9C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,KAAC,mBAAmB,IAAC,MAAM,EAAG,WAAW,YACxC,KAAC,KAAK,KAAG,GACY,CACtB;KACD;IACD,UAAU,EAAE;QACX,GAAG,EAAE;YACJ,QAAQ,EAAE,CAAE,IAAI,CAAC,GAAG,CAAE,6BAA6B,EAAE,iBAAiB,CAAE,CAAE;SAC1E;KACD;IACD,IAAI,EAAE;QACL,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,uBAAuB;QACjC,gBAAgB,EAAE,YAAY;QAC9B,aAAa,EAAE,MAAM;KACrB;IACD,QAAQ,EAAE;QACT,aAAa,EAAE;YACd,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,CAAE,MAAM,EAAE,aAAa,CAAE;YAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC3B;KACD;CACD,CAAC;AAGF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,UAAU,EAAE;QACX,GAAG,EAAE;YACJ,KAAK,EAAE,IAAI;SACX;KACD;CACD,CAAC;AAEF,eAAe,IAAI,CAAC"}