@automattic/launchpad 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/action-components/index.js +2 -1
- package/dist/cjs/action-components/index.js.map +1 -1
- package/dist/cjs/action-components/share-site-modal/index.js +132 -21
- package/dist/cjs/action-components/share-site-modal/index.js.map +1 -1
- package/dist/cjs/action-components/share-site-modal/style.scss +23 -116
- package/dist/cjs/checklist/index.js +11 -3
- package/dist/cjs/checklist/index.js.map +1 -1
- package/dist/cjs/checklist-item/index.js +25 -4
- package/dist/cjs/checklist-item/index.js.map +1 -1
- package/dist/cjs/checklist-item/index.stories.js +2 -5
- package/dist/cjs/checklist-item/index.stories.js.map +1 -1
- package/dist/cjs/checklist-item/style.scss +14 -29
- package/dist/cjs/launchpad-internal.js +2 -2
- package/dist/cjs/launchpad-internal.js.map +1 -1
- package/dist/cjs/launchpad-internal.stories.js +1 -1
- package/dist/cjs/launchpad-internal.stories.js.map +1 -1
- package/dist/cjs/launchpad.js +7 -5
- package/dist/cjs/launchpad.js.map +1 -1
- package/dist/cjs/msw/resolver.js +1 -7
- package/dist/cjs/msw/resolver.js.map +1 -1
- package/dist/cjs/msw/setup-free.js +1 -1
- package/dist/cjs/msw/setup-free.js.map +1 -1
- package/dist/cjs/setup-actions.js +4 -9
- package/dist/cjs/setup-actions.js.map +1 -1
- package/dist/cjs/use-tracking/index.js +4 -0
- package/dist/cjs/use-tracking/index.js.map +1 -1
- package/dist/esm/action-components/share-site-modal/index.js +137 -26
- package/dist/esm/action-components/share-site-modal/index.js.map +1 -1
- package/dist/esm/action-components/share-site-modal/style.scss +23 -116
- package/dist/esm/checklist/index.js +11 -3
- package/dist/esm/checklist/index.js.map +1 -1
- package/dist/esm/checklist-item/index.js +28 -7
- package/dist/esm/checklist-item/index.js.map +1 -1
- package/dist/esm/checklist-item/index.stories.js +3 -6
- package/dist/esm/checklist-item/index.stories.js.map +1 -1
- package/dist/esm/checklist-item/style.scss +14 -29
- package/dist/esm/launchpad-internal.js +2 -2
- package/dist/esm/launchpad-internal.js.map +1 -1
- package/dist/esm/launchpad-internal.stories.js +1 -1
- package/dist/esm/launchpad-internal.stories.js.map +1 -1
- package/dist/esm/launchpad.js +9 -7
- package/dist/esm/launchpad.js.map +1 -1
- package/dist/esm/msw/resolver.js +1 -7
- package/dist/esm/msw/resolver.js.map +1 -1
- package/dist/esm/msw/setup-free.js +1 -1
- package/dist/esm/msw/setup-free.js.map +1 -1
- package/dist/esm/setup-actions.js +4 -9
- package/dist/esm/setup-actions.js.map +1 -1
- package/dist/esm/use-tracking/index.js +4 -0
- package/dist/esm/use-tracking/index.js.map +1 -1
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/action-components/share-site-modal/index.d.ts +3 -1
- package/dist/types/action-components/share-site-modal/index.d.ts.map +1 -1
- package/dist/types/checklist/index.d.ts +1 -0
- package/dist/types/checklist/index.d.ts.map +1 -1
- package/dist/types/checklist-item/index.d.ts +1 -0
- package/dist/types/checklist-item/index.d.ts.map +1 -1
- package/dist/types/checklist-item/index.stories.d.ts.map +1 -1
- package/dist/types/launchpad-internal.d.ts +1 -0
- package/dist/types/launchpad-internal.d.ts.map +1 -1
- package/dist/types/launchpad.d.ts +2 -1
- package/dist/types/launchpad.d.ts.map +1 -1
- package/dist/types/msw/resolver.d.ts.map +1 -1
- package/dist/types/setup-actions.d.ts.map +1 -1
- package/dist/types/types.d.ts +1 -7
- package/dist/types/types.d.ts.map +1 -1
- package/dist/types/use-tracking/index.d.ts.map +1 -1
- package/package.json +30 -23
- package/src/action-components/share-site-modal/index.tsx +239 -76
- package/src/action-components/share-site-modal/style.scss +23 -116
- package/src/checklist/index.tsx +15 -3
- package/src/checklist/test/test-checklist.tsx +38 -0
- package/src/checklist-item/index.stories.tsx +11 -5
- package/src/checklist-item/index.tsx +55 -29
- package/src/checklist-item/style.scss +14 -29
- package/src/checklist-item/test/index.tsx +1 -20
- package/src/launchpad-internal.stories.tsx +1 -1
- package/src/launchpad-internal.tsx +6 -1
- package/src/launchpad.tsx +15 -7
- package/src/msw/resolver.ts +1 -10
- package/src/msw/setup-free.ts +1 -1
- package/src/setup-actions.ts +4 -9
- package/src/test/launchpad.tsx +1 -1
- package/src/test/lib/fixtures.ts +7 -7
- package/src/types.ts +1 -8
- package/src/use-tracking/index.tsx +4 -0
- package/dist/cjs/badge/index.js +0 -13
- package/dist/cjs/badge/index.js.map +0 -1
- package/dist/cjs/badge/style.scss +0 -50
- package/dist/cjs/msw/link-in-bio.js +0 -68
- package/dist/cjs/msw/link-in-bio.js.map +0 -1
- package/dist/esm/badge/index.js +0 -10
- package/dist/esm/badge/index.js.map +0 -1
- package/dist/esm/badge/style.scss +0 -50
- package/dist/esm/msw/link-in-bio.js +0 -66
- package/dist/esm/msw/link-in-bio.js.map +0 -1
- package/dist/types/badge/index.d.ts +0 -10
- package/dist/types/badge/index.d.ts.map +0 -1
- package/dist/types/msw/link-in-bio.d.ts +0 -35
- package/dist/types/msw/link-in-bio.d.ts.map +0 -1
- package/src/badge/index.tsx +0 -25
- package/src/badge/style.scss +0 -50
- package/src/msw/link-in-bio.ts +0 -66
- package/src/test/badge.tsx +0 -50
|
@@ -3,13 +3,21 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { Children, cloneElement } from 'react';
|
|
4
4
|
import { Placeholder as ChecklistItemPlaceholder } from '../checklist-item';
|
|
5
5
|
import './style.scss';
|
|
6
|
-
const Checklist = ({ children, makeLastTaskPrimaryAction }) => {
|
|
6
|
+
const Checklist = ({ children, makeLastTaskPrimaryAction, highlightNextAction }) => {
|
|
7
7
|
const lastChildIndex = Children.count(children) - 1;
|
|
8
|
+
let hasHighlightedItem = false;
|
|
8
9
|
return (_jsx("ul", { className: clsx('checklist__tasks', {
|
|
9
10
|
'checklist__has-primary-action': makeLastTaskPrimaryAction,
|
|
10
11
|
}), "aria-label": "Launchpad Checklist", children: Children.map(children || [], (child, index) => {
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
const shouldHighlightItem = highlightNextAction && !hasHighlightedItem && child.props.task.completed === false;
|
|
13
|
+
if (shouldHighlightItem) {
|
|
14
|
+
hasHighlightedItem = true;
|
|
15
|
+
}
|
|
16
|
+
if (index === lastChildIndex || shouldHighlightItem) {
|
|
17
|
+
return cloneElement(child, {
|
|
18
|
+
isPrimaryAction: makeLastTaskPrimaryAction,
|
|
19
|
+
isHighlighted: shouldHighlightItem,
|
|
20
|
+
});
|
|
13
21
|
}
|
|
14
22
|
return child;
|
|
15
23
|
}) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;AAUtB,MAAM,SAAS,GAAgB,CAAE,EAAE,QAAQ,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,EAAG,EAAE;IACjG,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAE,QAAQ,CAAE,GAAG,CAAC,CAAC;IACtD,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAE/B,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,MAAM,mBAAmB,GACxB,mBAAmB,IAAI,CAAE,kBAAkB,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;YAErF,IAAK,mBAAmB,EAAG,CAAC;gBAC3B,kBAAkB,GAAG,IAAI,CAAC;YAC3B,CAAC;YAED,IAAK,KAAK,KAAK,cAAc,IAAI,mBAAmB,EAAG,CAAC;gBACvD,OAAO,YAAY,CAAE,KAAK,EAAE;oBAC3B,eAAe,EAAE,yBAAyB;oBAC1C,aAAa,EAAE,mBAAmB;iBAClC,CAAE,CAAC;YACL,CAAC;YACD,OAAO,KAAK,CAAC;QACd,CAAC,CAAE,GACC,CACL,CAAC;AACH,CAAC,CAAC;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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Badge
|
|
3
|
-
import { Button } from '@wordpress/components';
|
|
4
|
-
import { __, isRTL } from '@wordpress/i18n';
|
|
2
|
+
import { Badge } from '@automattic/components';
|
|
3
|
+
import { Button, Icon } from '@wordpress/components';
|
|
4
|
+
import { __, isRTL, sprintf } from '@wordpress/i18n';
|
|
5
|
+
import { check, chevronLeft, chevronRight } from '@wordpress/icons';
|
|
5
6
|
import clsx from 'clsx';
|
|
6
7
|
import './style.scss';
|
|
7
|
-
const ChecklistItem = ({ task, isPrimaryAction, expandable, onClick }) => {
|
|
8
|
+
const ChecklistItem = ({ task, isPrimaryAction, isHighlighted, expandable, onClick, }) => {
|
|
8
9
|
const { id, completed, disabled = false, title, subtitle, actionDispatch } = task;
|
|
9
10
|
// If the task says we should use the Calypso path, ensure we use that link for the button's href.
|
|
10
11
|
// This allows the UI routing code to hook into the URL changes and should reduce full-page (re)loads
|
|
@@ -29,15 +30,35 @@ const ChecklistItem = ({ task, isPrimaryAction, expandable, onClick }) => {
|
|
|
29
30
|
// Make sure the button keeps the button styles if it is not clickable.
|
|
30
31
|
const buttonClassName = isClickable ? '' : 'components-button';
|
|
31
32
|
const ButtonElement = isClickable ? Button : 'div';
|
|
33
|
+
const getStatusText = () => {
|
|
34
|
+
const taskTitle = typeof title === 'string' ? title : String(title);
|
|
35
|
+
if (completed) {
|
|
36
|
+
/* translators: %s: Task title */
|
|
37
|
+
return sprintf(__('Completed: %s', 'launchpad'), taskTitle);
|
|
38
|
+
}
|
|
39
|
+
if (disabled) {
|
|
40
|
+
/* translators: %s: Task title */
|
|
41
|
+
return sprintf(__('Not available yet: %s', 'launchpad'), taskTitle);
|
|
42
|
+
}
|
|
43
|
+
if (isClickable) {
|
|
44
|
+
if (isPrimaryAction) {
|
|
45
|
+
/* translators: %s: Task title */
|
|
46
|
+
return sprintf(__('Start task: %s', 'launchpad'), taskTitle);
|
|
47
|
+
}
|
|
48
|
+
/* translators: %s: Task title in lowercase */
|
|
49
|
+
return sprintf(__('Select to %s', 'launchpad'), taskTitle.toLowerCase());
|
|
50
|
+
}
|
|
51
|
+
/* translators: %s: Task title */
|
|
52
|
+
return sprintf(__('To do: %s', 'launchpad'), taskTitle);
|
|
53
|
+
};
|
|
32
54
|
return (_jsxs("li", { className: clsx('checklist-item__task', {
|
|
33
55
|
completed: completed,
|
|
34
56
|
pending: !completed,
|
|
35
57
|
enabled: !disabled,
|
|
36
58
|
disabled: disabled,
|
|
37
59
|
expanded: expandable && expandable.isOpen,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
_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 }))] }))] }));
|
|
60
|
+
highlighted: isHighlighted,
|
|
61
|
+
}), "aria-current": isHighlighted ? 'step' : undefined, children: [isPrimaryAction ? (_jsxs(ButtonElement, { variant: "primary", className: clsx('checklist-item__checklist-primary-button', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: [_jsx("span", { className: "screen-reader-text", children: getStatusText() }), _jsx("span", { "aria-hidden": "true", children: title })] })) : (_jsxs(ButtonElement, { className: clsx('checklist-item__task-content', buttonClassName), "data-task": id, onClick: onClickHandler, ...buttonProps, children: [completed && (_jsx("div", { className: "checklist-item__checkmark-container", "aria-hidden": "true", "data-testid": "checklist-item-checkmark", children: _jsx(Icon, { icon: check, className: "checklist-item__checkmark", size: 25 }) })), _jsxs("span", { className: "checklist-item__text", children: [_jsx("span", { className: "screen-reader-text", children: getStatusText() }), _jsx("span", { "aria-hidden": "true", 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(Icon, { "aria-hidden": "true", className: "checklist-item__chevron", icon: isRTL() ? chevronLeft : chevronRight, size: 25 })), subtitle && _jsx("p", { className: "checklist-item__subtext", children: subtitle })] })), expandable && expandable.isOpen && (_jsx("div", { className: "checklist-item__expanded-content", children: expandable.content }))] }));
|
|
41
62
|
};
|
|
42
63
|
export const Placeholder = () => {
|
|
43
64
|
return (_jsx("div", { className: "checklist-item__task-content is-placeholder", children: _jsx("div", { className: "checklist-item__content", children: _jsx("div", {}) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from '@wordpress/components';
|
|
2
3
|
import ChecklistItem from './';
|
|
3
4
|
const meta = {
|
|
4
5
|
title: 'Launchpad/ChecklistItem',
|
|
@@ -62,12 +63,8 @@ export const ExpandedWithAction = {
|
|
|
62
63
|
args: {
|
|
63
64
|
task: baseTask,
|
|
64
65
|
expandable: {
|
|
65
|
-
content: _jsx("p", { children: "This is the expanded content." }),
|
|
66
|
+
content: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is the expanded content." }), _jsx("div", { children: _jsx(Button, { variant: "primary", onClick: () => { }, children: "Action" }) })] })),
|
|
66
67
|
isOpen: true,
|
|
67
|
-
action: {
|
|
68
|
-
label: 'Next',
|
|
69
|
-
onClick: () => { },
|
|
70
|
-
},
|
|
71
68
|
},
|
|
72
69
|
},
|
|
73
70
|
};
|
|
@@ -1 +1 @@
|
|
|
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
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/checklist-item/index.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,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,CACR,8BACC,wDAAoC,EACpC,wBACC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAG,GAAG,EAAE,GAAE,CAAC,uBAEnC,GACJ,IACJ,CACH;YACD,MAAM,EAAE,IAAI;SACZ;KACD;CACD,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -111,7 +111,6 @@
|
|
|
111
111
|
|
|
112
112
|
.checklist-item__checkmark-container {
|
|
113
113
|
margin-right: 7px;
|
|
114
|
-
width: 20px;
|
|
115
114
|
display: flex;
|
|
116
115
|
margin-left: 1px;
|
|
117
116
|
margin-bottom: -2px;
|
|
@@ -191,7 +190,7 @@
|
|
|
191
190
|
|
|
192
191
|
.checklist-item__chevron,
|
|
193
192
|
.checklist-item__checkmark {
|
|
194
|
-
fill: var(--color-
|
|
193
|
+
fill: var(--color-success);
|
|
195
194
|
}
|
|
196
195
|
.checklist-item__counter {
|
|
197
196
|
color: var(--color-neutral-40);
|
|
@@ -208,12 +207,12 @@
|
|
|
208
207
|
.checklist-item__task.completed.enabled > a:focus,
|
|
209
208
|
.checklist-item__task.pending > a:focus {
|
|
210
209
|
.checklist-item__text {
|
|
211
|
-
color: var(--
|
|
210
|
+
color: var(--color-accent);
|
|
212
211
|
}
|
|
213
212
|
|
|
214
213
|
.checklist-item__chevron,
|
|
215
214
|
.checklist-item__checkmark {
|
|
216
|
-
fill: var(--
|
|
215
|
+
fill: var(--color-accent);
|
|
217
216
|
}
|
|
218
217
|
|
|
219
218
|
// change badge color on hover (Choose a Plan step)
|
|
@@ -249,44 +248,30 @@
|
|
|
249
248
|
font-weight: 600;
|
|
250
249
|
}
|
|
251
250
|
|
|
252
|
-
.checklist-item__checklist-expanded-action-button.components-button,
|
|
253
251
|
.checklist-item__checklist-primary-button.components-button {
|
|
254
252
|
width: 100%;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.checklist-item__checklist-expanded-cta,
|
|
256
|
+
.checklist-item__checklist-primary-button.components-button {
|
|
255
257
|
font-weight: 500;
|
|
256
258
|
padding: 11px;
|
|
257
259
|
margin-top: 12px;
|
|
258
|
-
background-color: var(--color-primary);
|
|
259
|
-
border-color: var(--color-primary);
|
|
260
260
|
border-radius: 4px;
|
|
261
|
-
color: var(--color-text-inverted);
|
|
262
261
|
justify-content: center;
|
|
263
262
|
font-size: $font-body-small;
|
|
264
263
|
height: auto;
|
|
265
264
|
line-height: 22px;
|
|
265
|
+
}
|
|
266
266
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
&[disabled] {
|
|
274
|
-
background-color: var(--color-primary-10);
|
|
275
|
-
border-color: var(--color-primary-10);
|
|
276
|
-
color: var(--color-text-inverted);
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
&:disabled {
|
|
280
|
-
opacity: 1;
|
|
281
|
-
&:hover {
|
|
282
|
-
color: var(--color-text-inverted);
|
|
283
|
-
}
|
|
284
|
-
}
|
|
267
|
+
// Expanded content
|
|
268
|
+
.checklist-item__checklist-expanded-ctas {
|
|
269
|
+
display: flex;
|
|
270
|
+
gap: 16px;
|
|
285
271
|
}
|
|
286
272
|
|
|
287
|
-
.checklist-item__checklist-expanded-
|
|
288
|
-
|
|
289
|
-
margin: 16px 0;
|
|
273
|
+
.checklist-item__checklist-expanded-cta {
|
|
274
|
+
flex: 1;
|
|
290
275
|
}
|
|
291
276
|
|
|
292
277
|
.checklist-item__expanded-content {
|
|
@@ -8,7 +8,7 @@ import { useTracking } from './use-tracking';
|
|
|
8
8
|
* Low-level launchpad component that should only be used in exceptional cases.
|
|
9
9
|
* Please use the main Launchpad component whenever possible.
|
|
10
10
|
*/
|
|
11
|
-
const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, useLaunchpadOptions = {}, launchpadContext, }) => {
|
|
11
|
+
const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, makeLastTaskPrimaryAction, highlightNextAction, useLaunchpadOptions = {}, launchpadContext, }) => {
|
|
12
12
|
const launchpadData = useLaunchpad(siteSlug || '', checklistSlug, useLaunchpadOptions, launchpadContext);
|
|
13
13
|
const { isFetchedAfterMount, data } = launchpadData;
|
|
14
14
|
const { checklist } = data;
|
|
@@ -31,7 +31,7 @@ const LaunchpadInternal = ({ flow, site, siteSlug, checklistSlug, taskFilter, ma
|
|
|
31
31
|
trackTaskClick(task);
|
|
32
32
|
task?.actionDispatch?.();
|
|
33
33
|
};
|
|
34
|
-
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, {})) }));
|
|
34
|
+
return (_jsx("div", { className: "launchpad__checklist-wrapper", children: isFetchedAfterMount ? (_jsx(Checklist, { makeLastTaskPrimaryAction: makeLastTaskPrimaryAction, highlightNextAction: highlightNextAction, children: tasks.map((task) => (_jsx(ChecklistItem, { task: task, onClick: () => itemClickHandler(task) }, task.id))) })) : (_jsx(ChecklistPlaceHolder, {})) }));
|
|
35
35
|
};
|
|
36
36
|
export default LaunchpadInternal;
|
|
37
37
|
//# sourceMappingURL=launchpad-internal.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAgB7C;;;GAGG;AACH,MAAM,iBAAiB,GAAgB,CAAE,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,yBAAyB,EACzB,mBAAmB,EACnB,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,IACT,yBAAyB,EAAG,yBAAyB,EACrD,mBAAmB,EAAG,mBAAmB,YAEvC,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"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CAAE;YACnB,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"}
|
package/dist/esm/launchpad.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { recordTracksEvent } from '@automattic/calypso-analytics';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { Site, defaultSuccessCallback, useSortedLaunchpadTasks, } from '@automattic/data-stores';
|
|
4
|
+
import { useSelect } from '@wordpress/data';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
import { ShareSiteModal } from './action-components';
|
|
7
7
|
import LaunchpadInternal from './launchpad-internal';
|
|
8
8
|
import { setUpActionsForTasks } from './setup-actions';
|
|
9
9
|
export const SITE_STORE = Site.register({ client_id: '', client_secret: '' });
|
|
10
|
-
const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, }) => {
|
|
10
|
+
const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, highlightNextAction, }) => {
|
|
11
11
|
const { data: { checklist }, } = useSortedLaunchpadTasks(siteSlug, checklistSlug, launchpadContext);
|
|
12
|
-
const { setActiveChecklist } = useDispatch(LaunchpadNavigator.store);
|
|
13
12
|
const tasklistCompleted = checklist?.every((task) => task.completed) || false;
|
|
14
13
|
const tracksData = { recordTracksEvent, checklistSlug, tasklistCompleted, launchpadContext };
|
|
15
14
|
const site = useSelect((select) => {
|
|
@@ -22,7 +21,6 @@ const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched,
|
|
|
22
21
|
siteSlug,
|
|
23
22
|
tracksData,
|
|
24
23
|
extraActions: {
|
|
25
|
-
setActiveChecklist,
|
|
26
24
|
setShareSiteModalIsOpen,
|
|
27
25
|
},
|
|
28
26
|
eventHandlers: {
|
|
@@ -36,9 +34,13 @@ const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched,
|
|
|
36
34
|
return baseTasks;
|
|
37
35
|
};
|
|
38
36
|
const launchpadOptions = {
|
|
39
|
-
onSuccess:
|
|
37
|
+
onSuccess: defaultSuccessCallback,
|
|
40
38
|
};
|
|
41
|
-
|
|
39
|
+
if (!launchpadContext) {
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
const shareSiteTask = checklist?.find((task) => task.id === 'share_site') ?? null;
|
|
43
|
+
return (_jsxs(_Fragment, { children: [shareSiteModalIsOpen && site && (_jsx(ShareSiteModal, { setModalIsOpen: setShareSiteModalIsOpen, site: site, task: shareSiteTask })), _jsx(LaunchpadInternal, { site: site, siteSlug: siteSlug, checklistSlug: checklistSlug, taskFilter: taskFilter, useLaunchpadOptions: launchpadOptions, launchpadContext: launchpadContext, highlightNextAction: highlightNextAction })] }));
|
|
42
44
|
};
|
|
43
45
|
export default Launchpad;
|
|
44
46
|
//# sourceMappingURL=launchpad.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACN,
|
|
1
|
+
{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACN,IAAI,EAEJ,sBAAsB,EACtB,uBAAuB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGvD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAE,CAAC;AAYhF,MAAM,SAAS,GAAG,CAAE,EACnB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,mBAAmB,GACH,EAAG,EAAE;IACrB,MAAM,EACL,IAAI,EAAE,EAAE,SAAS,EAAE,GACnB,GAAG,uBAAuB,CAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAE,CAAC;IAEzE,MAAM,iBAAiB,GAAG,SAAS,EAAE,KAAK,CAAE,CAAE,IAAU,EAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAE,IAAI,KAAK,CAAC;IAExF,MAAM,UAAU,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAE7F,MAAM,IAAI,GAAG,SAAS,CACrB,CAAE,MAAM,EAAG,EAAE;QACZ,OAAO,QAAQ,CAAC,CAAC,CAAG,MAAM,CAAE,UAAU,CAAkB,CAAC,OAAO,CAAE,QAAQ,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrF,CAAC,EACD,CAAE,QAAQ,CAAE,CACZ,CAAC;IACF,MAAM,CAAE,oBAAoB,EAAE,uBAAuB,CAAE,GAAG,QAAQ,CAAE,KAAK,CAAE,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAE,KAAa,EAAG,EAAE;QACtC,MAAM,SAAS,GAAG,oBAAoB,CAAE;YACvC,KAAK;YACL,QAAQ;YACR,UAAU;YACV,YAAY,EAAE;gBACb,uBAAuB;aACvB;YACD,aAAa,EAAE;gBACd,cAAc;gBACd,WAAW;aACX;SACD,CAAE,CAAC;QAEJ,IAAK,iBAAiB,EAAG,CAAC;YACzB,OAAO,iBAAiB,CAAE,SAAS,CAAE,CAAC;QACvC,CAAC;QAED,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACxB,SAAS,EAAE,sBAAsB;KACjC,CAAC;IAEF,IAAK,CAAE,gBAAgB,EAAG,CAAC;QAC1B,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,aAAa,GAAG,SAAS,EAAE,IAAI,CAAE,CAAE,IAAU,EAAG,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,CAAE,IAAI,IAAI,CAAC;IAC5F,OAAO,CACN,8BACG,oBAAoB,IAAI,IAAI,IAAI,CACjC,KAAC,cAAc,IACd,cAAc,EAAG,uBAAuB,EACxC,IAAI,EAAG,IAAI,EACX,IAAI,EAAG,aAAa,GACnB,CACF,EACD,KAAC,iBAAiB,IACjB,IAAI,EAAG,IAAI,EACX,QAAQ,EAAG,QAAQ,EACnB,aAAa,EAAG,aAAa,EAC7B,UAAU,EAAG,UAAU,EACvB,mBAAmB,EAAG,gBAAgB,EACtC,gBAAgB,EAAG,gBAAgB,EACnC,mBAAmB,EAAG,mBAAmB,GACxC,IACA,CACH,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/esm/msw/resolver.js
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
import { HttpResponse, delay } from 'msw';
|
|
2
|
-
import linkInBio from './link-in-bio';
|
|
3
2
|
import free from './setup-free';
|
|
4
|
-
export const launchpadResolver = async (
|
|
5
|
-
const searchParams = new URL(request.url).searchParams;
|
|
6
|
-
const checklistSlug = searchParams.get('checklist_slug');
|
|
3
|
+
export const launchpadResolver = async () => {
|
|
7
4
|
// Random delay to make the UI feel more realistic
|
|
8
5
|
await delay();
|
|
9
|
-
if (checklistSlug === 'link-in-bio') {
|
|
10
|
-
return HttpResponse.json(linkInBio);
|
|
11
|
-
}
|
|
12
6
|
return HttpResponse.json(free);
|
|
13
7
|
};
|
|
14
8
|
//# sourceMappingURL=resolver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwB,KAAK,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,
|
|
1
|
+
{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwB,KAAK,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAyB,KAAK,IAAI,EAAE;IACjE,kDAAkD;IAClD,MAAM,KAAK,EAAE,CAAC;IAEd,OAAO,YAAY,CAAC,IAAI,CAAE,IAAI,CAAE,CAAC;AAClC,CAAC,CAAC"}
|
|
@@ -36,7 +36,7 @@ export default {
|
|
|
36
36
|
subtitle: '',
|
|
37
37
|
badge_text: '',
|
|
38
38
|
isLaunchTask: false,
|
|
39
|
-
calypso_path: '/setup/update-design/
|
|
39
|
+
calypso_path: '/setup/update-design/design-setup?siteSlug=site62798.wordpress.com',
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
42
|
id: 'domain_upsell',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-free.js","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,WAAW,EAAE,MAAM;IACnB,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE;QACnB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,IAAI;QACnB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;KACzB;IACD,SAAS,EAAE;QACV;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,gCAAgC;SAC9C;QACD;YACC,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,2CAA2C;SACzD;QACD;YACC,EAAE,EAAE,iBAAiB;YACrB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"setup-free.js","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,WAAW,EAAE,MAAM;IACnB,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE;QACnB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,IAAI;QACnB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;KACzB;IACD,SAAS,EAAE;QACV;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,gCAAgC;SAC9C;QACD;YACC,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,2CAA2C;SACzD;QACD;YACC,EAAE,EAAE,iBAAiB;YACrB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,oEAAoE;SAClF;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,cAAc;YAC1B,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,+DAA+D;SAC7E;QACD;YACC,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,+BAA+B;SAC7C;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,sCAAsC;SACpD;QACD;YACC,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,IAAI;SAClB;KACD;IACD,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,0BAA0B;CACjC,CAAC"}
|
|
@@ -6,19 +6,19 @@ import { addQueryArgs } from '@wordpress/url';
|
|
|
6
6
|
import wpcomRequest from 'wpcom-proxy-request';
|
|
7
7
|
const TASKS_TO_COMPLETE_ON_CLICK = [
|
|
8
8
|
'add_about_page',
|
|
9
|
+
'add_first_subscribers',
|
|
9
10
|
'manage_paid_newsletter_plan',
|
|
10
11
|
'earn_money',
|
|
11
12
|
'manage_subscribers',
|
|
12
13
|
'connect_social_media',
|
|
13
14
|
'drive_traffic',
|
|
14
|
-
'site_monitoring_page',
|
|
15
15
|
'front_page_updated',
|
|
16
16
|
'post_sharing_enabled',
|
|
17
17
|
'mobile_app_installed',
|
|
18
18
|
];
|
|
19
19
|
export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, eventHandlers, uiContext = 'calypso', }) => {
|
|
20
20
|
const { recordTracksEvent, checklistSlug, launchpadContext } = tracksData;
|
|
21
|
-
const { setShareSiteModalIsOpen
|
|
21
|
+
const { setShareSiteModalIsOpen } = extraActions;
|
|
22
22
|
const { onSiteLaunched, onTaskClick } = eventHandlers || {};
|
|
23
23
|
// Add actions to the tasks.
|
|
24
24
|
return tasks.map((task) => {
|
|
@@ -81,7 +81,7 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
|
|
|
81
81
|
case 'customize_welcome_message':
|
|
82
82
|
logMissingCalypsoPath = true;
|
|
83
83
|
task.calypso_path = config.isEnabled('settings/newsletter-settings-page')
|
|
84
|
-
? `/settings/newsletter/${siteSlug}`
|
|
84
|
+
? `/settings/newsletter/${siteSlug}#messages`
|
|
85
85
|
: `/settings/reading/${siteSlug}#newsletter-settings`;
|
|
86
86
|
break;
|
|
87
87
|
case 'manage_subscribers':
|
|
@@ -90,8 +90,6 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
|
|
|
90
90
|
break;
|
|
91
91
|
case 'site_launched':
|
|
92
92
|
case 'blog_launched':
|
|
93
|
-
case 'videopress_launched':
|
|
94
|
-
case 'link_in_bio_launched':
|
|
95
93
|
action = async () => {
|
|
96
94
|
await wpcomRequest({
|
|
97
95
|
path: `/sites/${siteSlug}/launch`,
|
|
@@ -114,7 +112,7 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
|
|
|
114
112
|
break;
|
|
115
113
|
case 'domain_dns_mapped':
|
|
116
114
|
action = () => {
|
|
117
|
-
window.open(localizeUrl(
|
|
115
|
+
window.open(localizeUrl('https://wordpress.com/support/domains/connect-existing-domain/#step-2-connect-your-domain'), '_blank');
|
|
118
116
|
};
|
|
119
117
|
useCalypsoPath = false;
|
|
120
118
|
break;
|
|
@@ -133,9 +131,6 @@ export const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions
|
|
|
133
131
|
});
|
|
134
132
|
}
|
|
135
133
|
const actionDispatch = () => {
|
|
136
|
-
if (siteSlug && setActiveChecklist && config.isEnabled('launchpad/navigator')) {
|
|
137
|
-
setActiveChecklist(siteSlug, checklistSlug);
|
|
138
|
-
}
|
|
139
134
|
onTaskClick?.(task);
|
|
140
135
|
action?.();
|
|
141
136
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C,MAAM,0BAA0B,GAAG;IAClC,gBAAgB;IAChB,6BAA6B;IAC7B,YAAY;IACZ,oBAAoB;IACpB,sBAAsB;IACtB,eAAe;IACf,
|
|
1
|
+
{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ export const useTracking = (params) => {
|
|
|
16
16
|
const isCheckListCompleted = completedSteps.length === tasks.length;
|
|
17
17
|
const isSiteAvailable = !!site;
|
|
18
18
|
const hasNoTask = tasks.length === 0;
|
|
19
|
+
const goals = site?.options?.site_goals?.join(',');
|
|
19
20
|
// We skip the view events until we have fetched the site details to avoid sending incomplete data
|
|
20
21
|
const shoulSkipTracking = hasNoTask || !isSiteAvailable;
|
|
21
22
|
useEffect(() => {
|
|
@@ -32,6 +33,7 @@ export const useTracking = (params) => {
|
|
|
32
33
|
context: context,
|
|
33
34
|
site_intent: siteIntent,
|
|
34
35
|
flow,
|
|
36
|
+
goals,
|
|
35
37
|
});
|
|
36
38
|
tasks.forEach((task) => {
|
|
37
39
|
recordTracksEvent('calypso_launchpad_task_view', {
|
|
@@ -42,6 +44,7 @@ export const useTracking = (params) => {
|
|
|
42
44
|
order: task.order,
|
|
43
45
|
site_intent: siteIntent,
|
|
44
46
|
flow,
|
|
47
|
+
goals,
|
|
45
48
|
});
|
|
46
49
|
});
|
|
47
50
|
// Array of tasks requires deep comparison
|
|
@@ -59,6 +62,7 @@ export const useTracking = (params) => {
|
|
|
59
62
|
task_id: task.id,
|
|
60
63
|
flow,
|
|
61
64
|
order: task.order,
|
|
65
|
+
goals,
|
|
62
66
|
});
|
|
63
67
|
};
|
|
64
68
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAY3C,MAAM,cAAc,GAAG,CAAE,KAAa,EAAG,EAAE;IAC1C,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,SAAS,GAAG,GAAG,CAAC;IAEtB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAE,CAAC,IAAI,CAAE,SAAS,CAAE,CAAC;IACnE,OAAO,GAAI,MAAO,GAAI,OAAQ,GAAI,MAAO,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAE,MAAc,EAAG,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAC7D,MAAM,cAAc,GAAG,OAAO,CAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAE,EAAE,CAAE,KAAK,CAAE,CAAE,CAAC;IAC9F,MAAM,SAAS,GAAG,OAAO,CAAE,GAAG,EAAE,CAAC,cAAc,CAAE,KAAK,CAAE,EAAE,CAAE,KAAK,CAAE,CAAE,CAAC;IACtE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,sBAAsB,GAAG,cAAc,CAAC,MAAM,CAAC;IACrD,MAAM,oBAAoB,GAAG,cAAc,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC;IACpE,MAAM,eAAe,GAAG,CAAC,CAAE,IAAI,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":"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"}
|