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

package/dist/types/templates/use-template.d.ts

@@ -0,0 +1,8 @@
+import { UseQueryResult, QueryOptions } from '@tanstack/react-query';
+import type { Template } from './types';
+interface Options extends QueryOptions<Template> {
+    enabled?: boolean;
+}
+declare const useTemplate: (siteId: string | number, templateId: string, queryOptions?: Omit<Options, 'queryKey'>) => UseQueryResult<Template>;
+export default useTemplate;
+//# sourceMappingURL=use-template.d.ts.map

package/dist/types/templates/use-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-template.d.ts","sourceRoot":"","sources":["../../../src/templates/use-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,OAAQ,SAAQ,YAAY,CAAE,QAAQ,CAAE;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,WAAW,WACR,MAAM,GAAG,MAAM,cACX,MAAM,iBACJ,KAAM,OAAO,EAAE,UAAU,CAAE,KACvC,eAAgB,QAAQ,CAY1B,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * Given a theme stylesheet string (like 'pub/twentysixteen'), returns the corresponding theme ID ('twentysixteen').
+ */
+export declare const getThemeIdFromStylesheet: (stylesheet: string) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/theme/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,wBAAwB,eAAiB,MAAM,WAM3D,CAAC"}

package/dist/types/user/actions.d.ts

@@ -1,6 +1,5 @@
-import type { WpcomClientCredentials } from '../shared-types';
-import type { CurrentUser, CreateAccountParams, NewUserErrorResponse, NewUserSuccessResponse } from './types';
-export declare function createActions(clientCreds: WpcomClientCredentials): {
+import type { CurrentUser } from './types';
+export declare function createActions(): {
     receiveCurrentUser: (currentUser: CurrentUser) => {
         type: "RECEIVE_CURRENT_USER";
         currentUser: CurrentUser;
@@ -8,46 +7,13 @@ export declare function createActions(clientCreds: WpcomClientCredentials): {
     receiveCurrentUserFailed: () => {
         type: "RECEIVE_CURRENT_USER_FAILED";
     };
-    fetchNewUser: () => {
-        type: "FETCH_NEW_USER";
+    setIsNewUser: (isNewUser: boolean) => {
+        type: "SET_IS_NEW_USER";
+        isNewUser: boolean;
     };
-    receiveNewUser: (response: NewUserSuccessResponse) => {
-        type: "RECEIVE_NEW_USER";
-        response: NewUserSuccessResponse;
-    };
-    receiveNewUserFailed: (error: NewUserErrorResponse) => {
-        type: "RECEIVE_NEW_USER_FAILED";
-        error: NewUserErrorResponse;
-    };
-    clearErrors: () => {
-        type: "CLEAR_ERRORS";
-    };
-    createAccount: (params: CreateAccountParams) => Generator<{
-        type: "WPCOM_REQUEST";
-        request: import("wpcom-proxy-request/types").WpcomRequestParams;
-    } | {
-        readonly type: "RELOAD_PROXY";
-    } | {
-        readonly type: "REQUEST_ALL_BLOGS_ACCESS";
-    } | {
-        type: "FETCH_NEW_USER";
-    } | {
-        type: "RECEIVE_NEW_USER";
-        response: NewUserSuccessResponse;
-    } | {
-        type: "RECEIVE_NEW_USER_FAILED";
-        error: NewUserErrorResponse;
-    }, {
-        readonly ok: true;
-        readonly newUserError?: undefined;
-    } | {
-        readonly ok: false;
-        readonly newUserError: NewUserErrorResponse;
-    }, NewUserSuccessResponse>;
 };
-declare type ActionCreators = ReturnType<typeof createActions>;
-export declare type Action = ReturnType<ActionCreators['receiveCurrentUser'] | ActionCreators['receiveCurrentUserFailed'] | ActionCreators['fetchNewUser'] | ActionCreators['receiveNewUser'] | ActionCreators['receiveNewUserFailed'] | ActionCreators['clearErrors']> | {
+export type ActionCreators = ReturnType<typeof createActions>;
+export type Action = ReturnType<ActionCreators['receiveCurrentUser'] | ActionCreators['receiveCurrentUserFailed'] | ActionCreators['setIsNewUser']> | {
     type: 'TEST_ACTION';
 };
-export {};
 //# sourceMappingURL=actions.d.ts.map

package/dist/types/user/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/user/actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EACX,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,aAAa,CAAE,WAAW,EAAE,sBAAsB;sCACvB,WAAW;;;;;;;;;;+BAalB,sBAAsB;;;;kCAKnB,oBAAoB;;;;;;;4BASzB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;EA+CpD;AAED,aAAK,cAAc,GAAG,UAAU,CAAE,OAAO,aAAa,CAAE,CAAC;AAEzD,oBAAY,MAAM,GACf,UAAU,CACR,cAAc,CAAE,oBAAoB,CAAE,GACtC,cAAc,CAAE,0BAA0B,CAAE,GAC5C,cAAc,CAAE,cAAc,CAAE,GAChC,cAAc,CAAE,gBAAgB,CAAE,GAClC,cAAc,CAAE,sBAAsB,CAAE,GACxC,cAAc,CAAE,aAAa,CAAE,CAChC,GAED;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/user/actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,aAAa;sCACc,WAAW;;;;;;;8BASnB,OAAO;;;;EAUzC;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAE,OAAO,aAAa,CAAE,CAAC;AAEhE,MAAM,MAAM,MAAM,GACf,UAAU,CACR,cAAc,CAAE,oBAAoB,CAAE,GACtC,cAAc,CAAE,0BAA0B,CAAE,GAC5C,cAAc,CAAE,cAAc,CAAE,CACjC,GAED;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,CAAC"}

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

@@ -1,14 +1,6 @@
-import { createActions } from './actions';
 import { STORE_KEY } from './constants';
 import { State } from './reducer';
-import * as selectors from './selectors';
-import type { DispatchFromMap, SelectFromMap } from '../mapped-types';
-import type { WpcomClientCredentials } from '../shared-types';
 export * from './types';
 export type { State };
-export declare function register(clientCreds: WpcomClientCredentials): typeof STORE_KEY;
-declare module '@wordpress/data' {
-    function dispatch(key: typeof STORE_KEY): DispatchFromMap<ReturnType<typeof createActions>>;
-    function select(key: typeof STORE_KEY): SelectFromMap<typeof selectors>;
-}
+export declare function register(): typeof STORE_KEY;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/user/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAgB,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,KAAK,EAAE,CAAC;AAGtB,wBAAgB,QAAQ,CAAE,WAAW,EAAE,sBAAsB,GAAI,OAAO,SAAS,CAYhF;AAED,OAAO,QAAQ,iBAAiB,CAAC;IAChC,SAAS,QAAQ,CAAE,GAAG,EAAE,OAAO,SAAS,GAAI,eAAe,CAAE,UAAU,CAAE,OAAO,aAAa,CAAE,CAAE,CAAC;IAClG,SAAS,MAAM,CAAE,GAAG,EAAE,OAAO,SAAS,GAAI,aAAa,CAAE,OAAO,SAAS,CAAE,CAAC;CAC5E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/user/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAgB,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAI3C,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,KAAK,EAAE,CAAC;AAGtB,wBAAgB,QAAQ,IAAI,OAAO,SAAS,CAY3C"}

package/dist/types/user/reducer.d.ts

@@ -1,18 +1,11 @@
 import type { Action } from './actions';
-import type { CurrentUser, NewUser, NewUserErrorResponse } from './types';
+import type { CurrentUser } from './types';
 import type { Reducer } from 'redux';
 export declare const currentUser: Reducer<CurrentUser | null | undefined, Action>;
-export declare const newUserData: Reducer<NewUser | undefined, Action>;
-export declare const newUserError: Reducer<NewUserErrorResponse | undefined, Action>;
-export declare const isFetchingNewUser: Reducer<boolean | undefined, Action>;
 declare const reducer: Reducer<import("redux").CombinedState<{
     currentUser: CurrentUser | null | undefined;
-    newUser: import("redux").CombinedState<{
-        data: NewUser | undefined;
-        error: NewUserErrorResponse | undefined;
-        isFetching: boolean | undefined;
-    }>;
+    isNewUser: boolean;
 }>, Action>;
-export declare type State = ReturnType<typeof reducer>;
+export type State = ReturnType<typeof reducer>;
 export default reducer;
 //# sourceMappingURL=reducer.d.ts.map

package/dist/types/user/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/user/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,CAQxE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,GAAG,SAAS,EAAE,MAAM,CAY7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,oBAAoB,GAAG,SAAS,EAAE,MAAM,CAqB3E,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAE,OAAO,GAAG,SAAS,EAAE,MAAM,CAanE,CAAC;AAQF,QAAA,MAAM,OAAO;;;;;;;WAA8C,CAAC;AAE5D,oBAAY,KAAK,GAAG,UAAU,CAAE,OAAO,OAAO,CAAE,CAAC;AAEjD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/user/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,CAQxE,CAAC;AAUF,QAAA,MAAM,OAAO;;;WAAgD,CAAC;AAC9D,MAAM,MAAM,KAAK,GAAG,UAAU,CAAE,OAAO,OAAO,CAAE,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/types/user/resolvers.d.ts

@@ -1,14 +1,13 @@
-import type { WpcomClientCredentials } from '../shared-types';
 import type { CurrentUser } from './types';
 declare global {
     interface Window {
         currentUser?: CurrentUser;
     }
 }
-export declare function createResolvers(clientCreds: WpcomClientCredentials): {
+export declare function createResolvers(): {
     getCurrentUser: () => Generator<{
         type: "WPCOM_REQUEST";
-        request: import("wpcom-proxy-request/types").WpcomRequestParams;
+        request: import("wpcom-proxy-request").WpcomRequestParams;
     }, {
         type: "RECEIVE_CURRENT_USER";
         currentUser: CurrentUser;

package/dist/types/user/resolvers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../src/user/resolvers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,WAAW,CAAC,EAAE,WAAW,CAAC;KAC1B;CACD;AAED,wBAAgB,eAAe,CAAE,WAAW,EAAE,sBAAsB;;;;;;;;;;EAwBnE"}
+{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../src/user/resolvers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,WAAW,CAAC,EAAE,WAAW,CAAC;KAC1B;CACD;AAED,wBAAgB,eAAe;;;;;;;;;;EAwB9B"}

package/dist/types/user/selectors.d.ts

@@ -1,16 +1,9 @@
 import type { State } from './reducer';
 export declare const getState: (state: State) => import("redux").CombinedState<{
     currentUser: import("./types").CurrentUser | null | undefined;
-    newUser: import("redux").CombinedState<{
-        data: import("./types").NewUser | undefined;
-        error: import("./types").NewUserErrorResponse | undefined;
-        isFetching: boolean | undefined;
-    }>;
+    isNewUser: boolean;
 }>;
 export declare const getCurrentUser: (state: State) => import("./types").CurrentUser | null | undefined;
 export declare const isCurrentUserLoggedIn: (state: State) => boolean;
-export declare const getNewUser: (state: State) => import("./types").NewUser | undefined;
-export declare const getNewUserError: (state: State) => import("./types").NewUserErrorResponse | undefined;
-export declare const isFetchingNewUser: (state: State) => boolean | undefined;
 export declare const isNewUser: (state: State) => boolean;
 //# sourceMappingURL=selectors.d.ts.map

package/dist/types/user/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/user/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,QAAQ,UAAY,KAAK;;;;;;;EAAW,CAAC;AAElD,eAAO,MAAM,cAAc,UAAY,KAAK,qDAAuB,CAAC;AACpE,eAAO,MAAM,qBAAqB,UAAY,KAAK,YAA8B,CAAC;AAElF,eAAO,MAAM,UAAU,UAAY,KAAK,0CAAwB,CAAC;AACjE,eAAO,MAAM,eAAe,UAAY,KAAK,uDAAyB,CAAC;AACvE,eAAO,MAAM,iBAAiB,UAAY,KAAK,wBAA8B,CAAC;AAC9E,eAAO,MAAM,SAAS,UAAY,KAAK,YAA2B,CAAC"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/user/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,QAAQ,UAAY,KAAK;;;EAAW,CAAC;AAElD,eAAO,MAAM,cAAc,UAAY,KAAK,qDAAuB,CAAC;AACpE,eAAO,MAAM,qBAAqB,UAAY,KAAK,YAA8B,CAAC;AAClF,eAAO,MAAM,SAAS,UAAY,KAAK,YAAqB,CAAC"}

package/dist/types/user/types.d.ts

@@ -1,4 +1,6 @@
-import type { Action } from 'redux';
+import * as selectors from './selectors';
+import type { ActionCreators } from './actions';
+import type { SelectFromMap } from '../mapped-types';
 export interface CurrentUser {
     ID: number;
     display_name: string;
@@ -25,45 +27,11 @@ export interface CurrentUser {
      * The user's existing sites count.
      */
     site_count: number;
+    /**
+     * The subkey for Subscription Management
+     */
+    subscriptionManagementSubkey?: string;
 }
-export interface NewUser {
-    userId: string | number | undefined;
-    username: string | undefined;
-    bearerToken: string | null | undefined;
-}
-export interface NewUserSuccessResponse {
-    success: boolean;
-    is_signup_sandbox: boolean;
-    bearer_token: string;
-    username?: string;
-    signup_sandbox_username?: string;
-    user_id?: number;
-    signup_sandbox_user_id?: number;
-}
-export interface NewUserErrorResponse {
-    error: string;
-    status: number;
-    statusCode: number;
-    name: string;
-    message: string;
-}
-export declare type NewUserResponse = NewUserSuccessResponse | NewUserErrorResponse;
-export interface CreateAccountParams {
-    email: string;
-    password?: string;
-    is_passwordless?: boolean;
-    signup_flow_name?: string;
-    locale?: string;
-    'g-recaptcha-error'?: string;
-    'g-recaptcha-response'?: string;
-    extra?: {
-        first_name?: string;
-        last_name?: string;
-        username_hint: string | null | undefined;
-        is_anchor_fm_signup?: boolean | undefined;
-    };
-}
-export interface CreateAccountAction extends Action {
-    params?: CreateAccountParams;
-}
+export type UserSelect = SelectFromMap<typeof selectors>;
+export type UserActions = ActionCreators;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/user/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/user/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,OAAO;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,eAAe,GAAG,sBAAsB,GAAG,oBAAoB,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACzC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC1C,CAAC;CACF;AAED,MAAM,WAAW,mBAAoB,SAAQ,MAAM;IAClD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/user/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,CAAE,OAAO,SAAS,CAAE,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC"}

package/dist/types/users/types.d.ts

@@ -0,0 +1,44 @@
+export type Member = {
+    ID: number | string;
+    URL?: string;
+    avatar_URL: string;
+    email: boolean | string;
+    first_name: string;
+    invite_key?: string;
+    ip_address: boolean | string;
+    is_super_admin?: boolean;
+    last_name: string;
+    login: string;
+    name: string;
+    nice_name: string;
+    profile_URL: string;
+    roles?: string[];
+    site_ID: number;
+    site_visible: boolean;
+    linked_user_ID?: boolean | number;
+    linked_user_info?: {
+        avatar_URL: string;
+        name: string;
+    };
+    date_subscribed?: string;
+};
+export type UseQuery = {
+    hasNextPage: boolean;
+    refetch: () => void;
+    fetchNextPage: () => void;
+    isLoading: boolean;
+    isFetchingNextPage: boolean;
+};
+type UsersQueryData = {
+    users: Member[];
+    total: number;
+    pages: {
+        page: number;
+        users: Member[];
+    }[];
+};
+export type UsersQuery = {
+    data?: UsersQueryData;
+} & UseQuery;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/users/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/users/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACpB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACtB,GAAG,QAAQ,CAAC"}

package/dist/types/users/use-send-invites.d.ts

@@ -0,0 +1,7 @@
+interface Invitee {
+    email_or_username: string;
+    role: string;
+}
+export declare function useSendInvites(siteId: number): import("@tanstack/react-query/build/legacy/types").UseMutationResult<unknown, Error, Invitee[], unknown>;
+export {};
+//# sourceMappingURL=use-send-invites.d.ts.map

package/dist/types/users/use-send-invites.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-send-invites.d.ts","sourceRoot":"","sources":["../../../src/users/use-send-invites.ts"],"names":[],"mappings":"AAGA,UAAU,OAAO;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,cAAc,CAAE,MAAM,EAAE,MAAM,4GAY7C"}

package/dist/types/wpcom-plans-ui/actions.d.ts

@@ -0,0 +1,21 @@
+import type { StorageAddOnSlug } from '../add-ons/types';
+import type { PlanSlug, WPComPlanStorageFeatureSlug } from '@automattic/calypso-products';
+export declare const setShowDomainUpsellDialog: (show: boolean) => {
+    readonly type: "WPCOM_PLANS_UI_DOMAIN_UPSELL_DIALOG_SET_SHOW";
+    readonly show: boolean;
+};
+export declare const resetStore: () => {
+    readonly type: "WPCOM_PLANS_UI_RESET_STORE";
+};
+export declare const setSelectedStorageOptionForPlan: ({ addOnSlug, planSlug, siteId, }: {
+    addOnSlug: StorageAddOnSlug | WPComPlanStorageFeatureSlug;
+    planSlug: PlanSlug;
+    siteId?: number | null | undefined;
+}) => {
+    readonly type: "WPCOM_PLANS_UI_SET_SELECTED_STORAGE_OPTION_FOR_PLAN";
+    readonly addOnSlug: "50gb-storage-add-on" | "100gb-storage-add-on" | "1gb-storage" | "3gb-storage" | "6gb-storage" | "13gb-storage" | "50gb-storage" | "200gb-storage" | "p2-13gb-storage" | "p2-3gb-storage";
+    readonly planSlug: PlanSlug;
+    readonly siteId: number | null | undefined;
+};
+export type WpcomPlansUIAction = ReturnType<typeof setShowDomainUpsellDialog | typeof resetStore | typeof setSelectedStorageOptionForPlan>;
+//# sourceMappingURL=actions.d.ts.map

package/dist/types/wpcom-plans-ui/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE1F,eAAO,MAAM,yBAAyB,SAAW,OAAO;;;CAI3C,CAAC;AAEd,eAAO,MAAM,UAAU;;CAGV,CAAC;AAEd,eAAO,MAAM,+BAA+B;eAKhC,gBAAgB,GAAG,2BAA2B;cAC/C,QAAQ;;;;;;;CAQN,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAC1C,OAAO,yBAAyB,GAAG,OAAO,UAAU,GAAG,OAAO,+BAA+B,CAC7F,CAAC"}

package/dist/types/wpcom-plans-ui/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STORE_KEY = "automattic/wpcom-plans-ui";
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/wpcom-plans-ui/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,8BAA8B,CAAC"}

package/dist/types/wpcom-plans-ui/index.d.ts

@@ -0,0 +1,6 @@
+import * as actions from './actions';
+import { State } from './reducer';
+import * as selectors from './selectors';
+export type { State };
+export declare const store: import("@wordpress/data/build-types/types").StoreDescriptor<import("@wordpress/data/build-types/types").ReduxStoreConfig<unknown, typeof actions, typeof selectors>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/wpcom-plans-ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,OAAgB,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAIzC,YAAY,EAAE,KAAK,EAAE,CAAC;AAEtB,eAAO,MAAM,KAAK,sKAKf,CAAC"}

package/dist/types/wpcom-plans-ui/reducer.d.ts

@@ -0,0 +1,10 @@
+import type { WpcomPlansUIAction } from './actions';
+import type { SelectedStorageOptionForPlan } from './types';
+import type { Reducer } from 'redux';
+declare const reducer: Reducer<import("redux").CombinedState<{
+    showDomainUpsellDialog: boolean | undefined;
+    selectedStorageOptionForPlan: SelectedStorageOptionForPlan | undefined;
+}>, WpcomPlansUIAction>;
+export type State = ReturnType<typeof reducer>;
+export default reducer;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/types/wpcom-plans-ui/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AA6BrC,QAAA,MAAM,OAAO;;;uBAGV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,UAAU,CAAE,OAAO,OAAO,CAAE,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/types/wpcom-plans-ui/selectors.d.ts

@@ -0,0 +1,6 @@
+import { PlanSlug } from '@automattic/calypso-products';
+import type { State } from './reducer';
+export declare const isDomainUpsellDialogShown: (state: State) => boolean;
+export declare const getSelectedStorageOptionForPlan: (state: State, planSlug: PlanSlug, siteId?: number | null) => any;
+export declare const getSelectedStorageOptions: (state: State, siteId?: number | null) => any;
+//# sourceMappingURL=selectors.d.ts.map

package/dist/types/wpcom-plans-ui/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,yBAAyB,UAAY,KAAK,YAAqC,CAAC;AAE7F,eAAO,MAAM,+BAA+B,UACpC,KAAK,YACF,QAAQ,WACT,MAAM,GAAG,IAAI,QAKtB,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAAY,KAAK,WAAW,MAAM,GAAG,IAAI,QAI9E,CAAC"}

package/dist/types/wpcom-plans-ui/types.d.ts

@@ -0,0 +1,13 @@
+import type { StorageAddOnSlug } from '../add-ons/types';
+import type { PlanSlug, WPComPlanStorageFeatureSlug } from '@automattic/calypso-products';
+export interface DomainUpsellDialog {
+    show: boolean;
+}
+type SiteId = string;
+export interface SelectedStorageOptionForPlan {
+    [key: SiteId]: {
+        [key in PlanSlug]: StorageAddOnSlug | WPComPlanStorageFeatureSlug;
+    };
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/wpcom-plans-ui/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/wpcom-plans-ui/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE1F,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,OAAO,CAAC;CACd;AAED,KAAK,MAAM,GAAG,MAAM,CAAC;AAErB,MAAM,WAAW,4BAA4B;IAC5C,CAAE,GAAG,EAAE,MAAM,GAAI;SACd,GAAG,IAAI,QAAQ,GAAI,gBAAgB,GAAG,2BAA2B;KACnE,CAAC;CACF"}

package/dist/types/wpcom-request-controls/index.d.ts

@@ -1,5 +1,5 @@
 import wpcomProxyRequest from 'wpcom-proxy-request';
-declare type WpcomProxyRequestOptions = Parameters<typeof wpcomProxyRequest>[0];
+type WpcomProxyRequestOptions = Parameters<typeof wpcomProxyRequest>[0];
 export declare const wpcomRequest: (request: WpcomProxyRequestOptions) => {
     type: 'WPCOM_REQUEST';
     request: WpcomProxyRequestOptions;
@@ -8,13 +8,12 @@ export declare const wpcomRequest: (request: WpcomProxyRequestOptions) => {
  * Action for performing a fetching using `window.fetch()` and parsing the response body.
  * It's different from `apiFetch()` from
  * `@wordpress/data-controls` in that it doesn't use any middleware to add extra parameters.
- *
  * @param resource the resource you wish to fetch
  * @param options request options
  */
 export declare const fetchAndParse: (resource: Parameters<Window['fetch']>[0], options?: Parameters<Window['fetch']>[1]) => {
     readonly type: "FETCH_AND_PARSE";
-    readonly resource: RequestInfo;
+    readonly resource: RequestInfo | URL;
     readonly options: RequestInit | undefined;
 };
 export declare const reloadProxy: () => {

package/dist/types/wpcom-request-controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wpcom-request-controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAGN,MAAM,qBAAqB,CAAC;AAE7B,aAAK,wBAAwB,GAAG,UAAU,CAAE,OAAO,iBAAiB,CAAE,CAAE,CAAC,CAAE,CAAC;AAE5E,eAAO,MAAM,YAAY,YACf,wBAAwB;UACvB,eAAe;aAAW,wBAAwB;CACb,CAAC;AAEjD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,aACf,WAAY,MAAM,CAAE,OAAO,CAAE,CAAE,CAAE,CAAC,CAAE,YACpC,WAAY,MAAM,CAAE,OAAO,CAAE,CAAE,CAAE,CAAC,CAAE;;;;CAMlC,CAAC;AAEd,eAAO,MAAM,WAAW;;CAGX,CAAC;AAEd,eAAO,MAAM,qBAAqB;;CAGrB,CAAC;AAEd,eAAO,MAAM,IAAI,OAAS,MAAM;;;CAAuC,CAAC;AAExE,eAAO,MAAM,QAAQ;0CACU,WAAY,mBAAmB,CAAE;sDACf,WAAY,oBAAoB,CAAE;;;;;;4BAYlE,WAAY,WAAW,CAAE;CAEhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wpcom-request-controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAGN,MAAM,qBAAqB,CAAC;AAE7B,KAAK,wBAAwB,GAAG,UAAU,CAAE,OAAO,iBAAiB,CAAE,CAAE,CAAC,CAAE,CAAC;AAE5E,eAAO,MAAM,YAAY,YACf,wBAAwB;UACvB,eAAe;aAAW,wBAAwB;CACb,CAAC;AAEjD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,aACf,WAAY,MAAM,CAAE,OAAO,CAAE,CAAE,CAAE,CAAC,CAAE,YACpC,WAAY,MAAM,CAAE,OAAO,CAAE,CAAE,CAAE,CAAC,CAAE;;;;CAMlC,CAAC;AAEd,eAAO,MAAM,WAAW;;CAGX,CAAC;AAEd,eAAO,MAAM,qBAAqB;;CAGrB,CAAC;AAEd,eAAO,MAAM,IAAI,OAAS,MAAM;;;CAAuC,CAAC;AAExE,eAAO,MAAM,QAAQ;0CACU,WAAY,mBAAmB,CAAE;sDACf,WAAY,oBAAoB,CAAE;;;;;;4BAYlE,WAAY,WAAW,CAAE;CAEhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automattic/data-stores",
-  "version": "3.0.1",
+  "version": "3.1.0-rc.2",
   "description": "Calypso Data Stores.",
   "homepage": "https://github.com/Automattic/wp-calypso",
   "license": "GPL-2.0-or-later",
@@ -27,38 +27,53 @@
   "scripts": {
     "clean": "tsc --build ./tsconfig.json ./tsconfig-cjs.json --clean && rm -rf dist",
     "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && run -T copy-assets",
+    "prepare": "yarn run build",
     "prepack": "yarn run clean && yarn run build",
     "watch": "tsc --build ./tsconfig.json --watch"
   },
   "dependencies": {
-    "@automattic/domain-utils": "^1.0.0-alpha.0",
-    "@automattic/format-currency": "^1.0.1",
-    "@automattic/happychat-connection": "^1.0.0",
-    "@wordpress/api-fetch": "^6.6.0",
-    "@wordpress/data-controls": "^2.9.0",
-    "@wordpress/deprecated": "^3.9.0",
-    "@wordpress/url": "^3.10.0",
+    "@automattic/calypso-analytics": "^1.1.2",
+    "@automattic/calypso-config": "^1.0.0-alpha.0",
+    "@automattic/calypso-products": "^1.2.0",
+    "@automattic/format-currency": "^2.0.0",
+    "@automattic/i18n-utils": "^1.2.3",
+    "@automattic/js-utils": "^0.1.0",
+    "@automattic/shopping-cart": "^2.0.0",
+    "@tanstack/react-query": "^5.15.5",
+    "@wordpress/api-fetch": "^7.8.0",
+    "@wordpress/data-controls": "^4.8.0",
+    "@wordpress/deprecated": "^4.8.0",
+    "@wordpress/element": "^6.8.0",
+    "@wordpress/i18n": "^5.8.0",
+    "@wordpress/primitives": "^4.8.0",
+    "@wordpress/url": "^4.8.0",
+    "debug": "^4.3.3",
     "fast-json-stable-stringify": "^2.1.0",
-    "i18n-calypso": "^6.0.1",
+    "i18n-calypso": "^7.0.0",
     "qs": "^6.9.1",
-    "redux": "^4.1.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "redux": "^4.2.1",
     "tslib": "^2.3.0",
     "use-debounce": "^3.1.0",
     "utility-types": "^3.10.0",
     "validator": "^13.5.2"
   },
   "peerDependencies": {
-    "@wordpress/data": "^6",
-    "react": "^17.0.2"
+    "@wordpress/data": "^10.8.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@automattic/calypso-typescript-config": "^1.0.0",
+    "@automattic/design-picker": "^1.0.0",
+    "@remix-run/router": "^1.5.0",
     "@types/validator": "^13.7.1",
     "jest-fetch-mock": "^3.0.3",
-    "nock": "^12.0.3",
+    "nock": "^13.5.4",
     "node-fetch": "^2.6.6",
-    "typescript": "^4.5.5",
+    "typescript": "^5.3.3",
     "wait-for-expect": "^3.0.2",
-    "wpcom-proxy-request": "^6.0.0"
+    "wpcom-proxy-request": "^7.0.5"
   }
 }

package/src/add-ons/constants.ts

@@ -0,0 +1,17 @@
+export const STORAGE_LIMIT = 200;
+
+export const ADD_ON_JETPACK_AI_MONTHLY = 'jetpack_ai_monthly-add-on';
+export const ADD_ON_UNLIMITED_THEMES = 'unlimited_themes-add-on';
+export const ADD_ON_CUSTOM_DESIGN = 'custom_design-add-on';
+export const ADD_ON_50GB_STORAGE = '50gb-storage-add-on';
+export const ADD_ON_100GB_STORAGE = '100gb-storage-add-on';
+
+export const ADD_ONS = < const >[
+	ADD_ON_JETPACK_AI_MONTHLY,
+	ADD_ON_UNLIMITED_THEMES,
+	ADD_ON_CUSTOM_DESIGN,
+	ADD_ON_50GB_STORAGE,
+	ADD_ON_100GB_STORAGE,
+];
+
+export const STORAGE_ADD_ONS = < const >[ ADD_ON_50GB_STORAGE, ADD_ON_100GB_STORAGE ];

package/src/add-ons/hooks/use-add-on-checkout-link.ts

@@ -0,0 +1,38 @@
+import { useCallback } from '@wordpress/element';
+import * as Site from '../../site';
+
+/**
+ * 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 = (): ( (
+	selectedSiteId: Site.SiteDetails[ 'ID' ] | null,
+	addOnSlug: string,
+	quantity?: number
+) => string ) => {
+	const checkoutLinkCallback = useCallback(
+		(
+			selectedSiteId: Site.SiteDetails[ 'ID' ] | null,
+			addOnSlug: string,
+			quantity?: number
+		): string => {
+			// 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;
+};
+
+export default useAddOnCheckoutLink;

package/src/add-ons/hooks/use-add-on-display-cost.ts

@@ -0,0 +1,28 @@
+import { useTranslate } from 'i18n-calypso';
+import * as ProductsList from '../../products-list';
+import useAddOnPrices from './use-add-on-prices';
+
+const useAddOnDisplayCost = ( productSlug: ProductsList.StoreProductSlug, quantity?: number ) => {
+	const translate = useTranslate();
+	const prices = useAddOnPrices( 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,
+		},
+	} );
+};
+
+export default useAddOnDisplayCost;