@automattic/launchpad 1.1.0 → 1.1.2
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 +29 -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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"launchpad-internal.js","sourceRoot":"","sources":["../../src/launchpad-internal.tsx"],"names":[],"mappings":";;;;AAAA,yDAAuD;AACvD,iCAAyC;AACzC,iEAA6E;AAC7E,8EAA6C;AAC7C,iDAA6C;
|
|
1
|
+
{"version":3,"file":"launchpad-internal.js","sourceRoot":"","sources":["../../src/launchpad-internal.tsx"],"names":[],"mappings":";;;;AAAA,yDAAuD;AACvD,iCAAyC;AACzC,iEAA6E;AAC7E,8EAA6C;AAC7C,iDAA6C;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,IAAA,0BAAY,EACjC,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,IAAA,eAAO,EAAE,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,IAAA,0BAAW,EAAE;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,gCAAK,SAAS,EAAC,8BAA8B,YAC1C,mBAAmB,CAAC,CAAC,CAAC,CACvB,uBAAC,mBAAS,IACT,yBAAyB,EAAG,yBAAyB,EACrD,mBAAmB,EAAG,mBAAmB,YAEvC,KAAK,CAAC,GAAG,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,CACxB,uBAAC,wBAAa,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,uBAAC,uBAAoB,KAAG,CACxB,GACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"launchpad-internal.stories.js","sourceRoot":"","sources":["../../src/launchpad-internal.stories.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAyE;AACzE,6BAA2B;AAC3B,sFAAqD;AACrD,6CAAmD;AAGnD,MAAM,WAAW,GAAG,IAAI,yBAAW,EAAE,CAAC;AAEtC,MAAM,IAAI,GAAqC;IAC9C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,4BAAiB;IAC5B,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,uBAAC,iCAAmB,IAAC,MAAM,EAAG,WAAW,YACxC,uBAAC,KAAK,KAAG,GACY,CACtB;KACD;IACD,UAAU,EAAE;QACX,GAAG,EAAE;YACJ,QAAQ,EAAE,CAAE,UAAI,CAAC,GAAG,CAAE,6BAA6B,EAAE,4BAAiB,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,uDAAyE;AACzE,6BAA2B;AAC3B,sFAAqD;AACrD,6CAAmD;AAGnD,MAAM,WAAW,GAAG,IAAI,yBAAW,EAAE,CAAC;AAEtC,MAAM,IAAI,GAAqC;IAC9C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,4BAAiB;IAC5B,UAAU,EAAE;QACX,CAAE,KAAK,EAAG,EAAE,CAAC,CACZ,uBAAC,iCAAmB,IAAC,MAAM,EAAG,WAAW,YACxC,uBAAC,KAAK,KAAG,GACY,CACtB;KACD;IACD,UAAU,EAAE;QACX,GAAG,EAAE;YACJ,QAAQ,EAAE,CAAE,UAAI,CAAC,GAAG,CAAE,6BAA6B,EAAE,4BAAiB,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;AAGW,QAAA,OAAO,GAAU,EAAE,CAAC;AACpB,QAAA,OAAO,GAAU;IAC7B,UAAU,EAAE;QACX,GAAG,EAAE;YACJ,KAAK,EAAE,IAAI;SACX;KACD;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
package/dist/cjs/launchpad.js
CHANGED
|
@@ -11,9 +11,8 @@ const action_components_1 = require("./action-components");
|
|
|
11
11
|
const launchpad_internal_1 = tslib_1.__importDefault(require("./launchpad-internal"));
|
|
12
12
|
const setup_actions_1 = require("./setup-actions");
|
|
13
13
|
exports.SITE_STORE = data_stores_1.Site.register({ client_id: '', client_secret: '' });
|
|
14
|
-
const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, }) => {
|
|
14
|
+
const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched, onTaskClick, onPostFilterTasks, highlightNextAction, }) => {
|
|
15
15
|
const { data: { checklist }, } = (0, data_stores_1.useSortedLaunchpadTasks)(siteSlug, checklistSlug, launchpadContext);
|
|
16
|
-
const { setActiveChecklist } = (0, data_1.useDispatch)(data_stores_1.LaunchpadNavigator.store);
|
|
17
16
|
const tasklistCompleted = checklist?.every((task) => task.completed) || false;
|
|
18
17
|
const tracksData = { recordTracksEvent: calypso_analytics_1.recordTracksEvent, checklistSlug, tasklistCompleted, launchpadContext };
|
|
19
18
|
const site = (0, data_1.useSelect)((select) => {
|
|
@@ -26,7 +25,6 @@ const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched,
|
|
|
26
25
|
siteSlug,
|
|
27
26
|
tracksData,
|
|
28
27
|
extraActions: {
|
|
29
|
-
setActiveChecklist,
|
|
30
28
|
setShareSiteModalIsOpen,
|
|
31
29
|
},
|
|
32
30
|
eventHandlers: {
|
|
@@ -40,9 +38,13 @@ const Launchpad = ({ siteSlug, checklistSlug, launchpadContext, onSiteLaunched,
|
|
|
40
38
|
return baseTasks;
|
|
41
39
|
};
|
|
42
40
|
const launchpadOptions = {
|
|
43
|
-
onSuccess: data_stores_1.
|
|
41
|
+
onSuccess: data_stores_1.defaultSuccessCallback,
|
|
44
42
|
};
|
|
45
|
-
|
|
43
|
+
if (!launchpadContext) {
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
const shareSiteTask = checklist?.find((task) => task.id === 'share_site') ?? null;
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [shareSiteModalIsOpen && site && ((0, jsx_runtime_1.jsx)(action_components_1.ShareSiteModal, { setModalIsOpen: setShareSiteModalIsOpen, site: site, task: shareSiteTask })), (0, jsx_runtime_1.jsx)(launchpad_internal_1.default, { site: site, siteSlug: siteSlug, checklistSlug: checklistSlug, taskFilter: taskFilter, useLaunchpadOptions: launchpadOptions, launchpadContext: launchpadContext, highlightNextAction: highlightNextAction })] }));
|
|
46
48
|
};
|
|
47
49
|
exports.default = Launchpad;
|
|
48
50
|
//# sourceMappingURL=launchpad.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../src/launchpad.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAkE;AAClE,yDAKiC;AACjC,0CAA4C;AAC5C,iCAAiC;AACjC,2DAAqD;AACrD,sFAAqD;AACrD,mDAAuD;AAG1C,QAAA,UAAU,GAAG,kBAAI,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,IAAA,qCAAuB,EAAE,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,EAAjB,qCAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAE7F,MAAM,IAAI,GAAG,IAAA,gBAAS,EACrB,CAAE,MAAM,EAAG,EAAE;QACZ,OAAO,QAAQ,CAAC,CAAC,CAAG,MAAM,CAAE,kBAAU,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,IAAA,gBAAQ,EAAE,KAAK,CAAE,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAE,KAAa,EAAG,EAAE;QACtC,MAAM,SAAS,GAAG,IAAA,oCAAoB,EAAE;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,oCAAsB;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,6DACG,oBAAoB,IAAI,IAAI,IAAI,CACjC,uBAAC,kCAAc,IACd,cAAc,EAAG,uBAAuB,EACxC,IAAI,EAAG,IAAI,EACX,IAAI,EAAG,aAAa,GACnB,CACF,EACD,uBAAC,4BAAiB,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,kBAAe,SAAS,CAAC"}
|
package/dist/cjs/msw/resolver.js
CHANGED
|
@@ -3,16 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.launchpadResolver = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const msw_1 = require("msw");
|
|
6
|
-
const link_in_bio_1 = tslib_1.__importDefault(require("./link-in-bio"));
|
|
7
6
|
const setup_free_1 = tslib_1.__importDefault(require("./setup-free"));
|
|
8
|
-
const launchpadResolver = async (
|
|
9
|
-
const searchParams = new URL(request.url).searchParams;
|
|
10
|
-
const checklistSlug = searchParams.get('checklist_slug');
|
|
7
|
+
const launchpadResolver = async () => {
|
|
11
8
|
// Random delay to make the UI feel more realistic
|
|
12
9
|
await (0, msw_1.delay)();
|
|
13
|
-
if (checklistSlug === 'link-in-bio') {
|
|
14
|
-
return msw_1.HttpResponse.json(link_in_bio_1.default);
|
|
15
|
-
}
|
|
16
10
|
return msw_1.HttpResponse.json(setup_free_1.default);
|
|
17
11
|
};
|
|
18
12
|
exports.launchpadResolver = launchpadResolver;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":";;;;AAAA,6BAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../src/msw/resolver.ts"],"names":[],"mappings":";;;;AAAA,6BAAgE;AAChE,sEAAgC;AAEzB,MAAM,iBAAiB,GAAyB,KAAK,IAAI,EAAE;IACjE,kDAAkD;IAClD,MAAM,IAAA,WAAK,GAAE,CAAC;IAEd,OAAO,kBAAY,CAAC,IAAI,CAAE,oBAAI,CAAE,CAAC;AAClC,CAAC,CAAC;AALW,QAAA,iBAAiB,qBAK5B"}
|
|
@@ -38,7 +38,7 @@ exports.default = {
|
|
|
38
38
|
subtitle: '',
|
|
39
39
|
badge_text: '',
|
|
40
40
|
isLaunchTask: false,
|
|
41
|
-
calypso_path: '/setup/update-design/
|
|
41
|
+
calypso_path: '/setup/update-design/design-setup?siteSlug=site62798.wordpress.com',
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
id: 'domain_upsell',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-free.js","sourceRoot":"","sources":["../../../src/msw/setup-free.ts"],"names":[],"mappings":";;AAAA,kBAAe;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,kBAAe;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"}
|
|
@@ -10,19 +10,19 @@ const url_1 = require("@wordpress/url");
|
|
|
10
10
|
const wpcom_proxy_request_1 = tslib_1.__importDefault(require("wpcom-proxy-request"));
|
|
11
11
|
const TASKS_TO_COMPLETE_ON_CLICK = [
|
|
12
12
|
'add_about_page',
|
|
13
|
+
'add_first_subscribers',
|
|
13
14
|
'manage_paid_newsletter_plan',
|
|
14
15
|
'earn_money',
|
|
15
16
|
'manage_subscribers',
|
|
16
17
|
'connect_social_media',
|
|
17
18
|
'drive_traffic',
|
|
18
|
-
'site_monitoring_page',
|
|
19
19
|
'front_page_updated',
|
|
20
20
|
'post_sharing_enabled',
|
|
21
21
|
'mobile_app_installed',
|
|
22
22
|
];
|
|
23
23
|
const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, eventHandlers, uiContext = 'calypso', }) => {
|
|
24
24
|
const { recordTracksEvent, checklistSlug, launchpadContext } = tracksData;
|
|
25
|
-
const { setShareSiteModalIsOpen
|
|
25
|
+
const { setShareSiteModalIsOpen } = extraActions;
|
|
26
26
|
const { onSiteLaunched, onTaskClick } = eventHandlers || {};
|
|
27
27
|
// Add actions to the tasks.
|
|
28
28
|
return tasks.map((task) => {
|
|
@@ -85,7 +85,7 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, event
|
|
|
85
85
|
case 'customize_welcome_message':
|
|
86
86
|
logMissingCalypsoPath = true;
|
|
87
87
|
task.calypso_path = calypso_config_1.default.isEnabled('settings/newsletter-settings-page')
|
|
88
|
-
? `/settings/newsletter/${siteSlug}`
|
|
88
|
+
? `/settings/newsletter/${siteSlug}#messages`
|
|
89
89
|
: `/settings/reading/${siteSlug}#newsletter-settings`;
|
|
90
90
|
break;
|
|
91
91
|
case 'manage_subscribers':
|
|
@@ -94,8 +94,6 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, event
|
|
|
94
94
|
break;
|
|
95
95
|
case 'site_launched':
|
|
96
96
|
case 'blog_launched':
|
|
97
|
-
case 'videopress_launched':
|
|
98
|
-
case 'link_in_bio_launched':
|
|
99
97
|
action = async () => {
|
|
100
98
|
await (0, wpcom_proxy_request_1.default)({
|
|
101
99
|
path: `/sites/${siteSlug}/launch`,
|
|
@@ -118,7 +116,7 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, event
|
|
|
118
116
|
break;
|
|
119
117
|
case 'domain_dns_mapped':
|
|
120
118
|
action = () => {
|
|
121
|
-
window.open((0, i18n_utils_1.localizeUrl)(
|
|
119
|
+
window.open((0, i18n_utils_1.localizeUrl)('https://wordpress.com/support/domains/connect-existing-domain/#step-2-connect-your-domain'), '_blank');
|
|
122
120
|
};
|
|
123
121
|
useCalypsoPath = false;
|
|
124
122
|
break;
|
|
@@ -137,9 +135,6 @@ const setUpActionsForTasks = ({ siteSlug, tasks, tracksData, extraActions, event
|
|
|
137
135
|
});
|
|
138
136
|
}
|
|
139
137
|
const actionDispatch = () => {
|
|
140
|
-
if (siteSlug && setActiveChecklist && calypso_config_1.default.isEnabled('launchpad/navigator')) {
|
|
141
|
-
setActiveChecklist(siteSlug, checklistSlug);
|
|
142
|
-
}
|
|
143
138
|
onTaskClick?.(task);
|
|
144
139
|
action?.();
|
|
145
140
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-actions.js","sourceRoot":"","sources":["../../src/setup-actions.ts"],"names":[],"mappings":";;;;AAAA,wFAAgD;AAChD,yDAAkE;AAClE,uDAAqD;AACrD,mDAAgD;AAChD,wCAA8C;AAC9C,sFAA+C;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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"}
|
|
@@ -19,6 +19,7 @@ const useTracking = (params) => {
|
|
|
19
19
|
const isCheckListCompleted = completedSteps.length === tasks.length;
|
|
20
20
|
const isSiteAvailable = !!site;
|
|
21
21
|
const hasNoTask = tasks.length === 0;
|
|
22
|
+
const goals = site?.options?.site_goals?.join(',');
|
|
22
23
|
// We skip the view events until we have fetched the site details to avoid sending incomplete data
|
|
23
24
|
const shoulSkipTracking = hasNoTask || !isSiteAvailable;
|
|
24
25
|
(0, react_1.useEffect)(() => {
|
|
@@ -35,6 +36,7 @@ const useTracking = (params) => {
|
|
|
35
36
|
context: context,
|
|
36
37
|
site_intent: siteIntent,
|
|
37
38
|
flow,
|
|
39
|
+
goals,
|
|
38
40
|
});
|
|
39
41
|
tasks.forEach((task) => {
|
|
40
42
|
(0, calypso_analytics_1.recordTracksEvent)('calypso_launchpad_task_view', {
|
|
@@ -45,6 +47,7 @@ const useTracking = (params) => {
|
|
|
45
47
|
order: task.order,
|
|
46
48
|
site_intent: siteIntent,
|
|
47
49
|
flow,
|
|
50
|
+
goals,
|
|
48
51
|
});
|
|
49
52
|
});
|
|
50
53
|
// Array of tasks requires deep comparison
|
|
@@ -62,6 +65,7 @@ const useTracking = (params) => {
|
|
|
62
65
|
task_id: task.id,
|
|
63
66
|
flow,
|
|
64
67
|
order: task.order,
|
|
68
|
+
goals,
|
|
65
69
|
});
|
|
66
70
|
};
|
|
67
71
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/use-tracking/index.tsx"],"names":[],"mappings":";;;AAAA,qEAAkE;AAClE,iCAA2C;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;AAEK,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,IAAA,eAAO,EAAE,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,IAAA,eAAO,EAAE,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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"}
|
|
@@ -1,41 +1,152 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { recordTracksEvent } from '@automattic/calypso-analytics';
|
|
2
3
|
import { Popover } from '@automattic/components';
|
|
3
4
|
import { updateLaunchpadSettings } from '@automattic/data-stores';
|
|
4
5
|
import { useQueryClient } from '@tanstack/react-query';
|
|
5
|
-
import { Button, Modal } from '@wordpress/components';
|
|
6
|
-
import { __ } from '@wordpress/i18n';
|
|
7
|
-
import {
|
|
8
|
-
import { useState, useRef } from 'react';
|
|
6
|
+
import { Button, Modal, __experimentalInputControl as InputControl, __experimentalHStack as HStack, __experimentalVStack as VStack, } from '@wordpress/components';
|
|
7
|
+
import { __, sprintf } from '@wordpress/i18n';
|
|
8
|
+
import { copy, share, check } from '@wordpress/icons';
|
|
9
|
+
import { useState, useRef, useMemo, useCallback } from 'react';
|
|
10
|
+
import { SocialLogo } from 'social-logos';
|
|
9
11
|
import './style.scss';
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
12
|
+
const getShareLinks = (siteUrl, text) => {
|
|
13
|
+
const encodedSiteUrl = encodeURIComponent(siteUrl);
|
|
14
|
+
const encodedText = encodeURIComponent(text);
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
href: `mailto:?subject=${encodedText}&body=${encodedSiteUrl}`,
|
|
18
|
+
className: 'share-site-modal__modal-share-link',
|
|
19
|
+
title: __('Share via email', 'launchpad'),
|
|
20
|
+
icon: 'mail',
|
|
21
|
+
label: __('Email', 'launchpad'),
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
href: `http://www.tumblr.com/share/link?url=${encodedSiteUrl}`,
|
|
25
|
+
className: 'share-site-modal__modal-share-link',
|
|
26
|
+
title: __('Share on Tumblr', 'launchpad'),
|
|
27
|
+
icon: 'tumblr',
|
|
28
|
+
label: __('Tumblr', 'launchpad'),
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
href: `https://bsky.app/intent/compose?text=${encodedSiteUrl}`,
|
|
32
|
+
className: 'share-site-modal__modal-share-link',
|
|
33
|
+
title: __('Share on Bluesky', 'launchpad'),
|
|
34
|
+
icon: 'bluesky',
|
|
35
|
+
label: __('Bluesky', 'launchpad'),
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
href: `https://www.linkedin.com/shareArticle?mini=true&url=${encodedSiteUrl}&title=${encodedText}`,
|
|
39
|
+
className: 'share-site-modal__modal-share-link',
|
|
40
|
+
title: __('Share on LinkedIn', 'launchpad'),
|
|
41
|
+
icon: 'linkedin',
|
|
42
|
+
label: __('LinkedIn', 'launchpad'),
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
href: `https://t.me/share/url?url=${encodedSiteUrl}&text=${encodedText}`,
|
|
46
|
+
className: 'share-site-modal__modal-share-link',
|
|
47
|
+
title: __('Share on Telegram', 'launchpad'),
|
|
48
|
+
icon: 'telegram',
|
|
49
|
+
label: __('Telegram', 'launchpad'),
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
href: `http://www.reddit.com/submit?url=${encodedSiteUrl}&title=${encodedText}`,
|
|
53
|
+
className: 'share-site-modal__modal-share-link',
|
|
54
|
+
title: __('Share on Reddit', 'launchpad'),
|
|
55
|
+
icon: 'reddit',
|
|
56
|
+
label: __('Reddit', 'launchpad'),
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
href: `https://api.whatsapp.com/send?text=${encodedSiteUrl}`,
|
|
60
|
+
className: 'share-site-modal__modal-share-link',
|
|
61
|
+
title: __('Share on WhatsApp', 'launchpad'),
|
|
62
|
+
icon: 'whatsapp',
|
|
63
|
+
label: __('WhatsApp', 'launchpad'),
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
href: `https://x.com/intent/post?url=${encodedSiteUrl}&text=${encodedText}`,
|
|
67
|
+
className: 'share-site-modal__modal-share-link',
|
|
68
|
+
title: __('Share on X', 'launchpad'),
|
|
69
|
+
icon: 'x',
|
|
70
|
+
label: __('X', 'launchpad'),
|
|
71
|
+
},
|
|
72
|
+
];
|
|
73
|
+
};
|
|
74
|
+
const getSiteSlug = (site) => {
|
|
75
|
+
if (!site) {
|
|
76
|
+
return '';
|
|
77
|
+
}
|
|
78
|
+
if (site.slug) {
|
|
79
|
+
return site.slug;
|
|
80
|
+
}
|
|
81
|
+
if (site.URL) {
|
|
82
|
+
return new URL(site.URL).host;
|
|
83
|
+
}
|
|
84
|
+
return '';
|
|
85
|
+
};
|
|
86
|
+
const getShareData = (site) => {
|
|
24
87
|
const siteSlug = getSiteSlug(site);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
88
|
+
return {
|
|
89
|
+
title: siteSlug,
|
|
90
|
+
text: sprintf(
|
|
91
|
+
/* translators: siteSlug is the short form of the site URL with the https:// */
|
|
92
|
+
__('Please visit my site: %(siteSlug)s', 'launchpad'), {
|
|
93
|
+
siteSlug,
|
|
94
|
+
}),
|
|
95
|
+
url: site?.URL || '',
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
const ShareSiteModal = ({ setModalIsOpen, site, task }) => {
|
|
99
|
+
const queryClient = useQueryClient();
|
|
100
|
+
const shareData = getShareData(site);
|
|
101
|
+
const trackShareClick = useCallback(async (eventType) => {
|
|
102
|
+
recordTracksEvent('calypso_subscribers_share_site', {
|
|
103
|
+
type: eventType,
|
|
104
|
+
context: task?.id ? `launchpad-task-${task.id}` : null,
|
|
105
|
+
site_url: shareData.url,
|
|
106
|
+
});
|
|
107
|
+
if (shareData.title) {
|
|
108
|
+
await updateLaunchpadSettings(shareData.title, {
|
|
31
109
|
checklist_statuses: { share_site: true },
|
|
32
110
|
});
|
|
33
111
|
}
|
|
34
112
|
queryClient.invalidateQueries({ queryKey: ['launchpad'] });
|
|
113
|
+
}, [shareData, queryClient, task?.id]);
|
|
114
|
+
const [clipboardCopied, setClipboardCopied] = useState(false);
|
|
115
|
+
const clipboardTextEl = useRef(null);
|
|
116
|
+
const copyHandler = () => {
|
|
117
|
+
navigator.clipboard.writeText(shareData.url);
|
|
35
118
|
setClipboardCopied(true);
|
|
119
|
+
trackShareClick('copy');
|
|
36
120
|
setTimeout(() => setClipboardCopied(false), 3000);
|
|
37
121
|
};
|
|
38
|
-
|
|
122
|
+
const canUseWebShare = window.navigator?.canShare && window.navigator.canShare(shareData);
|
|
123
|
+
const webShareClickHandler = useCallback(async () => {
|
|
124
|
+
if (!canUseWebShare) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
trackShareClick('web-share');
|
|
128
|
+
await navigator.share(shareData);
|
|
129
|
+
}, [canUseWebShare, shareData, trackShareClick]);
|
|
130
|
+
const socialLinkClickHandler = (event) => {
|
|
131
|
+
event.preventDefault();
|
|
132
|
+
const eventType = event.currentTarget.dataset.eventType;
|
|
133
|
+
trackShareClick(eventType);
|
|
134
|
+
window.open(event.currentTarget.href, '_blank');
|
|
135
|
+
};
|
|
136
|
+
const shareLinks = useMemo(() => {
|
|
137
|
+
const _shareLinks = [
|
|
138
|
+
{
|
|
139
|
+
type: 'button',
|
|
140
|
+
className: 'share-site-modal__modal-share-link',
|
|
141
|
+
label: __('Share via device', 'launchpad'),
|
|
142
|
+
icon: share,
|
|
143
|
+
onClick: webShareClickHandler,
|
|
144
|
+
},
|
|
145
|
+
...getShareLinks(shareData.url, shareData.text),
|
|
146
|
+
];
|
|
147
|
+
return _shareLinks;
|
|
148
|
+
}, [shareData, webShareClickHandler]);
|
|
149
|
+
return (_jsx(Modal, { onRequestClose: () => setModalIsOpen(false), className: "share-site-modal__modal", title: __('Share your site', 'launchpad'), children: _jsx(VStack, { className: "share-site-modal__modal-content", spacing: 4, children: _jsxs(VStack, { className: "share-site-modal__modal-actions", spacing: 4, children: [_jsx(Popover, { className: "share-site-modal__popover", isVisible: clipboardCopied, context: clipboardTextEl.current, position: "top", children: __('Copied to clipboard!', 'launchpad') }), _jsx(InputControl, { className: "share-site-modal__modal-input-container", __next40pxDefaultSize: true, value: shareData.title, label: __('Site URL', 'launchpad'), ref: clipboardTextEl, readOnly: true, hideLabelFromVision: true, suffix: _jsx(Button, { onClick: copyHandler, className: "share-site-modal__modal-copy-link", disabled: !shareData.title || clipboardCopied, icon: clipboardCopied ? check : copy, label: __('Copy Site URL', 'launchpad') }) }), _jsx(HStack, { className: "share-site-modal__modal-social", as: "ul", justify: "start", children: shareLinks.map((link, index) => (_jsx("li", { children: link.type === 'button' ? (_jsx(Button, { className: link.className, onClick: link.onClick, icon: link.icon, children: link.label })) : (_jsxs(Button, { href: link.href, className: link.className, label: link.title, rel: "noopener noreferrer", target: "_blank", onClick: socialLinkClickHandler, "data-event-type": link.icon, children: [_jsx(SocialLogo, { className: "share-site-modal__modal-icon", size: 24, icon: link.icon }), _jsx("span", { children: link.label })] })) }, index))) })] }) }) }));
|
|
39
150
|
};
|
|
40
151
|
export default ShareSiteModal;
|
|
41
152
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,138 +3,45 @@
|
|
|
3
3
|
.share-site-modal__modal {
|
|
4
4
|
max-width: 640px;
|
|
5
5
|
|
|
6
|
-
.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
.components-modal__content {
|
|
11
|
-
margin: 0;
|
|
12
|
-
padding: 0;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.share-site-modal__modal-content {
|
|
16
|
-
padding: 48px;
|
|
17
|
-
padding-bottom: 40px;
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
gap: 32px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.share-site-modal__modal-heading {
|
|
24
|
-
color: var(--studio-gray-100);
|
|
25
|
-
font-family: Recoleta, "Noto Serif", Georgia, "Times New Roman", Times, serif;
|
|
26
|
-
font-size: 2rem;
|
|
27
|
-
line-height: 40px;
|
|
28
|
-
font-weight: 400;
|
|
29
|
-
letter-spacing: 0.2px;
|
|
30
|
-
margin: 0;
|
|
31
|
-
padding-bottom: 8px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.share-site-modal__modal-domain {
|
|
35
|
-
display: flex;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
align-items: center;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.share-site-modal__modal-body,
|
|
41
|
-
.share-site-modal__modal-domain-text {
|
|
42
|
-
margin: 0;
|
|
43
|
-
color: var(--studio-gray-80);
|
|
44
|
-
font-size: 1rem;
|
|
45
|
-
line-height: 24px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.share-site-modal__modal-domain-text {
|
|
49
|
-
padding: 0 8px;
|
|
50
|
-
|
|
51
|
-
// prevent text overflow
|
|
52
|
-
text-overflow: ellipsis;
|
|
53
|
-
white-space: nowrap;
|
|
54
|
-
overflow: hidden;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.share-site-modal__modal-buttons {
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: row;
|
|
60
|
-
justify-content: end;
|
|
61
|
-
gap: 16px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.share-site-modal__modal-site {
|
|
65
|
-
padding: 8px;
|
|
66
|
-
background: var(--studio-gray-0);
|
|
67
|
-
display: flex;
|
|
68
|
-
flex-direction: row;
|
|
69
|
-
justify-content: space-between;
|
|
70
|
-
align-items: center;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.launchpad__clipboard-button {
|
|
74
|
-
opacity: 0;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.launchpad__clipboard-button:focus {
|
|
78
|
-
opacity: 1;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.share-site-modal__modal-site:hover {
|
|
82
|
-
.launchpad__clipboard-button {
|
|
83
|
-
opacity: 1;
|
|
6
|
+
.share-site-modal__modal-input-container {
|
|
7
|
+
input {
|
|
8
|
+
/* Required to tame the WordPress component's outrageously specific font size */
|
|
9
|
+
font-size: $font-body !important;
|
|
84
10
|
}
|
|
85
11
|
}
|
|
86
12
|
|
|
87
|
-
.share-site-modal__modal-
|
|
88
|
-
|
|
89
|
-
font-size: 0.875rem;
|
|
90
|
-
display: inline-flex;
|
|
91
|
-
flex-direction: row;
|
|
92
|
-
justify-content: start;
|
|
93
|
-
gap: 6px;
|
|
94
|
-
padding: 0;
|
|
13
|
+
.share-site-modal__modal-social {
|
|
14
|
+
flex-wrap: wrap;
|
|
95
15
|
margin: 0;
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.share-site-modal__modal-upsell {
|
|
100
|
-
border-top: 1px solid var(--studio-gray-5);
|
|
101
|
-
background: var(--studio-gray-0);
|
|
102
|
-
display: flex;
|
|
103
|
-
justify-content: center;
|
|
104
|
-
align-items: center;
|
|
105
|
-
padding: 32px 48px;
|
|
106
|
-
gap: 32px;
|
|
107
|
-
|
|
108
|
-
.components-button {
|
|
109
|
-
height: 42px;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.share-site-modal__modal-upsell-content p {
|
|
114
|
-
margin-bottom: 0;
|
|
16
|
+
list-style: none;
|
|
115
17
|
}
|
|
116
18
|
|
|
117
|
-
.share-site-modal__modal-
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.share-site-modal__modal-view-site {
|
|
122
|
-
display: flex;
|
|
19
|
+
.share-site-modal__modal-copy-link,
|
|
20
|
+
.share-site-modal__modal-share-link {
|
|
123
21
|
gap: 4px;
|
|
124
|
-
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
align-items: center;
|
|
125
24
|
font-weight: 500;
|
|
126
|
-
|
|
127
|
-
font-size:
|
|
25
|
+
padding: 4px 8px;
|
|
26
|
+
font-size: $font-body-small;
|
|
128
27
|
line-height: 20px;
|
|
129
28
|
letter-spacing: -0.154px;
|
|
130
29
|
color: #101517;
|
|
30
|
+
.share-site-modal__modal-icon {
|
|
31
|
+
border-radius: 100%;
|
|
32
|
+
padding: 4px;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.share-site-modal__modal-copy-link:disabled {
|
|
37
|
+
opacity: 0.5;
|
|
131
38
|
}
|
|
132
39
|
|
|
133
|
-
.share-site-modal__modal-
|
|
40
|
+
.share-site-modal__modal-share-link:visited {
|
|
134
41
|
color: #101517;
|
|
135
42
|
}
|
|
136
43
|
|
|
137
|
-
.share-site-modal__modal-
|
|
44
|
+
.share-site-modal__modal-share-link:hover:not(:disabled) {
|
|
138
45
|
text-decoration: underline;
|
|
139
46
|
}
|
|
140
47
|
}
|