@automattic/launchpad 1.1.0 → 1.1.1

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

@@ -1,9 +1,11 @@
+import type { Task } from '../../types';
 import type { SiteDetails } from '@automattic/data-stores';
 import './style.scss';
 interface ShareSiteModalProps {
     setModalIsOpen: (isOpen: boolean) => void;
     site: SiteDetails | null;
+    task: Task | null;
 }
-declare const ShareSiteModal: ({ setModalIsOpen, site }: ShareSiteModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ShareSiteModal: ({ setModalIsOpen, site, task }: 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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IAC5C,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAkHD,QAAA,MAAM,cAAc,GAAK,gCAAgC,mBAAmB,4CA8H3E,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -3,6 +3,7 @@ import ChecklistItem from '../checklist-item';
 import './style.scss';
 interface Props {
     makeLastTaskPrimaryAction?: boolean;
+    highlightNextAction?: boolean;
     children?: ReactElement<ComponentProps<typeof ChecklistItem>> | ReactElement<ComponentProps<typeof ChecklistItem>>[];
 }
 declare const Checklist: FC<Props>;

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

@@ -1 +1 @@
-{"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"}
+{"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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,CA6BzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -5,6 +5,7 @@ interface Props {
     key?: Key;
     task: Task;
     isPrimaryAction?: boolean;
+    isHighlighted?: boolean;
     expandable?: Expandable;
     onClick?: () => void;
 }

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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"AAKA,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,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAE,KAAK,CA+H7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAQzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":"AACA,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,KAiBhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -6,6 +6,7 @@ interface Props {
     siteSlug: string | null;
     checklistSlug: string | null;
     makeLastTaskPrimaryAction?: boolean;
+    highlightNextAction?: boolean;
     taskFilter?: (tasks: Task[]) => Task[];
     useLaunchpadOptions?: UseLaunchpadOptions;
     launchpadContext: string;

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

@@ -1 +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"}
+{"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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,CA+DjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/launchpad.d.ts

@@ -7,7 +7,8 @@ type LaunchpadProps = {
     onSiteLaunched?: () => void;
     onTaskClick?: EventHandlers['onTaskClick'];
     onPostFilterTasks?: (tasks: Task[]) => Task[];
+    highlightNextAction?: boolean;
 };
-declare const Launchpad: ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, }: LaunchpadProps) => import("react/jsx-runtime").JSX.Element;
+declare const Launchpad: ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, highlightNextAction, }: LaunchpadProps) => import("react/jsx-runtime").JSX.Element | null;
 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":"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"}
+{"version":3,"file":"launchpad.d.ts","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":"AAYA,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;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,GAAK,qHAQjB,cAAc,mDAkEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAS,MAAM,KAAK,CAAC;AAGhE,eAAO,MAAM,iBAAiB,EAAE,oBAK/B,CAAC"}

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":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/D,eAAO,MAAM,oBAAoB,6EAO9B,yBAAyB,KAAI,IAAI,EAwJnC,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,GAAK,0EAOnC,yBAAyB,KAAI,IAAI,EAmJnC,CAAC"}

package/dist/types/types.d.ts

@@ -19,19 +19,14 @@ export interface Task {
     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 = {
     checklistSlug: string;
-    launchpadContext: string;
+    launchpadContext: string | null;
     recordTracksEvent: (event: string, properties: Record<string, unknown>) => void;
     tasklistCompleted: boolean;
 };
@@ -57,7 +52,6 @@ export interface LaunchpadStatuses {
 }
 export interface PermittedActions {
     setShareSiteModalIsOpen?: (isOpen: boolean) => void;
-    setActiveChecklist: (siteSlug: string, activeChecklistSlug: string) => void;
 }
 export type EventHandlers = {
     onSiteLaunched?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aAAa;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,IAAI;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,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;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,EAAE,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,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,gBAAgB;IAChC,uBAAuB,CAAC,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;CACtD;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC,CAAC;AAEF,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;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B"}

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

@@ -1 +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"}
+{"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,GAAK,QAAQ,MAAM;2BAoDX,IAAI;CAgBnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automattic/launchpad",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Launchpad components.",
   "homepage": "https://github.com/Automattic/wp-calypso",
   "license": "GPL-2.0-or-later",
@@ -8,6 +8,14 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "calypso:src": "src/index.ts",
+  "exports": {
+    ".": {
+      "calypso:src": "./src/index.ts",
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -27,23 +35,23 @@
     "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && copy-assets",
     "prepack": "yarn run clean && yarn run build",
     "watch": "tsc --build ./tsconfig.json --watch",
-    "storybook": "sb dev"
+    "storybook:start": "storybook dev"
   },
   "dependencies": {
-    "@automattic/calypso-analytics": "^1.1.2",
+    "@automattic/calypso-analytics": "^1.1.3",
     "@automattic/calypso-config": "^1.0.0-alpha.0",
-    "@automattic/components": "^2.2.0",
-    "@automattic/data-stores": "^3.1.0",
+    "@automattic/components": "^3.0.0",
+    "@automattic/data-stores": "^3.1.2",
     "@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",
+    "@wordpress/base-styles": "^5.23.0",
+    "@wordpress/components": "^29.9.0",
+    "@wordpress/icons": "^10.23.0",
+    "@wordpress/url": "^4.23.0",
     "clsx": "^2.1.1",
-    "tslib": "^2.3.0",
+    "tslib": "^2.8.1",
     "utility-types": "^3.10.0",
     "wpcom-proxy-request": "^7.0.6"
   },
@@ -51,25 +59,24 @@
     "@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",
+    "@storybook/addon-a11y": "^8.6.14",
     "msw": "^2.1.7",
-    "msw-storybook-addon": "2.0.2",
-    "postcss": "^8.4.5",
+    "msw-storybook-addon": "2.0.4",
+    "postcss": "^8.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "redux": "^4.2.1",
-    "typescript": "^5.3.3",
-    "webpack": "^5.94.0"
+    "redux": "^5.0.1",
+    "storybook": "^8.6.14",
+    "typescript": "^5.8.3",
+    "webpack": "^5.99.8"
   },
   "peerDependencies": {
-    "@wordpress/data": "^10.8.0",
-    "@wordpress/element": "^6.8.0",
-    "@wordpress/i18n": "^5.8.0",
-    "debug": "^4.3.3",
+    "@wordpress/data": "^10.23.0",
+    "@wordpress/element": "^6.23.0",
+    "@wordpress/i18n": "^5.23.0",
+    "debug": "^4.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "redux": "^4.2.1"
+    "redux": "^5.0.1"
   }
 }

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

@@ -1,103 +1,266 @@
+import { recordTracksEvent } from '@automattic/calypso-analytics';
 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 {
+	Button,
+	Modal,
+	__experimentalInputControl as InputControl,
+	__experimentalHStack as HStack,
+	__experimentalVStack as VStack,
+	IconType,
+} from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { copy, share, check } from '@wordpress/icons';
+import { useState, useRef, useMemo, useCallback } from 'react';
+import { SocialLogo } from 'social-logos';
+import type { Task } from '../../types';
 import type { SiteDetails } from '@automattic/data-stores';
-
 import './style.scss';
 
 interface ShareSiteModalProps {
 	setModalIsOpen: ( isOpen: boolean ) => void;
 	site: SiteDetails | null;
+	task: Task | null;
 }
 
-const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
-	const queryClient = useQueryClient();
-	const getSiteSlug = ( site: SiteDetails | null ): string | null => {
-		if ( ! site ) {
-			return null;
-		}
+interface BaseShareLink {
+	className: string;
+	label: string;
+}
 
-		if ( site.slug ) {
-			return site.slug;
-		}
+interface SocialShareLink extends BaseShareLink {
+	type?: 'link';
+	href: string;
+	title: string;
+	icon: 'mail' | 'tumblr' | 'bluesky' | 'linkedin' | 'telegram' | 'reddit' | 'whatsapp' | 'x';
+}
 
-		if ( site.URL ) {
-			return new URL( site.URL ).host;
-		}
-		return null;
-	};
+interface WordPressShareLink extends BaseShareLink {
+	type: 'button';
+	icon: IconType;
+	onClick: () => void;
+}
+
+type ShareLink = SocialShareLink | WordPressShareLink;
+
+const getShareLinks = ( siteUrl: string, text: string ): ShareLink[] => {
+	const encodedSiteUrl = encodeURIComponent( siteUrl );
+	const encodedText = encodeURIComponent( text );
+	return [
+		{
+			href: `mailto:?subject=${ encodedText }&body=${ encodedSiteUrl }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share via email', 'launchpad' ),
+			icon: 'mail',
+			label: __( 'Email', 'launchpad' ),
+		},
+		{
+			href: `http://www.tumblr.com/share/link?url=${ encodedSiteUrl }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on Tumblr', 'launchpad' ),
+			icon: 'tumblr',
+			label: __( 'Tumblr', 'launchpad' ),
+		},
+		{
+			href: `https://bsky.app/intent/compose?text=${ encodedSiteUrl }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on Bluesky', 'launchpad' ),
+			icon: 'bluesky',
+			label: __( 'Bluesky', 'launchpad' ),
+		},
+		{
+			href: `https://www.linkedin.com/shareArticle?mini=true&url=${ encodedSiteUrl }&title=${ encodedText }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on LinkedIn', 'launchpad' ),
+			icon: 'linkedin',
+			label: __( 'LinkedIn', 'launchpad' ),
+		},
+		{
+			href: `https://t.me/share/url?url=${ encodedSiteUrl }&text=${ encodedText }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on Telegram', 'launchpad' ),
+			icon: 'telegram',
+			label: __( 'Telegram', 'launchpad' ),
+		},
+		{
+			href: `http://www.reddit.com/submit?url=${ encodedSiteUrl }&title=${ encodedText }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on Reddit', 'launchpad' ),
+			icon: 'reddit',
+			label: __( 'Reddit', 'launchpad' ),
+		},
+		{
+			href: `https://api.whatsapp.com/send?text=${ encodedSiteUrl }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on WhatsApp', 'launchpad' ),
+			icon: 'whatsapp',
+			label: __( 'WhatsApp', 'launchpad' ),
+		},
+		{
+			href: `https://x.com/intent/post?url=${ encodedSiteUrl }&text=${ encodedText }`,
+			className: 'share-site-modal__modal-share-link',
+			title: __( 'Share on X', 'launchpad' ),
+			icon: 'x',
+			label: __( 'X', 'launchpad' ),
+		},
+	];
+};
+
+const getSiteSlug = ( site: SiteDetails | null ) => {
+	if ( ! site ) {
+		return '';
+	}
+
+	if ( site.slug ) {
+		return site.slug;
+	}
+
+	if ( site.URL ) {
+		return new URL( site.URL ).host;
+	}
+	return '';
+};
+
+const getShareData = ( site: SiteDetails | null ) => {
 	const siteSlug = getSiteSlug( site );
+	return {
+		title: siteSlug,
+		text: sprintf(
+			/* translators: siteSlug is the short form of the site URL with the https:// */
+			__( 'Please visit my site: %(siteSlug)s', 'launchpad' ),
+			{
+				siteSlug,
+			}
+		),
+		url: site?.URL || '',
+	};
+};
+const ShareSiteModal = ( { setModalIsOpen, site, task }: ShareSiteModalProps ) => {
+	const queryClient = useQueryClient();
+	const shareData = getShareData( site );
+
+	const trackShareClick = useCallback(
+		async ( eventType: string ) => {
+			recordTracksEvent( 'calypso_subscribers_share_site', {
+				type: eventType,
+				context: task?.id ? `launchpad-task-${ task.id }` : null,
+				site_url: shareData.url,
+			} );
+			if ( shareData.title ) {
+				await updateLaunchpadSettings( shareData.title, {
+					checklist_statuses: { share_site: true },
+				} );
+			}
+			queryClient.invalidateQueries( { queryKey: [ 'launchpad' ] } );
+		},
+		[ shareData, queryClient, task?.id ]
+	);
 
 	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' ] } );
+	const copyHandler = () => {
+		navigator.clipboard.writeText( shareData.url );
 		setClipboardCopied( true );
+		trackShareClick( 'copy' );
 		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>
+	const canUseWebShare = window.navigator?.canShare && window.navigator.canShare( shareData );
+	const webShareClickHandler = useCallback( async () => {
+		if ( ! canUseWebShare ) {
+			return;
+		}
+		trackShareClick( 'web-share' );
+		await navigator.share( shareData );
+	}, [ canUseWebShare, shareData, trackShareClick ] );
 
+	const socialLinkClickHandler = ( event: React.MouseEvent< HTMLAnchorElement > ) => {
+		event.preventDefault();
+		const eventType = event.currentTarget.dataset.eventType as string;
+		trackShareClick( eventType );
+		window.open( event.currentTarget.href, '_blank' );
+	};
+
+	const shareLinks = useMemo( () => {
+		const _shareLinks: ShareLink[] = [
+			{
+				type: 'button',
+				className: 'share-site-modal__modal-share-link',
+				label: __( 'Share via device', 'launchpad' ),
+				icon: share,
+				onClick: webShareClickHandler,
+			},
+			...getShareLinks( shareData.url, shareData.text ),
+		];
+		return _shareLinks;
+	}, [ shareData, webShareClickHandler ] );
+
+	return (
+		<Modal
+			onRequestClose={ () => setModalIsOpen( false ) }
+			className="share-site-modal__modal"
+			title={ __( 'Share your site', 'launchpad' ) }
+		>
+			<VStack className="share-site-modal__modal-content" spacing={ 4 }>
+				<VStack className="share-site-modal__modal-actions" spacing={ 4 }>
+					<Popover
+						className="share-site-modal__popover"
+						isVisible={ clipboardCopied }
+						context={ clipboardTextEl.current }
+						position="top"
+					>
+						{ __( 'Copied to clipboard!', 'launchpad' ) }
+					</Popover>
+					<InputControl
+						className="share-site-modal__modal-input-container"
+						__next40pxDefaultSize
+						value={ shareData.title }
+						label={ __( 'Site URL', 'launchpad' ) }
+						ref={ clipboardTextEl }
+						readOnly
+						hideLabelFromVision
+						suffix={
 							<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>
-		</>
+								className="share-site-modal__modal-copy-link"
+								disabled={ ! shareData.title || clipboardCopied }
+								icon={ clipboardCopied ? check : copy }
+								label={ __( 'Copy Site URL', 'launchpad' ) }
+							/>
+						}
+					/>
+					<HStack className="share-site-modal__modal-social" as="ul" justify="start">
+						{ shareLinks.map( ( link, index ) => (
+							<li key={ index }>
+								{ link.type === 'button' ? (
+									<Button className={ link.className } onClick={ link.onClick } icon={ link.icon }>
+										{ link.label }
+									</Button>
+								) : (
+									<Button
+										href={ link.href }
+										className={ link.className }
+										label={ link.title }
+										rel="noopener noreferrer"
+										target="_blank"
+										onClick={ socialLinkClickHandler }
+										data-event-type={ link.icon }
+									>
+										<SocialLogo
+											className="share-site-modal__modal-icon"
+											size={ 24 }
+											icon={ link.icon }
+										/>
+										<span>{ link.label }</span>
+									</Button>
+								) }
+							</li>
+						) ) }
+					</HStack>
+				</VStack>
+			</VStack>
+		</Modal>
 	);
 };