@automattic/data-stores 3.0.1 → 3.1.0-rc.2

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Changelog
 
+## Unreleased
+
+- New `useAllDomainsQuery` which fetches all the current user's domains
+
+### Breaking changes
+
+- Remove custom query and mutation hooks (based on `@tanstack/query`) from `support-queries/*`. These are moved to `@automattic/help-center`.
+- Move the following query and mutation hooks (based on `@tanstack/query`) from `queries/*` to `@automattic/help-center`
+  - `useIsWpOrgSite`
+  - `useSiteAnalysis`
+  - `useJetpackSearchAIQuery`
+  - `useSubmitForumsMutation`
+  - `useSupportStatus`
+  - `useSupportActivity`
+  - `useUpdateZendeskUserFieldsMutation`
+  - `useUserSites`
+  - `useWpcomSite`
+
 ## 3.0.1
 
 - Add missing dependency @automattic/domain-utils, use-debounce
 
 ## 3.0.0
 
-- Add dependency node-fetch and export `LinksForSection` & `getContextResults`  (#64092)
+- Add dependency node-fetch and export `LinksForSection` & `getContextResults` (#64092)
 - Fix the Static Design Picker shows immediately when changing the vertical (#64140)
 - Add query params as query keys to useStarterDesignsGenerated() (#64108)
 - Pass vertical_id to the generated designs endpoint to get vertical title (#64108)
@@ -78,8 +96,8 @@
 - Update dependency redux to ^4.1.2 (#57688)
 - Add connection mode information to the domains state (#55595)
 - Refactor packages/data-stores to use import/order (#54486)
-- Add reader store to enable enable font smoothing on wpcom interfaces  (#52230)
-- Add `is_blank_canvas` optional type to CreateSiteParams interface  (#52288)
+- Add reader store to enable enable font smoothing on wpcom interfaces (#52230)
+- Add `is_blank_canvas` optional type to CreateSiteParams interface (#52288)
 - Add dependency tslib (#52146)
 - Add `subdomain_part` to Domain interface (#51251)
 

package/README.md

@@ -6,48 +6,51 @@ It is meant to be helpful for projects developed inside the [Calypso monorepo](h
 
 ## Usage
 
-To use stores from the package, import and register the relevant store to obtain its key:
+To use stores from the package, import the store object and use it directly. The store will be registered on import.
 
 ```tsx
-import { Verticals } from '@automattic/data-stores';
+import { Analyzer } from '@automattic/data-stores';
 import { useSelect } from '@wordpress/data';
 
-const VERTICALS_STORE = Verticals.register();
-
-export const VerticalSelect = (): React.FunctionComponent<  > => {
-	const verticals = useSelect( ( select ) => select( VERTICALS_STORE ).getVerticals() );
+export const LinkColors = ( { url } ) => {
+	const colorsData = useSelect(
+		// Selecting the store itself provides automatic type inference for the selectors.
+		( select ) => select( Analyzer.store ).getSiteColors( url ),
+		[ url ] // Be sure to include any data dependencies used by the selector!
+	);
 
 	return (
 		<ul>
-			{ verticals.map( ( vertical ) => (
-				<li key={ vertical.vertical_id }>{ vertical.vertical_name }</li>
+			{ colorsData?.link.map( ( linkColors ) => (
+				<li key={ color.hex }>
+					Name: { color.name }. Hex: { color.hex }.
+				</li>
 			) ) }
 		</ul>
 	);
 };
 ```
 
-## A note about store `register` functions
+## Types
 
-Stores are not registered in their module code. Instead, they expose `register` functions. This is an important technical consideration to avoid [side effects and allow tree-shaking](https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free).
+The stores in this package are written in TypeScript, and type definitions are generated as part of the build process. If you import and use the store object directly (instead of using the string-based store name), you'll get automatic type inference.
 
-When implementing a store, registration on evaluation should be avoided. Please, follow the pattern of exporting a `register` function.
+For example:
 
-When an application needs to use a store that should be configured, it may be helpful to expose that store from a wrapper module:
+![autocomplete](./autocomplete.gif)
 
-```ts
-// vertical-store.ts
-import { DomainSuggestions } from '@automattic/data-stores';
-export const DOMAIN_SUGGESTIONS_STORE = DomainSuggestions.register( {
-	/* …my application configuration… */
-} );
-// elsewhere…
-import { DOMAIN_SUGGESTIONS_STORE } from './vertical-store';
-select( DOMAIN_SUGGESTIONS_STORE ).getCategories();
-```
+## Old registration method
 
-## Types
+Some stores have not yet been migrated to use the new registration method. To use these stores, you must register them manually.)
 
-The stores in this package are written in TypeScript, and type definitions are generated as part of the build process. Furthermore, we're injecting type information for available selectors and actions into the `@wordpress/data` module, which means that you'll get handy autocomplete suggestions, if you're writing your project in TypeScript and you've enabled your editor's TypeScript feature or plugin.
+```tsx
+import { FooStore } from '@automattic/data-stores';
+import { useSelect } from '@wordpress/data';
 
-![autocomplete](./autocomplete.gif)
+const FOO_STORE = FooStore.register();
+
+export const Foo = () => {
+	const foo = useSelect( ( select ) => select( FOO_STORE ).getFoo() );
+	return <span>{ foo }</span>;
+};
+```

package/dist/cjs/add-ons/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STORAGE_ADD_ONS = exports.ADD_ONS = exports.ADD_ON_100GB_STORAGE = exports.ADD_ON_50GB_STORAGE = exports.ADD_ON_CUSTOM_DESIGN = exports.ADD_ON_UNLIMITED_THEMES = exports.ADD_ON_JETPACK_AI_MONTHLY = exports.STORAGE_LIMIT = void 0;
+exports.STORAGE_LIMIT = 200;
+exports.ADD_ON_JETPACK_AI_MONTHLY = 'jetpack_ai_monthly-add-on';
+exports.ADD_ON_UNLIMITED_THEMES = 'unlimited_themes-add-on';
+exports.ADD_ON_CUSTOM_DESIGN = 'custom_design-add-on';
+exports.ADD_ON_50GB_STORAGE = '50gb-storage-add-on';
+exports.ADD_ON_100GB_STORAGE = '100gb-storage-add-on';
+exports.ADD_ONS = [
+    exports.ADD_ON_JETPACK_AI_MONTHLY,
+    exports.ADD_ON_UNLIMITED_THEMES,
+    exports.ADD_ON_CUSTOM_DESIGN,
+    exports.ADD_ON_50GB_STORAGE,
+    exports.ADD_ON_100GB_STORAGE,
+];
+exports.STORAGE_ADD_ONS = [exports.ADD_ON_50GB_STORAGE, exports.ADD_ON_100GB_STORAGE];
+//# sourceMappingURL=constants.js.map

package/dist/cjs/add-ons/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/add-ons/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,GAAG,CAAC;AAEpB,QAAA,yBAAyB,GAAG,2BAA2B,CAAC;AACxD,QAAA,uBAAuB,GAAG,yBAAyB,CAAC;AACpD,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAC9C,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAC5C,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAE9C,QAAA,OAAO,GAAY;IAC/B,iCAAyB;IACzB,+BAAuB;IACvB,4BAAoB;IACpB,2BAAmB;IACnB,4BAAoB;CACpB,CAAC;AAEW,QAAA,eAAe,GAAY,CAAE,2BAAmB,EAAE,4BAAoB,CAAE,CAAC"}

package/dist/cjs/add-ons/hooks/use-add-on-checkout-link.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const element_1 = require("@wordpress/element");
+/**
+ * Returns a function that will return a formatted checkout link for the given add-on and quantity.
+ * E.g. https://wordpress.com/checkout/<siteSlug>/<addOnSlug>>:-q-<quantity>
+ * @returns {Function} A function returnig a formatted checkout link for the given add-on and quantity
+ */
+const useAddOnCheckoutLink = () => {
+    const checkoutLinkCallback = (0, element_1.useCallback)((selectedSiteId, addOnSlug, quantity) => {
+        // If no site is provided, return the checkout link with the add-on (will render site-selector).
+        if (!selectedSiteId) {
+            return `/checkout/${addOnSlug}`;
+        }
+        const checkoutLinkFormat = `/checkout/${selectedSiteId}/${addOnSlug}`;
+        if (quantity) {
+            return checkoutLinkFormat + `:-q-${quantity}`;
+        }
+        return checkoutLinkFormat;
+    }, []);
+    return checkoutLinkCallback;
+};
+exports.default = useAddOnCheckoutLink;
+//# sourceMappingURL=use-add-on-checkout-link.js.map

package/dist/cjs/add-ons/hooks/use-add-on-checkout-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-add-on-checkout-link.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-add-on-checkout-link.ts"],"names":[],"mappings":";;AAAA,gDAAiD;AAGjD;;;;GAIG;AAEH,MAAM,oBAAoB,GAAG,GAIf,EAAE;IACf,MAAM,oBAAoB,GAAG,IAAA,qBAAW,EACvC,CACC,cAA+C,EAC/C,SAAiB,EACjB,QAAiB,EACR,EAAE;QACX,gGAAgG;QAChG,IAAK,CAAE,cAAc,EAAG,CAAC;YACxB,OAAO,aAAc,SAAU,EAAE,CAAC;QACnC,CAAC;QAED,MAAM,kBAAkB,GAAG,aAAc,cAAe,IAAK,SAAU,EAAE,CAAC;QAE1E,IAAK,QAAQ,EAAG,CAAC;YAChB,OAAO,kBAAkB,GAAG,OAAQ,QAAS,EAAE,CAAC;QACjD,CAAC;QACD,OAAO,kBAAkB,CAAC;IAC3B,CAAC,EACD,EAAE,CACF,CAAC;IACF,OAAO,oBAAoB,CAAC;AAC7B,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/cjs/add-ons/hooks/use-add-on-display-cost.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const i18n_calypso_1 = require("i18n-calypso");
+const ProductsList = tslib_1.__importStar(require("../../products-list"));
+const use_add_on_prices_1 = tslib_1.__importDefault(require("./use-add-on-prices"));
+const useAddOnDisplayCost = (productSlug, quantity) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const prices = (0, use_add_on_prices_1.default)(productSlug, quantity);
+    const formattedCost = prices?.formattedMonthlyPrice || '';
+    const productsList = ProductsList.useProducts([productSlug]);
+    const product = productsList.data?.[productSlug];
+    if (product?.term === 'month') {
+        /* Translators: %(formattedCost)s: monthly price formatted with currency */
+        return translate('%(formattedCost)s/month, billed monthly', {
+            args: {
+                formattedCost,
+            },
+        });
+    }
+    /* Translators: %(monthlyCost)s: monthly price formatted with currency */
+    return translate('%(monthlyCost)s/month, billed yearly', {
+        args: {
+            monthlyCost: formattedCost,
+        },
+    });
+};
+exports.default = useAddOnDisplayCost;
+//# sourceMappingURL=use-add-on-display-cost.js.map

package/dist/cjs/add-ons/hooks/use-add-on-display-cost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-add-on-display-cost.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-add-on-display-cost.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,0EAAoD;AACpD,oFAAiD;AAEjD,MAAM,mBAAmB,GAAG,CAAE,WAA0C,EAAE,QAAiB,EAAG,EAAE;IAC/F,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,MAAM,GAAG,IAAA,2BAAc,EAAE,WAAW,EAAE,QAAQ,CAAE,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,EAAE,qBAAqB,IAAI,EAAE,CAAC;IAC1D,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAE,CAAE,WAAW,CAAE,CAAE,CAAC;IACjE,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,CAAE,WAAW,CAAE,CAAC;IACnD,IAAK,OAAO,EAAE,IAAI,KAAK,OAAO,EAAG,CAAC;QACjC,2EAA2E;QAC3E,OAAO,SAAS,CAAE,yCAAyC,EAAE;YAC5D,IAAI,EAAE;gBACL,aAAa;aACb;SACD,CAAE,CAAC;IACL,CAAC;IAED,yEAAyE;IACzE,OAAO,SAAS,CAAE,sCAAsC,EAAE;QACzD,IAAI,EAAE;YACL,WAAW,EAAE,aAAa;SAC1B;KACD,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/add-ons/hooks/use-add-on-prices.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const format_currency_1 = tslib_1.__importDefault(require("@automattic/format-currency"));
+const element_1 = require("@wordpress/element");
+const ProductsList = tslib_1.__importStar(require("../../products-list"));
+const useAddOnPrices = (productSlug, quantity) => {
+    const productsList = ProductsList.useProducts([productSlug]);
+    const product = productsList.data?.[productSlug];
+    return (0, element_1.useMemo)(() => {
+        let cost = product?.costSmallestUnit;
+        if (!cost || !product?.currencyCode) {
+            return null;
+        }
+        // Finds the applicable tiered price for the quantity.
+        const priceTier = quantity &&
+            product?.priceTierList.find((tier) => {
+                if (quantity >= tier.minimumUnits && quantity <= (tier.maximumUnits ?? 0)) {
+                    return tier;
+                }
+            });
+        if (priceTier) {
+            cost = priceTier?.maximumPrice;
+        }
+        // Although memoized, it appears that add-on prices are unnecessarily recalculated dozens of
+        // times when invoked as part of the PlansFeaturesMain component.
+        //
+        // When we format the cost before displaying it to the end user, the formatting library warns us
+        // that it will round decimal values for smallest currency unit calculations. Because of the
+        // unnecessary recalculations, this warning is repeated and floods the console.
+        //
+        // The ideal answer is to trace the root cause of the recalculations and prevent them, but after
+        // taking a cursory look, it seems as if this will require deeper investigation. For now, because
+        // we are always working with smallest currency units for add-ons, we explicitly round decimal add-on
+        // monthly prices to suppress the warnings ( something that was already happening in the library ).
+        //
+        // Once https://github.com/Automattic/wp-calypso/issues/95416 is resolved, we can remove this rounding.
+        const initialMonthlyPrice = cost / 12;
+        let monthlyPrice = Number.isInteger(initialMonthlyPrice)
+            ? initialMonthlyPrice
+            : Math.round(initialMonthlyPrice);
+        let yearlyPrice = cost;
+        if (product?.term === 'month') {
+            monthlyPrice = cost;
+            yearlyPrice = cost * 12;
+        }
+        return {
+            monthlyPrice,
+            yearlyPrice,
+            formattedMonthlyPrice: (0, format_currency_1.default)(monthlyPrice, product?.currencyCode, {
+                stripZeros: true,
+                isSmallestUnit: true,
+            }),
+            formattedYearlyPrice: (0, format_currency_1.default)(yearlyPrice, product?.currencyCode, {
+                stripZeros: true,
+                isSmallestUnit: true,
+            }),
+        };
+    }, [product, quantity]);
+};
+exports.default = useAddOnPrices;
+//# sourceMappingURL=use-add-on-prices.js.map

package/dist/cjs/add-ons/hooks/use-add-on-prices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-add-on-prices.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-add-on-prices.ts"],"names":[],"mappings":";;;AAAA,0FAAyD;AACzD,gDAA6C;AAC7C,0EAAoD;AAEpD,MAAM,cAAc,GAAG,CAAE,WAA0C,EAAE,QAAiB,EAAG,EAAE;IAC1F,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAE,CAAE,WAAW,CAAE,CAAE,CAAC;IACjE,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,CAAE,WAAW,CAAE,CAAC;IAEnD,OAAO,IAAA,iBAAO,EAAE,GAAG,EAAE;QACpB,IAAI,IAAI,GAAG,OAAO,EAAE,gBAAgB,CAAC;QAErC,IAAK,CAAE,IAAI,IAAI,CAAE,OAAO,EAAE,YAAY,EAAG,CAAC;YACzC,OAAO,IAAI,CAAC;QACb,CAAC;QAED,sDAAsD;QACtD,MAAM,SAAS,GACd,QAAQ;YACR,OAAO,EAAE,aAAa,CAAC,IAAI,CAAE,CAAE,IAAI,EAAG,EAAE;gBACvC,IAAK,QAAQ,IAAI,IAAI,CAAC,YAAY,IAAI,QAAQ,IAAI,CAAE,IAAI,CAAC,YAAY,IAAI,CAAC,CAAE,EAAG,CAAC;oBAC/E,OAAO,IAAI,CAAC;gBACb,CAAC;YACF,CAAC,CAAE,CAAC;QAEL,IAAK,SAAS,EAAG,CAAC;YACjB,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC;QAChC,CAAC;QAED,4FAA4F;QAC5F,iEAAiE;QACjE,EAAE;QACF,gGAAgG;QAChG,4FAA4F;QAC5F,+EAA+E;QAC/E,EAAE;QACF,gGAAgG;QAChG,iGAAiG;QACjG,qGAAqG;QACrG,mGAAmG;QACnG,EAAE;QACF,uGAAuG;QACvG,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAE,CAAC;QACtC,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAE,mBAAmB,CAAE;YACzD,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAE,mBAAmB,CAAE,CAAC;QACrC,IAAI,WAAW,GAAG,IAAI,CAAC;QAEvB,IAAK,OAAO,EAAE,IAAI,KAAK,OAAO,EAAG,CAAC;YACjC,YAAY,GAAG,IAAI,CAAC;YACpB,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;QACzB,CAAC;QAED,OAAO;YACN,YAAY;YACZ,WAAW;YACX,qBAAqB,EAAE,IAAA,yBAAc,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE;gBAC3E,UAAU,EAAE,IAAI;gBAChB,cAAc,EAAE,IAAI;aACpB,CAAE;YACH,oBAAoB,EAAE,IAAA,yBAAc,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE;gBACzE,UAAU,EAAE,IAAI;gBAChB,cAAc,EAAE,IAAI;aACpB,CAAE;SACH,CAAC;IACH,CAAC,EAAE,CAAE,OAAO,EAAE,QAAQ,CAAE,CAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const i18n_calypso_1 = require("i18n-calypso");
+const Purchases = tslib_1.__importStar(require("../../purchases"));
+const Site = tslib_1.__importStar(require("../../site"));
+/**
+ * Returns whether add-on product has been purchased or included in site plan.
+ */
+const useAddOnPurchaseStatus = ({ addOnMeta, selectedSiteId }) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const matchingPurchases = Purchases.useSitePurchasesByProductSlug({
+        siteId: selectedSiteId,
+        productSlug: addOnMeta.productSlug,
+    });
+    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.
+     */
+    if (matchingPurchases) {
+        return { available: false, text: translate('Purchased') };
+    }
+    if (isSiteFeature) {
+        return { available: false, text: translate('Included in your plan') };
+    }
+    return { available: true };
+};
+exports.default = useAddOnPurchaseStatus;
+//# sourceMappingURL=use-add-on-purchase-status.js.map

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

@@ -0,0 +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,+CAA4C;AAC5C,mEAA6C;AAC7C,yDAAmC;AAQnC;;GAEG;AACH,MAAM,sBAAsB,GAAG,CAAE,EAAE,SAAS,EAAE,cAAc,EAAS,EAAG,EAAE;IACzE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,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,kBAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,221 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const calypso_products_1 = require("@automattic/calypso-products");
+const element_1 = require("@wordpress/element");
+const i18n_calypso_1 = require("i18n-calypso");
+const ProductsList = tslib_1.__importStar(require("../../products-list"));
+const Purchases = tslib_1.__importStar(require("../../purchases"));
+const Site = tslib_1.__importStar(require("../../site"));
+const constants_1 = require("../constants");
+const custom_design_1 = tslib_1.__importDefault(require("../icons/custom-design"));
+const jetpack_ai_1 = tslib_1.__importDefault(require("../icons/jetpack-ai"));
+const space_upgrade_1 = tslib_1.__importDefault(require("../icons/space-upgrade"));
+const unlimited_themes_1 = tslib_1.__importDefault(require("../icons/unlimited-themes"));
+const is_storage_addon_enabled_1 = tslib_1.__importDefault(require("../lib/is-storage-addon-enabled"));
+const use_add_on_checkout_link_1 = tslib_1.__importDefault(require("./use-add-on-checkout-link"));
+const use_add_on_display_cost_1 = tslib_1.__importDefault(require("./use-add-on-display-cost"));
+const use_add_on_prices_1 = tslib_1.__importDefault(require("./use-add-on-prices"));
+const useActiveAddOnsDefs = (selectedSiteId) => {
+    const translate = (0, i18n_calypso_1.useTranslate)();
+    const checkoutLink = (0, use_add_on_checkout_link_1.default)();
+    /*
+     * TODO: `useAddOnDisplayCost` be refactored instead to return an index of `{ [ slug ]: "display cost" }`
+     */
+    const displayCostJetpackAIMonthly = (0, use_add_on_display_cost_1.default)(calypso_products_1.PRODUCT_JETPACK_AI_MONTHLY);
+    const displayCostUnlimitedThemes = (0, use_add_on_display_cost_1.default)(calypso_products_1.PRODUCT_WPCOM_UNLIMITED_THEMES);
+    const displayCostCustomDesign = (0, use_add_on_display_cost_1.default)(calypso_products_1.PRODUCT_WPCOM_CUSTOM_DESIGN);
+    const displayCost1GBSpace50 = (0, use_add_on_display_cost_1.default)(calypso_products_1.PRODUCT_1GB_SPACE, 50);
+    const displayCost1GBSpace100 = (0, use_add_on_display_cost_1.default)(calypso_products_1.PRODUCT_1GB_SPACE, 100);
+    /*
+     * TODO: `useAddOnPrices` be refactored instead to return an index of `{ [ slug ]: AddOnPrice }`
+     */
+    const addOnPrices1GBSpace50 = (0, use_add_on_prices_1.default)(calypso_products_1.PRODUCT_1GB_SPACE, 50);
+    const addOnPrices1GBSpace100 = (0, use_add_on_prices_1.default)(calypso_products_1.PRODUCT_1GB_SPACE, 100);
+    return (0, element_1.useMemo)(() => [
+        {
+            addOnSlug: constants_1.ADD_ON_JETPACK_AI_MONTHLY,
+            productSlug: calypso_products_1.PRODUCT_JETPACK_AI_MONTHLY,
+            featureSlugs: null,
+            icon: jetpack_ai_1.default,
+            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: constants_1.ADD_ON_UNLIMITED_THEMES,
+            productSlug: calypso_products_1.PRODUCT_WPCOM_UNLIMITED_THEMES,
+            featureSlugs: [calypso_products_1.WPCOM_FEATURES_PREMIUM_THEMES_UNLIMITED],
+            icon: unlimited_themes_1.default,
+            overrides: null,
+            displayCost: displayCostUnlimitedThemes,
+            featured: true,
+            name: undefined,
+            description: undefined,
+        },
+        {
+            addOnSlug: constants_1.ADD_ON_CUSTOM_DESIGN,
+            productSlug: calypso_products_1.PRODUCT_WPCOM_CUSTOM_DESIGN,
+            featureSlugs: [calypso_products_1.WPCOM_FEATURES_CUSTOM_DESIGN],
+            icon: custom_design_1.default,
+            overrides: null,
+            displayCost: displayCostCustomDesign,
+            featured: false,
+            name: undefined,
+            description: undefined,
+        },
+        {
+            addOnSlug: constants_1.ADD_ON_50GB_STORAGE,
+            productSlug: calypso_products_1.PRODUCT_1GB_SPACE,
+            featureSlugs: null,
+            icon: space_upgrade_1.default,
+            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, calypso_products_1.PRODUCT_1GB_SPACE, 50),
+        },
+        {
+            addOnSlug: constants_1.ADD_ON_100GB_STORAGE,
+            productSlug: calypso_products_1.PRODUCT_1GB_SPACE,
+            featureSlugs: null,
+            icon: space_upgrade_1.default,
+            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, calypso_products_1.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 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: calypso_products_1.PRODUCT_1GB_SPACE,
+    });
+    return (0, element_1.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 === calypso_products_1.PRODUCT_JETPACK_AI_MONTHLY &&
+            siteFeatures.data?.active?.includes(calypso_products_1.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,
+            };
+        }
+        /**
+         * 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.
+         * (not sure if add-on without a connected product is a valid use case)
+         */
+        if (!product) {
+            return null;
+        }
+        /**
+         * If it's a storage add-on.
+         */
+        if (addOn.productSlug === calypso_products_1.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) ||
+                (!(0, is_storage_addon_enabled_1.default)() && '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 = constants_1.STORAGE_LIMIT - currentMaxStorage;
+            if ((addOn.quantity ?? 0) > availableStorageUpgrade) {
+                return {
+                    ...addOn,
+                    name,
+                    description,
+                    exceedsSiteStorageLimits: true,
+                };
+            }
+        }
+        /**
+         * Regular product add-ons.
+         */
+        return {
+            ...addOn,
+            name,
+            description,
+        };
+    }), [
+        activeAddOns,
+        enableStorageAddOns,
+        mediaStorage.data?.maxStorageBytes,
+        productsList.data,
+        productsList.isLoading,
+        siteFeatures.data?.active,
+        siteFeatures.isLoading,
+        sitePurchases.isLoading,
+        spaceUpgradesPurchased,
+    ]);
+};
+exports.default = useAddOns;
+//# sourceMappingURL=use-add-ons.js.map

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

@@ -0,0 +1 @@
+{"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/cjs/add-ons/hooks/use-available-storage-add-ons.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const element_1 = require("@wordpress/element");
+const site_1 = require("../../site");
+const constants_1 = require("../constants");
+const use_storage_add_ons_1 = tslib_1.__importDefault(require("./use-storage-add-ons"));
+/**
+ * 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 = (0, use_storage_add_ons_1.default)({ siteId });
+    const siteMediaStorage = (0, site_1.useSiteMediaStorage)({ siteIdOrSlug: siteId });
+    const currentMaxStorage = siteMediaStorage.data?.maxStorageBytes
+        ? siteMediaStorage.data.maxStorageBytes / Math.pow(1024, 3)
+        : 0;
+    const availableStorageUpgrade = constants_1.STORAGE_LIMIT - currentMaxStorage;
+    return (0, element_1.useMemo)(() => {
+        const availableStorageAddOns = storageAddOns.filter((addOn) => addOn
+            ? !addOn.purchased &&
+                !addOn.exceedsSiteStorageLimits &&
+                (addOn.quantity ?? 0) <= availableStorageUpgrade
+            : false);
+        return availableStorageAddOns?.length ? availableStorageAddOns : null;
+    }, [availableStorageUpgrade, storageAddOns]);
+};
+exports.default = useAvailableStorageAddOns;
+//# sourceMappingURL=use-available-storage-add-ons.js.map

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

@@ -0,0 +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,gDAA6C;AAC7C,qCAAiD;AACjD,4CAA6C;AAC7C,wFAAqD;AAMrD;;;;;;GAMG;AACH,MAAM,yBAAyB,GAAG,CAAE,EAAE,MAAM,EAAS,EAAG,EAAE;IACzD,MAAM,aAAa,GAAG,IAAA,6BAAgB,EAAE,EAAE,MAAM,EAAE,CAAE,CAAC;IACrD,MAAM,gBAAgB,GAAG,IAAA,0BAAmB,EAAE,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,yBAAa,GAAG,iBAAiB,CAAC;IAElE,OAAO,IAAA,iBAAO,EAAE,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,kBAAe,yBAAyB,CAAC"}

package/dist/cjs/add-ons/hooks/use-storage-add-ons.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const calypso_products_1 = require("@automattic/calypso-products");
+const element_1 = require("@wordpress/element");
+const use_add_ons_1 = tslib_1.__importDefault(require("./use-add-ons"));
+const useStorageAddOns = ({ siteId }) => {
+    const addOns = (0, use_add_ons_1.default)({ selectedSiteId: siteId });
+    return (0, element_1.useMemo)(() => addOns.filter((addOn) => addOn?.productSlug === calypso_products_1.PRODUCT_1GB_SPACE), [addOns]);
+};
+exports.default = useStorageAddOns;
+//# sourceMappingURL=use-storage-add-ons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-add-ons.js","sourceRoot":"","sources":["../../../../src/add-ons/hooks/use-storage-add-ons.ts"],"names":[],"mappings":";;;AAAA,mEAAiE;AACjE,gDAA6C;AAC7C,wEAAsC;AAMtC,MAAM,gBAAgB,GAAG,CAAE,EAAE,MAAM,EAAS,EAAG,EAAE;IAChD,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,CAAE,CAAC;IAEvD,OAAO,IAAA,iBAAO,EACb,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAE,CAAE,KAAK,EAAG,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,oCAAiB,CAAE,EAC5E,CAAE,MAAM,CAAE,CACV,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const primitives_1 = require("@wordpress/primitives");
+const customDesign = ((0, jsx_runtime_1.jsxs)(primitives_1.SVG, { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(primitives_1.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" }), (0, jsx_runtime_1.jsx)(primitives_1.Path, { d: "M26 27L30.2942 22.6902C30.684 22.299 30.6828 21.6658 30.2916 21.276L26 17", fill: "#0675C4" }), (0, jsx_runtime_1.jsx)(primitives_1.Path, { d: "M18 27L13.7058 22.6902C13.316 22.299 13.3172 21.6658 13.7084 21.276L18 17", fill: "#0675C4" })] }));
+exports.default = customDesign;
+//# sourceMappingURL=custom-design.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-design.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/custom-design.tsx"],"names":[],"mappings":";;;AAAA,sDAAkD;AAElD,MAAM,YAAY,GAAG,CACpB,wBAAC,gBAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC7F,uBAAC,iBAAI,IACJ,CAAC,EAAC,weAAwe,EAC1e,IAAI,EAAC,SAAS,GACb,EACF,uBAAC,iBAAI,IACJ,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,SAAS,GACb,EACF,uBAAC,iBAAI,IACJ,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/cjs/add-ons/icons/jetpack-ai.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const primitives_1 = require("@wordpress/primitives");
+const jetpackAI = ((0, jsx_runtime_1.jsxs)(primitives_1.SVG, { xmlns: "http://www.w3.org/2000/svg", width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", children: [(0, jsx_runtime_1.jsx)(primitives_1.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" }), (0, jsx_runtime_1.jsx)(primitives_1.Path, { d: "M14.4999 9L15.7727 12.2272L18.9999 13.4999L15.7727 14.7727L14.4999 17.9999L13.2272 14.7727L10 13.4999L13.2272 12.2272L14.4999 9Z", fill: "#0675C4" }), (0, jsx_runtime_1.jsx)(primitives_1.Path, { d: "M27.9999 9L29.6969 13.3029L33.9998 14.9999L29.6969 16.6969L27.9999 20.9998L26.3029 16.6969L22 14.9999L26.3029 13.3029L27.9999 9Z", fill: "#0675C4" }), (0, jsx_runtime_1.jsx)(primitives_1.Path, { d: "M20.4999 17.9998L22.6212 23.3784L27.9998 25.4996L22.6212 27.6209L20.4999 32.9995L18.3786 27.6209L13 25.4996L18.3786 23.3784L20.4999 17.9998Z", fill: "#0675C4" })] }));
+exports.default = jetpackAI;
+//# sourceMappingURL=jetpack-ai.js.map

package/dist/cjs/add-ons/icons/jetpack-ai.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jetpack-ai.js","sourceRoot":"","sources":["../../../../src/add-ons/icons/jetpack-ai.tsx"],"names":[],"mappings":";;;AAAA,sDAAkD;AAElD,MAAM,SAAS,GAAG,CACjB,wBAAC,gBAAG,IAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAC7F,uBAAC,iBAAI,IACJ,CAAC,EAAC,weAAwe,EAC1e,IAAI,EAAC,SAAS,GACb,EACF,uBAAC,iBAAI,IACJ,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACb,EACF,uBAAC,iBAAI,IACJ,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACb,EACF,uBAAC,iBAAI,IACJ,CAAC,EAAC,8IAA8I,EAChJ,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AAEF,kBAAe,SAAS,CAAC"}