@automattic/data-stores 3.1.0 → 3.1.2

package/dist/esm/add-ons/hooks/use-add-on-purchase-status.js

@@ -12,14 +12,22 @@ const useAddOnPurchaseStatus = ({ addOnMeta, selectedSiteId }) => {
     });
     const siteFeatures = Site.useSiteFeatures({ siteIdOrSlug: selectedSiteId });
     const isSiteFeature = addOnMeta.featureSlugs?.find((slug) => siteFeatures.data?.active?.includes(slug));
-    /*
-     * Order matters below:
-     * 	1. Check if purchased first.
-     * 	2. Check if site feature next.
-     * Reason: `siteFeatures.active` involves both purchases and plan features.
+    /**
+     * First, check if the add-on has a matching purchase. If storage add-on, check matching
+     * quantity. Secondly, check if the feature is active on the site. If there's no matching
+     * purchase but `siteFeatures.active` still contains the feature, it's because the feature is
+     * included in the plan.
      */
     if (matchingPurchases) {
-        return { available: false, text: translate('Purchased') };
+        if (addOnMeta.quantity) {
+            const purchase = Object.values(matchingPurchases)[0];
+            if (purchase.purchaseRenewalQuantity === addOnMeta.quantity) {
+                return { available: false, text: translate('Purchased') };
+            }
+        }
+        else {
+            return { available: false, text: translate('Purchased') };
+        }
     }
     if (isSiteFeature) {
         return { available: false, text: translate('Included in your plan') };

package/dist/esm/add-ons/hooks/use-add-on-purchase-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-add-on-purchase-status.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-add-on-purchase-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,IAAI,MAAM,YAAY,CAAC;AAQnC;;GAEG;AACH,MAAM,sBAAsB,GAAG,CAAE,EAAE,SAAS,EAAE,cAAc,EAAS,EAAG,EAAE;IACzE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,iBAAiB,GAAG,SAAS,CAAC,6BAA6B,CAAE;QAClE,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,SAAS,CAAC,WAAW;KAClC,CAAE,CAAC;IACJ,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAE,CAAC;IAC9E,MAAM,aAAa,GAAG,SAAS,CAAC,YAAY,EAAE,IAAI,CACjD,CAAE,IAAI,EAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAE,IAAI,CAAE,CACvD,CAAC;IAEF;;;;;OAKG;IAEH,IAAK,iBAAiB,EAAG,CAAC;QACzB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAE,WAAW,CAAE,EAAE,CAAC;IAC7D,CAAC;IAED,IAAK,aAAa,EAAG,CAAC;QACrB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAE,uBAAuB,CAAE,EAAE,CAAC;IACzE,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"use-add-on-purchase-status.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-add-on-purchase-status.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,IAAI,MAAM,YAAY,CAAC;AAanC;;GAEG;AACH,MAAM,sBAAsB,GAAG,CAAE,EAAE,SAAS,EAAE,cAAc,EAAS,EAAwB,EAAE;IAC9F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,iBAAiB,GAAG,SAAS,CAAC,6BAA6B,CAAE;QAClE,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,SAAS,CAAC,WAAW;KAClC,CAAE,CAAC;IACJ,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAE,CAAC;IAC9E,MAAM,aAAa,GAAG,SAAS,CAAC,YAAY,EAAE,IAAI,CACjD,CAAE,IAAI,EAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAE,IAAI,CAAE,CACvD,CAAC;IAEF;;;;;OAKG;IACH,IAAK,iBAAiB,EAAG,CAAC;QACzB,IAAK,SAAS,CAAC,QAAQ,EAAG,CAAC;YAC1B,MAAM,QAAQ,GAAuB,MAAM,CAAC,MAAM,CAAE,iBAAiB,CAAE,CAAE,CAAC,CAAE,CAAC;YAC7E,IAAK,QAAQ,CAAC,uBAAuB,KAAK,SAAS,CAAC,QAAQ,EAAG,CAAC;gBAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAE,WAAW,CAAE,EAAE,CAAC;YAC7D,CAAC;QACF,CAAC;aAAM,CAAC;YACP,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAE,WAAW,CAAE,EAAE,CAAC;QAC7D,CAAC;IACF,CAAC;IAED,IAAK,aAAa,EAAG,CAAC;QACrB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAE,uBAAuB,CAAE,EAAE,CAAC;IACzE,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/add-ons/hooks/use-add-ons.js

@@ -1,151 +1,27 @@
-import { PRODUCT_JETPACK_AI_MONTHLY, PRODUCT_WPCOM_CUSTOM_DESIGN, PRODUCT_WPCOM_UNLIMITED_THEMES, PRODUCT_1GB_SPACE, WPCOM_FEATURES_AI_ASSISTANT, WPCOM_FEATURES_PREMIUM_THEMES_UNLIMITED, WPCOM_FEATURES_CUSTOM_DESIGN, } from '@automattic/calypso-products';
+import { PRODUCT_1GB_SPACE } from '@automattic/calypso-products';
 import { useMemo } from '@wordpress/element';
 import { useTranslate } from 'i18n-calypso';
 import * as ProductsList from '../../products-list';
-import * as Purchases from '../../purchases';
 import * as Site from '../../site';
-import { ADD_ON_100GB_STORAGE, ADD_ON_50GB_STORAGE, ADD_ON_CUSTOM_DESIGN, ADD_ON_JETPACK_AI_MONTHLY, ADD_ON_UNLIMITED_THEMES, STORAGE_LIMIT, } from '../constants';
-import customDesignIcon from '../icons/custom-design';
-import jetpackAIIcon from '../icons/jetpack-ai';
-import spaceUpgradeIcon from '../icons/space-upgrade';
-import unlimitedThemesIcon from '../icons/unlimited-themes';
-import isStorageAddonEnabled from '../lib/is-storage-addon-enabled';
+import { getAddOnsList } from '../add-ons-list';
 import useAddOnCheckoutLink from './use-add-on-checkout-link';
-import useAddOnDisplayCost from './use-add-on-display-cost';
-import useAddOnPrices from './use-add-on-prices';
-const useActiveAddOnsDefs = (selectedSiteId) => {
+import { createAddOnPriceKey, useAddOnPrices } from './use-add-on-prices';
+const useAddOns = ({ selectedSiteId } = {}) => {
     const translate = useTranslate();
     const checkoutLink = useAddOnCheckoutLink();
-    /*
-     * TODO: `useAddOnDisplayCost` be refactored instead to return an index of `{ [ slug ]: "display cost" }`
-     */
-    const displayCostJetpackAIMonthly = useAddOnDisplayCost(PRODUCT_JETPACK_AI_MONTHLY);
-    const displayCostUnlimitedThemes = useAddOnDisplayCost(PRODUCT_WPCOM_UNLIMITED_THEMES);
-    const displayCostCustomDesign = useAddOnDisplayCost(PRODUCT_WPCOM_CUSTOM_DESIGN);
-    const displayCost1GBSpace50 = useAddOnDisplayCost(PRODUCT_1GB_SPACE, 50);
-    const displayCost1GBSpace100 = useAddOnDisplayCost(PRODUCT_1GB_SPACE, 100);
-    /*
-     * TODO: `useAddOnPrices` be refactored instead to return an index of `{ [ slug ]: AddOnPrice }`
-     */
-    const addOnPrices1GBSpace50 = useAddOnPrices(PRODUCT_1GB_SPACE, 50);
-    const addOnPrices1GBSpace100 = useAddOnPrices(PRODUCT_1GB_SPACE, 100);
-    return useMemo(() => [
-        {
-            addOnSlug: ADD_ON_JETPACK_AI_MONTHLY,
-            productSlug: PRODUCT_JETPACK_AI_MONTHLY,
-            featureSlugs: null,
-            icon: jetpackAIIcon,
-            overrides: null,
-            displayCost: displayCostJetpackAIMonthly,
-            featured: true,
-            description: translate('Elevate your content with Jetpack AI, your AI assistant in the WordPress Editor. Save time writing with effortless content crafting, tone adjustment, title generation, grammar checks, translation, and more.'),
-            name: undefined,
-        },
-        {
-            addOnSlug: ADD_ON_UNLIMITED_THEMES,
-            productSlug: PRODUCT_WPCOM_UNLIMITED_THEMES,
-            featureSlugs: [WPCOM_FEATURES_PREMIUM_THEMES_UNLIMITED],
-            icon: unlimitedThemesIcon,
-            overrides: null,
-            displayCost: displayCostUnlimitedThemes,
-            featured: true,
-            name: undefined,
-            description: undefined,
-        },
-        {
-            addOnSlug: ADD_ON_CUSTOM_DESIGN,
-            productSlug: PRODUCT_WPCOM_CUSTOM_DESIGN,
-            featureSlugs: [WPCOM_FEATURES_CUSTOM_DESIGN],
-            icon: customDesignIcon,
-            overrides: null,
-            displayCost: displayCostCustomDesign,
-            featured: false,
-            name: undefined,
-            description: undefined,
-        },
-        {
-            addOnSlug: ADD_ON_50GB_STORAGE,
-            productSlug: PRODUCT_1GB_SPACE,
-            featureSlugs: null,
-            icon: spaceUpgradeIcon,
-            quantity: 50,
-            name: translate('50 GB Storage'),
-            displayCost: displayCost1GBSpace50,
-            prices: addOnPrices1GBSpace50,
-            description: translate('Make more space for high-quality photos, videos, and other media. '),
-            featured: false,
-            purchased: false,
-            checkoutLink: checkoutLink(selectedSiteId ?? null, PRODUCT_1GB_SPACE, 50),
-        },
-        {
-            addOnSlug: ADD_ON_100GB_STORAGE,
-            productSlug: PRODUCT_1GB_SPACE,
-            featureSlugs: null,
-            icon: spaceUpgradeIcon,
-            quantity: 100,
-            name: translate('100 GB Storage'),
-            displayCost: displayCost1GBSpace100,
-            prices: addOnPrices1GBSpace100,
-            description: translate('Take your site to the next level. Store all your media in one place without worrying about running out of space.'),
-            featured: false,
-            purchased: false,
-            checkoutLink: checkoutLink(selectedSiteId ?? null, PRODUCT_1GB_SPACE, 100),
-        },
-    ], [
-        addOnPrices1GBSpace100,
-        addOnPrices1GBSpace50,
-        checkoutLink,
-        displayCost1GBSpace100,
-        displayCost1GBSpace50,
-        displayCostCustomDesign,
-        displayCostJetpackAIMonthly,
-        displayCostUnlimitedThemes,
-        selectedSiteId,
-        translate,
-    ]);
-};
-const useAddOns = ({ selectedSiteId, enableStorageAddOns, } = {}) => {
-    const activeAddOns = useActiveAddOnsDefs(selectedSiteId);
-    const productSlugs = activeAddOns.map((item) => item.productSlug);
+    const addOns = getAddOnsList();
+    const addOnPrices = useAddOnPrices(addOns);
+    const productSlugs = addOns.map((item) => item.productSlug);
     const productsList = ProductsList.useProducts(productSlugs);
     const mediaStorage = Site.useSiteMediaStorage({ siteIdOrSlug: selectedSiteId });
-    const siteFeatures = Site.useSiteFeatures({ siteIdOrSlug: selectedSiteId });
-    const sitePurchases = Purchases.useSitePurchases({ siteId: selectedSiteId });
-    const spaceUpgradesPurchased = Purchases.useSitePurchasesByProductSlug({
-        siteId: selectedSiteId,
-        productSlug: PRODUCT_1GB_SPACE,
-    });
-    return useMemo(() => activeAddOns
-        .filter((addOn) => {
-        /**
-         * Remove the Jetpack AI add-on if the site already supports the feature.
-         * TODO: Potentially another candidate for migrating to `use-add-on-purchase-status`.
-         * The intention is to have a single source of truth. The add-on can be removed from display
-         * instead with an appropriate flag, but kept in list of add-ons.
-         */
-        if (addOn.productSlug === PRODUCT_JETPACK_AI_MONTHLY &&
-            siteFeatures.data?.active?.includes(WPCOM_FEATURES_AI_ASSISTANT)) {
-            return false;
-        }
-        return true;
-    })
-        .map((addOn) => {
-        const product = productsList.data?.[addOn.productSlug];
-        const name = addOn.name ? addOn.name : product?.name || '';
-        const description = addOn.description ?? (product?.description || '');
-        /**
-         * If siteFeatures, sitePurchases, or productsList are still loading, show the add-on as loading.
-         * TODO: Potentially another candidate for migrating to `use-add-on-purchase-status`, and attach
-         * that to the add-on's meta if need to.
-         */
-        if (siteFeatures.isLoading || sitePurchases.isLoading || productsList.isLoading) {
-            return {
-                ...addOn,
-                name,
-                description,
-                isLoading: true,
-            };
-        }
+    return useMemo(() => addOns.map((addOnMeta) => {
+        const { productSlug, quantity } = addOnMeta;
+        const key = createAddOnPriceKey(addOnMeta);
+        // TODO: can we not specify the product slug here for the storage add-on?
+        const isLoading = productsList.isLoading || (productSlug === PRODUCT_1GB_SPACE && mediaStorage.isLoading);
+        const product = productsList.data?.[productSlug];
+        const name = addOnMeta.name ? addOnMeta.name : product?.name || '';
+        const description = addOnMeta.description ?? (product?.description || '');
         /**
          * If the product is not found in the products list, remove the add-on.
          * This should signal a wrong slug or a product that doesn't exist i.e. some sort of Bug.
@@ -154,65 +30,31 @@ const useAddOns = ({ selectedSiteId, enableStorageAddOns, } = {}) => {
         if (!product) {
             return null;
         }
-        /**
-         * If it's a storage add-on.
-         */
-        if (addOn.productSlug === PRODUCT_1GB_SPACE) {
-            // if storage add-ons are not enabled in the config or disabled via hook prop, remove them
-            if (('boolean' === typeof enableStorageAddOns && !enableStorageAddOns) ||
-                (!isStorageAddonEnabled() && 'boolean' !== typeof enableStorageAddOns)) {
-                return null;
-            }
-            /**
-             * If storage add-on is already purchased.
-             * TODO: Consider migrating this part to `use-add-on-purchase-status` and attach
-             * that to the add-on's meta if need to. The intention is to have a single source of truth.
-             */
-            const isStorageAddOnPurchased = Object.values(spaceUpgradesPurchased ?? []).some((purchase) => purchase.purchaseRenewalQuantity === addOn.quantity);
-            if (isStorageAddOnPurchased) {
-                return {
-                    ...addOn,
-                    name,
-                    description,
-                    purchased: true,
-                };
-            }
-            /**
-             * If the current storage add-on option is greater than the available upgrade.
-             * TODO: This is also potentially a candidate for `use-add-on-purchase-status`.
-             */
-            const currentMaxStorage = mediaStorage.data?.maxStorageBytes
-                ? mediaStorage.data.maxStorageBytes / Math.pow(1024, 3)
-                : 0;
-            const availableStorageUpgrade = STORAGE_LIMIT - currentMaxStorage;
-            if ((addOn.quantity ?? 0) > availableStorageUpgrade) {
-                return {
-                    ...addOn,
-                    name,
-                    description,
-                    exceedsSiteStorageLimits: true,
-                };
-            }
-        }
-        /**
-         * Regular product add-ons.
-         */
+        const prices = addOnPrices[key];
+        const formattedCost = prices?.formattedMonthlyPrice || '';
+        const displayCost = product.term === 'month'
+            ? /* Translators: %(formattedCost)s: monthly price formatted with currency */
+                translate('%(formattedCost)s/month, billed monthly', {
+                    args: {
+                        formattedCost,
+                    },
+                })
+            : /* Translators: %(monthlyCost)s: monthly price formatted with currency */
+                translate('%(monthlyCost)s/month, billed yearly', {
+                    args: {
+                        monthlyCost: formattedCost,
+                    },
+                });
         return {
-            ...addOn,
+            ...addOnMeta,
             name,
             description,
+            isLoading,
+            prices,
+            displayCost,
+            checkoutLink: checkoutLink(selectedSiteId ?? null, productSlug, quantity),
         };
-    }), [
-        activeAddOns,
-        enableStorageAddOns,
-        mediaStorage.data?.maxStorageBytes,
-        productsList.data,
-        productsList.isLoading,
-        siteFeatures.data?.active,
-        siteFeatures.isLoading,
-        sitePurchases.isLoading,
-        spaceUpgradesPurchased,
-    ]);
+    }), [addOnPrices, productsList.data, productsList.isLoading, checkoutLink, selectedSiteId]);
 };
 export default useAddOns;
 //# sourceMappingURL=use-add-ons.js.map

package/dist/esm/add-ons/hooks/use-add-ons.js.map

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

package/dist/esm/add-ons/hooks/use-available-storage-add-ons.js

@@ -2,28 +2,34 @@ import { useMemo } from '@wordpress/element';
 import { useSiteMediaStorage } from '../../site';
 import { STORAGE_LIMIT } from '../constants';
 import useStorageAddOns from './use-storage-add-ons';
+/**
+ * Check if the quantity for a storage add-on is available for purchase.
+ * @param quantity The number of gigabytes the given add-on adds to the site's storage
+ * @param storage Data returned from
+ */
+export function isStorageQuantityAvailable(quantity, storage) {
+    const existingAddOnStorage = storage.maxStorageBytesFromAddOns / Math.pow(1024, 3);
+    const currentMaxStorage = storage.maxStorageBytes / Math.pow(1024, 3);
+    const isWithinStorageLimit = STORAGE_LIMIT >= currentMaxStorage - existingAddOnStorage + quantity;
+    return existingAddOnStorage < quantity && isWithinStorageLimit;
+}
 /**
  * Returns the storage add-ons that are available for purchase considering the current site when present.
  * Conditions:
- * - If the user has not purchased the storage add-on.
  * - If the storage add-on does not exceed the site storage limits.
  * - If the quantity of the storage add-on is less than or equal to the available storage upgrade.
  */
 const useAvailableStorageAddOns = ({ siteId }) => {
     const storageAddOns = useStorageAddOns({ siteId });
     const siteMediaStorage = useSiteMediaStorage({ siteIdOrSlug: siteId });
-    const currentMaxStorage = siteMediaStorage.data?.maxStorageBytes
-        ? siteMediaStorage.data.maxStorageBytes / Math.pow(1024, 3)
-        : 0;
-    const availableStorageUpgrade = STORAGE_LIMIT - currentMaxStorage;
     return useMemo(() => {
-        const availableStorageAddOns = storageAddOns.filter((addOn) => addOn
-            ? !addOn.purchased &&
-                !addOn.exceedsSiteStorageLimits &&
-                (addOn.quantity ?? 0) <= availableStorageUpgrade
-            : false);
-        return availableStorageAddOns?.length ? availableStorageAddOns : null;
-    }, [availableStorageUpgrade, storageAddOns]);
+        const nonNullAddOns = storageAddOns.filter((addOn) => addOn !== null);
+        const siteMediaStorageData = siteMediaStorage.data;
+        if (!siteMediaStorageData) {
+            return nonNullAddOns;
+        }
+        return nonNullAddOns.filter((addOn) => isStorageQuantityAvailable(addOn?.quantity ?? 0, siteMediaStorageData));
+    }, [siteMediaStorage.data, storageAddOns]);
 };
 export default useAvailableStorageAddOns;
 //# sourceMappingURL=use-available-storage-add-ons.js.map

package/dist/esm/add-ons/hooks/use-available-storage-add-ons.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-available-storage-add-ons.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-available-storage-add-ons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAMrD;;;;;;GAMG;AACH,MAAM,yBAAyB,GAAG,CAAE,EAAE,MAAM,EAAS,EAAG,EAAE;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IACrD,MAAM,gBAAgB,GAAG,mBAAmB,CAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAE,CAAC;IACzE,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,EAAE,eAAe;QAC/D,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAE,IAAI,EAAE,CAAC,CAAE;QAC7D,CAAC,CAAC,CAAC,CAAC;IACL,MAAM,uBAAuB,GAAG,aAAa,GAAG,iBAAiB,CAAC;IAElE,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,MAAM,sBAAsB,GAAG,aAAa,CAAC,MAAM,CAAE,CAAE,KAAK,EAAG,EAAE,CAChE,KAAK;YACJ,CAAC,CAAC,CAAE,KAAK,CAAC,SAAS;gBACjB,CAAE,KAAK,CAAC,wBAAwB;gBAChC,CAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAE,IAAI,uBAAuB;YACpD,CAAC,CAAC,KAAK,CACR,CAAC;QAEF,OAAO,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,CAAC,EAAE,CAAE,uBAAuB,EAAE,aAAa,CAAE,CAAE,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"use-available-storage-add-ons.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-available-storage-add-ons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAoB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAMrD;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAE,QAAgB,EAAE,OAAyB;IACtF,MAAM,oBAAoB,GAAG,OAAO,CAAC,yBAAyB,GAAG,IAAI,CAAC,GAAG,CAAE,IAAI,EAAE,CAAC,CAAE,CAAC;IACrF,MAAM,iBAAiB,GAAG,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAE,IAAI,EAAE,CAAC,CAAE,CAAC;IACxE,MAAM,oBAAoB,GAAG,aAAa,IAAI,iBAAiB,GAAG,oBAAoB,GAAG,QAAQ,CAAC;IAElG,OAAO,oBAAoB,GAAG,QAAQ,IAAI,oBAAoB,CAAC;AAChE,CAAC;AAED;;;;;GAKG;AACH,MAAM,yBAAyB,GAAG,CAAE,EAAE,MAAM,EAAS,EAAgB,EAAE;IACtE,MAAM,aAAa,GAAG,gBAAgB,CAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IACrD,MAAM,gBAAgB,GAAG,mBAAmB,CAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAE,CAAC;IAEzE,OAAO,OAAO,CAAE,GAAG,EAAE;QACpB,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAE,CAAE,KAAK,EAAuB,EAAE,CAAC,KAAK,KAAK,IAAI,CAAE,CAAC;QAC9F,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,IAAI,CAAC;QAEnD,IAAK,CAAE,oBAAoB,EAAG,CAAC;YAC9B,OAAO,aAAa,CAAC;QACtB,CAAC;QAED,OAAO,aAAa,CAAC,MAAM,CAAE,CAAE,KAAK,EAAG,EAAE,CACxC,0BAA0B,CAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,oBAAoB,CAAE,CACxE,CAAC;IACH,CAAC,EAAE,CAAE,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAE,CAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/esm/add-ons/hooks/use-get-purchased-storage-add-on.js

@@ -0,0 +1,17 @@
+import { PRODUCT_1GB_SPACE } from '@automattic/calypso-products';
+import * as Purchases from '../../purchases';
+import useStorageAddOns from './use-storage-add-ons';
+export default function useGetPurchasedStorageAddOn({ siteId, }) {
+    const storageAddOns = useStorageAddOns({ siteId });
+    const matchingPurchases = Purchases.useSitePurchasesByProductSlug({
+        siteId,
+        productSlug: PRODUCT_1GB_SPACE,
+    });
+    if (!matchingPurchases) {
+        return null;
+    }
+    const purchase = Object.values(matchingPurchases)[0];
+    const storageAddOnQuantity = purchase.purchaseRenewalQuantity;
+    return storageAddOns.find((addOn) => addOn?.quantity === storageAddOnQuantity) ?? null;
+}
+//# sourceMappingURL=use-get-purchased-storage-add-on.js.map

package/dist/esm/add-ons/hooks/use-get-purchased-storage-add-on.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-purchased-storage-add-on.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-get-purchased-storage-add-on.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAE,EACpD,MAAM,GAGN;IACA,MAAM,aAAa,GAAG,gBAAgB,CAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IACrD,MAAM,iBAAiB,GAAG,SAAS,CAAC,6BAA6B,CAAE;QAClE,MAAM;QACN,WAAW,EAAE,iBAAiB;KAC9B,CAAE,CAAC;IAEJ,IAAK,CAAE,iBAAiB,EAAG,CAAC;QAC3B,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,QAAQ,GAAuB,MAAM,CAAC,MAAM,CAAE,iBAAiB,CAAE,CAAE,CAAC,CAAE,CAAC;IAC7E,MAAM,oBAAoB,GAAG,QAAQ,CAAC,uBAAuB,CAAC;IAC9D,OAAO,aAAa,CAAC,IAAI,CAAE,CAAE,KAAK,EAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,oBAAoB,CAAE,IAAI,IAAI,CAAC;AAC5F,CAAC"}

package/dist/esm/add-ons/hooks/use-storage-add-on-availability.js

@@ -0,0 +1,26 @@
+import { PRODUCT_1GB_SPACE } from '@automattic/calypso-products';
+import { useSiteMediaStorage } from '../../site';
+import { isStorageQuantityAvailable } from './use-available-storage-add-ons';
+export var StorageAddOnAvailability;
+(function (StorageAddOnAvailability) {
+    StorageAddOnAvailability[StorageAddOnAvailability["NotAStorageAddOn"] = 0] = "NotAStorageAddOn";
+    StorageAddOnAvailability[StorageAddOnAvailability["DataLoading"] = 1] = "DataLoading";
+    StorageAddOnAvailability[StorageAddOnAvailability["Unavailable"] = 2] = "Unavailable";
+    StorageAddOnAvailability[StorageAddOnAvailability["Available"] = 3] = "Available";
+})(StorageAddOnAvailability || (StorageAddOnAvailability = {}));
+/**
+ * Check if an add-on is a storage add-on, and if so, if the quantity is available for purchase.
+ */
+export default function useStorageAddOnAvailability({ addOnMeta, selectedSiteId, }) {
+    const mediaStorage = useSiteMediaStorage({ siteIdOrSlug: selectedSiteId });
+    if (addOnMeta.productSlug !== PRODUCT_1GB_SPACE) {
+        return StorageAddOnAvailability.NotAStorageAddOn;
+    }
+    if (!mediaStorage.data) {
+        return StorageAddOnAvailability.DataLoading;
+    }
+    return isStorageQuantityAvailable(addOnMeta.quantity ?? 0, mediaStorage.data)
+        ? StorageAddOnAvailability.Available
+        : StorageAddOnAvailability.Unavailable;
+}
+//# sourceMappingURL=use-storage-add-on-availability.js.map

package/dist/esm/add-ons/hooks/use-storage-add-on-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-add-on-availability.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-storage-add-on-availability.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAO7E,MAAM,CAAN,IAAY,wBAKX;AALD,WAAY,wBAAwB;IACnC,+FAAgB,CAAA;IAChB,qFAAW,CAAA;IACX,qFAAW,CAAA;IACX,iFAAS,CAAA;AACV,CAAC,EALW,wBAAwB,KAAxB,wBAAwB,QAKnC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAE,EACpD,SAAS,EACT,cAAc,GACP;IACP,MAAM,YAAY,GAAG,mBAAmB,CAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAE,CAAC;IAE7E,IAAK,SAAS,CAAC,WAAW,KAAK,iBAAiB,EAAG,CAAC;QACnD,OAAO,wBAAwB,CAAC,gBAAgB,CAAC;IAClD,CAAC;IAED,IAAK,CAAE,YAAY,CAAC,IAAI,EAAG,CAAC;QAC3B,OAAO,wBAAwB,CAAC,WAAW,CAAC;IAC7C,CAAC;IAED,OAAO,0BAA0B,CAAE,SAAS,CAAC,QAAQ,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAE;QAC9E,CAAC,CAAC,wBAAwB,CAAC,SAAS;QACpC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC;AACzC,CAAC"}

package/dist/esm/add-ons/icons/custom-design.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SVG, Path } from '@wordpress/primitives';
-const customDesign = (_jsxs(SVG, { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx(Path, { d: "M0 6.44C0 4.16204 0 3.02306 0.450346 2.1561C0.829848 1.42553 1.42553 0.829848 2.1561 0.450346C3.02306 0 4.16204 0 6.44 0H37.56C39.838 0 40.9769 0 41.8439 0.450346C42.5745 0.829848 43.1702 1.42553 43.5497 2.1561C44 3.02306 44 4.16204 44 6.44V37.56C44 39.838 44 40.9769 43.5497 41.8439C43.1702 42.5745 42.5745 43.1702 41.8439 43.5497C40.9769 44 39.838 44 37.56 44H6.44C4.16204 44 3.02306 44 2.1561 43.5497C1.42553 43.1702 0.829848 42.5745 0.450346 41.8439C0 40.9769 0 39.838 0 37.56V6.44Z", fill: "#E9EFF5" }), _jsx(Path, { d: "M26 27L30.2942 22.6902C30.684 22.299 30.6828 21.6658 30.2916 21.276L26 17", fill: "#0675C4" }), _jsx(Path, { d: "M18 27L13.7058 22.6902C13.316 22.299 13.3172 21.6658 13.7084 21.276L18 17", fill: "#0675C4" })] }));
+const customDesign = (_jsx(SVG, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx(Path, { d: "M20.8008 11.2004L16.5008 6.90039L15.4008 8.00039L19.7008 12.3004C19.8008 12.4004 19.8008 12.6004 19.7008 12.7004L15.4008 17.0004L16.5008 18.1004L20.8008 13.8004C21.5008 13.0004 21.5008 11.9004 20.8008 11.2004ZM4.20078 12.3004L8.50078 8.00039L7.50078 7.00039L3.20078 11.3004C2.50078 12.0004 2.50078 13.1004 3.20078 13.8004L7.50078 18.1004L8.60078 17.0004L4.30078 12.7004C4.10078 12.6004 4.10078 12.4004 4.20078 12.3004Z", fill: "#3858E9" }) }));
 export default customDesign;
 //# sourceMappingURL=custom-design.js.map

package/dist/esm/add-ons/icons/custom-design.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-design.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/custom-design.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,YAAY,GAAG,CACpB,MAAC,GAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC7F,KAAC,IAAI,IACJ,CAAC,EAAC,weAAwe,EAC1e,IAAI,EAAC,SAAS,GACb,EACF,KAAC,IAAI,IACJ,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,SAAS,GACb,EACF,KAAC,IAAI,IACJ,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"custom-design.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/custom-design.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,YAAY,GAAG,CACpB,KAAC,GAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC7F,KAAC,IAAI,IACJ,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAC,SAAS,GACb,GACG,CACN,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/add-ons/icons/unlimited-themes.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SVG, Path } from '@wordpress/primitives';
-const unlimitedThemes = (_jsxs(SVG, { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx(Path, { d: "M0 6.44C0 4.16204 0 3.02306 0.450346 2.1561C0.829848 1.42553 1.42553 0.829848 2.1561 0.450346C3.02306 0 4.16204 0 6.44 0H37.56C39.838 0 40.9769 0 41.8439 0.450346C42.5745 0.829848 43.1702 1.42553 43.5497 2.1561C44 3.02306 44 4.16204 44 6.44V37.56C44 39.838 44 40.9769 43.5497 41.8439C43.1702 42.5745 42.5745 43.1702 41.8439 43.5497C40.9769 44 39.838 44 37.56 44H6.44C4.16204 44 3.02306 44 2.1561 43.5497C1.42553 43.1702 0.829848 42.5745 0.450346 41.8439C0 40.9769 0 39.838 0 37.56V6.44Z", fill: "#E9EFF5" }), _jsx(Path, { d: "M11.3333 31.9167, L21.9999 31.9167", stroke: "#0675C4", strokeWidth: "1.5" }), _jsx(Path, { d: "M21.1243 23.8018L31.2452 13.5665C32.0278 12.7751 32.0064 11.4899 31.2066 10.7159C30.419 9.95372 29.1574 9.96042 28.3866 10.7396L17.8223 21.4193L21.1243 23.8018Z", fill: "#0675C4" }), _jsx(Path, { d: "M14 28L13.3428 27.6386L12.7315 28.75H14V28ZM14.6572 28.3615C14.771 28.1544 14.8833 27.9815 15.0277 27.7486C15.1684 27.5213 15.323 27.2624 15.4873 26.9291C15.8158 26.2625 16.1642 25.3375 16.5622 23.7804L15.109 23.4088C14.7269 24.9034 14.4098 25.7222 14.1418 26.2659C14.0078 26.5378 13.8813 26.7507 13.7525 26.9587C13.6272 27.1609 13.4814 27.3867 13.3428 27.6386L14.6572 28.3615ZM16.5622 23.7804C16.7297 23.1254 16.9851 22.7308 17.2391 22.4943C17.4901 22.2605 17.7797 22.1436 18.0867 22.1083C18.7444 22.0326 19.4388 22.3387 19.7566 22.6565L20.8172 21.5958C20.1943 20.9728 19.0531 20.4873 17.9153 20.6181C17.3246 20.6861 16.7265 20.9219 16.2168 21.3966C15.71 21.8685 15.3316 22.5379 15.109 23.4088L16.5622 23.7804ZM19.7566 22.6565C20.33 23.2298 20.4426 24.7912 19.1458 25.773L20.0513 26.9689C21.9669 25.5185 22.1253 22.9039 20.8172 21.5958L19.7566 22.6565ZM19.1458 25.773C17.712 26.8586 16.1012 27.25 14 27.25V28.75C16.3042 28.75 18.2728 28.3154 20.0513 26.9689L19.1458 25.773Z", fill: "#0675C4" })] }));
+const unlimitedThemes = (_jsx(SVG, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx(Path, { d: "M4 20.5008H12V19.0008H4V20.5008ZM18.9 4.00078C18.3 3.40078 17.4 3.40078 16.8 4.00078L9.6 11.2008C9.2 11.1008 8.9 11.2008 8.5 11.3008C8 11.5008 7 12.0008 6.6 13.5008C6.2 15.2008 5.8 15.7008 5.5 16.2008C5.4 16.3008 5.3 16.5008 5.2 16.6008L4.6 17.7008H6C8 17.7008 9.4 17.3008 10.7 16.3008C11.5 15.7008 11.9 14.9008 12 14.0008C12 13.7008 12 13.5008 11.9 13.3008L19 6.20078C19.5 5.60078 19.5 4.60078 18.9 4.00078ZM9.7 15.2008C9 15.7008 8.2 16.0008 7.3 16.2008C7.5 15.7008 7.8 15.0008 8.1 13.9008C8.3 13.3008 8.5 12.9008 8.9 12.8008C9.4 12.7008 9.9 12.9008 10.2 13.1008C10.4 13.3008 10.5 13.6008 10.4 13.9008C10.4 14.2008 10.3 14.8008 9.7 15.2008Z", fill: "#3858E9" }) }));
 export default unlimitedThemes;
 //# sourceMappingURL=unlimited-themes.js.map

package/dist/esm/add-ons/icons/unlimited-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"unlimited-themes.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/unlimited-themes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,eAAe,GAAG,CACvB,MAAC,GAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC7F,KAAC,IAAI,IACJ,CAAC,EAAC,weAAwe,EAC1e,IAAI,EAAC,SAAS,GACb,EACF,KAAC,IAAI,IAAC,CAAC,EAAC,oCAAoC,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,GAAG,EAClF,KAAC,IAAI,IACJ,CAAC,EAAC,kKAAkK,EACpK,IAAI,EAAC,SAAS,GACb,EACF,KAAC,IAAI,IACJ,CAAC,EAAC,g9BAAg9B,EACl9B,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"unlimited-themes.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/unlimited-themes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,eAAe,GAAG,CACvB,KAAC,GAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC7F,KAAC,IAAI,IACJ,CAAC,EAAC,moBAAmoB,EACroB,IAAI,EAAC,SAAS,GACb,GACG,CACN,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/add-ons/index.js

@@ -4,6 +4,8 @@ export { default as useAddOnCheckoutLink } from './hooks/use-add-on-checkout-lin
 export { default as useAddOnPurchaseStatus } from './hooks/use-add-on-purchase-status';
 export { default as useStorageAddOns } from './hooks/use-storage-add-ons';
 export { default as useAvailableStorageAddOns } from './hooks/use-available-storage-add-ons';
+export { default as useStorageAddOnAvailability, StorageAddOnAvailability, } from './hooks/use-storage-add-on-availability';
+export { default as useGetPurchasedStorageAddOn } from './hooks/use-get-purchased-storage-add-on';
 export * from './constants';
 /** Types */
 export * from './types';

package/dist/esm/add-ons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/add-ons/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,cAAc,aAAa,CAAC;AAE5B,YAAY;AACZ,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/add-ons/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EACN,OAAO,IAAI,2BAA2B,EACtC,wBAAwB,GACxB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AAClG,cAAc,aAAa,CAAC;AAE5B,YAAY;AACZ,cAAc,SAAS,CAAC"}

package/dist/esm/add-ons/mocks.js

@@ -0,0 +1,27 @@
+import { PRODUCT_1GB_SPACE } from '@automattic/calypso-products';
+import { ADD_ON_50GB_STORAGE } from './constants';
+import spaceUpgradeIcon from './icons/space-upgrade';
+const STORAGE_ADD_ONS_MOCK = [
+    {
+        addOnSlug: ADD_ON_50GB_STORAGE,
+        productSlug: PRODUCT_1GB_SPACE,
+        featureSlugs: null,
+        icon: spaceUpgradeIcon,
+        quantity: 50,
+        name: '50 GB Storage',
+        displayCost: '50',
+        prices: {
+            monthlyPrice: 10,
+            yearlyPrice: 120,
+            formattedMonthlyPrice: 'USD10',
+            formattedYearlyPrice: 'USD120',
+            currencyCode: 'USD',
+        },
+        description: 'Make more space for high-quality photos, videos, and other media. ',
+        featured: false,
+        purchased: false,
+        checkoutLink: 'checkout:storage-50gb',
+    },
+];
+export { STORAGE_ADD_ONS_MOCK };
+//# sourceMappingURL=mocks.js.map

package/dist/esm/add-ons/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../src/add-ons/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAGrD,MAAM,oBAAoB,GAAgB;IACzC;QACC,SAAS,EAAE,mBAAmB;QAC9B,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE;YACP,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,GAAG;YAChB,qBAAqB,EAAE,OAAO;YAC9B,oBAAoB,EAAE,QAAQ;YAC9B,YAAY,EAAE,KAAK;SACnB;QACD,WAAW,EAAE,oEAAoE;QACjF,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,uBAAuB;KACrC;CACD,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/esm/contextual-help/admin-sections.js

@@ -73,7 +73,7 @@ export function generateAdminSections(siteSlug, customizerUrls, siteEditorUrls,
         },
         {
             title: __('Cancel my plan', __i18n_text_domain__),
-            link: `/me/purchases`,
+            link: '/me/purchases',
             synonyms: ['upgrade', 'business', 'professional', 'personal'],
             icon: 'plans',
         },
@@ -86,7 +86,7 @@ export function generateAdminSections(siteSlug, customizerUrls, siteEditorUrls,
         {
             /* translators: %(googleMailService)s can be either "G Suite" or "Google Workspace */
             title: sprintf(__('Cancel %s', __i18n_text_domain__), googleMailService),
-            link: `/me/purchases`,
+            link: '/me/purchases',
             synonyms: ['upgrade', 'business', 'professional', 'personal', 'google'],
             icon: 'plans',
         },
@@ -319,7 +319,7 @@ export function generateAdminSections(siteSlug, customizerUrls, siteEditorUrls,
         },
         {
             title: __('New post', __i18n_text_domain__),
-            description: __(`Create a new blog post on your site.`),
+            description: __('Create a new blog post on your site.'),
             link: `/post/${siteSlug}`,
             synonyms: ['lists', 'posts'],
             icon: 'my-sites',
@@ -356,7 +356,7 @@ export function generateAdminSections(siteSlug, customizerUrls, siteEditorUrls,
         },
         {
             title: __('View contact form messages', __i18n_text_domain__),
-            link: `https://${siteSlug}/wp-admin/edit.php?post_type=feedback&calypsoify=1`,
+            link: `https://${siteSlug}/wp-admin/admin.php?page=jetpack-forms-admin`,
             synonyms: ['contact', 'form'],
             icon: 'cog',
         },