@automattic/launchpad 1.0.0 → 1.1.0-rc.1

package/dist/types/action-components/index.d.ts

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

package/dist/types/action-components/index.d.ts.map

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

package/dist/types/action-components/share-site-modal/index.d.ts

@@ -0,0 +1,9 @@
+import type { SiteDetails } from '@automattic/data-stores';
+import './style.scss';
+interface ShareSiteModalProps {
+    setModalIsOpen: (isOpen: boolean) => void;
+    site: SiteDetails | null;
+}
+declare const ShareSiteModal: ({ setModalIsOpen, site }: ShareSiteModalProps) => import("react/jsx-runtime").JSX.Element;
+export default ShareSiteModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/action-components/share-site-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IAC5C,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,6BAA+B,mBAAmB,4CAqFrE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IAC1B,IAAI,CAAC,EACF,SAAS,GACT,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,YAAY,GACZ,aAAa,GACb,OAAO,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAE,UAAU,CAM/C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IAC1B,IAAI,CAAC,EACF,SAAS,GACT,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,YAAY,GACZ,aAAa,GACb,OAAO,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAE,UAAU,CAI/C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/checklist/index.d.ts

@@ -1,12 +1,11 @@
-import { Task } from '../types';
+import { type FC, type ReactElement, type ComponentProps } from 'react';
+import ChecklistItem from '../checklist-item';
 import './style.scss';
-interface ChecklistProps {
-    tasks: Task[] | null;
+interface Props {
     makeLastTaskPrimaryAction?: boolean;
+    children?: ReactElement<ComponentProps<typeof ChecklistItem>> | ReactElement<ComponentProps<typeof ChecklistItem>>[];
 }
-declare const Checklist: {
-    ({ tasks, makeLastTaskPrimaryAction }: ChecklistProps): import("react/jsx-runtime").JSX.Element;
-    Placeholder(): import("react/jsx-runtime").JSX.Element;
-};
+declare const Checklist: FC<Props>;
+export declare const Placeholder: () => import("react/jsx-runtime").JSX.Element;
 export default Checklist;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/checklist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACvB,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,QAAA,MAAM,SAAS;2CAA2C,cAAc;;CAkBvE,CAAC;AAaF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAChG,OAAO,aAA0D,MAAM,mBAAmB,CAAC;AAC3F,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,EACN,YAAY,CAAE,cAAc,CAAE,OAAO,aAAa,CAAE,CAAE,GACtD,YAAY,CAAE,cAAc,CAAE,OAAO,aAAa,CAAE,CAAE,EAAE,CAAC;CAC5D;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAE,KAAK,CAkBzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/checklist/index.stories.d.ts

@@ -0,0 +1,8 @@
+import Checklist from './';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Checklist>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithMakeLastTaskPrimaryAction: Story;
+export default meta;
+//# sourceMappingURL=index.stories.d.ts.map

package/dist/types/checklist/index.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/checklist/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,IAAI,CAAC;AAC3B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,SAAS,CA6BjC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AACrC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,6BAA6B,EAAE,KAI3C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/checklist-item/index.d.ts

@@ -1,11 +1,14 @@
-import { Task } from '../types';
+import type { Task, Expandable } from '../types';
+import type { FC, Key } from 'react';
 import './style.scss';
-declare const ChecklistItem: {
-    ({ task, isPrimaryAction }: {
-        task: Task;
-        isPrimaryAction?: boolean | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    Placeholder(): import("react/jsx-runtime").JSX.Element;
-};
+interface Props {
+    key?: Key;
+    task: Task;
+    isPrimaryAction?: boolean;
+    expandable?: Expandable;
+    onClick?: () => void;
+}
+declare const ChecklistItem: FC<Props>;
+export declare const Placeholder: FC;
 export default ChecklistItem;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/checklist-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,aAAa;;cAAwC,IAAI;;;;CA0E9D,CAAC;AAYF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAE,KAAK,CAuG7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAQzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/checklist-item/index.stories.d.ts

@@ -0,0 +1,14 @@
+import ChecklistItem from './';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof ChecklistItem>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Completed: Story;
+export declare const Disabled: Story;
+export declare const WithBadgetText: Story;
+export declare const WithTaskCounter: Story;
+export declare const WithSubtitle: Story;
+export declare const Expanded: Story;
+export declare const ExpandedWithAction: Story;
+export default meta;
+//# sourceMappingURL=index.stories.d.ts.map

package/dist/types/checklist-item/index.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,IAAI,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAYrC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAQrC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAYhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/index.d.ts

@@ -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.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","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.d.ts","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/types/launchpad-container/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './style.scss';
+export interface ContainerProps {
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    sidebarClassName?: string;
+    mainContentClassName?: string;
+    header?: React.ReactNode;
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const LaunchpadContainer: React.FunctionComponent<ContainerProps>;
+export default LaunchpadContainer;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/launchpad-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/launchpad-container/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAE,cAAc,CA0BhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/types/launchpad-internal.d.ts

@@ -0,0 +1,20 @@
+import { type FC } from 'react';
+import type { Task } from './types';
+import type { SiteDetails, UseLaunchpadOptions } from '@automattic/data-stores';
+interface Props {
+    site?: SiteDetails | null;
+    siteSlug: string | null;
+    checklistSlug: string | null;
+    makeLastTaskPrimaryAction?: boolean;
+    taskFilter?: (tasks: Task[]) => Task[];
+    useLaunchpadOptions?: UseLaunchpadOptions;
+    launchpadContext: string;
+    flow?: string;
+}
+/**
+ * Low-level launchpad component that should only be used in exceptional cases.
+ * Please use the main Launchpad component whenever possible.
+ */
+declare const LaunchpadInternal: FC<Props>;
+export default LaunchpadInternal;
+//# sourceMappingURL=launchpad-internal.d.ts.map

package/dist/types/launchpad-internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"launchpad-internal.d.ts","sourceRoot":"","sources":["../../src/launchpad-internal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEhF,UAAU,KAAK;IACd,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,EAAE,CAAC;IACzC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAE,KAAK,CA2DjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/launchpad-internal.stories.d.ts

@@ -0,0 +1,8 @@
+import LaunchpadInternal from './launchpad-internal';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof LaunchpadInternal>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export default meta;
+//# sourceMappingURL=launchpad-internal.stories.d.ts.map

package/dist/types/launchpad-internal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"launchpad-internal.stories.d.ts","sourceRoot":"","sources":["../../src/launchpad-internal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CA4BzC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AACrC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/launchpad.d.ts

@@ -1,12 +1,13 @@
-import type { Task } from './types';
-import type { UseLaunchpadOptions } from '@automattic/data-stores';
-export interface LaunchpadProps {
+import type { EventHandlers, Task } from './types';
+export declare const SITE_STORE: "automattic/site";
+type LaunchpadProps = {
     siteSlug: string | null;
-    checklistSlug?: string | 0 | null | undefined;
-    makeLastTaskPrimaryAction?: boolean;
-    taskFilter?: (tasks: Task[]) => Task[];
-    useLaunchpadOptions?: UseLaunchpadOptions;
-}
-declare const Launchpad: ({ siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, useLaunchpadOptions, }: LaunchpadProps) => import("react/jsx-runtime").JSX.Element;
+    checklistSlug: string;
+    launchpadContext: string;
+    onSiteLaunched?: () => void;
+    onTaskClick?: EventHandlers['onTaskClick'];
+    onPostFilterTasks?: (tasks: Task[]) => Task[];
+};
+declare const Launchpad: ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, }: LaunchpadProps) => import("react/jsx-runtime").JSX.Element;
 export default Launchpad;
 //# sourceMappingURL=launchpad.d.ts.map

package/dist/types/launchpad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"launchpad.d.ts","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,EAAE,CAAC;IACzC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAED,QAAA,MAAM,SAAS,6FAMZ,cAAc,4CAsBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"launchpad.d.ts","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,UAAU,mBAAwD,CAAC;AAEhF,KAAK,cAAc,GAAG;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,EAAE,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,SAAS,mGAOZ,cAAc,4CA2DhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/msw/link-in-bio.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    site_intent: string;
+    launchpad_screen: string;
+    checklist_statuses: {
+        setup_free: boolean;
+        setup_general: boolean;
+        design_completed: boolean;
+        site_theme_selected: boolean;
+    };
+    checklist: ({
+        id: string;
+        title: string;
+        completed: boolean;
+        disabled: boolean;
+        subtitle: string;
+        badge_text: string;
+        isLaunchTask: boolean;
+        calypso_path: string;
+    } | {
+        id: string;
+        title: string;
+        completed: boolean;
+        disabled: boolean;
+        subtitle: string;
+        badge_text: string;
+        isLaunchTask: boolean;
+        calypso_path?: undefined;
+    })[];
+    is_enabled: boolean;
+    is_dismissed: boolean;
+    is_dismissible: boolean;
+    title: string;
+};
+export default _default;
+//# sourceMappingURL=link-in-bio.d.ts.map

package/dist/types/msw/link-in-bio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-in-bio.d.ts","sourceRoot":"","sources":["../../../src/msw/link-in-bio.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAiEE"}

package/dist/types/msw/resolver.d.ts

@@ -0,0 +1,3 @@
+import { HttpResponseResolver } from 'msw';
+export declare const launchpadResolver: HttpResponseResolver;
+//# sourceMappingURL=resolver.d.ts.map

package/dist/types/msw/resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAS,MAAM,KAAK,CAAC;AAIhE,eAAO,MAAM,iBAAiB,EAAE,oBAa/B,CAAC"}

package/dist/types/msw/setup-free.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    site_intent: string;
+    launchpad_screen: string;
+    checklist_statuses: {
+        setup_free: boolean;
+        setup_general: boolean;
+        design_completed: boolean;
+        site_theme_selected: boolean;
+    };
+    checklist: ({
+        id: string;
+        title: string;
+        completed: boolean;
+        disabled: boolean;
+        subtitle: string;
+        badge_text: string;
+        isLaunchTask: boolean;
+        calypso_path: string;
+    } | {
+        id: string;
+        title: string;
+        completed: boolean;
+        disabled: boolean;
+        subtitle: string;
+        badge_text: string;
+        isLaunchTask: boolean;
+        calypso_path?: undefined;
+    })[];
+    is_enabled: boolean;
+    is_dismissed: boolean;
+    is_dismissible: boolean;
+    title: string;
+};
+export default _default;
+//# sourceMappingURL=setup-free.d.ts.map

package/dist/types/msw/setup-free.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-free.d.ts","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAoFE"}

package/dist/types/setup-actions.d.ts

@@ -1,3 +1,3 @@
 import type { LaunchpadTaskActionsProps, Task } from './types';
-export declare const setUpActionsForTasks: ({ siteSlug, tasks, tracksData, extraActions, uiContext, }: LaunchpadTaskActionsProps) => Task[];
+export declare const setUpActionsForTasks: ({ siteSlug, tasks, tracksData, extraActions, eventHandlers, uiContext, }: LaunchpadTaskActionsProps) => Task[];
 //# sourceMappingURL=setup-actions.d.ts.map

package/dist/types/setup-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup-actions.d.ts","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAW/D,eAAO,MAAM,oBAAoB,8DAM9B,yBAAyB,KAAI,IAAI,EAiJnC,CAAC"}
+{"version":3,"file":"setup-actions.d.ts","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/D,eAAO,MAAM,oBAAoB,6EAO9B,yBAAyB,KAAI,IAAI,EAwJnC,CAAC"}

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface TaskExtraData {
     about_page_id?: number;
 }
@@ -6,9 +6,9 @@ export interface Task {
     id: string;
     completed: boolean;
     disabled: boolean;
-    title?: string;
+    title?: ReactNode | string;
     subtitle?: string | React.ReactNode | null;
-    badge_text?: string;
+    badge_text?: ReactNode | string;
     actionDispatch?: () => void;
     isLaunchTask?: boolean;
     extra_data?: TaskExtraData;
@@ -16,6 +16,17 @@ export interface Task {
     target_repetitions?: number;
     repetition_count?: number;
     order?: number;
+    useCalypsoPath?: boolean;
+    actionUrl?: string;
+}
+export interface ExpandableAction {
+    label: string;
+    onClick: () => void;
+}
+export interface Expandable {
+    isOpen: boolean;
+    content: JSX.Element;
+    action?: ExpandableAction;
 }
 export type LaunchpadChecklist = Task[];
 export type LaunchpadTracksData = {
@@ -44,21 +55,20 @@ export interface LaunchpadStatuses {
     plan_completed?: boolean;
     domain_upsell_deferred?: boolean;
 }
-export interface LaunchpadResponse {
-    site_intent: string;
-    launchpad_screen: boolean | string;
-    checklist_statuses: LaunchpadStatuses[];
-}
 export interface PermittedActions {
     setShareSiteModalIsOpen?: (isOpen: boolean) => void;
-    siteLaunched?: () => void;
     setActiveChecklist: (siteSlug: string, activeChecklistSlug: string) => void;
 }
+export type EventHandlers = {
+    onSiteLaunched?: () => void;
+    onTaskClick?: (task: Task) => void;
+};
 export interface LaunchpadTaskActionsProps {
     siteSlug: string | null;
     tasks: Task[];
     tracksData: LaunchpadTracksData;
     extraActions: PermittedActions;
     uiContext?: 'calypso';
+    eventHandlers?: EventHandlers;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,aAAa;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,IAAI;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,EAAE,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IACpF,iBAAiB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACrC,CAAE,MAAM,EAAE,MAAM,GAAI,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAChC,uBAAuB,CAAC,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,EAAE,CAAE,QAAQ,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,KAAM,IAAI,CAAC;CAC9E;AAED,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,mBAAmB,CAAC;IAChC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types/use-tracking/index.d.ts

@@ -0,0 +1,14 @@
+import type { Task } from '../types';
+import type { SiteDetails } from '@automattic/data-stores';
+interface Params {
+    tasks: Task[];
+    checklistSlug: string | null;
+    context: string;
+    site: SiteDetails | null | undefined;
+    flow?: string;
+}
+export declare const useTracking: (params: Params) => {
+    trackTaskClick: (task: Task) => void;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/use-tracking/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,UAAU,MAAM;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAWD,eAAO,MAAM,WAAW,WAAa,MAAM;2BAiDX,IAAI;CAenC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@automattic/launchpad",
-  "version": "1.0.0",
-  "description": "Launchpad components",
+  "version": "1.1.0-rc.1",
+  "description": "Launchpad components.",
   "homepage": "https://github.com/Automattic/wp-calypso",
   "license": "GPL-2.0-or-later",
   "author": "Automattic Inc.",
@@ -26,34 +26,49 @@
     "clean": "tsc --build ./tsconfig.json ./tsconfig-cjs.json --clean && rm -rf dist",
     "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && copy-assets",
     "prepack": "yarn run clean && yarn run build",
-    "watch": "tsc --build ./tsconfig.json --watch"
+    "watch": "tsc --build ./tsconfig.json --watch",
+    "storybook": "sb dev"
   },
   "dependencies": {
-    "@automattic/components": "^2.0.1",
-    "@automattic/data-stores": "^3.0.1",
-    "@automattic/i18n-utils": "^1.2.0",
-    "classnames": "^2.3.1",
+    "@automattic/calypso-analytics": "^1.1.2",
+    "@automattic/components": "^2.1.1",
+    "@automattic/data-stores": "^3.1.0-rc.1",
+    "@automattic/i18n-utils": "^1.2.3",
+    "@automattic/typography": "^1.0.0",
+    "@automattic/viewport": "^1.1.0",
+    "@tanstack/react-query": "^5.15.5",
+    "@wordpress/base-styles": "^5.8.0",
+    "@wordpress/components": "^28.8.0",
+    "@wordpress/icons": "^10.8.0",
+    "@wordpress/url": "^4.8.0",
+    "clsx": "^2.1.1",
     "tslib": "^2.3.0",
     "utility-types": "^3.10.0",
-    "wpcom-proxy-request": "^7.0.4"
+    "wpcom-proxy-request": "^7.0.5"
   },
   "devDependencies": {
     "@automattic/calypso-build": "^10.0.0",
+    "@automattic/calypso-storybook": "^1.0.0",
     "@automattic/calypso-typescript-config": "^1.0.0",
+    "@storybook/addon-a11y": "^7.6.19",
+    "@storybook/cli": "^7.6.19",
+    "@storybook/react": "^7.6.19",
+    "msw": "^2.1.7",
+    "msw-storybook-addon": "2.0.2",
     "postcss": "^8.4.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "redux": "^4.2.1",
-    "typescript": "^5.2.2",
-    "webpack": "^5.68.0"
+    "typescript": "^5.3.3",
+    "webpack": "^5.94.0"
   },
   "peerDependencies": {
-    "@wordpress/data": "^9.11.0",
-    "@wordpress/element": "^5.18.0",
-    "@wordpress/i18n": "^4.41.0",
+    "@wordpress/data": "^10.8.0",
+    "@wordpress/element": "^6.8.0",
+    "@wordpress/i18n": "^5.8.0",
     "debug": "^4.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "redux": "^4.2.1"
   }
 }

package/src/action-components/index.ts

@@ -0,0 +1 @@
+export { default as ShareSiteModal } from './share-site-modal';

package/src/action-components/share-site-modal/index.tsx

@@ -0,0 +1,104 @@
+import { Popover } from '@automattic/components';
+import { updateLaunchpadSettings } from '@automattic/data-stores';
+import { useQueryClient } from '@tanstack/react-query';
+import { Button, Modal } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { Icon, link } from '@wordpress/icons';
+import { useState, useRef } from 'react';
+import type { SiteDetails } from '@automattic/data-stores';
+
+import './style.scss';
+
+interface ShareSiteModalProps {
+	setModalIsOpen: ( isOpen: boolean ) => void;
+	site: SiteDetails | null;
+}
+
+const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
+	const queryClient = useQueryClient();
+	const getSiteSlug = ( site: SiteDetails | null ): string | null => {
+		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 (
+		<>
+			<Modal
+				onRequestClose={ () => setModalIsOpen( false ) }
+				className="share-site-modal__modal"
+				title=""
+			>
+				<div className="share-site-modal__modal-content">
+					<div className="share-site-modal__modal-text">
+						<h1 className="share-site-modal__modal-heading">
+							{ __( 'Share your site', 'launchpad' ) }
+						</h1>
+						<p className="share-site-modal__modal-body">
+							{ __(
+								'Now you can head over to your site and share it with the world.',
+								'launchpad'
+							) }
+						</p>
+					</div>
+					<div className="share-site-modal__modal-actions">
+						<div className="share-site-modal__modal-site">
+							<div className="share-site-modal__modal-domain">
+								<p className="share-site-modal__modal-domain-text" ref={ clipboardTextEl }>
+									{ siteSlug }
+								</p>
+
+								<Popover
+									className="share-site-modal__popover"
+									isVisible={ clipboardCopied }
+									context={ clipboardTextEl.current }
+									position="top"
+								>
+									{ __( 'Copied to clipboard!', 'launchpad' ) }
+								</Popover>
+							</div>
+
+							<Button
+								onClick={ copyHandler }
+								className="share-site-modal__modal-view-site"
+								disabled={ ! siteSlug }
+							>
+								<Icon icon={ link } size={ 22 } />
+								<span className="share-site-modal__modal-view-site-text">
+									{ __( 'Copy', 'launchpad' ) }
+								</span>
+							</Button>
+						</div>
+					</div>
+				</div>
+			</Modal>
+		</>
+	);
+};
+
+export default ShareSiteModal;