@automattic/onboarding 1.0.0

package/dist/types/step-container/index.d.ts

@@ -0,0 +1,45 @@
+import { TranslateResult } from 'i18n-calypso';
+import { ReactElement } from 'react';
+import './style.scss';
+interface Props {
+    stepName: string;
+    stepSectionName?: string;
+    stepContent: ReactElement;
+    shouldHideNavButtons?: boolean;
+    shouldStickyNavButtons?: boolean;
+    hasStickyNavButtonsPadding?: boolean;
+    hideBack?: boolean;
+    hideSkip?: boolean;
+    hideNext?: boolean;
+    skipButtonAlign?: 'top' | 'bottom';
+    skipHeadingText?: string;
+    backLabelText?: TranslateResult;
+    skipLabelText?: TranslateResult;
+    nextLabelText?: TranslateResult;
+    formattedHeader?: ReactElement;
+    hideFormattedHeader?: boolean;
+    headerImageUrl?: string;
+    className?: string;
+    isLargeSkipLayout?: boolean;
+    isExternalBackUrl?: boolean;
+    headerButton?: ReactElement;
+    customizedActionButtons?: ReactElement;
+    isWideLayout?: boolean;
+    isExtraWideLayout?: boolean;
+    isFullLayout?: boolean;
+    isHorizontalLayout?: boolean;
+    goBack?: () => void;
+    goNext?: () => void;
+    flowName?: string;
+    intent?: string;
+    recordTracksEvent: (eventName: string, eventProperties: object) => void;
+    showHeaderJetpackPowered?: boolean;
+    showJetpackPowered?: boolean;
+    showHeaderWooCommercePowered?: boolean;
+    showFooterWooCommercePowered?: boolean;
+    showSenseiPowered?: boolean;
+    showVideoPressPowered?: boolean;
+}
+declare const StepContainer: React.FC<Props>;
+export default StepContainer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/step-container/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAgB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrC,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,YAAY,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,YAAY,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAM,IAAI,CAAC;IAC1E,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAqMnC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/step-navigation-link/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TranslateResult } from 'i18n-calypso';
+import './style.scss';
+interface Props {
+    direction: 'back' | 'forward';
+    handleClick?: () => void;
+    label?: TranslateResult;
+    hasBackIcon?: boolean;
+    hasForwardIcon?: boolean;
+    primary?: boolean;
+    borderless?: boolean;
+    cssClass?: string;
+    rel?: string;
+    recordClick?: () => void;
+}
+declare const StepNavigationLink: React.FC<Props>;
+export default StepNavigationLink;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/step-navigation-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/step-navigation-link/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAgB,MAAM,cAAc,CAAC;AAC7D,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAkDxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './styles.scss';
+type AllowedTagNames = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+interface TitlesProps {
+    className?: string;
+    tagName?: AllowedTagNames;
+    children?: string | React.ReactNode;
+}
+export declare const Title: React.FunctionComponent<TitlesProps>;
+export declare const SubTitle: React.FunctionComponent<TitlesProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/titles/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,eAAe,CAAC;AAEvB,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;AACrE,UAAU,WAAW;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC;AAGD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAE,WAAW,CAUtD,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAE,WAAW,CAUzD,CAAC"}

package/dist/types/upload-and-set-site-logo.d.ts

@@ -0,0 +1,13 @@
+export declare function uploadAndSetSiteLogo(siteId: string | number | undefined, file: File): Promise<{
+    logoResult: {
+        id: number;
+        url: string;
+    };
+    uploadResult: {
+        media?: [{
+            ID: number;
+            URL: string;
+        }] | undefined;
+    };
+}>;
+//# sourceMappingURL=upload-and-set-site-logo.d.ts.map

package/dist/types/upload-and-set-site-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-and-set-site-logo.d.ts","sourceRoot":"","sources":["../../src/upload-and-set-site-logo.ts"],"names":[],"mappings":"AAEA,wBAAsB,oBAAoB,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI;;YAqBpF,MAAM;aACL,MAAM;;;;gBAhBN,MAAM;iBACL,MAAM;;;GA4Bd"}

package/dist/types/utils/contrastChecker.d.ts

@@ -0,0 +1,17 @@
+export type RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const hasMinContrast: (textColorRgb: RGB, bgColorRgb?: {
+    r: number;
+    g: number;
+    b: number;
+}, minContrastRatio?: number) => boolean;
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+//# sourceMappingURL=contrastChecker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contrastChecker.d.ts","sourceRoot":"","sources":["../../../src/utils/contrastChecker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAoBF,eAAO,MAAM,cAAc,iBACZ,GAAG;;;;iCAGf,OAKF,CAAC;AAGF,eAAO,MAAM,QAAQ,QAAU,MAAM;;;;;CAepC,CAAC"}

package/dist/types/utils/domain-suggester.d.ts

@@ -0,0 +1,15 @@
+export declare const extractDomainWithExtension: (email: string) => string | undefined;
+/**
+ * Suggests a correction for an email address.
+ * @param {string} inputDomain - The email address to be corrected.
+ * @param {number} maxDistance - The maximum Levenshtein distance between the input and the suggestion.
+ */
+export declare const suggestEmailCorrection: (inputDomain: string, maxDistance?: number) => {
+    oldEmail: string;
+    oldDomain: string | undefined;
+    newDomain: string | null;
+    newEmail: string | null;
+    distance: number;
+    wasCorrected: boolean;
+};
+//# sourceMappingURL=domain-suggester.d.ts.map

package/dist/types/utils/domain-suggester.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain-suggester.d.ts","sourceRoot":"","sources":["../../../src/utils/domain-suggester.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,0BAA0B,UAAY,MAAM,uBASxD,CAAC;AAyDF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,gBAAkB,MAAM,gBAAe,MAAM;;;;;;;CAmC/E,CAAC"}

package/dist/types/utils/flows.d.ts

@@ -0,0 +1,89 @@
+export declare const ACCOUNT_FLOW = "account";
+export declare const AI_ASSEMBLER_FLOW = "ai-assembler";
+export declare const NEWSLETTER_FLOW = "newsletter";
+export declare const NEWSLETTER_POST_SETUP_FLOW = "newsletter-post-setup";
+export declare const HOSTING_LP_FLOW = "hosting-start";
+export declare const NEW_HOSTED_SITE_FLOW = "new-hosted-site";
+export declare const NEW_HOSTED_SITE_FLOW_USER_INCLUDED = "new-hosted-site-user-included";
+export declare const TRANSFERRING_HOSTED_SITE_FLOW = "transferring-hosted-site";
+export declare const LINK_IN_BIO_FLOW = "link-in-bio";
+export declare const LINK_IN_BIO_TLD_FLOW = "link-in-bio-tld";
+export declare const LINK_IN_BIO_POST_SETUP_FLOW = "link-in-bio-post-setup";
+export declare const CONNECT_DOMAIN_FLOW = "connect-domain";
+export declare const VIDEOPRESS_FLOW = "videopress";
+export declare const VIDEOPRESS_ACCOUNT = "videopress-account";
+export declare const VIDEOPRESS_TV_FLOW = "videopress-tv";
+export declare const VIDEOPRESS_TV_PURCHASE_FLOW = "videopress-tv-purchase";
+export declare const IMPORT_FOCUSED_FLOW = "import-focused";
+export declare const IMPORT_HOSTED_SITE_FLOW = "import-hosted-site";
+export declare const SENSEI_FLOW = "sensei";
+export declare const ECOMMERCE_FLOW = "ecommerce";
+export declare const ENTREPRENEUR_FLOW = "entrepreneur";
+export declare const WOOEXPRESS_FLOW = "wooexpress";
+export declare const FREE_FLOW = "free";
+export declare const FREE_POST_SETUP_FLOW = "free-post-setup";
+export declare const MIGRATION_FLOW = "import-focused";
+export declare const SITE_MIGRATION_FLOW = "site-migration";
+export declare const MIGRATION_SIGNUP_FLOW = "migration-signup";
+export declare const HOSTED_SITE_MIGRATION_FLOW = "hosted-site-migration";
+export declare const COPY_SITE_FLOW = "copy-site";
+export declare const BUILD_FLOW = "build";
+export declare const WRITE_FLOW = "write";
+export declare const START_WRITING_FLOW = "start-writing";
+export declare const DESIGN_FIRST_FLOW = "design-first";
+export declare const SITE_SETUP_FLOW = "site-setup";
+export declare const WITH_THEME_FLOW = "with-theme";
+export declare const WITH_THEME_ASSEMBLER_FLOW = "with-theme-assembler";
+export declare const ASSEMBLER_FIRST_FLOW = "assembler-first";
+export declare const READYMADE_TEMPLATE_FLOW = "readymade-template";
+export declare const UPDATE_DESIGN_FLOW = "update-design";
+export declare const DOMAIN_UPSELL_FLOW = "domain-upsell";
+export declare const DOMAIN_TRANSFER = "domain-transfer";
+export declare const GOOGLE_TRANSFER = "google-transfer";
+export declare const HUNDRED_YEAR_PLAN_FLOW = "hundred-year-plan";
+export declare const REBLOGGING_FLOW = "reblogging";
+export declare const DOMAIN_FOR_GRAVATAR_FLOW = "domain-for-gravatar";
+export declare const ONBOARDING_GUIDED_FLOW = "onboarding";
+export declare const EMAIL_SUBSCRIPTION_FLOW = "email-subscription";
+export declare const isLinkInBioFlow: (flowName: string | null | undefined) => boolean;
+export declare const isNewsletterFlow: (flowName: string | null) => boolean;
+export declare const isFreeFlow: (flowName: string | null) => boolean;
+export declare const isNewsletterOrLinkInBioFlow: (flowName: string | null) => boolean;
+export declare const isTailoredSignupFlow: (flowName: string | null) => boolean;
+export declare const isEntrepreneurSignupFlow: (flowName: string | null) => boolean;
+export declare const isHostingSignupFlow: (flowName: string | null) => boolean;
+export declare const isNewHostedSiteCreationFlow: (flowName: string | null) => boolean;
+export declare const isTransferringHostedSiteCreationFlow: (flowName: string | null) => boolean;
+export declare const isAnyHostingFlow: (flowName?: string | null) => boolean;
+export declare const isAnyMigrationFlow: (flowName?: string | null) => boolean;
+export declare const isMigrationFlow: (flowName: string | null) => boolean;
+export declare const isCopySiteFlow: (flowName: string | null) => boolean;
+export declare const isEntrepreneurFlow: (flowName: string | null) => boolean;
+export declare const isWooExpressFlow: (flowName: string | null) => boolean;
+export declare const isNewSiteMigrationFlow: (flowName: string | null) => boolean;
+export declare const isMigrationSignupFlow: (flowName: string | null) => boolean;
+export declare const isHostedSiteMigrationFlow: (flowName: string | null) => boolean;
+export declare const isBuildFlow: (flowName: string | null) => boolean;
+export declare const isWriteFlow: (flowName: string | null) => boolean;
+export declare const isUpdateDesignFlow: (flowName: string | null) => boolean;
+export declare const isStartWritingFlow: (flowName: string | null) => boolean;
+export declare const isDesignFirstFlow: (flowName: string | null) => boolean;
+export declare const isBlogOnboardingFlow: (flowName: string | null) => boolean;
+export declare const isOnboardingGuidedFlow: (flowName: string | null) => boolean;
+export declare const isDomainUpsellFlow: (flowName: string | null) => boolean;
+export declare const isSiteAssemblerFlow: (flowName: string | null) => boolean;
+export declare const isReadymadeFlow: (flowName: string | null) => boolean;
+export declare const isWithThemeAssemblerFlow: (flowName: string | null) => boolean;
+export declare const isWithThemeFlow: (flowName: string | null) => boolean;
+export declare const isSiteSetupFlow: (flowName: string | null) => boolean;
+export declare const isSenseiFlow: (flowName: string | null) => boolean;
+export declare const ecommerceFlowRecurTypes: {
+    YEARLY: string;
+    MONTHLY: string;
+    '2Y': string;
+    '3Y': string;
+};
+export declare const isVideoPressFlow: (flowName: string | null) => boolean;
+export declare const isVideoPressTVFlow: (flowName: string | null | undefined) => boolean;
+export declare const isDomainForGravatarFlow: (flowName: string | null | undefined) => boolean;
+//# sourceMappingURL=flows.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+export * from './contrastChecker';
+export * from './flows';
+export * from './use-data-loss-warning';
+export { doesStringResembleDomain } from './is-domain';
+export { suggestEmailCorrection, extractDomainWithExtension } from './domain-suggester';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/types/utils/is-domain.d.ts

@@ -0,0 +1,2 @@
+export declare function doesStringResembleDomain(domainOrProduct: string): boolean;
+//# sourceMappingURL=is-domain.d.ts.map

package/dist/types/utils/is-domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-domain.d.ts","sourceRoot":"","sources":["../../../src/utils/is-domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAE,eAAe,EAAE,MAAM,GAAI,OAAO,CAiB3E"}

package/dist/types/utils/use-data-loss-warning.d.ts

@@ -0,0 +1,2 @@
+export declare function useDataLossWarning(enabled: boolean): void;
+//# sourceMappingURL=use-data-loss-warning.d.ts.map

package/dist/types/utils/use-data-loss-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-loss-warning.d.ts","sourceRoot":"","sources":["../../../src/utils/use-data-loss-warning.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAE,OAAO,EAAE,OAAO,QAcnD"}

package/dist/types/videopress-logo/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    className?: string;
+    size?: number;
+};
+declare const VideoPressLogo: React.FunctionComponent<Props>;
+export default VideoPressLogo;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/videopress-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/videopress-logo/index.tsx"],"names":[],"mappings":";AAAA,KAAK,KAAK,GAAG;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAE,KAAK,CA4BnD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+	preset: '../../test/packages/jest-preset.js',
+	testEnvironment: 'jsdom',
+	transformIgnorePatterns: [ 'node_modules/(?!gridicons)(?!.*\\.svg)' ],
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@automattic/onboarding",
+  "version": "1.0.0",
+  "description": "Onboarding components for WordPress.com.",
+  "homepage": "https://github.com/Automattic/wp-calypso",
+  "license": "GPL-2.0-or-later",
+  "author": "Automattic Inc.",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "calypso:src": "src/index.ts",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Automattic/wp-calypso.git",
+    "directory": "packages/onboarding"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": "https://github.com/Automattic/wp-calypso/issues",
+  "types": "dist/types",
+  "scripts": {
+    "clean": "tsc --build ./tsconfig.json ./tsconfig-cjs.json --clean && rm -rf dist",
+    "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && yarn run -T copy-assets && npx copyfiles ./styles/** dist",
+    "prepack": "yarn run clean && yarn run build",
+    "watch": "tsc --build ./tsconfig.json --watch"
+  },
+  "dependencies": {
+    "@automattic/calypso-config": "^1.0.0-alpha.0",
+    "@automattic/components": "^2.1.1",
+    "@automattic/data-stores": "^3.0.1",
+    "@wordpress/components": "^28.2.0",
+    "@wordpress/data": "^10.2.0",
+    "@wordpress/icons": "^10.2.0",
+    "@wordpress/react-i18n": "^4.2.0",
+    "clsx": "^2.1.1",
+    "react-router-dom": "^6.23.1",
+    "tslib": "^2.5.0",
+    "wpcom-proxy-request": "^7.0.5"
+  },
+  "devDependencies": {
+    "@automattic/calypso-typescript-config": "^1.0.0",
+    "@automattic/typography": "^1.0.0",
+    "@testing-library/react": "^15.0.7",
+    "@wordpress/base-styles": "^5.2.0",
+    "copyfiles": "^2.3.0",
+    "css-loader": "^3.6.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "redux": "^4.2.1",
+    "sass-loader": "^10.1.1",
+    "style-loader": "^1.3.0",
+    "typescript": "^5.3.3",
+    "webpack": "^5.91.0"
+  },
+  "peerDependencies": {
+    "@wordpress/i18n": "^5.2.0",
+    "react": "^18.2.0"
+  }
+}

package/src/action-buttons/index.tsx

@@ -0,0 +1,113 @@
+import { Button } from '@wordpress/components';
+import { Icon, chevronRight, chevronLeft } from '@wordpress/icons';
+import { useI18n } from '@wordpress/react-i18n';
+import clsx from 'clsx';
+import * as React from 'react';
+
+import './style.scss';
+
+interface ActionButtonsProps {
+	className?: string;
+	sticky?: boolean | null;
+	children?: React.ReactNode;
+}
+
+const ActionButtons: React.FunctionComponent< ActionButtonsProps > = ( {
+	className,
+	children,
+	sticky = null,
+} ) => {
+	// if null, auto-stick (stick when small).
+	// if true, always stick.
+	// if false, never stick.
+	let stickyClass = '';
+	if ( sticky === true ) {
+		stickyClass = 'is-sticky';
+	}
+	if ( sticky === false ) {
+		stickyClass = 'no-sticky';
+	}
+
+	return <div className={ clsx( 'action-buttons', className, stickyClass ) }>{ children }</div>;
+};
+
+export default ActionButtons;
+
+export const BackButton: React.FunctionComponent< React.ComponentProps< typeof Button > > = ( {
+	className,
+	children,
+	...buttonProps
+} ) => {
+	const { __ } = useI18n();
+
+	return (
+		<Button
+			className={ clsx( 'action_buttons__button action-buttons__back', className ) }
+			variant="link"
+			{ ...buttonProps }
+		>
+			{ children ||
+				/* translators: Button label for going to previous step in onboarding */
+				__( 'Go back', __i18n_text_domain__ ) }
+		</Button>
+	);
+};
+
+export const NextButton: React.FunctionComponent< React.ComponentProps< typeof Button > > = ( {
+	className,
+	children,
+	...buttonProps
+} ) => {
+	const { __ } = useI18n();
+
+	return (
+		<Button
+			className={ clsx( 'button action_buttons__button action-buttons__next', className ) }
+			variant="primary"
+			{ ...buttonProps }
+		>
+			{ children ||
+				/* translators: Button label for advancing to next step in onboarding */
+				__( 'Continue', __i18n_text_domain__ ) }
+		</Button>
+	);
+};
+
+export const SkipButton: React.FunctionComponent< React.ComponentProps< typeof Button > > = ( {
+	className,
+	children,
+	...buttonProps
+} ) => {
+	const { __ } = useI18n();
+
+	return (
+		<Button
+			className={ clsx( 'action_buttons__button action-buttons__skip', className ) }
+			{ ...buttonProps }
+		>
+			{ children ||
+				/* translators: Button label for skipping a step in onboarding */
+				__( 'Skip for now', __i18n_text_domain__ ) }
+		</Button>
+	);
+};
+
+export const ArrowButton: React.FunctionComponent<
+	React.ComponentProps< typeof Button > & {
+		arrow: 'left' | 'right';
+	}
+> = ( { className, children, arrow = 'right', ...buttonProps } ) => {
+	return (
+		<Button
+			className={ clsx(
+				`action_buttons__button action-buttons__arrow action-buttons__arrow--${ arrow }`,
+				className
+			) }
+			{ ...buttonProps }
+		>
+			{ arrow === 'left' && <Icon icon={ chevronLeft } /> }
+			{ children }
+			{ arrow === 'right' && <Icon icon={ chevronRight } /> }
+		</Button>
+	);
+};

package/src/action-buttons/style.scss

@@ -0,0 +1,108 @@
+@import "../../styles/variables.scss";
+@import "../../styles/mixins.scss";
+@import "../../styles/z-index.scss";
+
+.action-buttons {
+	padding: 0 20px;
+	border-top: 1px solid $gray-200;
+	background-color: $white;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	height: $onboarding-footer-height;
+	justify-content: space-between;
+	display: flex;
+	align-items: center;
+	z-index: onboarding-z-index(".onboarding__footer");
+
+	@mixin unstick {
+		padding: 0;
+		margin-left: 20px;
+		position: static;
+		border: none;
+
+		.action_buttons__button {
+			margin-left: 20px;
+
+			&:first-child {
+				margin-left: 0;
+			}
+		}
+	}
+
+	&:not(.is-sticky) {
+		@include break-small {
+			@include unstick;
+		}
+	}
+
+	&.no-sticky {
+		@include unstick;
+	}
+}
+
+button.action_buttons__button.components-button {
+	@include onboarding-medium-text;
+	height: 42px;
+	min-width: 120px;
+	justify-content: center;
+
+	&:active,
+	&:hover,
+	&:focus {
+		outline-color: transparent;
+	}
+
+	&:disabled {
+		opacity: 0.5;
+	}
+
+	&.action-buttons__back {
+		color: var(--studio-gray-50);
+		white-space: nowrap;
+		min-width: 0;
+		height: auto;
+	}
+
+	&.action-buttons__skip {
+		color: var(--studio-gray-50);
+		box-shadow: inset 0 0 0 1px var(--studio-gray-50);
+
+		&:active,
+		&:hover {
+			color: var(--studio-gray-60);
+			box-shadow: inset 0 0 0 1px var(--studio-gray-60);
+		}
+
+		&:focus {
+			color: var(--studio-gray-60);
+			box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--highlightColor);
+		}
+	}
+
+	&.action-buttons__arrow {
+		justify-content: flex-start;
+
+		text-decoration: underline;
+		font-weight: 600;
+		color: var(--mainColor);
+
+		// @TODO: We have to revisit the ArrowButton's padding when we pick up #48568 (https://github.com/Automattic/wp-calypso/issues/48568)
+		padding: 0;
+		margin-right: 0;
+
+		@include break-medium {
+			justify-content: flex-end;
+		}
+
+		svg {
+			// The viewbox has a 5px margin and we have to crop it to align it with the ArrowButton's copy properly.
+			margin: 0 -5px -4px;
+		}
+	}
+
+	@include break-small {
+		min-width: 160px;
+	}
+}

package/src/cart/create-cart-manager-client.ts

@@ -0,0 +1,34 @@
+import { createShoppingCartManagerClient } from '@automattic/shopping-cart';
+import wpcomRequest from 'wpcom-proxy-request';
+import type {
+	RequestCart,
+	CartKey,
+	ResponseCart,
+	ResponseCartProduct,
+} from '@automattic/shopping-cart';
+
+const wpcomGetCart = ( cartKey: CartKey ) => {
+	let source;
+	try {
+		source = window?.location?.pathname;
+	} catch {
+		// Ignore failures here if window is not present.
+	}
+	return wpcomRequest< ResponseCart< ResponseCartProduct > >( {
+		path: `/me/shopping-cart/${ cartKey }?source=${ source ?? 'unknown' }`,
+		method: 'GET',
+		apiVersion: '1.1',
+	} );
+};
+const wpcomSetCart = ( cartKey: CartKey, cartData: RequestCart ) =>
+	wpcomRequest< ResponseCart< ResponseCartProduct > >( {
+		path: `/me/shopping-cart/${ cartKey }`,
+		apiVersion: '1.1',
+		method: 'POST',
+		body: cartData,
+	} );
+
+export default createShoppingCartManagerClient( {
+	getCart: wpcomGetCart,
+	setCart: wpcomSetCart,
+} );