@frontegg/redux-store 5.29.0 → 5.31.0

package/subscriptions/index.js

@@ -1,7 +1,7 @@
 import { s as subscriptionsStoreName } from '../constants-4d9682b2.js';
 export { s as subscriptionsStoreName } from '../constants-4d9682b2.js';
 import { createSlice, createAction, combineReducers } from '@reduxjs/toolkit';
-import { takeEvery, select, put, call, delay, all } from 'redux-saga/effects';
+import { takeEvery, select, put, call, all, delay } from 'redux-saga/effects';
 import { ISubscriptionStatus, PaymentMethodType as PaymentMethodType$1, api, ProviderType } from '@frontegg/rest-api';
 
 function createModuleCaseReducers() {
@@ -44,7 +44,7 @@ const { actions: sliceActions$2, reducer: reducer$8, name: name$7 } = createSlic
     initialState: plansInitialState,
     reducers: Object.assign({}, createModuleCaseReducers()),
 });
-const actions$8 = Object.assign({ loadPlans: createAction(`${name$7}/loadPlans`) }, sliceActions$2);
+const actions$9 = Object.assign({ loadPlans: createAction(`${name$7}/loadPlans`) }, sliceActions$2);
 
 const configInitialState = {
     loading: false,
@@ -58,7 +58,7 @@ const { actions: configActions, reducer: reducer$7, name: name$6, } = createSlic
     initialState: configInitialState,
     reducers: reducers$6,
 });
-const actions$7 = Object.assign({ loadPaymentConfiguration: createAction(`${name$6}/loadPaymentConfiguration`) }, configActions);
+const actions$8 = Object.assign({ loadPaymentConfiguration: createAction(`${name$6}/loadPaymentConfiguration`) }, configActions);
 
 const initialBillingInformationState = {
     loading: false,
@@ -79,7 +79,7 @@ const { reducer: reducer$6, actions: overviewActions, name: name$5, } = createSl
     initialState: initialBillingInformationState,
     reducers: reducers$5,
 });
-const actions$6 = Object.assign({ loadBillingInformation: createAction(`${name$5}/loadBillingInformation`), cancelSubscription: createAction(`${name$5}/cancelSubscription`), renewSubscription: createAction(`${name$5}/renewSubscription`) }, overviewActions);
+const actions$7 = Object.assign({ loadBillingInformation: createAction(`${name$5}/loadBillingInformation`), cancelSubscription: createAction(`${name$5}/cancelSubscription`), renewSubscription: createAction(`${name$5}/renewSubscription`) }, overviewActions);
 
 const initialPaymentMethodState = {
     loading: false,
@@ -95,7 +95,7 @@ const { reducer: reducer$5, actions: paymentActions, name: name$4, } = createSli
     initialState: initialPaymentMethodState,
     reducers: reducers$4,
 });
-const actions$5 = Object.assign({ loadPaymentMethod: createAction(`${name$4}/loadPaymentMethod`), submitPaymentMethod: createAction(`${name$4}/submitPaymentMethod`), submitPaymentMethodError: createAction(`${name$4}/submitPaymentMethodError`), submitPaymentMethodSuccess: createAction(`${name$4}/submitPaymentMethodSuccess`), updatePaymentMethodBillingDetails: createAction(`${name$4}/updateBillingDetails`, (payload) => ({ payload })) }, paymentActions);
+const actions$6 = Object.assign({ loadPaymentMethod: createAction(`${name$4}/loadPaymentMethod`), submitPaymentMethod: createAction(`${name$4}/submitPaymentMethod`), submitPaymentMethodError: createAction(`${name$4}/submitPaymentMethodError`), submitPaymentMethodSuccess: createAction(`${name$4}/submitPaymentMethodSuccess`), updatePaymentMethodBillingDetails: createAction(`${name$4}/updateBillingDetails`, (payload) => ({ payload })) }, paymentActions);
 
 const initialInvoicesState = {
     loading: false,
@@ -116,7 +116,11 @@ const { reducer: reducer$4, actions: sliceActions$1, name: name$3, } = createSli
     initialState: initialInvoicesState,
     reducers: reducers$3,
 });
-const actions$4 = Object.assign({ loadInvoices: createAction(`${name$3}/loadInvoices`), downloadInvoice: createAction(`${name$3}/downloadInvoice`, (payload) => ({ payload })) }, sliceActions$1);
+const actions$5 = Object.assign({ loadInvoices: createAction(`${name$3}/loadInvoices`), downloadInvoice: createAction(`${name$3}/downloadInvoice`, (payload) => ({ payload })) }, sliceActions$1);
+
+const actions$4 = {
+    load: createAction(`${subscriptionsStoreName}/subscription/load`),
+};
 
 const billingInitialState = {
     information: initialBillingInformationState,
@@ -124,9 +128,10 @@ const billingInitialState = {
     paymentMethod: initialPaymentMethodState,
 };
 const billingActions = {
-    invoices: actions$4,
-    information: actions$6,
-    paymentMethod: actions$5,
+    invoices: actions$5,
+    information: actions$7,
+    paymentMethod: actions$6,
+    subscription: actions$4,
 };
 const billingReducer = combineReducers({
     invoices: reducer$4,
@@ -176,10 +181,7 @@ const initialSubscriptionStripeState = {
     error: null,
     cardSetupIntentSecret: null,
 };
-const reducers$1 = Object.assign(Object.assign({}, createModuleCaseReducers()), { setStripeState: {
-        prepare: (payload) => ({ payload }),
-        reducer: (state, action) => (Object.assign(Object.assign({}, state), action.payload)),
-    } });
+const reducers$1 = Object.assign({}, createModuleCaseReducers());
 const { reducer: reducer$2, actions: reducerActions, name: name$1, } = createSlice({
     name: `${subscriptionsStoreName}/stripe`,
     initialState: initialSubscriptionStripeState,
@@ -210,9 +212,9 @@ const initialState = {
     managedSubscriptions: managedSubscriptionsInitialState,
 };
 const actions = {
-    config: actions$7,
+    config: actions$8,
     billing: billingActions,
-    plans: actions$8,
+    plans: actions$9,
     checkout: actions$3,
     stripe: actions$2,
     managedSubscriptions: actions$1,
@@ -357,49 +359,48 @@ const paymentMethodsMock = [
 ];
 
 function* subscriptionBillingInformationSagas() {
-    yield takeEvery(actions$6.loadBillingInformation, loadBillingInformation);
-    yield takeEvery(actions$6.cancelSubscription, cancelSubscription);
-    yield takeEvery(actions$6.renewSubscription, renewSubscription);
+    yield takeEvery(actions$7.loadBillingInformation, loadBillingInformation);
+    yield takeEvery(actions$7.cancelSubscription, cancelSubscription);
+    yield takeEvery(actions$7.renewSubscription, renewSubscription);
     yield takeEvery(actions$3.checkoutEvent, checkoutEvent$2);
 }
 function* loadBillingInformation() {
     const paymentProvider = yield select((state) => { var _a; return (_a = state.subscriptions.config.config) === null || _a === void 0 ? void 0 : _a.paymentProvider; });
     const tenantId = yield 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 put(actions$6.setLoading(true));
     if (!paymentProvider || !tenantId) {
-        yield put(actions$6.setError(!paymentProvider ? 'Internal feature failure' : 'Not authorized'));
+        yield put(actions$7.setError(!paymentProvider ? 'Internal feature failure' : 'Not authorized'));
         return;
     }
-    try {
-        yield loadSummaries(tenantId);
-    }
-    catch (e) {
-        yield put(actions$6.setError(e.message));
-    }
+    yield loadSummaries(tenantId);
 }
 function* loadSummaries(tenantId) {
     var _a, _b;
-    yield put(actions$6.setLoading(true));
+    yield put(actions$7.setLoading(true));
     try {
         const summary = yield call(api.subscriptions.getSubscriptionSummaries, tenantId);
-        const { currentPlanId, subscriptionId, } = summary;
-        const subscriptionResponse = yield call(api.subscriptions.getManagedSubscription, subscriptionId);
-        const planResponse = yield call(api.subscriptions.getSubscriptionPlan, currentPlanId);
-        yield put(actions$6.setState(Object.assign(Object.assign({ loading: false, fetching: false, summary }, (subscriptionResponse
+        const { currentPlanId, externallyManaged, subscriptionId } = summary;
+        let subscriptionResponse = null;
+        let planResponse;
+        if (!externallyManaged) {
+            [subscriptionResponse, planResponse] = yield all([
+                call(api.subscriptions.getManagedSubscription, subscriptionId),
+                call(api.subscriptions.getSubscriptionPlan, currentPlanId),
+            ]);
+        }
+        else {
+            planResponse = yield call(api.subscriptions.getSubscriptionPlan, currentPlanId);
+        }
+        yield put(actions$7.setState(Object.assign(Object.assign({ loading: false, fetching: false, summary }, (subscriptionResponse
             ? {
                 subscription: {
                     id: subscriptionResponse.id,
                     externalId: subscriptionResponse.externalId,
-                    startDate: new Date(subscriptionResponse.startDate),
-                    currentPeriodStart: new Date(subscriptionResponse.currentPeriodStart),
-                    currentPeriodEnd: new Date(subscriptionResponse.currentPeriodEnd),
+                    startDate: subscriptionResponse.startDate,
+                    currentPeriodStart: subscriptionResponse.currentPeriodStart,
+                    currentPeriodEnd: subscriptionResponse.currentPeriodEnd,
                     status: toSubscriptionStatus(subscriptionResponse.status),
                     cancellation: subscriptionResponse.cancellation && toSubscriptionCancellation(subscriptionResponse.cancellation),
-                    items: subscriptionResponse.items.map((subscriptionItem) => ({
-                        id: subscriptionItem.id,
-                        planId: subscriptionItem.planId,
-                    })),
-                    trialEnd: subscriptionResponse.trialEnd ? new Date(subscriptionResponse.trialEnd) : null,
+                    trialEnd: subscriptionResponse.trialEnd ? subscriptionResponse.trialEnd : null,
                 },
             }
             : {})), (planResponse
@@ -416,34 +417,33 @@ function* loadSummaries(tenantId) {
             : {}))));
     }
     catch (e) {
-        yield put(actions$6.setError(e.message));
+        yield put(actions$7.setError(e.message));
     }
 }
 function* cancelSubscription() {
-    var _a;
-    const overview = yield select((state) => state.subscriptions.billing.information);
-    if (!overview.subscription) {
+    const { summary, subscription } = yield select((state) => state.subscriptions.billing.information);
+    if (!subscription) {
         return;
     }
-    if ((_a = overview.summary) === null || _a === void 0 ? void 0 : _a.externallyManaged) {
-        yield put(actions$6.setCancellationError('Billing is externally managed'));
+    if (summary === null || summary === void 0 ? void 0 : summary.externallyManaged) {
+        yield put(actions$7.setCancellationError('Billing is externally managed'));
         return;
     }
-    const { id: subscriptionId, cancellation, status } = overview.subscription || {};
+    const { id: subscriptionId, cancellation, status } = subscription || {};
     const isCancellable = !cancellation && status === SubscriptionStatus.ACTIVE;
     if (isCancellable) {
         try {
-            yield put(actions$6.setCancellationLoading(true));
+            yield put(actions$7.setCancellationLoading(true));
             yield call(api.subscriptions.cancelManagedSubscription, subscriptionId);
-            yield put(actions$6.setState({
-                subscription: Object.assign(Object.assign({}, overview.subscription), { cancellation: {
+            yield put(actions$7.setState({
+                subscription: Object.assign(Object.assign({}, subscription), { cancellation: {
                         policy: SubscriptionCancellationPolicy.AT_PERIOD_END,
                     } }),
             }));
-            yield put(actions$6.setCancellationLoading(false));
+            yield put(actions$7.setCancellationLoading(false));
         }
         catch (e) {
-            yield put(actions$6.setCancellationError(e.message));
+            yield put(actions$7.setCancellationError(e.message));
         }
     }
 }
@@ -454,22 +454,22 @@ function* renewSubscription() {
         return;
     }
     if ((_a = overview.summary) === null || _a === void 0 ? void 0 : _a.externallyManaged) {
-        yield put(actions$6.setCancellationError('Billing is externally managed'));
+        yield put(actions$7.setCancellationError('Billing is externally managed'));
         return;
     }
     const { id: subscriptionId, cancellation } = overview.subscription || {};
     const renewable = (cancellation === null || cancellation === void 0 ? void 0 : cancellation.policy) === SubscriptionCancellationPolicy.AT_PERIOD_END;
     if (renewable) {
         try {
-            yield put(actions$6.setRenewalLoading(true));
+            yield put(actions$7.setRenewalLoading(true));
             yield call(api.subscriptions.renewManagedSubscription, subscriptionId);
-            yield put(actions$6.setState({
+            yield put(actions$7.setState({
                 subscription: Object.assign(Object.assign({}, overview.subscription), { cancellation: null }),
             }));
-            yield put(actions$6.setRenewalLoading(false));
+            yield put(actions$7.setRenewalLoading(false));
         }
         catch (e) {
-            yield put(actions$6.setCancellationError(e.message));
+            yield put(actions$7.setCancellationError(e.message));
         }
     }
 }
@@ -482,14 +482,13 @@ function* checkoutEvent$2({ payload }) {
  *  Preview Sagas
  *********************************/
 function* loadBillingInformationMock() {
-    yield put(actions$6.setLoading(true));
     yield loadSummariesMock();
 }
 function* loadSummariesMock() {
     var _a, _b;
-    yield put(actions$6.setLoading(true));
+    yield put(actions$7.setLoading(true));
     yield delay(500);
-    yield put(actions$6.setState({
+    yield put(actions$7.setState({
         loading: false,
         fetching: false,
         summary: {
@@ -501,35 +500,35 @@ function* loadSummariesMock() {
             currentPlanId: planResponseMock[0].id,
             defaultPlanId: planResponseMock[0].id,
         },
-        subscription: Object.assign(Object.assign({}, subscriptionResponseMock), { startDate: new Date(subscriptionResponseMock.startDate), currentPeriodStart: new Date(subscriptionResponseMock.currentPeriodStart), currentPeriodEnd: new Date(subscriptionResponseMock.currentPeriodEnd), status: toSubscriptionStatus(subscriptionResponseMock.status), cancellation: subscriptionResponseMock.cancellation && toSubscriptionCancellation(subscriptionResponseMock.cancellation), items: subscriptionResponseMock.items, trialEnd: null }),
+        subscription: Object.assign(Object.assign({}, subscriptionResponseMock), { startDate: subscriptionResponseMock.startDate, currentPeriodStart: subscriptionResponseMock.currentPeriodStart, currentPeriodEnd: subscriptionResponseMock.currentPeriodEnd, status: toSubscriptionStatus(subscriptionResponseMock.status), cancellation: subscriptionResponseMock.cancellation && toSubscriptionCancellation(subscriptionResponseMock.cancellation), trialEnd: null }),
         plan: Object.assign(Object.assign({}, planResponseMock[0]), { price: (_a = planResponseMock[0].price) === null || _a === void 0 ? void 0 : _a.amount, currency: (_b = planResponseMock[0].price) === null || _b === void 0 ? void 0 : _b.currency, recurringInterval: 'month' }),
     }));
 }
 function* subscriptionBillingInformationSagasMock() {
-    yield takeEvery(actions$6.loadBillingInformation, loadBillingInformationMock);
+    yield takeEvery(actions$7.loadBillingInformation, loadBillingInformationMock);
 }
 
 function* subscriptionsPaymentMethodSagas() {
-    yield takeEvery(actions$5.loadPaymentMethod, loadPaymentMethod);
-    yield takeEvery(actions$5.submitPaymentMethod, submitPaymentMethod);
-    yield takeEvery(actions$5.submitPaymentMethodError, submitPaymentMethodError);
-    yield takeEvery(actions$5.submitPaymentMethodSuccess, submitPaymentMethodSuccess);
-    yield takeEvery(actions$5.updatePaymentMethodBillingDetails, updateBillingDetails);
+    yield takeEvery(actions$6.loadPaymentMethod, loadPaymentMethod);
+    yield takeEvery(actions$6.submitPaymentMethod, submitPaymentMethod);
+    yield takeEvery(actions$6.submitPaymentMethodError, submitPaymentMethodError);
+    yield takeEvery(actions$6.submitPaymentMethodSuccess, submitPaymentMethodSuccess);
+    yield takeEvery(actions$6.updatePaymentMethodBillingDetails, updateBillingDetails);
     yield takeEvery(actions$3.checkoutEvent, checkoutEvent$1);
 }
 function* loadPaymentMethod() {
-    yield put(actions$5.setLoading(true));
+    yield put(actions$6.setLoading(true));
     try {
         const paymentMethods = yield call(api.subscriptions.getPaymentMethods);
         const paymentMethod = paymentMethods[0];
-        yield put(actions$5.setState({
+        yield put(actions$6.setState({
             paymentMethod,
             loading: false,
             fetching: false,
         }));
     }
     catch (e) {
-        yield put(actions$5.setError(e.message));
+        yield put(actions$6.setError(e.message));
     }
 }
 function* checkoutEvent$1({ payload }) {
@@ -538,7 +537,7 @@ function* checkoutEvent$1({ payload }) {
     }
 }
 function* updateBillingDetails({ payload, }) {
-    yield put(actions$5.setLoading(true));
+    yield put(actions$6.setLoading(true));
     const { id, email, address, callback } = payload;
     try {
         yield call(api.subscriptions.updatePaymentMethodBillingDetails, id, Object.assign({ email }, address));
@@ -546,44 +545,44 @@ function* updateBillingDetails({ payload, }) {
         callback === null || callback === void 0 ? void 0 : callback(true);
     }
     catch (e) {
-        yield put(actions$5.setError(e.message));
+        yield put(actions$6.setError(e.message));
         callback === null || callback === void 0 ? void 0 : callback(false);
     }
-    yield put(actions$5.setLoading(false));
+    yield put(actions$6.setLoading(false));
 }
 function* submitPaymentMethod() {
-    yield put(actions$5.setLoading(true));
+    yield put(actions$6.setLoading(true));
 }
 function* submitPaymentMethodError({ payload: error }) {
-    yield put(actions$5.setError(error));
+    yield put(actions$6.setError(error));
 }
 function* submitPaymentMethodSuccess() {
-    yield put(actions$5.loadPaymentMethod());
+    yield put(actions$6.loadPaymentMethod());
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPaymentMethodMock() {
-    yield put(actions$5.setLoading(true));
+    yield put(actions$6.setLoading(true));
     yield delay(500);
     const paymentMethod = paymentMethodsMock[0];
-    yield put(actions$5.setState({
+    yield put(actions$6.setState({
         paymentMethod,
         loading: false,
         fetching: false,
     }));
 }
 function* subscriptionsPaymentMethodSagasMock() {
-    yield takeEvery(actions$5.loadPaymentMethod, loadPaymentMethodMock);
+    yield takeEvery(actions$6.loadPaymentMethod, loadPaymentMethodMock);
 }
 
 function* subscriptionInvoicesSagas() {
-    yield takeEvery(actions$4.loadInvoices, loadInvoices);
-    yield takeEvery(actions$4.downloadInvoice, downloadInvoice);
+    yield takeEvery(actions$5.loadInvoices, loadInvoices);
+    yield takeEvery(actions$5.downloadInvoice, downloadInvoice);
     yield takeEvery(actions$3.checkoutEvent, checkoutEvent);
 }
 function* loadInvoices() {
-    yield put(actions$4.setLoading(true));
+    yield put(actions$5.setLoading(true));
     try {
         const responseInvoices = yield call(api.subscriptions.getSubscriptionInvoices);
         const invoices = responseInvoices.map((invoice) => ({
@@ -596,24 +595,24 @@ function* loadInvoices() {
             paid: invoice.paid || false,
             receiptNumber: invoice.receiptNumber,
         }));
-        yield put(actions$4.setState({
+        yield put(actions$5.setState({
             loading: false,
             fetching: false,
             invoices,
         }));
     }
     catch (e) {
-        yield put(actions$4.setError(e.message));
+        yield put(actions$5.setError(e.message));
     }
 }
 function* downloadInvoice({ payload }) {
-    yield put(actions$4.setInvoiceDownloadState({ loading: true, error: null }));
+    yield put(actions$5.setInvoiceDownloadState({ loading: true, error: null }));
     try {
         yield call(api.subscriptions.getSubscriptionInvoicePdf, payload.invoiceId, payload.filename);
-        yield put(actions$4.setInvoiceDownloadState({ loading: false, error: null }));
+        yield put(actions$5.setInvoiceDownloadState({ loading: false, error: null }));
     }
     catch (e) {
-        yield put(actions$4.setInvoiceDownloadState({ loading: false, error: e.message || null }));
+        yield put(actions$5.setInvoiceDownloadState({ loading: false, error: e.message || null }));
     }
 }
 function* checkoutEvent({ payload }) {
@@ -625,18 +624,35 @@ function* checkoutEvent({ payload }) {
  *  Preview Sagas
  *********************************/
 function* loadInvoicesMock() {
-    yield put(actions$4.setLoading(true));
+    yield put(actions$5.setLoading(true));
     yield delay(500);
     const selectPlanTitle = 'Premium';
-    yield put(actions$4.setState({
+    yield put(actions$5.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 put(actions$4.setLoading(false));
+    yield put(actions$5.setLoading(false));
 }
 function* subscriptionInvoicesSagasMock() {
-    yield takeEvery(actions$4.loadInvoices, loadInvoicesMock);
+    yield takeEvery(actions$5.loadInvoices, loadInvoicesMock);
+}
+
+function* subscriptionSagas() {
+    yield takeEvery(actions$4.load, loadSubscription);
+}
+function* loadSubscription() {
+    const profile = yield select((state) => { var _a, _b; return (_b = (_a = state.auth) === null || _a === void 0 ? void 0 : _a.profileState) === null || _b === void 0 ? void 0 : _b.profile; });
+    yield loadSummaries(profile.tenantId);
+}
+/*********************************
+ *  Preview Sagas
+ *********************************/
+function* loadMock() {
+    yield loadSummariesMock();
+}
+function* subscriptionSagasMock() {
+    yield takeEvery(actions$4.load, loadMock);
 }
 
 function* billingSagas() {
@@ -644,6 +660,7 @@ function* billingSagas() {
         call(subscriptionBillingInformationSagas),
         call(subscriptionsPaymentMethodSagas),
         call(subscriptionInvoicesSagas),
+        call(subscriptionSagas),
     ]);
 }
 function* billingSagasMock() {
@@ -651,6 +668,7 @@ function* billingSagasMock() {
         call(subscriptionBillingInformationSagasMock),
         call(subscriptionsPaymentMethodSagasMock),
         call(subscriptionInvoicesSagasMock),
+        call(subscriptionSagasMock),
     ]);
 }
 
@@ -663,18 +681,6 @@ function* checkoutSagas() {
     yield takeEvery(actions$3.errorCheckout, errorCheckout);
 }
 function* checkoutPlan({ payload: planId }) {
-    const { subscription, summary } = yield select((state) => state.subscriptions.billing.information);
-    const isTrialing = (subscription === null || subscription === void 0 ? void 0 : subscription.trialEnd) || (subscription === null || subscription === void 0 ? void 0 : subscription.status) === SubscriptionStatus.TRIALING;
-    const hasPaymentMethod = !!(summary === null || summary === void 0 ? void 0 : summary.paymentMethodId);
-    if (isTrialing && hasPaymentMethod) {
-        yield put(actions$3.setState({
-            checkoutPlanId: null,
-            loading: false,
-            status: CheckoutStatus.CONFIRM,
-        }));
-        yield put(actions$3.checkoutEvent(CheckoutEvent.CONFIRMED));
-        return;
-    }
     yield put(actions$3.setState({
         checkoutPlanId: planId,
         loading: false,
@@ -690,18 +696,29 @@ function* resetCheckout() {
     }));
 }
 function* confirmPlan({ payload: paymentMethodId }) {
-    const { subscription, status, planId } = yield select(({ subscriptions: { billing: { information }, checkout, }, }) => ({
-        subscription: information.subscription,
-        status: checkout.status,
-        planId: checkout.checkoutPlanId,
+    const { checkout: { status, checkoutPlanId, }, subscription, summary } = yield select(({ subscriptions: { billing: { information: { summary, subscription } }, checkout, }, }) => ({
+        subscription,
+        summary,
+        checkout,
     }));
-    if (!planId || !subscription) {
+    const isTrialing = (subscription === null || subscription === void 0 ? void 0 : subscription.trialEnd) || (subscription === null || subscription === void 0 ? void 0 : subscription.status) === SubscriptionStatus.TRIALING;
+    const hasPaymentMethod = !!(summary === null || summary === void 0 ? void 0 : summary.paymentMethodId);
+    if (!checkoutPlanId || !subscription) {
         yield put(actions$3.setState({
             loading: false,
             status: CheckoutStatus.ERROR,
         }));
         return;
     }
+    if (isTrialing && hasPaymentMethod) {
+        yield put(actions$3.setState({
+            checkoutPlanId: null,
+            loading: false,
+            status: CheckoutStatus.CONFIRM,
+        }));
+        yield put(actions$3.checkoutEvent(CheckoutEvent.CONFIRMED));
+        return;
+    }
     if (status === CheckoutStatus.CHECKOUT) {
         yield put(actions$3.setState({
             loading: true,
@@ -710,7 +727,7 @@ function* confirmPlan({ payload: paymentMethodId }) {
         try {
             yield call(api.subscriptions.updateManagedSubscription, subscription.id, {
                 paymentMethodId,
-                planId,
+                planId: checkoutPlanId,
             });
             yield put(actions$3.setState({
                 checkoutPlanId: null,
@@ -772,10 +789,10 @@ function* checkoutSagasMock() {
 }
 
 function* plansSagas() {
-    yield takeEvery(actions$8.loadPlans, loadPlans);
+    yield takeEvery(actions$9.loadPlans, loadPlans);
 }
 function* loadPlans() {
-    yield put(actions$8.setLoading(true));
+    yield put(actions$9.setLoading(true));
     try {
         const products = yield call(api.subscriptions.getSubscriptionPlans);
         const plans = products.map((item) => {
@@ -784,38 +801,38 @@ function* loadPlans() {
                 id: item.id,
                 name: item.name,
                 description: item.description,
-                price: +((((_a = item.price) === null || _a === void 0 ? void 0 : _a.amount) || 0) / 100).toFixed(2),
+                price: ((_a = item.price) === null || _a === void 0 ? void 0 : _a.amount) || 0,
                 currency: ((_b = item.price) === null || _b === void 0 ? void 0 : _b.currency) || 'usd',
                 recurringInterval: 'month',
             });
         });
-        yield put(actions$8.setState({
+        yield put(actions$9.setState({
             fetching: false,
             loading: false,
             plans,
         }));
     }
     catch (e) {
-        yield put(actions$8.setError(e.message));
+        yield put(actions$9.setError(e.message));
     }
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPlansMock() {
-    yield put(actions$8.setLoading(true));
+    yield put(actions$9.setLoading(true));
     yield delay(500);
-    yield put(actions$8.setState({
+    yield put(actions$9.setState({
         fetching: false,
         loading: false,
         plans: planResponseMock.map((item) => {
             var _a, _b;
-            return (Object.assign(Object.assign({}, item), { price: +((((_a = item.price) === null || _a === void 0 ? void 0 : _a.amount) || 0) / 100).toFixed(2), currency: ((_b = item.price) === null || _b === void 0 ? void 0 : _b.currency) || 'usd', recurringInterval: 'month' }));
+            return (Object.assign(Object.assign({}, item), { price: ((_a = item.price) === null || _a === void 0 ? void 0 : _a.amount) || 0, currency: ((_b = item.price) === null || _b === void 0 ? void 0 : _b.currency) || 'usd', recurringInterval: 'month' }));
         }),
     }));
 }
 function* plansSagasMock() {
-    yield takeEvery(actions$8.loadPlans, loadPlansMock);
+    yield takeEvery(actions$9.loadPlans, loadPlansMock);
 }
 
 var PaymentMethodType;
@@ -825,10 +842,10 @@ var PaymentMethodType;
 })(PaymentMethodType || (PaymentMethodType = {}));
 
 function* configSagas() {
-    yield takeEvery(actions$7.loadPaymentConfiguration, loadPaymentConfiguration);
+    yield takeEvery(actions$8.loadPaymentConfiguration, loadPaymentConfiguration);
 }
 function* loadPaymentConfiguration() {
-    yield put(actions$7.setLoading(true));
+    yield put(actions$8.setLoading(true));
     try {
         const response = yield call(api.subscriptions.getPaymentProviders) || [];
         const stripePaymentProvider = response.find((paymentProvider) => paymentProvider.status === '1' && paymentProvider.providerType === ProviderType.Stripe);
@@ -836,18 +853,18 @@ function* loadPaymentConfiguration() {
             yield loadStripePaymentConfiguration();
         }
         else {
-            yield put(actions$7.setError('Payment provider not configured'));
+            yield put(actions$8.setError('Payment provider not configured'));
         }
     }
     catch (e) {
-        yield put(actions$7.setError(e.message));
+        yield put(actions$8.setError(e.message));
     }
 }
 function* loadStripePaymentConfiguration() {
-    yield put(actions$7.setLoading(true));
+    yield put(actions$8.setLoading(true));
     try {
         const response = yield call(api.subscriptions.getStripePaymentProviderConfiguration);
-        yield put(actions$7.setState({
+        yield put(actions$8.setState({
             loading: false,
             fetching: false,
             config: {
@@ -857,16 +874,16 @@ function* loadStripePaymentConfiguration() {
         }));
     }
     catch (e) {
-        yield put(actions$7.setError(e.message));
+        yield put(actions$8.setError(e.message));
     }
 }
 /*********************************
  *  Preview Sagas
  *********************************/
 function* loadPaymentConfigurationMock() {
-    yield put(actions$7.setLoading(true));
+    yield put(actions$8.setLoading(true));
     yield delay(500);
-    yield put(actions$7.setState({
+    yield put(actions$8.setState({
         loading: false,
         fetching: false,
         config: {
@@ -876,25 +893,27 @@ function* loadPaymentConfigurationMock() {
     }));
 }
 function* configSagasMock() {
-    yield takeEvery(actions$7.loadPaymentConfiguration, loadPaymentConfigurationMock);
+    yield takeEvery(actions$8.loadPaymentConfiguration, loadPaymentConfigurationMock);
 }
 
 function* subscriptionStripeSagas() {
     yield takeEvery(actions$2.createCardSetupIntentSecret, createCardSetupIntentSecret);
 }
 function* createCardSetupIntentSecret({ payload }) {
-    yield put(actions$2.setStripeState({
+    yield put(actions$2.setState({
         loading: true,
         error: null,
-        cardSetupIntentSecret: null
+        cardSetupIntentSecret: null,
     }));
     try {
-        const { setupIntentSecret } = yield call(api.subscriptions.createStripePaymentMethodSetupIntentSecret, {
-            paymentMethodId: payload || undefined
-        });
-        yield put(actions$2.setStripeState({
+        const request = {};
+        if (payload) {
+            request.paymentMethodId = payload;
+        }
+        const { setupIntentSecret } = yield call(api.subscriptions.createStripePaymentMethodSetupIntentSecret, request);
+        yield put(actions$2.setState({
             cardSetupIntentSecret: setupIntentSecret,
-            loading: false
+            loading: false,
         }));
     }
     catch (e) {