@automattic/onboarding 1.0.0

package/dist/esm/action-buttons/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@wordpress/components';
+import { Icon, chevronRight, chevronLeft } from '@wordpress/icons';
+import { useI18n } from '@wordpress/react-i18n';
+import clsx from 'clsx';
+import './style.scss';
+const ActionButtons = ({ 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 _jsx("div", { className: clsx('action-buttons', className, stickyClass), children: children });
+};
+export default ActionButtons;
+export const BackButton = ({ className, children, ...buttonProps }) => {
+    const { __ } = useI18n();
+    return (_jsx(Button, { className: clsx('action_buttons__button action-buttons__back', className), variant: "link", ...buttonProps, children: children ||
+            /* translators: Button label for going to previous step in onboarding */
+            __('Go back', __i18n_text_domain__) }));
+};
+export const NextButton = ({ className, children, ...buttonProps }) => {
+    const { __ } = useI18n();
+    return (_jsx(Button, { className: clsx('button action_buttons__button action-buttons__next', className), variant: "primary", ...buttonProps, children: children ||
+            /* translators: Button label for advancing to next step in onboarding */
+            __('Continue', __i18n_text_domain__) }));
+};
+export const SkipButton = ({ className, children, ...buttonProps }) => {
+    const { __ } = useI18n();
+    return (_jsx(Button, { className: clsx('action_buttons__button action-buttons__skip', className), ...buttonProps, children: children ||
+            /* translators: Button label for skipping a step in onboarding */
+            __('Skip for now', __i18n_text_domain__) }));
+};
+export const ArrowButton = ({ className, children, arrow = 'right', ...buttonProps }) => {
+    return (_jsxs(Button, { className: clsx(`action_buttons__button action-buttons__arrow action-buttons__arrow--${arrow}`, className), ...buttonProps, children: [arrow === 'left' && _jsx(Icon, { icon: chevronLeft }), children, arrow === 'right' && _jsx(Icon, { icon: chevronRight })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/action-buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action-buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,cAAc,CAAC;AAQtB,MAAM,aAAa,GAAkD,CAAE,EACtE,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,IAAI,GACb,EAAG,EAAE;IACL,0CAA0C;IAC1C,yBAAyB;IACzB,yBAAyB;IACzB,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAK,MAAM,KAAK,IAAI,EAAG,CAAC;QACvB,WAAW,GAAG,WAAW,CAAC;IAC3B,CAAC;IACD,IAAK,MAAM,KAAK,KAAK,EAAG,CAAC;QACxB,WAAW,GAAG,WAAW,CAAC;IAC3B,CAAC;IAED,OAAO,cAAK,SAAS,EAAG,IAAI,CAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,CAAE,YAAK,QAAQ,GAAQ,CAAC;AAC/F,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC;AAE7B,MAAM,CAAC,MAAM,UAAU,GAAqE,CAAE,EAC7F,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACd,EAAG,EAAE;IACL,MAAM,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC;IAEzB,OAAO,CACN,KAAC,MAAM,IACN,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE,SAAS,CAAE,EAC5E,OAAO,EAAC,MAAM,KACT,WAAW,YAEd,QAAQ;YACT,wEAAwE;YACxE,EAAE,CAAE,SAAS,EAAE,oBAAoB,CAAE,GAC9B,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAqE,CAAE,EAC7F,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACd,EAAG,EAAE;IACL,MAAM,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC;IAEzB,OAAO,CACN,KAAC,MAAM,IACN,SAAS,EAAG,IAAI,CAAE,oDAAoD,EAAE,SAAS,CAAE,EACnF,OAAO,EAAC,SAAS,KACZ,WAAW,YAEd,QAAQ;YACT,wEAAwE;YACxE,EAAE,CAAE,UAAU,EAAE,oBAAoB,CAAE,GAC/B,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAqE,CAAE,EAC7F,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACd,EAAG,EAAE;IACL,MAAM,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC;IAEzB,OAAO,CACN,KAAC,MAAM,IACN,SAAS,EAAG,IAAI,CAAE,6CAA6C,EAAE,SAAS,CAAE,KACvE,WAAW,YAEd,QAAQ;YACT,iEAAiE;YACjE,EAAE,CAAE,cAAc,EAAE,oBAAoB,CAAE,GACnC,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAIpB,CAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,WAAW,EAAE,EAAG,EAAE;IAClE,OAAO,CACN,MAAC,MAAM,IACN,SAAS,EAAG,IAAI,CACf,uEAAwE,KAAM,EAAE,EAChF,SAAS,CACT,KACI,WAAW,aAEd,KAAK,KAAK,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAG,WAAW,GAAK,EACjD,QAAQ,EACR,KAAK,KAAK,OAAO,IAAI,KAAC,IAAI,IAAC,IAAI,EAAG,YAAY,GAAK,IAC7C,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/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/dist/esm/cart/create-cart-manager-client.js

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

package/dist/esm/cart/create-cart-manager-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-cart-manager-client.js","sourceRoot":"","sources":["../../../src/cart/create-cart-manager-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAQ/C,MAAM,YAAY,GAAG,CAAE,OAAgB,EAAG,EAAE;IAC3C,IAAI,MAAM,CAAC;IACX,IAAI,CAAC;QACJ,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACrC,CAAC;IAAC,MAAM,CAAC;QACR,iDAAiD;IAClD,CAAC;IACD,OAAO,YAAY,CAAyC;QAC3D,IAAI,EAAE,qBAAsB,OAAQ,WAAY,MAAM,IAAI,SAAU,EAAE;QACtE,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,KAAK;KACjB,CAAE,CAAC;AACL,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAE,OAAgB,EAAE,QAAqB,EAAG,EAAE,CAClE,YAAY,CAAyC;IACpD,IAAI,EAAE,qBAAsB,OAAQ,EAAE;IACtC,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,QAAQ;CACd,CAAE,CAAC;AAEL,eAAe,+BAA+B,CAAE;IAC/C,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACrB,CAAE,CAAC"}

package/dist/esm/cart/index.js

@@ -0,0 +1,229 @@
+import config from '@automattic/calypso-config';
+import { getUrlParts } from '@automattic/calypso-url';
+import { guessTimezone, getLanguage } from '@automattic/i18n-utils';
+import debugFactory from 'debug';
+import { getLocaleSlug } from 'i18n-calypso';
+import { startsWith, isEmpty } from 'lodash';
+import wpcomRequest from 'wpcom-proxy-request';
+import { setupSiteAfterCreation, isTailoredSignupFlow, isMigrationFlow, HUNDRED_YEAR_PLAN_FLOW, isAnyHostingFlow, } from '../';
+import cartManagerClient from './create-cart-manager-client';
+const debug = debugFactory('calypso:signup:step-actions');
+const getBlogNameGenerationParams = ({ siteUrl, siteTitle, flowToCheck, username, isPurchasingDomainItem, }) => {
+    if (siteUrl) {
+        const blog_name = siteUrl.replace('.wordpress.com', '');
+        if (isMigrationFlow(flowToCheck)) {
+            return {
+                blog_name,
+                find_available_url: true,
+            };
+        }
+        return {
+            blog_name,
+            find_available_url: !!isPurchasingDomainItem,
+        };
+    }
+    if (siteTitle) {
+        return {
+            blog_name: siteTitle,
+            find_available_url: true,
+        };
+    }
+    if (isAnyHostingFlow(flowToCheck)) {
+        return {
+            blog_name: '',
+            find_available_url: true,
+        };
+    }
+    return {
+        blog_name: username,
+        find_available_url: true,
+    };
+};
+export const getNewSiteParams = (params) => {
+    const { flowToCheck, themeSlugWithRepo, siteTitle, siteAccentColor, useThemeHeadstart = false, siteVisibility, sourceSlug, } = params;
+    // We will use the default annotation instead of theme annotation as fallback,
+    // when segment and vertical values are not sent. Check pbAok1-p2#comment-834.
+    const newSiteParams = {
+        ...getBlogNameGenerationParams(params),
+        blog_title: siteTitle,
+        public: siteVisibility,
+        options: {
+            designType: '',
+            use_theme_annotation: useThemeHeadstart,
+            default_annotation_as_primary_fallback: true,
+            site_segment: undefined,
+            site_information: {
+                title: siteTitle,
+            },
+            site_creation_flow: flowToCheck,
+            timezone_string: guessTimezone(),
+            wpcom_public_coming_soon: siteVisibility === 0 ? 1 : 0,
+            ...(sourceSlug && { site_source_slug: sourceSlug }),
+            ...(siteAccentColor && { site_accent_color: siteAccentColor }),
+            ...(themeSlugWithRepo && { theme: themeSlugWithRepo }),
+        },
+        validate: false,
+    };
+    return newSiteParams;
+};
+export const createSiteWithCart = async (flowName, userIsLoggedIn, isPurchasingDomainItem, themeSlugWithRepo, siteVisibility, siteTitle, siteAccentColor, useThemeHeadstart, username, domainItem, domainCartItem, sourceSlug) => {
+    const siteUrl = domainItem?.domain_name;
+    const isFreeThemePreselected = startsWith(themeSlugWithRepo, 'pub');
+    const newSiteParams = getNewSiteParams({
+        flowToCheck: flowName,
+        isPurchasingDomainItem,
+        themeSlugWithRepo,
+        siteUrl,
+        siteTitle,
+        siteAccentColor,
+        useThemeHeadstart,
+        siteVisibility,
+        username,
+        sourceSlug,
+    });
+    // if ( isEmpty( bearerToken ) && 'onboarding-registrationless' === flowToCheck ) {
+    // 	saveToLocalStorageAndProceed( state, domainItem, themeItem, newSiteParams, callback );
+    // 	return;
+    // }
+    const locale = getLocaleSlug();
+    const hasSegmentationSurvey = newSiteParams['options']['site_creation_flow'] === 'entrepreneur';
+    const segmentationSurveyAnswersAnonId = localStorage.getItem('ss-anon-id');
+    localStorage.removeItem('ss-anon-id');
+    const siteCreationResponse = await wpcomRequest({
+        path: '/sites/new',
+        apiVersion: '1.1',
+        method: 'POST',
+        body: {
+            ...newSiteParams,
+            locale,
+            lang_id: getLanguage(locale)?.value,
+            client_id: config('wpcom_signup_id'),
+            client_secret: config('wpcom_signup_key'),
+            options: {
+                ...newSiteParams.options,
+                has_segmentation_survey: hasSegmentationSurvey,
+                ...(hasSegmentationSurvey && segmentationSurveyAnswersAnonId
+                    ? { segmentation_survey_answers_anon_id: segmentationSurveyAnswersAnonId }
+                    : {}),
+            },
+        },
+    });
+    if (!siteCreationResponse.success) {
+        // TODO ebuccelli: Manage siteCreationResponse.errors
+        return;
+    }
+    const parsedBlogURL = getUrlParts(siteCreationResponse?.blog_details.url);
+    const siteSlug = parsedBlogURL.hostname;
+    const siteId = siteCreationResponse?.blog_details.blogid;
+    const providedDependencies = {
+        siteId,
+        siteSlug,
+        domainItem,
+    };
+    if (isTailoredSignupFlow(flowName) || HUNDRED_YEAR_PLAN_FLOW === flowName) {
+        await setupSiteAfterCreation({ siteId, flowName });
+    }
+    await processItemCart(siteSlug, isFreeThemePreselected, themeSlugWithRepo, flowName, userIsLoggedIn, domainCartItem);
+    return providedDependencies;
+};
+function prepareItemForAddingToCart(item, lastKnownFlow) {
+    return {
+        ...item,
+        extra: {
+            ...item.extra,
+            context: 'signup',
+            ...(lastKnownFlow && { signup_flow: lastKnownFlow }),
+        },
+    };
+}
+export async function addPlanToCart(siteSlug, flowName, userIsLoggedIn, themeSlugWithRepo, cartItem) {
+    if (isEmpty(cartItem)) {
+        // the user selected the free plan
+        return;
+    }
+    const isFreeThemePreselected = startsWith(themeSlugWithRepo, 'pub');
+    await processItemCart(siteSlug, isFreeThemePreselected, themeSlugWithRepo, flowName, userIsLoggedIn, cartItem);
+}
+export async function replaceProductsInCart(siteSlug, cartItems) {
+    const cartKey = await cartManagerClient.getCartKeyForSiteSlug(siteSlug);
+    try {
+        const updatedCart = await cartManagerClient
+            .forCartKey(cartKey)
+            .actions.replaceProductsInCart(cartItems);
+        debug('product replace request complete', updatedCart);
+    }
+    catch (error) {
+        debug('product replace request had an error', error);
+    }
+}
+const addToCartAndProceed = async (newCartItem, siteSlug, flowName) => {
+    const cartItem = prepareItemForAddingToCart(newCartItem, flowName);
+    if (cartItem) {
+        debug('adding products to cart', cartItem);
+        const cartKey = await cartManagerClient.getCartKeyForSiteSlug(siteSlug);
+        try {
+            const updatedCart = await cartManagerClient
+                .forCartKey(cartKey)
+                .actions.addProductsToCart([cartItem]);
+            debug('product add request complete', updatedCart);
+        }
+        catch (error) {
+            debug('product add request had an error', error);
+            //TODO Manage error
+            // reduxStore.dispatch( errorNotice( error.message ) );
+        }
+    }
+    else {
+        debug('no cart items to add');
+    }
+};
+export async function addProductsToCart(siteSlug, flowName, cartItems) {
+    if (Array.isArray(cartItems)) {
+        const cartItemsToAdd = cartItems.map((cartItem) => prepareItemForAddingToCart(cartItem, flowName));
+        debug('adding products to cart', cartItems);
+        const cartKey = await cartManagerClient.getCartKeyForSiteSlug(siteSlug);
+        try {
+            const updatedCart = await cartManagerClient
+                .forCartKey(cartKey)
+                .actions.addProductsToCart(cartItemsToAdd);
+            debug('product add request complete', updatedCart);
+        }
+        catch (error) {
+            debug('product add request had an error', error);
+        }
+    }
+}
+export async function setThemeOnSite(siteSlug, themeSlugWithRepo, themeStyleVariation) {
+    if (isEmpty(themeSlugWithRepo)) {
+        return;
+    }
+    const theme = themeSlugWithRepo.split('/')[1];
+    try {
+        await wpcomRequest({
+            path: `/sites/${siteSlug}/themes/mine`,
+            method: 'POST',
+            apiVersion: '1.1',
+            body: {
+                theme,
+                ...(themeStyleVariation && { style_variation_slug: themeStyleVariation }),
+            },
+        });
+    }
+    catch (error) {
+        //TODO: Manage error
+    }
+}
+async function processItemCart(siteSlug, isFreeThemePreselected, themeSlugWithRepo, lastKnownFlow, userIsLoggedIn, newCartItem) {
+    if (!userIsLoggedIn && isFreeThemePreselected) {
+        await setThemeOnSite(siteSlug, themeSlugWithRepo);
+        newCartItem && (await addToCartAndProceed(newCartItem, siteSlug, lastKnownFlow));
+    }
+    else if (userIsLoggedIn && isFreeThemePreselected) {
+        await setThemeOnSite(siteSlug, themeSlugWithRepo);
+        newCartItem && (await addToCartAndProceed(newCartItem, siteSlug, lastKnownFlow));
+    }
+    else {
+        newCartItem && (await addToCartAndProceed(newCartItem, siteSlug, lastKnownFlow));
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/cart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,YAAY,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACN,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,gBAAgB,GAChB,MAAM,KAAK,CAAC;AACb,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAG7D,MAAM,KAAK,GAAG,YAAY,CAAE,6BAA6B,CAAE,CAAC;AAqC5D,MAAM,2BAA2B,GAAG,CAAE,EACrC,OAAO,EACP,SAAS,EACT,WAAW,EACX,QAAQ,EACR,sBAAsB,GACJ,EAAG,EAAE;IACvB,IAAK,OAAO,EAAG,CAAC;QACf,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAE,gBAAgB,EAAE,EAAE,CAAE,CAAC;QAE1D,IAAK,eAAe,CAAE,WAAW,CAAE,EAAG,CAAC;YACtC,OAAO;gBACN,SAAS;gBACT,kBAAkB,EAAE,IAAI;aACxB,CAAC;QACH,CAAC;QAED,OAAO;YACN,SAAS;YACT,kBAAkB,EAAE,CAAC,CAAE,sBAAsB;SAC7C,CAAC;IACH,CAAC;IAED,IAAK,SAAS,EAAG,CAAC;QACjB,OAAO;YACN,SAAS,EAAE,SAAS;YACpB,kBAAkB,EAAE,IAAI;SACxB,CAAC;IACH,CAAC;IAED,IAAK,gBAAgB,CAAE,WAAW,CAAE,EAAG,CAAC;QACvC,OAAO;YACN,SAAS,EAAE,EAAE;YACb,kBAAkB,EAAE,IAAI;SACxB,CAAC;IACH,CAAC;IAED,OAAO;QACN,SAAS,EAAE,QAAQ;QACnB,kBAAkB,EAAE,IAAI;KACxB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAE,MAAwB,EAAG,EAAE;IAC9D,MAAM,EACL,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,iBAAiB,GAAG,KAAK,EACzB,cAAc,EACd,UAAU,GACV,GAAG,MAAM,CAAC;IAEX,8EAA8E;IAC9E,8EAA8E;IAC9E,MAAM,aAAa,GAAkB;QACpC,GAAG,2BAA2B,CAAE,MAAM,CAAE;QACxC,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE;YACR,UAAU,EAAE,EAAE;YACd,oBAAoB,EAAE,iBAAiB;YACvC,sCAAsC,EAAE,IAAI;YAC5C,YAAY,EAAE,SAAS;YACvB,gBAAgB,EAAE;gBACjB,KAAK,EAAE,SAAS;aAChB;YACD,kBAAkB,EAAE,WAAW;YAC/B,eAAe,EAAE,aAAa,EAAE;YAChC,wBAAwB,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtD,GAAG,CAAE,UAAU,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAE;YACrD,GAAG,CAAE,eAAe,IAAI,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAE;YAChE,GAAG,CAAE,iBAAiB,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAE;SACxD;QACD,QAAQ,EAAE,KAAK;KACf,CAAC;IAEF,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EACtC,QAAgB,EAChB,cAAuB,EACvB,sBAA+B,EAC/B,iBAAyB,EACzB,cAA+B,EAC/B,SAAiB,EACjB,eAAuB,EACvB,iBAA0B,EAC1B,QAAgB,EAChB,UAA6B,EAC7B,cAA0C,EAC1C,UAAmB,EAClB,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,EAAE,WAAW,CAAC;IACxC,MAAM,sBAAsB,GAAG,UAAU,CAAE,iBAAiB,EAAE,KAAK,CAAE,CAAC;IAEtE,MAAM,aAAa,GAAG,gBAAgB,CAAE;QACvC,WAAW,EAAE,QAAQ;QACrB,sBAAsB;QACtB,iBAAiB;QACjB,OAAO;QACP,SAAS;QACT,eAAe;QACf,iBAAiB;QACjB,cAAc;QACd,QAAQ;QACR,UAAU;KACV,CAAE,CAAC;IAEJ,mFAAmF;IACnF,0FAA0F;IAC1F,WAAW;IACX,IAAI;IAEJ,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,qBAAqB,GAC1B,aAAa,CAAE,SAAS,CAAE,CAAE,oBAAoB,CAAE,KAAK,cAAc,CAAC;IACvE,MAAM,+BAA+B,GAAG,YAAY,CAAC,OAAO,CAAE,YAAY,CAAE,CAAC;IAC7E,YAAY,CAAC,UAAU,CAAE,YAAY,CAAE,CAAC;IAExC,MAAM,oBAAoB,GAA2B,MAAM,YAAY,CAAE;QACxE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,KAAK;QACjB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE;YACL,GAAG,aAAa;YAChB,MAAM;YACN,OAAO,EAAE,WAAW,CAAE,MAAgB,CAAE,EAAE,KAAK;YAC/C,SAAS,EAAE,MAAM,CAAE,iBAAiB,CAAE;YACtC,aAAa,EAAE,MAAM,CAAE,kBAAkB,CAAE;YAC3C,OAAO,EAAE;gBACR,GAAG,aAAa,CAAC,OAAO;gBACxB,uBAAuB,EAAE,qBAAqB;gBAC9C,GAAG,CAAE,qBAAqB,IAAI,+BAA+B;oBAC5D,CAAC,CAAC,EAAE,mCAAmC,EAAE,+BAA+B,EAAE;oBAC1E,CAAC,CAAC,EAAE,CAAE;aACP;SACD;KACD,CAAE,CAAC;IAEJ,IAAK,CAAE,oBAAoB,CAAC,OAAO,EAAG,CAAC;QACtC,qDAAqD;QACrD,OAAO;IACR,CAAC;IAED,MAAM,aAAa,GAAG,WAAW,CAAE,oBAAoB,EAAE,YAAY,CAAC,GAAG,CAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IACxC,MAAM,MAAM,GAAG,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC;IACzD,MAAM,oBAAoB,GAAG;QAC5B,MAAM;QACN,QAAQ;QACR,UAAU;KACV,CAAC;IAEF,IAAK,oBAAoB,CAAE,QAAQ,CAAE,IAAI,sBAAsB,KAAK,QAAQ,EAAG,CAAC;QAC/E,MAAM,sBAAsB,CAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAE,CAAC;IACtD,CAAC;IAED,MAAM,eAAe,CACpB,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,cAAc,CACd,CAAC;IAEF,OAAO,oBAAoB,CAAC;AAC7B,CAAC,CAAC;AAEF,SAAS,0BAA0B,CAAE,IAA+B,EAAE,aAAsB;IAC3F,OAAO;QACN,GAAG,IAAI;QACP,KAAK,EAAE;YACN,GAAG,IAAI,CAAC,KAAK;YACb,OAAO,EAAE,QAAQ;YACjB,GAAG,CAAE,aAAa,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,CAAE;SACtD;KACD,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAClC,QAAgB,EAChB,QAAgB,EAChB,cAAuB,EACvB,iBAAyB,EACzB,QAAmC;IAEnC,IAAK,OAAO,CAAE,QAAQ,CAAE,EAAG,CAAC;QAC3B,kCAAkC;QAClC,OAAO;IACR,CAAC;IAED,MAAM,sBAAsB,GAAG,UAAU,CAAE,iBAAiB,EAAE,KAAK,CAAE,CAAC;IAEtE,MAAM,eAAe,CACpB,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,QAAQ,CACR,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAC1C,QAAgB,EAChB,SAAsC;IAEtC,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,qBAAqB,CAAE,QAAQ,CAAE,CAAC;IAE1E,IAAI,CAAC;QACJ,MAAM,WAAW,GAAG,MAAM,iBAAiB;aACzC,UAAU,CAAE,OAAO,CAAE;aACrB,OAAO,CAAC,qBAAqB,CAAE,SAAS,CAAE,CAAC;QAE7C,KAAK,CAAE,kCAAkC,EAAE,WAAW,CAAE,CAAC;IAC1D,CAAC;IAAC,OAAQ,KAAK,EAAG,CAAC;QAClB,KAAK,CAAE,sCAAsC,EAAE,KAAK,CAAE,CAAC;IACxD,CAAC;AACF,CAAC;AAED,MAAM,mBAAmB,GAAG,KAAK,EAChC,WAAsC,EACtC,QAAgB,EAChB,QAAgB,EACf,EAAE;IACH,MAAM,QAAQ,GAAG,0BAA0B,CAAE,WAAW,EAAE,QAAQ,CAAE,CAAC;IAErE,IAAK,QAAQ,EAAG,CAAC;QAChB,KAAK,CAAE,yBAAyB,EAAE,QAAQ,CAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,qBAAqB,CAAE,QAAQ,CAAE,CAAC;QAE1E,IAAI,CAAC;YACJ,MAAM,WAAW,GAAG,MAAM,iBAAiB;iBACzC,UAAU,CAAE,OAAO,CAAE;iBACrB,OAAO,CAAC,iBAAiB,CAAE,CAAE,QAAQ,CAAE,CAAE,CAAC;YAE5C,KAAK,CAAE,8BAA8B,EAAE,WAAW,CAAE,CAAC;QACtD,CAAC;QAAC,OAAQ,KAAK,EAAG,CAAC;YAClB,KAAK,CAAE,kCAAkC,EAAE,KAAK,CAAE,CAAC;YACnD,mBAAmB;YACnB,uDAAuD;QACxD,CAAC;IACF,CAAC;SAAM,CAAC;QACP,KAAK,CAAE,sBAAsB,CAAE,CAAC;IACjC,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,iBAAiB,CACtC,QAAgB,EAChB,QAAgB,EAChB,SAA6C;IAE7C,IAAK,KAAK,CAAC,OAAO,CAAE,SAAS,CAAE,EAAG,CAAC;QAClC,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAE,CAAE,QAAQ,EAAG,EAAE,CACpD,0BAA0B,CAAE,QAAQ,EAAE,QAAQ,CAAE,CAChD,CAAC;QAEF,KAAK,CAAE,yBAAyB,EAAE,SAAS,CAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,qBAAqB,CAAE,QAAQ,CAAE,CAAC;QAE1E,IAAI,CAAC;YACJ,MAAM,WAAW,GAAG,MAAM,iBAAiB;iBACzC,UAAU,CAAE,OAAO,CAAE;iBACrB,OAAO,CAAC,iBAAiB,CAAE,cAAc,CAAE,CAAC;YAE9C,KAAK,CAAE,8BAA8B,EAAE,WAAW,CAAE,CAAC;QACtD,CAAC;QAAC,OAAQ,KAAK,EAAG,CAAC;YAClB,KAAK,CAAE,kCAAkC,EAAE,KAAK,CAAE,CAAC;QACpD,CAAC;IACF,CAAC;AACF,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CACnC,QAAgB,EAChB,iBAAyB,EACzB,mBAA4B;IAE5B,IAAK,OAAO,CAAE,iBAAiB,CAAE,EAAG,CAAC;QACpC,OAAO;IACR,CAAC;IAED,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAE,GAAG,CAAE,CAAE,CAAC,CAAE,CAAC;IAElD,IAAI,CAAC;QACJ,MAAM,YAAY,CAAE;YACnB,IAAI,EAAE,UAAW,QAAS,cAAc;YACxC,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK;YACjB,IAAI,EAAE;gBACL,KAAK;gBACL,GAAG,CAAE,mBAAmB,IAAI,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAE;aAC3E;SACD,CAAE,CAAC;IACL,CAAC;IAAC,OAAQ,KAAK,EAAG,CAAC;QAClB,oBAAoB;IACrB,CAAC;AACF,CAAC;AAED,KAAK,UAAU,eAAe,CAC7B,QAAgB,EAChB,sBAA+B,EAC/B,iBAAyB,EACzB,aAAqB,EACrB,cAAuB,EACvB,WAAuC;IAEvC,IAAK,CAAE,cAAc,IAAI,sBAAsB,EAAG,CAAC;QAClD,MAAM,cAAc,CAAE,QAAQ,EAAE,iBAAiB,CAAE,CAAC;QACpD,WAAW,IAAI,CAAE,MAAM,mBAAmB,CAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAE,CAAE,CAAC;IACtF,CAAC;SAAM,IAAK,cAAc,IAAI,sBAAsB,EAAG,CAAC;QACvD,MAAM,cAAc,CAAE,QAAQ,EAAE,iBAAiB,CAAE,CAAC;QACpD,WAAW,IAAI,CAAE,MAAM,mBAAmB,CAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAE,CAAE,CAAC;IACtF,CAAC;SAAM,CAAC;QACP,WAAW,IAAI,CAAE,MAAM,mBAAmB,CAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAE,CAAE,CAAC;IACtF,CAAC;AACF,CAAC"}

package/dist/esm/confetti/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable wpcalypso/jsx-classname-namespace */
+import { SVG, Rect, Circle } from '@wordpress/components';
+const Index = ({ className }) => (_jsxs(SVG, { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 356 136", role: "presentation", className: className, children: [_jsx(Rect, { x: "314.913", y: "59.963", width: "7", height: "22", rx: "3.5", transform: "rotate(-50 314.913 59.963)", fill: "#984A9C" }), _jsx(Rect, { y: "121.876", width: "5.091", height: "16", rx: "2.545", transform: "rotate(-50 0 121.876)", fill: "#64CA43" }), _jsx(Rect, { x: "21.447", y: "85.104", width: "7", height: "22", rx: "3.5", transform: "rotate(-120 21.447 85.104)", fill: "#37E788" }), _jsx(Rect, { x: "75", y: "61.64", width: "4", height: "12.571", rx: "2", transform: "rotate(130 75 61.64)", fill: "#FF2D55" }), _jsx(Rect, { x: "247.461", y: "63.86", width: "4.773", height: "15", rx: "2.386", transform: "rotate(118 247.461 63.86)", fill: "#E7C037" }), _jsx(Rect, { x: "97", y: "2.529", width: "4.773", height: "15", rx: "2.386", transform: "rotate(-32 97 2.53)", fill: "#117AC9" }), _jsx(Rect, { x: "323.638", y: "110.513", width: "5.091", height: "16", rx: "2.545", transform: "rotate(40 323.638 110.513)", fill: "#3361CC" }), _jsx(Rect, { x: "160.138", y: "27", width: "7", height: "22", rx: "3.5", transform: "rotate(40 160.138 27)", fill: "#FF8085" }), _jsx(Circle, { cx: "40.5", cy: "101.095", r: "4.5", fill: "#F0B849" }), _jsx(Circle, { cx: "20.928", cy: "47.751", r: "3", fill: "#BF5AF2" }), _jsx(Circle, { cx: "341", cy: "134", r: "2", fill: "#F0C930" }), _jsx(Circle, { cx: "131", cy: "83", r: "2", fill: "#3361CC" }), _jsx(Circle, { cx: "214.5", cy: "13.5", r: "2.5", fill: "#37E688" }), _jsx(Circle, { cx: "352.763", cy: "98.263", r: "3", fill: "#009E73" }), _jsx(Circle, { cx: "285.181", cy: "60.541", r: "3", fill: "#FF3B30" })] }));
+export default Index;
+//# sourceMappingURL=index.js.map

package/dist/esm/confetti/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/confetti/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/feature-icon/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SVG, Path } from '@wordpress/components';
+import { Icon } from '@wordpress/icons';
+export const iconList = {
+    domain: (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12ZM15.703 8.00002H18.918C18.054 6.51302 16.731 5.32502 15.138 4.64302C15.283 5.34902 15.515 6.57602 15.703 8.00002ZM13.014 4.07214C13.082 4.42414 13.401 6.11014 13.659 8.00014H10.341C10.599 6.11014 10.918 4.42414 10.986 4.07214C11.319 4.02914 11.656 4.00014 12 4.00014C12.344 4.00014 12.681 4.02914 13.014 4.07214ZM13.891 14.0001C13.957 13.2861 14 12.5981 14 12.0001C14 11.4021 13.957 10.7141 13.891 10.0001H10.109C10.043 10.7141 10 11.4021 10 12.0001C10 12.5981 10.043 13.2861 10.109 14.0001H13.891ZM8.862 4.64302C8.717 5.34902 8.485 6.57602 8.297 8.00002H5.082C5.946 6.51302 7.269 5.32502 8.862 4.64302ZM8.08401 10.0001H4.26301C4.09801 10.6411 4.00001 11.3081 4.00001 12.0001C4.00001 12.6921 4.09701 13.3591 4.26301 14.0001H8.08501C8.03301 13.3321 8.00001 12.6561 8.00001 12.0001C8.00001 11.3441 8.03301 10.6681 8.08401 10.0001ZM5.082 16.0001H8.297C8.485 17.4241 8.717 18.6501 8.862 19.3571C7.269 18.6751 5.946 17.4871 5.082 16.0001ZM10.341 16.0001C10.598 17.8901 10.918 19.5751 10.986 19.9281C11.319 19.9711 11.656 20.0001 12 20.0001C12.344 20.0001 12.681 19.9711 13.014 19.9281C13.082 19.5761 13.401 17.8901 13.659 16.0001H10.341ZM15.138 19.3571C15.283 18.6501 15.515 17.4241 15.703 16.0001H18.918C18.054 17.4871 16.731 18.6751 15.138 19.3571ZM15.916 14.0001H19.737C19.903 13.3591 20 12.6921 20 12.0001C20 11.3081 19.902 10.6411 19.736 10.0001H15.915C15.967 10.6681 16 11.3441 16 12.0001C16 12.6561 15.967 13.3321 15.916 14.0001Z" }) })),
+    store: (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M19.348 11.434C19.145 12.349 18.333 13 17.396 13H7V15H17C18.105 15 19 15.895 19 17H7C5.895 17 5 16.105 5 15V13V5V4H3V2H5C6.105 2 7 2.895 7 4V5H21L19.348 11.434ZM8.99999 19.9999C8.99999 21.0999 8.09999 21.9999 6.99999 21.9999C5.89999 21.9999 5.00999 21.0999 5.00999 19.9999C5.00999 18.8999 5.89999 17.9999 6.99999 17.9999C8.09999 17.9999 8.99999 18.8999 8.99999 19.9999ZM17 17.9999C15.9 17.9999 15.01 18.8999 15.01 19.9999C15.01 21.0999 15.9 21.9999 17 21.9999C18.1 21.9999 19 21.0999 19 19.9999C19 18.8999 18.1 17.9999 17 17.9999Z" }) })),
+    seo: (_jsxs(SVG, { viewBox: "0 0 24 24", children: [_jsx(Path, { d: "M8.1437 15.8563H5.57227V9.42773H8.1437V15.8563Z" }), _jsx(Path, { d: "M13.2862 15.8571H10.7148V3H13.2862V15.8571Z" }), _jsx(Path, { d: "M18.4289 15.8574H15.8574V6.85742H18.4289V15.8574Z" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M21 20.7148H3V18.7148H21V20.7148Z" })] })),
+    plugins: (_jsxs(SVG, { viewBox: "0 0 24 28", children: [_jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4 2.27539C2.78 3.32215 2 5.11415 2 6.8265C2 9.34099 3.79 11.3776 6 11.3776C6.387 11.3776 6.753 11.2866 7.093 11.1364C7.686 11.9761 8.28 12.8158 8.9 13.6304L10.978 11.2638C10.264 10.5584 9.528 9.8803 8.788 9.20446C8.92 8.81989 9 8.40346 9 7.96428C9 6.07898 7.657 4.55095 6 4.55095C4.69 4.55095 4 3.23681 4 2.27539ZM15.492 13.0934L14.152 14.618C16.08 16.7627 17.905 19.0258 19.6 21.4185L20.75 23.0398L19.25 24.7465L17.825 23.4403C15.722 21.5095 13.733 19.4331 11.848 17.2394L5 25.031L3 22.7554L13.493 10.8167C13.188 10.1261 13 9.35806 13 8.53317C13 5.70579 15.015 3.41317 17.5 3.41317C18.225 3.41317 18.9 3.62707 19.507 3.97409L16 7.96428L18 10.2398L21.507 6.24965C21.812 6.94028 22 7.70828 22 8.53317C22 11.3605 19.985 13.6532 17.5 13.6532C16.775 13.6532 16.099 13.4393 15.492 13.0934Z" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4 2.27539C2.78 3.32215 2 5.11415 2 6.8265C2 9.34099 3.79 11.3776 6 11.3776C6.387 11.3776 6.753 11.2866 7.093 11.1364C7.686 11.9761 8.28 12.8158 8.9 13.6304L10.978 11.2638C10.264 10.5584 9.528 9.8803 8.788 9.20446C8.92 8.81989 9 8.40346 9 7.96428C9 6.07898 7.657 4.55095 6 4.55095C4.69 4.55095 4 3.23681 4 2.27539ZM15.492 13.0934L14.152 14.618C16.08 16.7627 17.905 19.0258 19.6 21.4185L20.75 23.0398L19.25 24.7465L17.825 23.4403C15.722 21.5095 13.733 19.4331 11.848 17.2394L5 25.031L3 22.7554L13.493 10.8167C13.188 10.1261 13 9.35806 13 8.53317C13 5.70579 15.015 3.41317 17.5 3.41317C18.225 3.41317 18.9 3.62707 19.507 3.97409L16 7.96428L18 10.2398L21.507 6.24965C21.812 6.94028 22 7.70828 22 8.53317C22 11.3605 19.985 13.6532 17.5 13.6532C16.775 13.6532 16.099 13.4393 15.492 13.0934Z" })] })),
+    'ad-free': (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M20.5875 3.42383L22.0017 4.83804L20.0003 6.83942V18.0006C20.0003 19.1051 19.1049 20.0006 18.0003 20.0006H6.8392L4.83316 22.0066L3.41895 20.5924L20.5875 3.42383ZM12.4198 14.4202L13.4203 15.4207L14.4203 14.4207C15.0499 13.9172 15.9566 13.9645 16.5303 14.5307L18.0003 16.0007V8.83959L12.4198 14.4202ZM6.00035 6.00023H15.1626L17.1626 4.00023H6.00035C4.89578 4.00023 4.00035 4.89566 4.00035 6.00023V17.1625L9.58148 11.5814L8.19035 10.1902L6.00035 12.3802V6.00023Z" }) })),
+    'image-storage': (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M22 4V16C22 17.105 21.105 18 20 18H7.99999C6.89499 18 5.99999 17.105 5.99999 16V4C5.99999 2.895 6.89499 2 7.99999 2H20C21.105 2 22 2.895 22 4ZM18 19.9998H4V5.99984C2.895 5.99984 2 6.89484 2 7.99984V19.9998C2 21.0998 2.9 21.9998 4 21.9998H16C17.105 21.9998 18 21.1048 18 19.9998ZM16.5 5.99984C15.672 5.99984 15 6.67184 15 7.49984C15 8.32784 15.672 8.99984 16.5 8.99984C17.328 8.99984 18 8.32784 18 7.49984C18 6.67184 17.328 5.99984 16.5 5.99984ZM8 10.3332V4.00016H20V12.2342L19.487 11.6642C18.693 10.7792 17.306 10.7792 16.511 11.6642L15.855 12.3952L11 7.00016L8 10.3332Z" }) })),
+    'video-storage': (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16 12L10 7.5V16.5L16 12Z" }) })),
+    support: (_jsx(SVG, { viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M1 10C1 11.1 1.9 12 3 12H6L9 15V12H11C12.1 12 13 11.1 13 10V5C13 3.9 12.1 3 11 3H3C1.9 3 1 3.9 1 5V10ZM23 16C23 17.1 22.1 18 21 18H18L15 21V18H13C11.9 18 11 17.1 11 16V14C13.2 14 15 12.2 15 10V9H21C22.1 9 23 9.9 23 11V16Z" }) })),
+};
+const FeatureIcon = ({ featureId }) => (_jsx(Icon, { icon: iconList[featureId] }));
+export default FeatureIcon;
+//# sourceMappingURL=index.js.map

package/dist/esm/feature-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/feature-icon/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAaxC,MAAM,CAAC,MAAM,QAAQ,GAA4C;IAChE,MAAM,EAAE,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6/CAA6/C,GAC9/C,GACG,CACN;IACD,KAAK,EAAE,CACN,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ohBAAohB,GACrhB,GACG,CACN;IACD,GAAG,EAAE,CACJ,MAAC,GAAG,IAAC,OAAO,EAAC,WAAW,aACvB,KAAC,IAAI,IAAC,CAAC,EAAC,iDAAiD,GAAG,EAC5D,KAAC,IAAI,IAAC,CAAC,EAAC,6CAA6C,GAAG,EACxD,KAAC,IAAI,IAAC,CAAC,EAAC,mDAAmD,GAAG,EAC9D,KAAC,IAAI,IAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,mCAAmC,GAAG,IAC/E,CACN;IACD,OAAO,EAAE,CACR,MAAC,GAAG,IAAC,OAAO,EAAC,WAAW,aACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mxBAAmxB,GACpxB,EACF,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mxBAAmxB,GACpxB,IACG,CACN;IACD,SAAS,EAAE,CACV,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4cAA4c,GAC7c,GACG,CACN;IACD,eAAe,EAAE,CAChB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4jBAA4jB,GAC7jB,GACG,CACN;IACD,eAAe,EAAE,CAChB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0LAA0L,GAC3L,GACG,CACN;IACD,OAAO,EAAE,CACR,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YACvB,KAAC,IAAI,IACJ,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+NAA+N,GAChO,GACG,CACN;CACD,CAAC;AAMF,MAAM,WAAW,GAAqC,CAAE,EAAE,SAAS,EAAE,EAAG,EAAE,CAAC,CAC1E,KAAC,IAAI,IAAC,IAAI,EAAG,QAAQ,CAAE,SAAS,CAAE,GAAK,CACvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/flow-progress/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslate } from 'i18n-calypso';
+import './style.scss';
+const FlowProgress = ({ count, progress }) => {
+    const translate = useTranslate();
+    if (count > 1) {
+        return (_jsx("div", { className: "flow-progress", children: translate('Step %(progress)d of %(count)d', { args: { progress, count } }) }));
+    }
+    return null;
+};
+export default FlowProgress;
+//# sourceMappingURL=index.js.map

package/dist/esm/flow-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flow-progress/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,cAAc,CAAC;AAOtB,MAAM,YAAY,GAAsB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAG,EAAE;IACjE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,IAAK,KAAK,GAAG,CAAC,EAAG,CAAC;QACjB,OAAO,CACN,cAAK,SAAS,EAAC,eAAe,YAC3B,SAAS,CAAE,gCAAgC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAE,GACzE,CACN,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/flow-progress/style.scss

@@ -0,0 +1,5 @@
+.flow-progress {
+	color: var(--studio-gray-30);
+	font-weight: 600;
+	margin: 0 10px;
+}

package/dist/esm/flow-progress/use-flow-progress.js

@@ -0,0 +1,88 @@
+import { ECOMMERCE_FLOW, LINK_IN_BIO_FLOW, LINK_IN_BIO_TLD_FLOW, FREE_FLOW, COPY_SITE_FLOW, VIDEOPRESS_TV_FLOW, VIDEOPRESS_TV_PURCHASE_FLOW, } from '../utils/flows';
+const flows = {
+    newsletter: {
+        intro: 0,
+        user: 0,
+        newsletterSetup: 0,
+        newsletterGoals: 1,
+        domains: 2,
+        'plans-newsletter': 3,
+        subscribers: 4,
+        launchpad: 5,
+    },
+    [LINK_IN_BIO_FLOW]: {
+        intro: 0,
+        user: 0,
+        patterns: 1,
+        linkInBioSetup: 2,
+        domains: 3,
+        plans: 4,
+        launchpad: 5,
+    },
+    [LINK_IN_BIO_TLD_FLOW]: {
+        domains: 0,
+        user: 1,
+        patterns: 2,
+        linkInBioSetup: 3,
+        plans: 4,
+        launchpad: 5,
+    },
+    [FREE_FLOW]: {
+        user: 0,
+        freeSetup: 0,
+        designSetup: 1,
+        launchpad: 2,
+    },
+    videopress: {
+        intro: 0,
+        videomakerSetup: 1,
+        user: 2,
+        options: 3,
+        chooseADomain: 4,
+        processing: 5,
+        launchpad: 6,
+    },
+    [VIDEOPRESS_TV_FLOW]: {
+        intro: 0,
+        processing: 1,
+    },
+    [VIDEOPRESS_TV_PURCHASE_FLOW]: {
+        processing: 0,
+    },
+    sensei: {
+        senseiSetup: 1,
+        senseiDomain: 2,
+        senseiPlan: 3,
+        senseiPurpose: 4,
+        senseiLaunch: 5,
+    },
+    [ECOMMERCE_FLOW]: {
+        intro: 0,
+        storeProfiler: 1,
+        designCarousel: 2,
+        domains: 3,
+        createSite: 4,
+        processing: 4,
+        waitForAtomic: 4,
+        checkPlan: 4,
+        storeAddress: 5,
+    },
+    [COPY_SITE_FLOW]: {
+        domains: 0,
+        'create-site': 1,
+        processing: 2,
+        'automated-copy': 3,
+        'processing-copy': 3,
+    },
+};
+export const useFlowProgress = ({ stepName, flowName, variantSlug } = {}) => {
+    if (!stepName || !flowName) {
+        return;
+    }
+    const flow = flows[variantSlug ?? flowName];
+    return (flow && {
+        progress: flow[stepName],
+        count: Math.max(...Object.values(flow)),
+    });
+};
+//# sourceMappingURL=use-flow-progress.js.map

package/dist/esm/flow-progress/use-flow-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-flow-progress.js","sourceRoot":"","sources":["../../../src/flow-progress/use-flow-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,2BAA2B,GAC3B,MAAM,gBAAgB,CAAC;AASxB,MAAM,KAAK,GAAmD;IAC7D,UAAU,EAAE;QACX,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;QACV,kBAAkB,EAAE,CAAC;QACrB,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;KACZ;IACD,CAAE,gBAAgB,CAAE,EAAE;QACrB,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;KACZ;IACD,CAAE,oBAAoB,CAAE,EAAE;QACzB,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,CAAC;QACjB,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;KACZ;IACD,CAAE,SAAS,CAAE,EAAE;QACd,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;KACZ;IACD,UAAU,EAAE;QACX,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,CAAC;QAClB,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,CAAC;QAChB,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,CAAC;KACZ;IACD,CAAE,kBAAkB,CAAE,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACb;IACD,CAAE,2BAA2B,CAAE,EAAE;QAChC,UAAU,EAAE,CAAC;KACb;IACD,MAAM,EAAE;QACP,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;KACf;IACD,CAAE,cAAc,CAAE,EAAE;QACnB,KAAK,EAAE,CAAC;QACR,aAAa,EAAE,CAAC;QAChB,cAAc,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KACf;IACD,CAAE,cAAc,CAAE,EAAE;QACnB,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,CAAC;QAChB,UAAU,EAAE,CAAC;QACb,gBAAgB,EAAE,CAAC;QACnB,iBAAiB,EAAE,CAAC;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,KAAmB,EAAE,EAAG,EAAE;IAC3F,IAAK,CAAE,QAAQ,IAAI,CAAE,QAAQ,EAAG,CAAC;QAChC,OAAO;IACR,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAAE,WAAW,IAAI,QAAQ,CAAE,CAAC;IAE9C,OAAO,CACN,IAAI,IAAI;QACP,QAAQ,EAAE,IAAI,CAAE,QAAQ,CAAE;QAC1B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAE,GAAG,MAAM,CAAC,MAAM,CAAE,IAAI,CAAE,CAAE;KAC3C,CACD,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/hooray/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import Confetti from '../confetti';
+import './style.scss';
+const Hooray = ({ className, animate = false, children, ...additionalProps }) => {
+    return (_jsxs("div", { className: clsx(`onboarding-hooray`, { 'onboarding-hooray__animate': animate }, className), ...additionalProps, children: [_jsx(Confetti, {}), children] }));
+};
+export default Hooray;
+//# sourceMappingURL=index.js.map

package/dist/esm/hooray/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooray/index.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,cAAc,CAAC;AAQtB,MAAM,MAAM,GAAqC,CAAE,EAClD,SAAS,EACT,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,eAAe,EAClB,EAAG,EAAE;IACL,OAAO,CACN,eACC,SAAS,EAAG,IAAI,CACf,mBAAmB,EACnB,EAAE,4BAA4B,EAAE,OAAO,EAAE,EACzC,SAAS,CACT,KACI,eAAe,aAEpB,KAAC,QAAQ,KAAG,EACV,QAAQ,IACL,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}