@maxio-com/self-service 1.0.2 → 1.2.0

package/typings/packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.d.ts

@@ -5,6 +5,7 @@ export declare enum SubscriptionActions {
     RESUME = "RESUME",
     CANCEL = "CANCEL",
     UNDO_CANCELATION = "UNDO_CANCELATION",
-    REACTIVATE = "REACTIVATE"
+    REACTIVATE = "REACTIVATE",
+    CHANGE_PLAN = "CHANGE_PLAN"
 }
 export declare const useSubscriptionAvailableActions: (subscription: Partial<SubscriptionModel>, subscriptionScopes: SubscriptionScopes[]) => SubscriptionActions[];

package/typings/packages/subscriptions-manager/src/containers/index.d.ts

@@ -8,4 +8,7 @@ import CreatePaymentProfileContainer from './CreatePaymentProfileContainer';
 import CreatePaymentProfileErrorContainer from './CreatePaymentProfileErrorContainer';
 import ComponentAllocationsContainer from './ComponentsAllocationContainer';
 import ModalsContainer from './ModalsContainer';
-export { ModalsContainer, ComponentsContainer, ComponentContainer, PaymentProfilesContainer, PaymentProfileContainer, SubscriptionContainer, SubscriptionsContainer, ComponentAllocationsContainer, CreatePaymentProfileContainer, CreatePaymentProfileErrorContainer, };
+import ChangePlanContainer from './ChangePlanContainer';
+import PreviewProductMigrationContainer from './PreviewProductMigrationContainer';
+import ReplacePaymentProfilesContainer from './ReplacePaymentProfilesContainer';
+export { PreviewProductMigrationContainer, ChangePlanContainer, ModalsContainer, ComponentsContainer, ComponentContainer, PaymentProfilesContainer, PaymentProfileContainer, SubscriptionContainer, SubscriptionsContainer, ComponentAllocationsContainer, CreatePaymentProfileContainer, CreatePaymentProfileErrorContainer, ReplacePaymentProfilesContainer, };

package/typings/packages/subscriptions-manager/src/hooks/index.d.ts

@@ -14,5 +14,6 @@ import { useAvailablePaymentMethods, PaymentMethods } from './useAvailablePaymen
 import { useChangePaymentProfile } from './useChangePaymentProfile';
 import { useSortPaymentProfiles } from './useSortPaymentProfiles';
 import { useDeletePaymentProfile } from './useDeletePaymentProfile';
-export { useDeletePaymentProfile, useSortPaymentProfiles, useChangePaymentProfile, useReactivateSubscription, useCancelSubscriptionService, useSubscriptionResumeService, useServices, useDataAccess, useSubscriptionStatus, useFormatSubscriptionDetails, useComponentSettings, useCreatePaymentProfile, useAddonsConfigurationService, useUndoCancelationService, usePaymentProfileAvailableActions, useAvailablePaymentMethods, PaymentProfileActions, };
+import { useChangePlan } from './useChangePlan';
+export { useChangePlan, useDeletePaymentProfile, useSortPaymentProfiles, useChangePaymentProfile, useReactivateSubscription, useCancelSubscriptionService, useSubscriptionResumeService, useServices, useDataAccess, useSubscriptionStatus, useFormatSubscriptionDetails, useComponentSettings, useCreatePaymentProfile, useAddonsConfigurationService, useUndoCancelationService, usePaymentProfileAvailableActions, useAvailablePaymentMethods, PaymentProfileActions, };
 export type { FormattedSubscriptionDetails, PaymentMethods };

package/typings/packages/subscriptions-manager/src/hooks/useChangePlan.d.ts

@@ -0,0 +1,4 @@
+export declare const useChangePlan: (catalogId: number, subscriptionId: number, currentPlanId: number, onSuccess: () => void) => import("xstate").Interpreter<import("../machines/changePlan/types").Context, any, import("../machines/changePlan/types").Events, {
+    value: any;
+    context: import("../machines/changePlan/types").Context;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("../machines/changePlan/types").Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/typings/packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/useCreatePaymentProfile.d.ts

@@ -5,8 +5,9 @@ declare type Options = {
     subscriptionId: number;
     paymentMethodType: PaymentMethod;
     onCreateSuccess: () => void;
+    activePaymentProfileId: number;
 };
-export declare const useCreatePaymentProfile: ({ formElementId, subscriptionId, paymentMethodType, onCreateSuccess, catalogId, }: Options) => {
+export declare const useCreatePaymentProfile: ({ formElementId, paymentMethodType, onCreateSuccess, activePaymentProfileId, }: Options) => {
     isProcessing: boolean;
     isProfileConnectionError: boolean;
     savePaymentMethod: () => import("xstate").State<import("../../machines/createPaymentProfile/types").Context, import("../../machines/createPaymentProfile/types").Events, any, {

package/typings/packages/subscriptions-manager/src/machines/changePlan/changePlan.d.ts

@@ -0,0 +1,5 @@
+import { Context, Events } from './types';
+export declare const changePlan: import("xstate").StateMachine<Context, any, Events, {
+    value: any;
+    context: Context;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/typings/packages/subscriptions-manager/src/machines/changePlan/index.d.ts

@@ -0,0 +1,4 @@
+import { changePlan } from './changePlan';
+import { changePlanSelectors } from './selectors';
+export { changePlan, changePlanSelectors };
+export type { ChangePlanPreview, Product, ProductChangeStrategy, } from './types';

package/typings/packages/subscriptions-manager/src/machines/changePlan/selectors.d.ts

@@ -0,0 +1,31 @@
+import { State } from 'xstate';
+import { changePlan } from './changePlan';
+declare type ChangePlanMachine = typeof changePlan;
+declare type ChangePlanState = State<ChangePlanMachine['context']>;
+export declare const getChangePlanStatus: (machineState: ChangePlanState) => {
+    configurePlanStep: boolean;
+    configurePlanStepLoading: boolean;
+    previewPlanStep: boolean;
+    previewPlanLoading: boolean;
+    updatePlanLoading: boolean;
+    updateSuccess: boolean;
+    isError: boolean;
+};
+export declare const getProducts: (machineState: ChangePlanState) => import("./types").Product[];
+export declare const getSelectedPlan: (machineState: ChangePlanState) => number;
+export declare const getChangePlanPreview: (machineState: ChangePlanState) => import("./types").ChangePlanPreview;
+export declare const changePlanSelectors: {
+    getChangePlanPreview: (machineState: ChangePlanState) => import("./types").ChangePlanPreview;
+    getProducts: (machineState: ChangePlanState) => import("./types").Product[];
+    getSelectedPlan: (machineState: ChangePlanState) => number;
+    getChangePlanStatus: (machineState: ChangePlanState) => {
+        configurePlanStep: boolean;
+        configurePlanStepLoading: boolean;
+        previewPlanStep: boolean;
+        previewPlanLoading: boolean;
+        updatePlanLoading: boolean;
+        updateSuccess: boolean;
+        isError: boolean;
+    };
+};
+export {};

package/typings/packages/subscriptions-manager/src/machines/changePlan/types.d.ts

@@ -0,0 +1,39 @@
+import { Interpreter } from 'xstate';
+import { SubscriptionModel, SubscriptionProduct } from '../../models';
+export declare type Context = {
+    products: Product[];
+    selectedPlan: number;
+    changePlanPreview: ChangePlanPreview;
+};
+export declare type Events = {
+    type: 'GET_PRODUCTS';
+} | {
+    type: 'SELECT_PLAN';
+    planId: number;
+} | {
+    type: 'GET_PREVIEW_PRODUCT_MIGRATION';
+} | {
+    type: 'GO_BACK';
+} | {
+    type: 'CONFIRM_CHANGE_PLAN';
+} | ProductChangeDoneEvent;
+export declare type ProductChangeDoneEvent = {
+    type: 'DONE';
+    data: SubscriptionModel;
+};
+export declare type Product = Omit<SubscriptionProduct, 'trialPriceInCents' | 'trialInterval' | 'trialIntervalUnit' | ''>;
+export declare type ChangePlanPreview = {
+    billingEndDate: string;
+    existingBalanceInCents: number;
+    product: {
+        priceInCents: number;
+        name: string;
+    };
+    productChangeStrategy: ProductChangeStrategy;
+    proratedAdjustmentInCents: number;
+    subtotalInCents: number;
+    totalInCents: number;
+    totalTaxInCents: number;
+};
+export declare type ProductChangeStrategy = 'prorated' | 'delayed' | 'instant';
+export declare type ChangePlanInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/subscriptions-manager/src/machines/createPaymentProfile/actions.d.ts

@@ -1,5 +1,6 @@
 import { CreditCardFields } from "../../../../payments-sdk/src";
 import { AddressFields } from "../../../../address/src";
+import { Context } from './types';
 export declare const resetFieldError: import("xstate").AssignAction<{
     billingAddress: {
         errors: {};
@@ -10,3 +11,6 @@ export declare const resetFieldError: import("xstate").AssignAction<{
         values: CreditCardFields;
     };
 }, import("xstate").EventObject>;
+export declare const setPaymentProfileIdForReplacement: import("xstate").AssignAction<Context, import("xstate").EventObject>;
+export declare const assignCreatedProfile: import("xstate").AssignAction<Context, import("xstate").EventObject>;
+export declare const serializePaymentProfilesSubscriptions: import("xstate").AssignAction<Context, import("xstate").EventObject>;

package/typings/packages/subscriptions-manager/src/machines/createPaymentProfile/selectors.d.ts

@@ -99,6 +99,13 @@ export declare const getRequiredFields: (machineState: PaymentProfileState) => s
 export declare const getPaymentProfileErrors: (machineState: PaymentProfileState) => {
     tokenization: import("../../../../payments-sdk").TokenizationError;
 };
+export declare const getPaymentProfilesReplacementError: (machineState: PaymentProfileState) => boolean;
+export declare const getPaymentProfilesIdsForReplacement: (machineState: PaymentProfileState) => number[];
+export declare const getPaymentProfilesSubscriptions: (machineState: PaymentProfileState) => {
+    failed: import("./types").PaymentProfileReplacementResponse[];
+    success: import("./types").PaymentProfileReplacementResponse[];
+};
+export declare const getPaymentProfilesReplacementProcessing: (machineState: PaymentProfileState) => boolean;
 export declare const paymentProfileSelectors: {
     getProfileConnectionError: (machineState: PaymentProfileState) => boolean;
     getRequiredFields: (machineState: PaymentProfileState) => string[];
@@ -197,5 +204,12 @@ export declare const paymentProfileSelectors: {
             }>>;
         }>>;
     };
+    getPaymentProfilesIdsForReplacement: (machineState: PaymentProfileState) => number[];
+    getPaymentProfilesSubscriptions: (machineState: PaymentProfileState) => {
+        failed: import("./types").PaymentProfileReplacementResponse[];
+        success: import("./types").PaymentProfileReplacementResponse[];
+    };
+    getPaymentProfilesReplacementError: (machineState: PaymentProfileState) => boolean;
+    getPaymentProfilesReplacementProcessing: (machineState: PaymentProfileState) => boolean;
 };
 export {};

package/typings/packages/subscriptions-manager/src/machines/createPaymentProfile/types.d.ts

@@ -7,6 +7,13 @@ export declare type FieldError = 'required' | 'invalid';
 export declare type PaymentProfileFromType = 'billingAddress' | 'paymentMethod';
 export declare type PaymentProfileFields = keyof AddressFields | keyof CreditCardFields;
 export declare type PaymentMethod = 'creditCard' | 'bankAccount';
+export declare type PaymentProfileReplacementResponse = {
+    id: number;
+    product: {
+        name: string;
+        productFamilyId: number;
+    };
+};
 export declare type Context = {
     token: string | null;
     tokenizationError: TokenizationError;
@@ -28,12 +35,31 @@ export declare type Context = {
             [key in keyof AddressFields]?: FieldError;
         };
     };
+    paymentProfiles: {
+        idsForReplacement: number[];
+        subscriptions: {
+            failed: PaymentProfileReplacementResponse[];
+            success: PaymentProfileReplacementResponse[];
+        };
+    };
 };
 export declare type ResetFieldErrorEvent = {
     type: 'RESET_FIELD_ERROR';
     form: PaymentProfileFromType;
     field: keyof AddressFields | keyof CreditCardFields;
 };
+export declare type SetPaymentProfileIdForReplacementEvent = {
+    type: 'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT';
+    paymentProfileId: number;
+};
+export declare type ReplacePaymentProfilesSuccessEvent = {
+    type: 'SUCCESS_REPLACE_PAYMENT_PROFILES';
+    data: {
+        subscriptions: {
+            success: PaymentProfileReplacementResponse[];
+        };
+    };
+};
 export declare type Events = {
     type: 'SAVE_PAYMENT_METHOD';
 } | ResetFieldErrorEvent | {
@@ -54,5 +80,7 @@ export declare type Events = {
     field: keyof AddressFields | keyof CreditCardFields;
     form: PaymentProfileFromType;
     value: string | number;
-};
+} | SetPaymentProfileIdForReplacementEvent | {
+    type: 'RETRY_REPLACE_PAYMENT_PROFILES';
+} | ReplacePaymentProfilesSuccessEvent;
 export declare type PaymentProfileInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/subscriptions-manager/src/machines/index.d.ts

@@ -8,6 +8,7 @@ import { createPaymentProfile, paymentProfileSelectors, PaymentProfileInterprete
 import { paymentGateway, paymentGatewaySelectors, PaymentGatewayInterpreter } from './paymentGateway';
 import { paymentProfiles, paymentProfilesSelectors, PaymentProfilesInterpreter } from './paymentProfiles';
 import { addOnsConfiguration, Allocation, SerializedPrice, SerializedComponent, AllocationsPreview, AddonsConfigurationContext, AllocationsError, AddonsInterpreter } from './addOnsConfiguration';
-export { modals, modalsSelectors, createSubscriptionsMachine, subscriptionsSelectors, subscriptionSelectors, productCatalogSelectors, componentSelectors, componentsSelectors, paymentGatewaySelectors, paymentGateway, productCatalog, paymentProfiles, paymentProfilesSelectors, createPaymentProfile, paymentProfileSelectors, addOnsConfiguration, };
+import { changePlan } from './changePlan';
+export { changePlan, modals, modalsSelectors, createSubscriptionsMachine, subscriptionsSelectors, subscriptionSelectors, productCatalogSelectors, componentSelectors, componentsSelectors, paymentGatewaySelectors, paymentGateway, productCatalog, paymentProfiles, paymentProfilesSelectors, createPaymentProfile, paymentProfileSelectors, addOnsConfiguration, };
 export type { PaymentProfilesInterpreter, SubscriptionsInterpreter, SubscriptionRef, ProductCatalogInterpreter, PaymentProfileInterpreter, AddonsInterpreter, PaymentProfileFromType, PaymentProfileFieldError, PaymentProfileFields, ModalsInterpreter, Allocation, SerializedComponent, SerializedPrice, AllocationsPreview, AddonsConfigurationContext, PaymentMethod, PaymentGatewayInterpreter, AllocationsError, };
 export { DEFAULT_VISIBLE_SUBSCRIPTIONS };

package/typings/packages/subscriptions-manager/src/machines/modals/selectors.d.ts

@@ -8,6 +8,7 @@ export declare const getCreatePaymentProfile: (machineState: ModalsState) => {
         subscriptionId: number;
         catalogId: number;
         paymentMethod: import("..").PaymentMethod;
+        activePaymentProfileId: number;
     };
 };
 export declare const getAddonsConfiguration: (machineState: ModalsState) => {
@@ -76,6 +77,13 @@ export declare const getReactivateSubscription: (machineState: ModalsState) => {
         catalogId: number;
     };
 };
+export declare const getChangeSubscriptionPlan: (machineState: ModalsState) => {
+    isOpen: boolean;
+    meta: {
+        subscriptionId: number;
+        catalogId: number;
+    };
+};
 export declare const modalsSelectors: {
     getCreatePaymentProfile: (machineState: ModalsState) => {
         isOpen: boolean;
@@ -83,6 +91,7 @@ export declare const modalsSelectors: {
             subscriptionId: number;
             catalogId: number;
             paymentMethod: import("..").PaymentMethod;
+            activePaymentProfileId: number;
         };
     };
     getAddonsConfiguration: (machineState: ModalsState) => {
@@ -151,5 +160,12 @@ export declare const modalsSelectors: {
             catalogId: number;
         };
     };
+    getChangeSubscriptionPlan: (machineState: ModalsState) => {
+        isOpen: boolean;
+        meta: {
+            subscriptionId: number;
+            catalogId: number;
+        };
+    };
 };
 export {};

package/typings/packages/subscriptions-manager/src/machines/modals/types.d.ts

@@ -10,6 +10,7 @@ export declare type Context = {
         subscriptionId: null | number;
         catalogId: null | number;
         paymentMethod: PaymentMethod;
+        activePaymentProfileId: number;
     };
     previewPaymentProfile: {
         catalogId: number | null;
@@ -45,6 +46,10 @@ export declare type Context = {
         subscriptionId: number | null;
         catalogId: number | null;
     };
+    changeSubscriptionPlan: {
+        subscriptionId: number | null;
+        catalogId: number | null;
+    };
 };
 export declare type Events = {
     type: 'CLOSE_MODAL';
@@ -53,6 +58,7 @@ export declare type Events = {
     catalogId: number;
     subscriptionId: number;
     paymentMethod: PaymentMethod;
+    activePaymentProfileId: number;
 } | {
     type: 'SHOW_CHANGE_PAYMENT_PROFILE';
     catalogId: number;
@@ -92,5 +98,9 @@ export declare type Events = {
     type: 'SHOW_REACTIVATE_SUBSCRIPTION';
     catalogId: number;
     subscriptionId: number;
+} | {
+    type: 'SHOW_SUBSCRIPTION_PLAN_CHANGE';
+    catalogId: number;
+    subscriptionId: number;
 };
 export declare type ModalsInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/subscriptions-manager/src/machines/subscriptions/actions.d.ts

@@ -33,6 +33,7 @@ export declare const updateSubscription: import("xstate").AssignAction<{
                 snapDay: string;
                 currentPeriodEndsAt: string;
                 nextAssessmentAt: string;
+                nextProductId: number;
                 trialEndedAt: string;
                 automaticallyResumeAt: string;
                 balanceInCents: number;

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/ChangeSubscriptionPlan.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ChangeSubscriptionPlan: () => JSX.Element;
+export default ChangeSubscriptionPlan;

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/Content.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type ChangePlanProps = {
+    catalogId: number;
+    subscriptionId: number;
+    displayMode: 'layer' | 'window';
+    onClose: (successUpdate?: boolean) => void;
+    onProcessingUpdate: (isProcessing: boolean) => void;
+};
+declare const Content: ({ onClose, catalogId, subscriptionId, displayMode, onProcessingUpdate, }: ChangePlanProps) => JSX.Element;
+export default Content;

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorAlert: () => JSX.Element;

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/index.d.ts

@@ -0,0 +1,2 @@
+import Content from './Content';
+export default Content;

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/index.d.ts

@@ -0,0 +1,2 @@
+import Content from './Content';
+export { Content };

package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/index.d.ts

@@ -0,0 +1,2 @@
+import ChangeSubscriptionPlan from './ChangeSubscriptionPlan';
+export default ChangeSubscriptionPlan;

package/typings/packages/subscriptions-manager/src/modals/CreatePaymentProfile/components/Content/Content.d.ts

@@ -3,10 +3,11 @@ import { PaymentMethod } from '../../../../machines';
 declare type PaymentProfileContentProps = {
     catalogId: number;
     subscriptionId: number;
+    activePaymentProfileId: number;
     paymentMethod: PaymentMethod;
     displayMode: 'layer' | 'window';
     onClose: (successUpdate?: boolean) => void;
     onProcessingUpdate: (isProcessing: boolean) => void;
 };
-declare const Content: ({ onClose, onProcessingUpdate, paymentMethod, subscriptionId, displayMode, catalogId, }: PaymentProfileContentProps) => JSX.Element;
+declare const Content: ({ activePaymentProfileId, onClose, onProcessingUpdate, paymentMethod, subscriptionId, displayMode, catalogId, }: PaymentProfileContentProps) => JSX.Element;
 export default Content;

package/typings/packages/subscriptions-manager/src/modals/index.d.ts

@@ -8,4 +8,5 @@ import ReactivateSubscriptionModal from './ReactivateSubscription';
 import UndoCancelationModal from './UndoCancelation';
 import DeletePaymentMethodModal from './DeletePaymentMethod';
 import CreatePaymentProfileModal from './CreatePaymentProfile';
-export { CreatePaymentProfileModal, ComponentsAllocationModal, PauseSubscriptionModal, ResumeSubscriptionModal, ReactivateSubscriptionModal, CancelSubscriptionModal, DeletePaymentMethodModal, ChangePaymentMethodModal, PreviewPaymentMethod, UndoCancelationModal, };
+import ChangeSubscriptionPlanModal from './ChangeSubscriptionPlan';
+export { CreatePaymentProfileModal, ComponentsAllocationModal, PauseSubscriptionModal, ResumeSubscriptionModal, ReactivateSubscriptionModal, CancelSubscriptionModal, DeletePaymentMethodModal, ChangePaymentMethodModal, PreviewPaymentMethod, UndoCancelationModal, ChangeSubscriptionPlanModal, };

package/typings/packages/subscriptions-manager/src/models/subscription/types.d.ts

@@ -14,6 +14,7 @@ export interface SubscriptionModel {
     snapDay: string | null;
     currentPeriodEndsAt: string | null;
     nextAssessmentAt: string | null;
+    nextProductId: number | null;
     trialEndedAt: string | null;
     automaticallyResumeAt: string | null;
     balanceInCents: number | null;
@@ -62,7 +63,7 @@ export declare type SubscriptionEvents = {
 export declare type UpdateSubscriptionEvent = {
     data: PartialDeep<SubscriptionModel>;
 };
-export declare type SubscriptionStatus = 'active' | 'cancellation_scheduled' | 'canceled' | 'expired' | 'on_hold' | 'past_due' | 'trial' | 'trial_expired' | 'unpaid' | 'paused';
+export declare type SubscriptionStatus = 'active' | 'cancellation_scheduled' | 'canceled' | 'expired' | 'on_hold' | 'past_due' | 'trial' | 'trial_expired' | 'unpaid' | 'paused' | 'plan_change_scheduled';
 export declare type SubscriptionCharge = 'prorated' | 'immediate' | 'delayed';
 export declare type ChurnReason = {
     id: number;

package/typings/packages/subscriptions-manager/src/types.d.ts

@@ -1,7 +1,7 @@
 import { CreditCardFields } from "../../payments-sdk/src";
 import { AddressFields } from "../../address/src";
 declare type PaymentProfileFields = 'cvv' | 'month' | 'year' | 'number';
-export declare type SubscriptionScopes = 'subscription:pause' | 'subscription:resume' | 'subscription:cancel-immediate' | 'subscription:cancel-delayed' | 'subscription:cancel-scheduled' | 'subscription:reactivate';
+export declare type SubscriptionScopes = 'subscription:pause' | 'subscription:resume' | 'subscription:cancel-immediate' | 'subscription:cancel-delayed' | 'subscription:cancel-scheduled' | 'subscription:reactivate' | 'subscription:plan-change';
 export declare type ComponentSettings = {
     componentsAllocation: {
         allocationFlow: 'page' | 'modal';