@frontegg/redux-store 5.21.0 → 5.24.0

package/node/subscriptions/index.js

@@ -42,12 +42,12 @@ const plansInitialState = {
     fetching: true,
     plans: [],
 };
-const { actions: sliceActions$1, reducer: reducer$7, name: name$6 } = toolkit.createSlice({
+const { actions: sliceActions$2, reducer: reducer$8, name: name$7 } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/plans`,
     initialState: plansInitialState,
     reducers: Object.assign({}, createModuleCaseReducers()),
 });
-const actions$7 = Object.assign({ loadPlans: toolkit.createAction(`${name$6}/loadPlans`) }, sliceActions$1);
+const actions$8 = Object.assign({ loadPlans: toolkit.createAction(`${name$7}/loadPlans`) }, sliceActions$2);
 
 const configInitialState = {
     loading: false,
@@ -55,13 +55,13 @@ const configInitialState = {
     fetching: true,
     config: null,
 };
-const reducers$5 = Object.assign({}, createModuleCaseReducers());
-const { actions: configActions, reducer: reducer$6, name: name$5, } = toolkit.createSlice({
+const reducers$6 = Object.assign({}, createModuleCaseReducers());
+const { actions: configActions, reducer: reducer$7, name: name$6, } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/config`,
     initialState: configInitialState,
-    reducers: reducers$5,
+    reducers: reducers$6,
 });
-const actions$6 = Object.assign({ loadPaymentConfiguration: toolkit.createAction(`${name$5}/loadPaymentConfiguration`) }, configActions);
+const actions$7 = Object.assign({ loadPaymentConfiguration: toolkit.createAction(`${name$6}/loadPaymentConfiguration`) }, configActions);
 
 const initialBillingInformationState = {
     loading: false,
@@ -78,32 +78,32 @@ const initialBillingInformationState = {
         error: null,
     },
 };
-const reducers$4 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setBillingInformation: {
+const reducers$5 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setBillingInformation: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), action.payload)),
     }, setCancellationLoading: createKeyCaseLoadingReducer('cancellation'), setCancellationError: createKeyCaseErrorReducer('cancellation'), setRenewalLoading: createKeyCaseLoadingReducer('renewal'), setRenewalError: createKeyCaseErrorReducer('renewal') });
-const { reducer: reducer$5, actions: overviewActions, name: name$4, } = toolkit.createSlice({
+const { reducer: reducer$6, actions: overviewActions, name: name$5, } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/billing/information`,
     initialState: initialBillingInformationState,
-    reducers: reducers$4,
+    reducers: reducers$5,
 });
-const actions$5 = Object.assign({ loadBillingInformation: toolkit.createAction(`${name$4}/loadBillingInformation`), cancelSubscription: toolkit.createAction(`${name$4}/cancelSubscription`), renewSubscription: toolkit.createAction(`${name$4}/renewSubscription`) }, overviewActions);
+const actions$6 = Object.assign({ loadBillingInformation: toolkit.createAction(`${name$5}/loadBillingInformation`), cancelSubscription: toolkit.createAction(`${name$5}/cancelSubscription`), renewSubscription: toolkit.createAction(`${name$5}/renewSubscription`) }, overviewActions);
 
 const initialPaymentMethodState = {
     loading: false,
     error: null,
     fetching: true,
 };
-const reducers$3 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setState: {
+const reducers$4 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setState: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), action.payload)),
     } });
-const { reducer: reducer$4, actions: paymentActions, name: name$3, } = toolkit.createSlice({
+const { reducer: reducer$5, actions: paymentActions, name: name$4, } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/billing/payment`,
     initialState: initialPaymentMethodState,
-    reducers: reducers$3,
+    reducers: reducers$4,
 });
-const actions$4 = Object.assign({ loadPaymentMethod: toolkit.createAction(`${name$3}/loadPaymentMethod`), submitPaymentMethod: toolkit.createAction(`${name$3}/submitPaymentMethod`), submitPaymentMethodError: toolkit.createAction(`${name$3}/submitPaymentMethodError`), submitPaymentMethodSuccess: toolkit.createAction(`${name$3}/submitPaymentMethodSuccess`), updatePaymentMethodBillingDetails: toolkit.createAction(`${name$3}/updateBillingDetails`, (payload) => ({ payload })) }, paymentActions);
+const actions$5 = Object.assign({ loadPaymentMethod: toolkit.createAction(`${name$4}/loadPaymentMethod`), submitPaymentMethod: toolkit.createAction(`${name$4}/submitPaymentMethod`), submitPaymentMethodError: toolkit.createAction(`${name$4}/submitPaymentMethodError`), submitPaymentMethodSuccess: toolkit.createAction(`${name$4}/submitPaymentMethodSuccess`), updatePaymentMethodBillingDetails: toolkit.createAction(`${name$4}/updateBillingDetails`, (payload) => ({ payload })) }, paymentActions);
 
 const initialInvoicesState = {
     loading: false,
@@ -115,16 +115,16 @@ const initialInvoicesState = {
         error: null
     }
 };
-const reducers$2 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setInvoiceDownloadState: {
+const reducers$3 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setInvoiceDownloadState: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), { invoiceDownload: Object.assign(Object.assign({}, state.invoiceDownload), action.payload) })),
     } });
-const { reducer: reducer$3, actions: sliceActions, name: name$2, } = toolkit.createSlice({
+const { reducer: reducer$4, actions: sliceActions$1, name: name$3, } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/billing/invoices`,
     initialState: initialInvoicesState,
-    reducers: reducers$2,
+    reducers: reducers$3,
 });
-const actions$3 = Object.assign({ loadInvoices: toolkit.createAction(`${name$2}/loadInvoices`), downloadInvoice: toolkit.createAction(`${name$2}/downloadInvoice`, (payload) => ({ payload })) }, sliceActions);
+const actions$4 = Object.assign({ loadInvoices: toolkit.createAction(`${name$3}/loadInvoices`), downloadInvoice: toolkit.createAction(`${name$3}/downloadInvoice`, (payload) => ({ payload })) }, sliceActions$1);
 
 const billingInitialState = {
     information: initialBillingInformationState,
@@ -132,14 +132,14 @@ const billingInitialState = {
     paymentMethod: initialPaymentMethodState,
 };
 const billingActions = {
-    invoices: actions$3,
-    information: actions$5,
-    paymentMethod: actions$4,
+    invoices: actions$4,
+    information: actions$6,
+    paymentMethod: actions$5,
 };
 const billingReducer = toolkit.combineReducers({
-    invoices: reducer$3,
-    information: reducer$5,
-    paymentMethod: reducer$4,
+    invoices: reducer$4,
+    information: reducer$6,
+    paymentMethod: reducer$5,
 });
 
 exports.CheckoutStatus = void 0;
@@ -165,35 +165,49 @@ const checkoutInitialState = {
     status: exports.CheckoutStatus.SELECTION,
     checkoutPlanId: null,
 };
-const reducers$1 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setStatus: {
+const reducers$2 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setStatus: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), { status: action.payload })),
     }, selectPlan: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), { checkoutPlanId: action.payload })),
     } });
-const { actions: checkoutActions, reducer: reducer$2, name: name$1 } = toolkit.createSlice({
+const { actions: checkoutActions, reducer: reducer$3, name: name$2 } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/checkout`,
     initialState: checkoutInitialState,
-    reducers: reducers$1,
+    reducers: reducers$2,
 });
-const actions$2 = Object.assign({ checkoutPlan: toolkit.createAction(`${name$1}/checkoutPlan`, (payload) => ({ payload })), resetCheckout: toolkit.createAction(`${name$1}/resetCheckout`), confirmCheckout: toolkit.createAction(`${name$1}/confirmCheckout`, (payload) => ({ payload, })), cancelCheckout: toolkit.createAction(`${name$1}/cancelCheckout`), submitCheckout: toolkit.createAction(`${name$1}/submitCheckout`), errorCheckout: toolkit.createAction(`${name$1}/errorCheckout`, (payload) => ({ payload, })), checkoutEvent: toolkit.createAction(`${name$1}/checkoutEvent`, (payload) => ({ payload, })) }, checkoutActions);
+const actions$3 = Object.assign({ checkoutPlan: toolkit.createAction(`${name$2}/checkoutPlan`, (payload) => ({ payload })), resetCheckout: toolkit.createAction(`${name$2}/resetCheckout`), confirmCheckout: toolkit.createAction(`${name$2}/confirmCheckout`, (payload) => ({ payload, })), cancelCheckout: toolkit.createAction(`${name$2}/cancelCheckout`), submitCheckout: toolkit.createAction(`${name$2}/submitCheckout`), errorCheckout: toolkit.createAction(`${name$2}/errorCheckout`, (payload) => ({ payload, })), checkoutEvent: toolkit.createAction(`${name$2}/checkoutEvent`, (payload) => ({ payload, })) }, checkoutActions);
 
 const initialSubscriptionStripeState = {
     loading: false,
     error: null,
     cardSetupIntentSecret: null,
 };
-const reducers = Object.assign(Object.assign({}, createModuleCaseReducers()), { setStripeState: {
+const reducers$1 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setStripeState: {
         prepare: (payload) => ({ payload }),
         reducer: (state, action) => (Object.assign(Object.assign({}, state), action.payload)),
     } });
-const { reducer: reducer$1, actions: reducerActions, name, } = toolkit.createSlice({
+const { reducer: reducer$2, actions: reducerActions, name: name$1, } = toolkit.createSlice({
     name: `${constants.subscriptionsStoreName}/stripe`,
     initialState: initialSubscriptionStripeState,
+    reducers: reducers$1,
+});
+const actions$2 = Object.assign({ loadCustomer: toolkit.createAction(`${name$1}/loadCustomer`), createCardSetupIntentSecret: toolkit.createAction(`${name$1}/createCardSetupIntentSecret`) }, reducerActions);
+
+const managedSubscriptionsInitialState = {
+    loading: false,
+    error: null,
+    fetching: true,
+    managedSubscriptions: [],
+};
+const reducers = Object.assign({}, createModuleCaseReducers());
+const { reducer: reducer$1, actions: sliceActions, name } = toolkit.createSlice({
+    name: `${constants.subscriptionsStoreName}/managedSubscriptions`,
+    initialState: managedSubscriptionsInitialState,
     reducers,
 });
-const actions$1 = Object.assign({ loadCustomer: toolkit.createAction(`${name}/loadCustomer`), createCardSetupIntentSecret: toolkit.createAction(`${name}/createCardSetupIntentSecret`) }, reducerActions);
+const actions$1 = Object.assign({ loadManagedSubscriptions: toolkit.createAction(`${name}/loadManagedSubscriptions`) }, sliceActions);
 
 const initialState = {
     config: configInitialState,
@@ -201,20 +215,23 @@ const initialState = {
     checkout: checkoutInitialState,
     billing: billingInitialState,
     stripe: initialSubscriptionStripeState,
+    managedSubscriptions: managedSubscriptionsInitialState,
 };
 const actions = {
-    config: actions$6,
+    config: actions$7,
     billing: billingActions,
-    plans: actions$7,
-    checkout: actions$2,
-    stripe: actions$1,
+    plans: actions$8,
+    checkout: actions$3,
+    stripe: actions$2,
+    managedSubscriptions: actions$1,
 };
 const reducer = toolkit.combineReducers({
-    config: reducer$6,
+    config: reducer$7,
     billing: billingReducer,
-    plans: reducer$7,
-    checkout: reducer$2,
-    stripe: reducer$1,
+    plans: reducer$8,
+    checkout: reducer$3,
+    stripe: reducer$2,
+    managedSubscriptions: reducer$1,
 });
 
 exports.PaymentProvider = void 0;
@@ -347,34 +364,34 @@ const paymentMethodsMock = [
 ];
 
 function* subscriptionBillingInformationSagas() {
-    yield effects.takeEvery(actions$5.loadBillingInformation, loadBillingInformation);
-    yield effects.takeEvery(actions$5.cancelSubscription, cancelSubscription);
-    yield effects.takeEvery(actions$5.renewSubscription, renewSubscription);
-    yield effects.takeEvery(actions$2.checkoutEvent, checkoutEvent$2);
+    yield effects.takeEvery(actions$6.loadBillingInformation, loadBillingInformation);
+    yield effects.takeEvery(actions$6.cancelSubscription, cancelSubscription);
+    yield effects.takeEvery(actions$6.renewSubscription, renewSubscription);
+    yield effects.takeEvery(actions$3.checkoutEvent, checkoutEvent$2);
 }
 function* loadBillingInformation() {
     const paymentProvider = yield effects.select((state) => { var _a; return (_a = state.subscriptions.config.config) === null || _a === void 0 ? void 0 : _a.paymentProvider; });
     const tenantId = yield effects.select((state) => { var _a, _b, _c; return (_c = (_b = (_a = state.auth) === null || _a === void 0 ? void 0 : _a.profileState) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.tenantId; });
-    yield effects.put(actions$5.setLoading(true));
+    yield effects.put(actions$6.setLoading(true));
     if (!paymentProvider || !tenantId) {
-        yield effects.put(actions$5.setError(!paymentProvider ? 'Internal feature failure' : 'Not authorized'));
+        yield effects.put(actions$6.setError(!paymentProvider ? 'Internal feature failure' : 'Not authorized'));
         return;
     }
     try {
         yield loadSummaries(tenantId);
     }
     catch (e) {
-        yield effects.put(actions$5.setError(e.message));
+        yield effects.put(actions$6.setError(e.message));
     }
 }
 function* loadSummaries(tenantId) {
     var _a, _b;
-    yield effects.put(actions$5.setLoading(true));
+    yield effects.put(actions$6.setLoading(true));
     try {
         const { currentPlanId, subscriptionId, externallyManaged, defaultPlanId } = yield effects.call(restApi.api.subscriptions.getSubscriptionSummaries, tenantId);
         const subscriptionResponse = yield effects.call(restApi.api.subscriptions.getSubscription, subscriptionId);
         const planResponse = yield effects.call(restApi.api.subscriptions.getSubscriptionPlan, currentPlanId);
-        yield effects.put(actions$5.setBillingInformation(Object.assign(Object.assign({ loading: false, fetching: false, externallyManaged,
+        yield effects.put(actions$6.setBillingInformation(Object.assign(Object.assign({ loading: false, fetching: false, externallyManaged,
             defaultPlanId }, (subscriptionResponse
             ? {
                 subscription: {
@@ -405,7 +422,7 @@ function* loadSummaries(tenantId) {
             : {}))));
     }
     catch (e) {
-        yield effects.put(actions$5.setError(e.message));
+        yield effects.put(actions$6.setError(e.message));
     }
 }
 function* cancelSubscription() {
@@ -414,24 +431,24 @@ function* cancelSubscription() {
         return;
     }
     if (overview.externallyManaged) {
-        yield effects.put(actions$5.setCancellationError('Billing is externally managed'));
+        yield effects.put(actions$6.setCancellationError('Billing is externally managed'));
         return;
     }
     const { id: subscriptionId, cancellation, status } = overview.subscription || {};
     const isCancellable = !cancellation && status === exports.SubscriptionStatus.ACTIVE;
     if (isCancellable) {
         try {
-            yield effects.put(actions$5.setCancellationLoading(true));
+            yield effects.put(actions$6.setCancellationLoading(true));
             yield effects.call(restApi.api.subscriptions.cancelSubscription, subscriptionId);
-            yield effects.put(actions$5.setBillingInformation({
+            yield effects.put(actions$6.setBillingInformation({
                 subscription: Object.assign(Object.assign({}, overview.subscription), { cancellation: {
                         policy: exports.SubscriptionCancellationPolicy.AT_PERIOD_END,
                     } }),
             }));
-            yield effects.put(actions$5.setCancellationLoading(false));
+            yield effects.put(actions$6.setCancellationLoading(false));
         }
         catch (e) {
-            yield effects.put(actions$5.setCancellationError(e.message));
+            yield effects.put(actions$6.setCancellationError(e.message));
         }
     }
 }
@@ -441,22 +458,22 @@ function* renewSubscription() {
         return;
     }
     if (overview.externallyManaged) {
-        yield effects.put(actions$5.setCancellationError('Billing is externally managed'));
+        yield effects.put(actions$6.setCancellationError('Billing is externally managed'));
         return;
     }
     const { id: subscriptionId, cancellation } = overview.subscription || {};
     const renewable = (cancellation === null || cancellation === void 0 ? void 0 : cancellation.policy) === exports.SubscriptionCancellationPolicy.AT_PERIOD_END;
     if (renewable) {
         try {
-            yield effects.put(actions$5.setRenewalLoading(true));
+            yield effects.put(actions$6.setRenewalLoading(true));
             yield effects.call(restApi.api.subscriptions.renewSubscription, subscriptionId);
-            yield effects.put(actions$5.setBillingInformation({
+            yield effects.put(actions$6.setBillingInformation({
                 subscription: Object.assign(Object.assign({}, overview.subscription), { cancellation: null }),
             }));
-            yield effects.put(actions$5.setRenewalLoading(false));
+            yield effects.put(actions$6.setRenewalLoading(false));
         }
         catch (e) {
-            yield effects.put(actions$5.setCancellationError(e.message));
+            yield effects.put(actions$6.setCancellationError(e.message));
         }
     }
 }
@@ -469,14 +486,14 @@ function* checkoutEvent$2({ payload }) {
  *  Preview Sagas
  *********************************/
 function* loadBillingInformationMock() {
-    yield effects.put(actions$5.setLoading(true));
+    yield effects.put(actions$6.setLoading(true));
     yield loadSummariesMock();
 }
 function* loadSummariesMock() {
     var _a, _b;
-    yield effects.put(actions$5.setLoading(true));
+    yield effects.put(actions$6.setLoading(true));
     yield effects.delay(500);
-    yield effects.put(actions$5.setBillingInformation({
+    yield effects.put(actions$6.setBillingInformation({
         loading: false,
         fetching: false,
         externallyManaged: false,
@@ -485,30 +502,30 @@ function* loadSummariesMock() {
     }));
 }
 function* subscriptionBillingInformationSagasMock() {
-    yield effects.takeEvery(actions$5.loadBillingInformation, loadBillingInformationMock);
+    yield effects.takeEvery(actions$6.loadBillingInformation, loadBillingInformationMock);
 }
 
 function* subscriptionsPaymentMethodSagas() {
-    yield effects.takeEvery(actions$4.loadPaymentMethod, loadPaymentMethod);
-    yield effects.takeEvery(actions$4.submitPaymentMethod, submitPaymentMethod);
-    yield effects.takeEvery(actions$4.submitPaymentMethodError, submitPaymentMethodError);
-    yield effects.takeEvery(actions$4.submitPaymentMethodSuccess, submitPaymentMethodSuccess);
-    yield effects.takeEvery(actions$4.updatePaymentMethodBillingDetails, updateBillingDetails);
-    yield effects.takeEvery(actions$2.checkoutEvent, checkoutEvent$1);
+    yield effects.takeEvery(actions$5.loadPaymentMethod, loadPaymentMethod);
+    yield effects.takeEvery(actions$5.submitPaymentMethod, submitPaymentMethod);
+    yield effects.takeEvery(actions$5.submitPaymentMethodError, submitPaymentMethodError);
+    yield effects.takeEvery(actions$5.submitPaymentMethodSuccess, submitPaymentMethodSuccess);
+    yield effects.takeEvery(actions$5.updatePaymentMethodBillingDetails, updateBillingDetails);
+    yield effects.takeEvery(actions$3.checkoutEvent, checkoutEvent$1);
 }
 function* loadPaymentMethod() {
-    yield effects.put(actions$4.setLoading(true));
+    yield effects.put(actions$5.setLoading(true));
     try {
         const paymentMethods = yield effects.call(restApi.api.subscriptions.getPaymentMethods);
         const paymentMethod = paymentMethods[0];
-        yield effects.put(actions$4.setState({
+        yield effects.put(actions$5.setState({
             paymentMethod,
             loading: false,
             fetching: false,
         }));
     }
     catch (e) {
-        yield effects.put(actions$4.setError(e.message));
+        yield effects.put(actions$5.setError(e.message));
     }
 }
 function* checkoutEvent$1({ payload }) {
@@ -517,7 +534,7 @@ function* checkoutEvent$1({ payload }) {
     }
 }
 function* updateBillingDetails({ payload, }) {
-    yield effects.put(actions$4.setLoading(true));
+    yield effects.put(actions$5.setLoading(true));
     const { id, email, address, callback } = payload;
     try {
         yield effects.call(restApi.api.subscriptions.updatePaymentMethodBillingDetails, id, Object.assign({ email }, address));
@@ -525,44 +542,44 @@ function* updateBillingDetails({ payload, }) {
         callback === null || callback === void 0 ? void 0 : callback(true);
     }
     catch (e) {
-        yield effects.put(actions$4.setError(e.message));
+        yield effects.put(actions$5.setError(e.message));
         callback === null || callback === void 0 ? void 0 : callback(false);
     }
-    yield effects.put(actions$4.setLoading(false));
+    yield effects.put(actions$5.setLoading(false));
 }
 function* submitPaymentMethod() {
-    yield effects.put(actions$4.setLoading(true));
+    yield effects.put(actions$5.setLoading(true));
 }
 function* submitPaymentMethodError({ payload: error }) {
-    yield effects.put(actions$4.setError(error));
+    yield effects.put(actions$5.setError(error));
 }
 function* submitPaymentMethodSuccess() {
-    yield effects.put(actions$4.loadPaymentMethod());
+    yield effects.put(actions$5.loadPaymentMethod());
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPaymentMethodMock() {
-    yield effects.put(actions$4.setLoading(true));
+    yield effects.put(actions$5.setLoading(true));
     yield effects.delay(500);
     const paymentMethod = paymentMethodsMock[0];
-    yield effects.put(actions$4.setState({
+    yield effects.put(actions$5.setState({
         paymentMethod,
         loading: false,
         fetching: false,
     }));
 }
 function* subscriptionsPaymentMethodSagasMock() {
-    yield effects.takeEvery(actions$4.loadPaymentMethod, loadPaymentMethodMock);
+    yield effects.takeEvery(actions$5.loadPaymentMethod, loadPaymentMethodMock);
 }
 
 function* subscriptionInvoicesSagas() {
-    yield effects.takeEvery(actions$3.loadInvoices, loadInvoices);
-    yield effects.takeEvery(actions$3.downloadInvoice, downloadInvoice);
-    yield effects.takeEvery(actions$2.checkoutEvent, checkoutEvent);
+    yield effects.takeEvery(actions$4.loadInvoices, loadInvoices);
+    yield effects.takeEvery(actions$4.downloadInvoice, downloadInvoice);
+    yield effects.takeEvery(actions$3.checkoutEvent, checkoutEvent);
 }
 function* loadInvoices() {
-    yield effects.put(actions$3.setLoading(true));
+    yield effects.put(actions$4.setLoading(true));
     try {
         const responseInvoices = yield effects.call(restApi.api.subscriptions.getSubscriptionInvoices);
         const invoices = responseInvoices.map((invoice) => ({
@@ -575,24 +592,24 @@ function* loadInvoices() {
             paid: invoice.paid || false,
             receiptNumber: invoice.receiptNumber,
         }));
-        yield effects.put(actions$3.setState({
+        yield effects.put(actions$4.setState({
             loading: false,
             fetching: false,
             invoices,
         }));
     }
     catch (e) {
-        yield effects.put(actions$3.setError(e.message));
+        yield effects.put(actions$4.setError(e.message));
     }
 }
 function* downloadInvoice({ payload }) {
-    yield effects.put(actions$3.setInvoiceDownloadState({ loading: true, error: null }));
+    yield effects.put(actions$4.setInvoiceDownloadState({ loading: true, error: null }));
     try {
         yield effects.call(restApi.api.subscriptions.getSubscriptionInvoicePdf, payload.invoiceId, payload.filename);
-        yield effects.put(actions$3.setInvoiceDownloadState({ loading: false, error: null }));
+        yield effects.put(actions$4.setInvoiceDownloadState({ loading: false, error: null }));
     }
     catch (e) {
-        yield effects.put(actions$3.setInvoiceDownloadState({ loading: false, error: e.message || null }));
+        yield effects.put(actions$4.setInvoiceDownloadState({ loading: false, error: e.message || null }));
     }
 }
 function* checkoutEvent({ payload }) {
@@ -604,18 +621,18 @@ function* checkoutEvent({ payload }) {
  *  Preview Sagas
  *********************************/
 function* loadInvoicesMock() {
-    yield effects.put(actions$3.setLoading(true));
+    yield effects.put(actions$4.setLoading(true));
     yield effects.delay(500);
     const selectPlanTitle = 'Premium';
-    yield effects.put(actions$3.setState({
+    yield effects.put(actions$4.setState({
         loading: false,
         fetching: false,
         invoices: invoicesMock.map((invoice) => (Object.assign(Object.assign({}, invoice), { selectedPlan: selectPlanTitle, paymentDate: new Date(Date.parse(invoice.paymentDate)), totalAmount: +((invoice.totalAmount || 0) / 100).toFixed(2) }))),
     }));
-    yield effects.put(actions$3.setLoading(false));
+    yield effects.put(actions$4.setLoading(false));
 }
 function* subscriptionInvoicesSagasMock() {
-    yield effects.takeEvery(actions$3.loadInvoices, loadInvoicesMock);
+    yield effects.takeEvery(actions$4.loadInvoices, loadInvoicesMock);
 }
 
 function* billingSagas() {
@@ -634,15 +651,15 @@ function* billingSagasMock() {
 }
 
 function* checkoutSagas() {
-    yield effects.takeEvery(actions$2.checkoutPlan, checkoutPlan);
-    yield effects.takeEvery(actions$2.resetCheckout, resetCheckout);
-    yield effects.takeEvery(actions$2.confirmCheckout, confirmPlan);
-    yield effects.takeEvery(actions$2.cancelCheckout, cancelPlan);
-    yield effects.takeEvery(actions$2.submitCheckout, submitCheckout);
-    yield effects.takeEvery(actions$2.errorCheckout, errorCheckout);
+    yield effects.takeEvery(actions$3.checkoutPlan, checkoutPlan);
+    yield effects.takeEvery(actions$3.resetCheckout, resetCheckout);
+    yield effects.takeEvery(actions$3.confirmCheckout, confirmPlan);
+    yield effects.takeEvery(actions$3.cancelCheckout, cancelPlan);
+    yield effects.takeEvery(actions$3.submitCheckout, submitCheckout);
+    yield effects.takeEvery(actions$3.errorCheckout, errorCheckout);
 }
 function* checkoutPlan({ payload: planId }) {
-    yield effects.put(actions$2.setState({
+    yield effects.put(actions$3.setState({
         checkoutPlanId: planId,
         loading: false,
         error: null,
@@ -650,70 +667,62 @@ function* checkoutPlan({ payload: planId }) {
     }));
 }
 function* resetCheckout() {
-    yield effects.put(actions$2.setState({
+    yield effects.put(actions$3.setState({
         checkoutPlanId: null,
         loading: false,
         status: exports.CheckoutStatus.SELECTION,
     }));
 }
 function* confirmPlan({ payload: paymentMethodId }) {
-    var _a;
-    const { subscription, status, checkoutPlanId } = yield effects.select(({ subscriptions: { billing: { information }, checkout, }, }) => ({
+    const { subscription, status, planId } = yield effects.select(({ subscriptions: { billing: { information }, checkout, }, }) => ({
         subscription: information.subscription,
         status: checkout.status,
-        checkoutPlanId: checkout.checkoutPlanId,
+        planId: checkout.checkoutPlanId,
     }));
-    const subscriptionId = subscription === null || subscription === void 0 ? void 0 : subscription.id;
-    const subscriptionItemId = (_a = subscription === null || subscription === void 0 ? void 0 : subscription.items[0]) === null || _a === void 0 ? void 0 : _a.id;
-    if (!checkoutPlanId || !subscriptionId || !subscriptionItemId) {
-        yield effects.put(actions$2.setState({
+    if (!planId || !subscription) {
+        yield effects.put(actions$3.setState({
             loading: false,
             status: exports.CheckoutStatus.ERROR,
         }));
         return;
     }
     if (status === exports.CheckoutStatus.CHECKOUT) {
-        yield effects.put(actions$2.setState({
+        yield effects.put(actions$3.setState({
             loading: true,
             error: null,
         }));
         try {
-            yield effects.call(restApi.api.subscriptions.updateSubscription, subscriptionId, {
+            yield effects.call(restApi.api.subscriptions.updateSubscription, subscription.id, {
                 paymentMethodId,
-                items: [
-                    {
-                        id: subscriptionItemId,
-                        planId: checkoutPlanId,
-                    },
-                ],
+                planId,
             });
-            yield effects.put(actions$2.setState({
+            yield effects.put(actions$3.setState({
                 checkoutPlanId: null,
                 loading: false,
                 status: exports.CheckoutStatus.CONFIRM,
             }));
-            yield effects.put(actions$2.checkoutEvent(exports.CheckoutEvent.CONFIRMED));
+            yield effects.put(actions$3.checkoutEvent(exports.CheckoutEvent.CONFIRMED));
         }
         catch (e) {
-            yield effects.put(actions$2.setState({
+            yield effects.put(actions$3.setState({
                 loading: false,
                 error: e.message,
                 status: exports.CheckoutStatus.ERROR,
             }));
-            yield effects.put(actions$2.checkoutEvent(exports.CheckoutEvent.ERROR));
+            yield effects.put(actions$3.checkoutEvent(exports.CheckoutEvent.ERROR));
         }
     }
 }
 function* cancelPlan() {
     const { status } = yield effects.select((state) => state.subscriptions.checkout);
     if (status === exports.CheckoutStatus.CHECKOUT) {
-        yield effects.put(actions$2.setState({
+        yield effects.put(actions$3.setState({
             checkoutPlanId: null,
             loading: false,
             error: null,
             status: exports.CheckoutStatus.CANCEL,
         }));
-        yield effects.put(actions$2.checkoutEvent(exports.CheckoutEvent.CANCEL));
+        yield effects.put(actions$3.checkoutEvent(exports.CheckoutEvent.CANCEL));
     }
 }
 /**
@@ -722,35 +731,35 @@ function* cancelPlan() {
 function* submitCheckout() {
     const { paymentProvider } = yield effects.select((state) => state.subscriptions.config.config);
     if (paymentProvider === exports.PaymentProvider.STRIPE) {
-        yield effects.put(actions$2.setState({
+        yield effects.put(actions$3.setState({
             loading: true,
             error: null,
         }));
-        yield effects.put(actions$2.checkoutEvent(exports.CheckoutEvent.SUBMITTED));
+        yield effects.put(actions$3.checkoutEvent(exports.CheckoutEvent.SUBMITTED));
     }
 }
 function* errorCheckout({ payload }) {
-    yield effects.put(actions$2.setState({
+    yield effects.put(actions$3.setState({
         loading: false,
         error: payload,
         status: exports.CheckoutStatus.ERROR,
     }));
-    yield effects.put(actions$2.checkoutEvent(exports.CheckoutEvent.ERROR));
+    yield effects.put(actions$3.checkoutEvent(exports.CheckoutEvent.ERROR));
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* checkoutSagasMock() {
-    yield effects.takeEvery(actions$2.checkoutPlan, checkoutPlan);
-    yield effects.takeEvery(actions$2.resetCheckout, resetCheckout);
-    yield effects.takeEvery(actions$2.cancelCheckout, cancelPlan);
+    yield effects.takeEvery(actions$3.checkoutPlan, checkoutPlan);
+    yield effects.takeEvery(actions$3.resetCheckout, resetCheckout);
+    yield effects.takeEvery(actions$3.cancelCheckout, cancelPlan);
 }
 
 function* plansSagas() {
-    yield effects.takeEvery(actions$7.loadPlans, loadPlans);
+    yield effects.takeEvery(actions$8.loadPlans, loadPlans);
 }
 function* loadPlans() {
-    yield effects.put(actions$7.setLoading(true));
+    yield effects.put(actions$8.setLoading(true));
     try {
         const products = yield effects.call(restApi.api.subscriptions.getSubscriptionPlans);
         const plans = products.map((item) => {
@@ -764,23 +773,23 @@ function* loadPlans() {
                 recurringInterval: 'month',
             });
         });
-        yield effects.put(actions$7.setState({
+        yield effects.put(actions$8.setState({
             fetching: false,
             loading: false,
             plans,
         }));
     }
     catch (e) {
-        yield effects.put(actions$7.setError(e.message));
+        yield effects.put(actions$8.setError(e.message));
     }
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPlansMock() {
-    yield effects.put(actions$7.setLoading(true));
+    yield effects.put(actions$8.setLoading(true));
     yield effects.delay(500);
-    yield effects.put(actions$7.setState({
+    yield effects.put(actions$8.setState({
         fetching: false,
         loading: false,
         plans: planResponseMock.map((item) => {
@@ -790,7 +799,7 @@ function* loadPlansMock() {
     }));
 }
 function* plansSagasMock() {
-    yield effects.takeEvery(actions$7.loadPlans, loadPlansMock);
+    yield effects.takeEvery(actions$8.loadPlans, loadPlansMock);
 }
 
 exports.PaymentMethodType = void 0;
@@ -799,11 +808,20 @@ exports.PaymentMethodType = void 0;
     PaymentMethodType["CARD"] = "card";
 })(exports.PaymentMethodType || (exports.PaymentMethodType = {}));
 
+exports.ManagedSubscriptionStatus = void 0;
+(function (ManagedSubscriptionStatus) {
+    ManagedSubscriptionStatus["ACTIVE"] = "ACTIVE";
+    ManagedSubscriptionStatus["CANCELED"] = "CANCELED";
+    ManagedSubscriptionStatus["INCOMPLETE"] = "INCOMPLETE";
+    ManagedSubscriptionStatus["EXPIRED"] = "EXPIRED";
+    ManagedSubscriptionStatus["TRIALING"] = "TRIALING";
+})(exports.ManagedSubscriptionStatus || (exports.ManagedSubscriptionStatus = {}));
+
 function* configSagas() {
-    yield effects.takeEvery(actions$6.loadPaymentConfiguration, loadPaymentConfiguration);
+    yield effects.takeEvery(actions$7.loadPaymentConfiguration, loadPaymentConfiguration);
 }
 function* loadPaymentConfiguration() {
-    yield effects.put(actions$6.setLoading(true));
+    yield effects.put(actions$7.setLoading(true));
     try {
         const response = yield effects.call(restApi.api.subscriptions.getPaymentProviders) || [];
         const stripePaymentProvider = response.find((paymentProvider) => paymentProvider.status === '1' && paymentProvider.providerType === restApi.ProviderType.Stripe);
@@ -811,18 +829,18 @@ function* loadPaymentConfiguration() {
             yield loadStripePaymentConfiguration();
         }
         else {
-            yield effects.put(actions$6.setError('Payment provider not configured'));
+            yield effects.put(actions$7.setError('Payment provider not configured'));
         }
     }
     catch (e) {
-        yield effects.put(actions$6.setError(e.message));
+        yield effects.put(actions$7.setError(e.message));
     }
 }
 function* loadStripePaymentConfiguration() {
-    yield effects.put(actions$6.setLoading(true));
+    yield effects.put(actions$7.setLoading(true));
     try {
         const response = yield effects.call(restApi.api.subscriptions.getStripePaymentProviderConfiguration);
-        yield effects.put(actions$6.setState({
+        yield effects.put(actions$7.setState({
             loading: false,
             fetching: false,
             config: {
@@ -832,16 +850,16 @@ function* loadStripePaymentConfiguration() {
         }));
     }
     catch (e) {
-        yield effects.put(actions$6.setError(e.message));
+        yield effects.put(actions$7.setError(e.message));
     }
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPaymentConfigurationMock() {
-    yield effects.put(actions$6.setLoading(true));
+    yield effects.put(actions$7.setLoading(true));
     yield effects.delay(500);
-    yield effects.put(actions$6.setState({
+    yield effects.put(actions$7.setState({
         loading: false,
         fetching: false,
         config: {
@@ -851,14 +869,14 @@ function* loadPaymentConfigurationMock() {
     }));
 }
 function* configSagasMock() {
-    yield effects.takeEvery(actions$6.loadPaymentConfiguration, loadPaymentConfigurationMock);
+    yield effects.takeEvery(actions$7.loadPaymentConfiguration, loadPaymentConfigurationMock);
 }
 
 function* subscriptionStripeSagas() {
-    yield effects.takeEvery(actions$1.createCardSetupIntentSecret, createCardSetupIntentSecret);
+    yield effects.takeEvery(actions$2.createCardSetupIntentSecret, createCardSetupIntentSecret);
 }
 function* createCardSetupIntentSecret({ payload }) {
-    yield effects.put(actions$1.setStripeState({
+    yield effects.put(actions$2.setStripeState({
         loading: true,
         error: null,
         cardSetupIntentSecret: null
@@ -867,18 +885,36 @@ function* createCardSetupIntentSecret({ payload }) {
         const { setupIntentSecret } = yield effects.call(restApi.api.subscriptions.createStripePaymentMethodSetupIntentSecret, {
             paymentMethodId: payload || undefined
         });
-        yield effects.put(actions$1.setStripeState({
+        yield effects.put(actions$2.setStripeState({
             cardSetupIntentSecret: setupIntentSecret,
             loading: false
         }));
     }
+    catch (e) {
+        yield effects.put(actions$2.setError(e.message));
+    }
+}
+
+function* loadManagedSubscriptions() {
+    yield effects.put(actions$1.setLoading(true));
+    try {
+        const managedSubscriptions = yield effects.call(restApi.api.subscriptions.getManagedSubscriptions);
+        yield effects.put(actions$1.setState({
+            fetching: false,
+            loading: false,
+            managedSubscriptions,
+        }));
+    }
     catch (e) {
         yield effects.put(actions$1.setError(e.message));
     }
+}
+function* managedSubscriptionsSagas() {
+    yield effects.takeEvery(actions$1.loadManagedSubscriptions, loadManagedSubscriptions);
 }
 
 function* sagas() {
-    yield effects.all([effects.call(billingSagas), effects.call(checkoutSagas), effects.call(plansSagas), effects.call(configSagas), effects.call(subscriptionStripeSagas)]);
+    yield effects.all([effects.call(billingSagas), effects.call(checkoutSagas), effects.call(plansSagas), effects.call(configSagas), effects.call(subscriptionStripeSagas), effects.call(managedSubscriptionsSagas)]);
 }
 function* mockSagas() {
     yield effects.all([effects.call(billingSagasMock), effects.call(checkoutSagasMock), effects.call(plansSagasMock), effects.call(configSagasMock)]);