@automattic/launchpad 1.2.3 → 1.3.0

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

@@ -1,11 +1,11 @@
+import type { LaunchpadSiteDetails } from '../../site-type';
 import type { Task } from '../../types';
-import type { SiteDetails } from '@automattic/data-stores';
 import './style.scss';
 interface ShareSiteModalProps {
     setModalIsOpen: (isOpen: boolean) => void;
-    site: SiteDetails | null;
+    site: LaunchpadSiteDetails | null;
     task: Task | null;
 }
-declare const ShareSiteModal: ({ setModalIsOpen, site, task }: ShareSiteModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ShareSiteModal: ({ setModalIsOpen, site, task }: ShareSiteModalProps) => import("react").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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IAC5C,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAkHD,QAAA,MAAM,cAAc,GAAK,gCAAgC,mBAAmB,gCAoH3E,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -7,6 +7,6 @@ interface Props {
     children?: ReactElement<ComponentProps<typeof ChecklistItem>> | ReactElement<ComponentProps<typeof ChecklistItem>>[];
 }
 declare const Checklist: FC<Props>;
-export declare const Placeholder: () => import("react/jsx-runtime").JSX.Element;
+export declare const Placeholder: () => import("react").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":"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"}
+{"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,mCASvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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":"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,CA8I7B,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,CAkJ7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAQzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/index.d.ts

@@ -6,4 +6,6 @@ export { default as Launchpad } from './launchpad';
 export { setUpActionsForTasks } from './setup-actions';
 export * from './action-components';
 export * from './types';
+export * from './use-launchpad';
+export { setRequester } from './wpcom-request';
 //# 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,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"}
+{"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;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1,8 +1,9 @@
 import { type FC } from 'react';
+import { type UseLaunchpadOptions } from './use-launchpad';
+import type { LaunchpadSiteDetails } from './site-type';
 import type { Task } from './types';
-import type { SiteDetails, UseLaunchpadOptions } from '@automattic/data-stores';
 interface Props {
-    site?: SiteDetails | null;
+    site?: LaunchpadSiteDetails | null;
     siteSlug: string | null;
     checklistSlug: string | null;
     makeLastTaskPrimaryAction?: boolean;

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,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"}
+{"version":3,"file":"launchpad-internal.d.ts","sourceRoot":"","sources":["../../src/launchpad-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,KAAK;IACd,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,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

@@ -1,5 +1,4 @@
 import type { EventHandlers, Task } from './types';
-export declare const SITE_STORE: "automattic/site";
 type LaunchpadProps = {
     siteSlug: string | null;
     checklistSlug: string;
@@ -9,6 +8,6 @@ type LaunchpadProps = {
     onPostFilterTasks?: (tasks: Task[]) => Task[];
     highlightNextAction?: boolean;
 };
-declare const Launchpad: ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, highlightNextAction, }: LaunchpadProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Launchpad: ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, highlightNextAction, }: LaunchpadProps) => import("react").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":"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"}
+{"version":3,"file":"launchpad.d.ts","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEnD,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,uCA6DhB,CAAC;AAEF,eAAe,SAAS,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":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/D,eAAO,MAAM,oBAAoB,GAAK,0EAOnC,yBAAyB,KAAI,IAAI,EAoJnC,CAAC"}
+{"version":3,"file":"setup-actions.d.ts","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/D,eAAO,MAAM,oBAAoB,GAAK,0EAOnC,yBAAyB,KAAI,IAAI,EA0JnC,CAAC"}

package/dist/types/site-type.d.ts

@@ -0,0 +1,10 @@
+/** A full `SiteDetails` satisfies this. */
+export interface LaunchpadSiteDetails {
+    slug?: string;
+    URL?: string;
+    options?: {
+        site_intent?: string;
+        site_goals?: string[];
+    };
+}
+//# sourceMappingURL=site-type.d.ts.map

package/dist/types/site-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-type.d.ts","sourceRoot":"","sources":["../../src/site-type.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACF"}

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

@@ -0,0 +1,65 @@
+interface Task {
+    id: string;
+    completed: boolean;
+    disabled: boolean;
+    title: string;
+    subtitle?: string;
+    badgeText?: string;
+    actionDispatch?: () => void;
+    isLaunchTask?: boolean;
+    warning?: boolean;
+    order?: number;
+}
+export interface ChecklistStatuses {
+    links_edited?: boolean;
+    site_edited?: boolean;
+    site_launched?: boolean;
+    first_post_published?: boolean;
+    video_uploaded?: boolean;
+    publish_first_course?: boolean;
+    plan_selected?: boolean;
+    plan_completed?: boolean;
+    domain_upsell_deferred?: boolean;
+}
+type LaunchpadScreen = 'full' | 'off' | 'skipped' | 'minimized';
+export interface LaunchpadResponse {
+    site_intent?: string | null;
+    launchpad_screen?: LaunchpadScreen | boolean | null | undefined;
+    checklist?: Task[] | null;
+    checklist_statuses?: ChecklistStatuses;
+    is_enabled: boolean;
+    is_dismissed: boolean;
+    is_dismissible: boolean;
+    title?: string | null;
+}
+type LaunchpadUpdateSettings = {
+    checklist_statuses?: Record<string, boolean>;
+    is_checklist_dismissed?: {
+        slug: string;
+        is_dismissed?: boolean;
+        dismissed_until?: number | null;
+    };
+    launchpad_screen?: 'off' | 'minimized' | 'full' | 'skipped';
+};
+export type UseLaunchpadOptions = {
+    onSuccess?: (data: LaunchpadResponse) => LaunchpadResponse;
+};
+export declare const fetchLaunchpad: (siteSlug: SiteSlug, checklistSlug?: string | null, launchpadContext?: string) => Promise<LaunchpadResponse>;
+export declare function sortLaunchpadTasksByCompletionStatus(response: LaunchpadResponse): LaunchpadResponse;
+export declare function defaultSuccessCallback(response: LaunchpadResponse): LaunchpadResponse;
+type SiteSlug = string | number | null;
+export declare const useLaunchpad: (siteSlug: SiteSlug, checklistSlug?: string | null, options?: UseLaunchpadOptions, launchpad_context?: string | undefined) => import("@tanstack/react-query").DefinedUseQueryResult<LaunchpadResponse, Error>;
+export declare const useSortedLaunchpadTasks: (siteSlug: SiteSlug, checklistSlug?: string | null, launchpadContext?: string) => import("@tanstack/react-query").DefinedUseQueryResult<LaunchpadResponse, Error>;
+export declare const updateLaunchpadSettings: (siteSlug: SiteSlug, settings?: LaunchpadUpdateSettings) => Promise<unknown>;
+export interface PermanentDismiss {
+    isDismissed: boolean;
+}
+export interface TemporaryDismiss {
+    dismissBy: '+ 1 day' | '+ 1 week';
+}
+type DismissSettings = PermanentDismiss | TemporaryDismiss;
+export declare const useLaunchpadDismisser: (siteSlug: SiteSlug, checklistSlug: string, launchpadContext: string) => import("@tanstack/react-query").UseMutationResult<unknown, Error, DismissSettings, {
+    previous: LaunchpadResponse | undefined;
+}>;
+export {};
+//# sourceMappingURL=use-launchpad.d.ts.map

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

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

package/dist/types/use-site.d.ts

@@ -0,0 +1,8 @@
+import type { LaunchpadSiteDetails } from './site-type';
+/**
+ * Fetches the site fields Launchpad reads. The response is the full site; only these
+ * fields are cached. Skipped where the proxy is unavailable, since there is no REST
+ * fallback, and kept for the session — both matching the site store this replaces.
+ */
+export declare const useSite: (siteSlug: string | null) => LaunchpadSiteDetails | null;
+//# sourceMappingURL=use-site.d.ts.map

package/dist/types/use-site.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-site.d.ts","sourceRoot":"","sources":["../../src/use-site.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAK,UAAU,MAAM,GAAG,IAAI,gCA0B/C,CAAC"}

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

@@ -1,10 +1,10 @@
+import type { LaunchpadSiteDetails } from '../site-type';
 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;
+    site: LaunchpadSiteDetails | null | undefined;
     flow?: string;
 }
 export declare const useTracking: (params: Params) => {

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,GAAK,QAAQ,MAAM;2BAoDX,IAAI;CAgBnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,UAAU,MAAM;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAWD,eAAO,MAAM,WAAW,GAAK,QAAQ,MAAM;2BAoDX,IAAI;CAgBnC,CAAC"}

package/dist/types/wpcom-request.d.ts

@@ -0,0 +1,7 @@
+import { type WpcomRequestParams } from 'wpcom-proxy-request';
+type WpcomRequester = <T>(params: WpcomRequestParams) => Promise<T>;
+export declare function setRequester(requester: WpcomRequester): void;
+export default function wpcomRequest<T>(params: WpcomRequestParams): Promise<T>;
+export declare function canAccessWpcomApis(): boolean;
+export {};
+//# sourceMappingURL=wpcom-request.d.ts.map

package/dist/types/wpcom-request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wpcom-request.d.ts","sourceRoot":"","sources":["../../src/wpcom-request.ts"],"names":[],"mappings":"AAAA,OAA0B,EACzB,KAAK,kBAAkB,EAEvB,MAAM,qBAAqB,CAAC;AAE7B,KAAK,cAAc,GAAG,CAAE,CAAC,EAAI,MAAM,EAAE,kBAAkB,KAAM,OAAO,CAAE,CAAC,CAAE,CAAC;AAI1E,wBAAgB,YAAY,CAAE,SAAS,EAAE,cAAc,GAAI,IAAI,CAE9D;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,CAAC,EAAI,MAAM,EAAE,kBAAkB,GAAI,OAAO,CAAE,CAAC,CAAE,CAKpF;AAED,wBAAgB,kBAAkB,IAAI,OAAO,CAK5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automattic/launchpad",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "Launchpad components.",
   "homepage": "https://github.com/Automattic/wp-calypso",
   "license": "GPL-2.0-or-later",
@@ -14,6 +14,9 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
+    },
+    "./src/*": {
+      "calypso:src": "./src/*"
     }
   },
   "sideEffects": [
@@ -35,26 +38,25 @@
     "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && copy-assets",
     "prepack": "yarn run clean && yarn run build",
     "watch": "tsc --build ./tsconfig.json --watch",
-    "storybook:start": "storybook dev"
+    "storybook:start": "storybook dev -p 26837"
   },
   "dependencies": {
     "@automattic/calypso-analytics": "^1.1.5",
-    "@automattic/calypso-config": "^1.0.0-alpha.0",
-    "@automattic/components": "^3.0.4",
-    "@automattic/data-stores": "^3.2.1",
-    "@automattic/i18n-utils": "^1.2.4",
+    "@automattic/i18n-utils": "^1.3.0",
+    "@automattic/oauth-token": "^1.0.1",
     "@automattic/typography": "^1.0.0",
     "@automattic/viewport": "^1.1.1",
     "@tanstack/react-query": "^5.83.0",
+    "@wordpress/api-fetch": "^7.48.0",
     "@wordpress/base-styles": "^9.1.0",
-    "@wordpress/components": "^35.0.0",
+    "@wordpress/components": "^37.0.0",
     "@wordpress/icons": "^13.3.0",
+    "@wordpress/ui": "^0.18.0",
     "@wordpress/url": "^4.48.0",
     "clsx": "^2.1.1",
     "social-logos": "^3.1.18",
     "tslib": "^2.8.1",
-    "utility-types": "^3.10.0",
-    "wpcom-proxy-request": "^7.0.7"
+    "wpcom-proxy-request": "^7.1.0"
   },
   "devDependencies": {
     "@automattic/calypso-build": "^11.0.0",
@@ -63,7 +65,7 @@
     "@storybook/addon-a11y": "^9.1.20",
     "msw": "^2.1.7",
     "msw-storybook-addon": "2.0.7",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.15",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "^9.1.20",
@@ -71,10 +73,7 @@
     "webpack": "^5.99.8"
   },
   "peerDependencies": {
-    "@wordpress/data": "^10.48.0",
-    "@wordpress/element": "^8.0.0",
     "@wordpress/i18n": "^6.21.0",
-    "debug": "^4.4.1",
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0"
   }

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

@@ -1,6 +1,4 @@
 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,
@@ -12,15 +10,16 @@ import {
 } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { copy, share, check } from '@wordpress/icons';
-import { useState, useRef, useMemo, useCallback } from 'react';
+import { useState, useMemo, useCallback } from 'react';
 import { SocialLogo } from 'social-logos';
+import { updateLaunchpadSettings } from '../../use-launchpad';
+import type { LaunchpadSiteDetails } from '../../site-type';
 import type { Task } from '../../types';
-import type { SiteDetails } from '@automattic/data-stores';
 import './style.scss';
 
 interface ShareSiteModalProps {
 	setModalIsOpen: ( isOpen: boolean ) => void;
-	site: SiteDetails | null;
+	site: LaunchpadSiteDetails | null;
 	task: Task | null;
 }
 
@@ -107,7 +106,7 @@ const getShareLinks = ( siteUrl: string, text: string ): ShareLink[] => {
 	];
 };
 
-const getSiteSlug = ( site: SiteDetails | null ) => {
+const getSiteSlug = ( site: LaunchpadSiteDetails | null ) => {
 	if ( ! site ) {
 		return '';
 	}
@@ -122,12 +121,12 @@ const getSiteSlug = ( site: SiteDetails | null ) => {
 	return '';
 };
 
-const getShareData = ( site: SiteDetails | null ) => {
+const getShareData = ( site: LaunchpadSiteDetails | null ) => {
 	const siteSlug = getSiteSlug( site );
 	return {
 		title: siteSlug,
 		text: sprintf(
-			/* translators: siteSlug is the short form of the site URL with the https:// */
+			/* translators: %(siteSlug)s is the short form of the site URL with the https:// */
 			__( 'Please visit my site: %(siteSlug)s', 'launchpad' ),
 			{
 				siteSlug,
@@ -158,7 +157,6 @@ const ShareSiteModal = ( { setModalIsOpen, site, task }: ShareSiteModalProps ) =
 	);
 
 	const [ clipboardCopied, setClipboardCopied ] = useState( false );
-	const clipboardTextEl = useRef( null );
 	const copyHandler = () => {
 		navigator.clipboard.writeText( shareData.url );
 		setClipboardCopied( true );
@@ -204,20 +202,11 @@ const ShareSiteModal = ( { setModalIsOpen, site, task }: ShareSiteModalProps ) =
 		>
 			<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={

package/src/action-components/share-site-modal/style.scss

@@ -45,22 +45,3 @@
 		text-decoration: underline;
 	}
 }
-
-.share-site-modal__popover {
-	outline: none;
-	z-index: 100000;
-	.popover__inner {
-		border: 0;
-		box-shadow: none;
-		border-radius: 2px;
-		color: var(--color-text-inverted);
-		background: var(--color-neutral-60);
-		font-size: $font-body-extra-small;
-		padding: 6px 10px;
-		text-align: left;
-	}
-
-	.popover__arrow {
-		display: none;
-	}
-}

package/src/checklist-item/index.tsx

@@ -1,7 +1,7 @@
-import { Badge } from '@automattic/components';
 import { Button, Icon } from '@wordpress/components';
 import { __, isRTL, sprintf } from '@wordpress/i18n';
 import { check, chevronLeft, chevronRight } from '@wordpress/icons';
+import { Badge } from '@wordpress/ui';
 import clsx from 'clsx';
 import type { Task, Expandable } from '../types';
 import type { FC, Key } from 'react';
@@ -137,7 +137,11 @@ const ChecklistItem: FC< Props > = ( {
 						<span className="screen-reader-text">{ getStatusText() }</span>
 						<span aria-hidden="true">{ title }</span>
 					</span>
-					{ task.badge_text ? <Badge type="info-blue">{ task.badge_text }</Badge> : null }
+					{ task.badge_text ? (
+						<Badge className="badge" intent="informational">
+							{ String( task.badge_text ) }
+						</Badge>
+					) : null }
 					{ shouldDisplayTaskCounter && (
 						<span className="checklist-item__counter">
 							{ task.repetition_count }/{ task.target_repetitions }

package/src/checklist-item/style.scss

@@ -123,7 +123,8 @@
 // general styles
 .checklist-item__text {
 	font-weight: 600;
-	flex-grow: 1;
+	flex: 1 1 0%;
+	min-width: 0;
 	text-align: left;
 }
 
@@ -236,6 +237,7 @@
 	display: flex;
 	line-height: 20px;
 	width: 30px;
+	flex-shrink: 0;
 }
 
 .gridicon.checklist-item__chevron {

package/src/index.ts

@@ -6,3 +6,5 @@ export { default as Launchpad } from './launchpad';
 export { setUpActionsForTasks } from './setup-actions';
 export * from './action-components';
 export * from './types';
+export * from './use-launchpad';
+export { setRequester } from './wpcom-request';

package/src/launchpad-internal.tsx

@@ -1,13 +1,13 @@
-import { useLaunchpad } from '@automattic/data-stores';
 import { type FC, useMemo } from 'react';
 import Checklist, { Placeholder as ChecklistPlaceHolder } from './checklist';
 import ChecklistItem from './checklist-item';
+import { useLaunchpad, type UseLaunchpadOptions } from './use-launchpad';
 import { useTracking } from './use-tracking';
+import type { LaunchpadSiteDetails } from './site-type';
 import type { Task } from './types';
-import type { SiteDetails, UseLaunchpadOptions } from '@automattic/data-stores';
 
 interface Props {
-	site?: SiteDetails | null;
+	site?: LaunchpadSiteDetails | null;
 	siteSlug: string | null;
 	checklistSlug: string | null;
 	makeLastTaskPrimaryAction?: boolean;

package/src/launchpad.tsx

@@ -1,19 +1,12 @@
 import { recordTracksEvent } from '@automattic/calypso-analytics';
-import {
-	Site,
-	type SiteSelect,
-	defaultSuccessCallback,
-	useSortedLaunchpadTasks,
-} from '@automattic/data-stores';
-import { useSelect } from '@wordpress/data';
 import { useState } from 'react';
 import { ShareSiteModal } from './action-components';
 import LaunchpadInternal from './launchpad-internal';
 import { setUpActionsForTasks } from './setup-actions';
+import { defaultSuccessCallback, useSortedLaunchpadTasks } from './use-launchpad';
+import { useSite } from './use-site';
 import type { EventHandlers, Task } from './types';
 
-export const SITE_STORE = Site.register( { client_id: '', client_secret: '' } );
-
 type LaunchpadProps = {
 	siteSlug: string | null;
 	checklistSlug: string;
@@ -41,12 +34,7 @@ const Launchpad = ( {
 
 	const tracksData = { recordTracksEvent, checklistSlug, tasklistCompleted, launchpadContext };
 
-	const site = useSelect(
-		( select ) => {
-			return siteSlug ? ( select( SITE_STORE ) as SiteSelect ).getSite( siteSlug ) : null;
-		},
-		[ siteSlug ]
-	);
+	const site = useSite( siteSlug );
 	const [ shareSiteModalIsOpen, setShareSiteModalIsOpen ] = useState( false );
 
 	const taskFilter = ( tasks: Task[] ) => {

package/src/setup-actions.ts

@@ -1,8 +1,7 @@
-import { updateLaunchpadSettings } from '@automattic/data-stores';
 import { localizeUrl } from '@automattic/i18n-utils';
 import { isMobile } from '@automattic/viewport';
-import { addQueryArgs } from '@wordpress/url';
 import wpcomRequest from 'wpcom-proxy-request';
+import { updateLaunchpadSettings } from './use-launchpad';
 import type { LaunchpadTaskActionsProps, Task } from './types';
 
 const TASKS_TO_COMPLETE_ON_CLICK = [
@@ -38,8 +37,14 @@ export const setUpActionsForTasks = ( {
 		const hasCalypsoPath = task.calypso_path !== undefined;
 
 		if ( uiContext === 'calypso' && hasCalypsoPath ) {
-			if ( task.id === 'drive_traffic' && ! isMobile() && hasCalypsoPath ) {
-				task.calypso_path = addQueryArgs( task.calypso_path, { tour: 'marketingConnectionsTour' } );
+			const { calypso_path } = task;
+			if ( task.id === 'drive_traffic' && ! isMobile() && calypso_path !== undefined ) {
+				// Merge the query via a throwaway base, but keep the original string as the base so
+				// absolute origins survive, then re-append any fragment.
+				const params = new URL( calypso_path, 'http://example.com' ).searchParams;
+				params.set( 'tour', 'marketingConnectionsTour' );
+				const [ baseAndQuery, fragment = '' ] = calypso_path.split( /(#.*)/s );
+				task.calypso_path = `${ baseAndQuery.split( '?' )[ 0 ] }?${ params }${ fragment }`;
 			}
 
 			// Enable task in 'calypso' context

package/src/site-type.ts

@@ -0,0 +1,9 @@
+/** A full `SiteDetails` satisfies this. */
+export interface LaunchpadSiteDetails {
+	slug?: string;
+	URL?: string;
+	options?: {
+		site_intent?: string;
+		site_goals?: string[];
+	};
+}

package/src/test/launchpad.tsx

@@ -8,7 +8,9 @@ import type { Task } from '../types';
 
 jest.mock( '@automattic/calypso-analytics' );
 
-jest.mock( '@automattic/data-stores', () => {
+jest.mock( '../use-launchpad', () => {
+	// jest.mock factories are hoisted above imports, so the fixture has to be required here.
+	// eslint-disable-next-line @typescript-eslint/no-require-imports
 	const { buildTask } = require( './lib/fixtures' );
 	return {
 		useLaunchpad: jest.fn( () => {

package/src/test/lib/fixtures.ts

@@ -1,7 +1,6 @@
-import { SiteDetails } from '@automattic/data-stores/src/site';
 import { Task } from '../../types';
 
-export const defaultSiteDetails: SiteDetails = {
+export const defaultSiteDetails = {
 	ID: 211078228,
 	title: 'Test Newsletter',
 	name: 'testNewsletter',

package/src/test/setup-actions.ts

@@ -0,0 +1,44 @@
+/**
+ * @jest-environment jsdom
+ */
+import { setUpActionsForTasks } from '../setup-actions';
+import type { LaunchpadTaskActionsProps } from '../types';
+
+jest.mock( '@automattic/viewport', () => ( { isMobile: jest.fn( () => false ) } ) );
+jest.mock( '../use-launchpad', () => ( { updateLaunchpadSettings: jest.fn() } ) );
+
+const runDriveTraffic = ( calypso_path: string ) => {
+	const props: LaunchpadTaskActionsProps = {
+		siteSlug: 'example.wordpress.com',
+		tasks: [ { id: 'drive_traffic', completed: false, disabled: false, calypso_path } ],
+		tracksData: {
+			checklistSlug: 'test',
+			launchpadContext: 'test',
+			recordTracksEvent: jest.fn(),
+			tasklistCompleted: false,
+		},
+		extraActions: {},
+		uiContext: 'calypso',
+	};
+	return setUpActionsForTasks( props )[ 0 ].calypso_path;
+};
+
+describe( 'setUpActionsForTasks: drive_traffic tour query arg', () => {
+	it( 'appends the tour arg to a relative path', () => {
+		expect( runDriveTraffic( '/marketing/connections/example.wordpress.com' ) ).toBe(
+			'/marketing/connections/example.wordpress.com?tour=marketingConnectionsTour'
+		);
+	} );
+
+	it( 'preserves the origin and existing query of an absolute URL', () => {
+		expect( runDriveTraffic( 'https://example.com/wp-admin/admin.php?page=jetpack-social' ) ).toBe(
+			'https://example.com/wp-admin/admin.php?page=jetpack-social&tour=marketingConnectionsTour'
+		);
+	} );
+
+	it( 'keeps the fragment after the query', () => {
+		expect( runDriveTraffic( '/marketing/connections/example.wordpress.com#section' ) ).toBe(
+			'/marketing/connections/example.wordpress.com?tour=marketingConnectionsTour#section'
+		);
+	} );
+} );