@frontegg/redux-store 5.61.0 → 6.0.1-alpha.2

package/subscriptions/Billing/index.d.ts

@@ -1,54 +1,54 @@
-import { AnyAction } from '@reduxjs/toolkit';
-import { BillingState } from './interfaces';
-export declare const billingInitialState: BillingState;
-export declare const billingActions: {
-    invoices: {
-        setInvoiceDownloadState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[{
-            loading: boolean;
-            error: string | null;
-        }], {
-            loading: boolean;
-            error: string | null;
-        }, string, never, never>;
-        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").InvoicesState>], Partial<import("./interfaces").InvoicesState>, string, never, never>;
-        loadInvoices: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        downloadInvoice: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("./interfaces").DownloadInvoiceActionPayload], import("./interfaces").DownloadInvoiceActionPayload, string, never, never>;
-    };
-    information: {
-        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").BillingInformationState>], Partial<import("./interfaces").BillingInformationState>, string, never, never>;
-        loadBillingInformation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        cancelSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        renewSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    };
-    paymentMethod: {
-        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").PaymentMethodState>], Partial<import("./interfaces").PaymentMethodState>, string, never, never>;
-        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        loadPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        submitPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        submitPaymentMethodError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
-        submitPaymentMethodSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        updatePaymentMethodBillingDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("../../interfaces").WithCallback<import("@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails & {
-            id: string;
-        }, boolean>], import("../../interfaces").WithCallback<import("@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails & {
-            id: string;
-        }, boolean>, string, never, never>;
-    };
-    subscription: {
-        setCancellationLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setCancellationError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        setRenewalLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setRenewalError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").SubscriptionState>], Partial<import("./interfaces").SubscriptionState>, string, never, never>;
-        load: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        cancelSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-        renewSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    };
-};
-export declare const billingReducer: import("redux").Reducer<import("redux").CombinedState<BillingState>, AnyAction>;
+import { AnyAction } from '@reduxjs/toolkit';
+import { BillingState } from './interfaces';
+export declare const billingInitialState: BillingState;
+export declare const billingActions: {
+    invoices: {
+        setInvoiceDownloadState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[{
+            loading: boolean;
+            error: string | null;
+        }], {
+            loading: boolean;
+            error: string | null;
+        }, string, never, never>;
+        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").InvoicesState>], Partial<import("./interfaces").InvoicesState>, string, never, never>;
+        loadInvoices: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        downloadInvoice: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("./interfaces").DownloadInvoiceActionPayload], import("./interfaces").DownloadInvoiceActionPayload, string, never, never>;
+    };
+    information: {
+        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").BillingInformationState>], Partial<import("./interfaces").BillingInformationState>, string, never, never>;
+        loadBillingInformation: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        cancelSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        renewSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    };
+    paymentMethod: {
+        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").PaymentMethodState>], Partial<import("./interfaces").PaymentMethodState>, string, never, never>;
+        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        loadPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        submitPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        submitPaymentMethodError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
+        submitPaymentMethodSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        updatePaymentMethodBillingDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[import("../../interfaces").WithCallback<import("@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails & {
+            id: string;
+        }, boolean>], import("../../interfaces").WithCallback<import("@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails & {
+            id: string;
+        }, boolean>, string, never, never>;
+    };
+    subscription: {
+        setCancellationLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setCancellationError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        setRenewalLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setRenewalError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+        setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+        setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<import("./interfaces").SubscriptionState>], Partial<import("./interfaces").SubscriptionState>, string, never, never>;
+        load: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        cancelSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+        renewSubscription: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    };
+};
+export declare const billingReducer: import("redux").Reducer<import("redux").CombinedState<BillingState>, AnyAction>;

package/subscriptions/Billing/index.js

@@ -0,0 +1,23 @@
+import { combineReducers } from '@reduxjs/toolkit';
+import { informationActions, informationReducer, initialBillingInformationState } from './Information';
+import { initialPaymentMethodState, subscriptionsPaymentMethodActions, subscriptionsPaymentMethodReducer } from './PaymentMethod';
+import { initialInvoicesState, invoicesActions, invoicesReducer } from './Invoices';
+import { initialSubscriptionState, subscriptionActions, subscriptionReducer } from './Subscription';
+export const billingInitialState = {
+  information: initialBillingInformationState,
+  invoices: initialInvoicesState,
+  paymentMethod: initialPaymentMethodState,
+  subscription: initialSubscriptionState
+};
+export const billingActions = {
+  invoices: invoicesActions,
+  information: informationActions,
+  paymentMethod: subscriptionsPaymentMethodActions,
+  subscription: subscriptionActions
+};
+export const billingReducer = combineReducers({
+  invoices: invoicesReducer,
+  information: informationReducer,
+  paymentMethod: subscriptionsPaymentMethodReducer,
+  subscription: subscriptionReducer
+});

package/subscriptions/Billing/interfaces.d.ts

@@ -1,20 +1,20 @@
-import { BillingInformationActions, BillingInformationState } from './Information/interfaces';
-import { PaymentMethodActions, PaymentMethodState } from './PaymentMethod/interfaces';
-import { InvoicesActions, InvoicesState } from './Invoices/interfaces';
-import { SubscriptionActions, SubscriptionState } from './Subscription/interfaces';
-export interface BillingState {
-    information: BillingInformationState;
-    paymentMethod: PaymentMethodState;
-    invoices: InvoicesState;
-    subscription: SubscriptionState;
-}
-export declare type BillingActions = {
-    information: BillingInformationActions;
-    paymentMethod: PaymentMethodActions;
-    invoices: InvoicesActions;
-    subscription: SubscriptionActions;
-};
-export * from './Information/interfaces';
-export * from './PaymentMethod/interfaces';
-export * from './Invoices/interfaces';
-export * from './Subscription/interfaces';
+import { BillingInformationActions, BillingInformationState } from './Information/interfaces';
+import { PaymentMethodActions, PaymentMethodState } from './PaymentMethod/interfaces';
+import { InvoicesActions, InvoicesState } from './Invoices/interfaces';
+import { SubscriptionActions, SubscriptionState } from './Subscription/interfaces';
+export interface BillingState {
+    information: BillingInformationState;
+    paymentMethod: PaymentMethodState;
+    invoices: InvoicesState;
+    subscription: SubscriptionState;
+}
+export declare type BillingActions = {
+    information: BillingInformationActions;
+    paymentMethod: PaymentMethodActions;
+    invoices: InvoicesActions;
+    subscription: SubscriptionActions;
+};
+export * from './Information/interfaces';
+export * from './PaymentMethod/interfaces';
+export * from './Invoices/interfaces';
+export * from './Subscription/interfaces';

package/subscriptions/Billing/interfaces.js

@@ -0,0 +1,5 @@
+export * from './Information/interfaces';
+export * from './PaymentMethod/interfaces';
+export * from './Invoices/interfaces';
+export * from './Subscription/interfaces';
+export {};

package/subscriptions/Billing/saga.d.ts

@@ -1,2 +1,2 @@
-export declare function billingSagas(): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<void>>, void, unknown>;
-export declare function billingSagasMock(): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<void>>, void, unknown>;
+export declare function billingSagas(): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<void>>, void, unknown>;
+export declare function billingSagasMock(): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<void>>, void, unknown>;

package/subscriptions/Billing/saga.js

@@ -0,0 +1,11 @@
+import { all, call } from 'redux-saga/effects';
+import { subscriptionBillingInformationSagas, subscriptionBillingInformationSagasMock } from './Information/saga';
+import { subscriptionsPaymentMethodSagas, subscriptionsPaymentMethodSagasMock } from './PaymentMethod/saga';
+import { subscriptionInvoicesSagas, subscriptionInvoicesSagasMock } from './Invoices/saga';
+import { subscriptionSagas, subscriptionSagasMock } from './Subscription/saga';
+export function* billingSagas() {
+  yield all([call(subscriptionBillingInformationSagas), call(subscriptionsPaymentMethodSagas), call(subscriptionInvoicesSagas), call(subscriptionSagas)]);
+}
+export function* billingSagasMock() {
+  yield all([call(subscriptionBillingInformationSagasMock), call(subscriptionsPaymentMethodSagasMock), call(subscriptionInvoicesSagasMock), call(subscriptionSagasMock)]);
+}

package/subscriptions/Checkout/index.d.ts

@@ -1,14 +1,14 @@
-import { CheckoutState, ConfirmCheckoutActionPayload } from './interfaces';
-export declare const checkoutInitialState: CheckoutState;
-declare const reducer: import("redux").Reducer<CheckoutState, import("redux").AnyAction>;
-declare const actions: {
-    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<CheckoutState>], Partial<CheckoutState>, string, never, never>;
-    loadCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    resetCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    submitCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    confirmCheckout: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[ConfirmCheckoutActionPayload], ConfirmCheckoutActionPayload, string, never, never>;
-    errorCheckout: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string], string, string, never, never>;
-};
-export { reducer as checkoutReducer, actions as checkoutActions };
+import { CheckoutState, ConfirmCheckoutActionPayload } from './interfaces';
+export declare const checkoutInitialState: CheckoutState;
+declare const reducer: import("redux").Reducer<CheckoutState, import("redux").AnyAction>;
+declare const actions: {
+    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<CheckoutState>], Partial<CheckoutState>, string, never, never>;
+    loadCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    resetCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    submitCheckout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    confirmCheckout: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[ConfirmCheckoutActionPayload], ConfirmCheckoutActionPayload, string, never, never>;
+    errorCheckout: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string], string, string, never, never>;
+};
+export { reducer as checkoutReducer, actions as checkoutActions };

package/subscriptions/Checkout/index.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createAction, createSlice } from '@reduxjs/toolkit';
+import { createModuleCaseReducers } from '../utils';
+import { subscriptionsStoreName } from '../../constants';
+export const checkoutInitialState = {
+  fetching: true,
+  loading: false,
+  error: null,
+  confirmed: false
+};
+
+const reducers = _extends({}, createModuleCaseReducers());
+
+const {
+  actions: checkoutActions,
+  reducer,
+  name
+} = createSlice({
+  name: `${subscriptionsStoreName}/checkout`,
+  initialState: checkoutInitialState,
+  reducers
+});
+
+const actions = _extends({
+  loadCheckout: createAction(`${name}/loadCheckout`),
+  resetCheckout: createAction(`${name}/resetCheckout`),
+  submitCheckout: createAction(`${name}/submitCheckout`),
+  confirmCheckout: createAction(`${name}/confirmCheckout`, payload => ({
+    payload
+  })),
+  errorCheckout: createAction(`${name}/errorCheckout`, payload => ({
+    payload
+  }))
+}, checkoutActions);
+
+export { reducer as checkoutReducer, actions as checkoutActions };

package/subscriptions/Checkout/interfaces.d.ts

@@ -1,17 +1,17 @@
-export interface CheckoutState {
-    fetching: boolean;
-    loading: boolean;
-    error: string | null;
-    confirmed: boolean;
-}
-export interface CheckoutActions {
-    loadCheckout: () => void;
-    resetCheckout: () => void;
-    submitCheckout: () => void;
-    confirmCheckout: (payload: ConfirmCheckoutActionPayload) => void;
-    errorCheckout: (error: string) => void;
-}
-export interface ConfirmCheckoutActionPayload {
-    paymentMethodId: string;
-    planId: string;
-}
+export interface CheckoutState {
+    fetching: boolean;
+    loading: boolean;
+    error: string | null;
+    confirmed: boolean;
+}
+export interface CheckoutActions {
+    loadCheckout: () => void;
+    resetCheckout: () => void;
+    submitCheckout: () => void;
+    confirmCheckout: (payload: ConfirmCheckoutActionPayload) => void;
+    errorCheckout: (error: string) => void;
+}
+export interface ConfirmCheckoutActionPayload {
+    paymentMethodId: string;
+    planId: string;
+}

package/subscriptions/Checkout/interfaces.js

@@ -0,0 +1 @@
+export {};

package/subscriptions/Checkout/saga.d.ts

@@ -1,5 +1,5 @@
-export declare function checkoutSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
-/*********************************
- *  Preview Sagas
- *********************************/
-export declare function checkoutSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+export declare function checkoutSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+/*********************************
+ *  Preview Sagas
+ *********************************/
+export declare function checkoutSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

package/subscriptions/Checkout/saga.js

@@ -0,0 +1,110 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { all, call, put, select, takeEvery } from 'redux-saga/effects';
+import { checkoutActions } from './index';
+import { api, ISubscriptionStatus } from '@frontegg/rest-api';
+import { SubscriptionStatus } from '../general.interfaces';
+import { subscriptionActions } from '../Billing/Subscription';
+import { loadBillingInformation } from '../Billing/Information/saga';
+import { loadPaymentMethod } from '../Billing/PaymentMethod/saga';
+import { loadInvoices } from '../Billing/Invoices/saga';
+export function* checkoutSagas() {
+  yield takeEvery(checkoutActions.loadCheckout, loadCheckout);
+  yield takeEvery(checkoutActions.resetCheckout, resetCheckout);
+  yield takeEvery(checkoutActions.submitCheckout, submitCheckout);
+  yield takeEvery(checkoutActions.confirmCheckout, confirmPlan);
+  yield takeEvery(checkoutActions.errorCheckout, errorCheckout);
+}
+
+function* loadCheckout() {
+  yield put(checkoutActions.setState({
+    fetching: false,
+    loading: false,
+    error: null,
+    confirmed: false
+  }));
+}
+
+function* resetCheckout() {
+  yield put(checkoutActions.setState({
+    loading: false,
+    error: null,
+    confirmed: false
+  }));
+}
+
+function* submitCheckout() {
+  yield put(checkoutActions.setState({
+    loading: true,
+    error: null
+  }));
+}
+
+function* confirmPlan({
+  payload: {
+    paymentMethodId,
+    planId
+  }
+}) {
+  const subscription = yield select(state => state.subscriptions.billing.subscription.subscription);
+  const summary = yield select(state => state.subscriptions.billing.information.summary);
+  const isTrialing = (subscription == null ? void 0 : subscription.status) === SubscriptionStatus.TRIALING;
+  const hasPaymentMethod = !!(summary != null && summary.paymentMethodId);
+
+  if (!subscription) {
+    yield put(checkoutActions.setState({
+      loading: false,
+      error: 'Subscription not found'
+    }));
+    return;
+  }
+
+  yield put(checkoutActions.setState({
+    loading: true,
+    error: null
+  }));
+
+  if (isTrialing && hasPaymentMethod) {
+    yield confirmCheckout();
+    yield put(subscriptionActions.setState({
+      subscription: _extends({}, subscription, {
+        status: ISubscriptionStatus.ACTIVE
+      })
+    }));
+    return;
+  }
+
+  try {
+    yield call(api.subscriptions.updateManagedSubscription, subscription.id, {
+      paymentMethodId,
+      planId
+    });
+    yield all([loadBillingInformation(), loadPaymentMethod(), loadInvoices()]);
+    yield confirmCheckout();
+  } catch (e) {
+    yield put(checkoutActions.setState({
+      loading: false,
+      error: e.message
+    }));
+  }
+}
+
+function* confirmCheckout() {
+  yield put(checkoutActions.setState({
+    loading: false,
+    error: null,
+    confirmed: true
+  }));
+}
+
+function* errorCheckout({
+  payload
+}) {
+  yield put(checkoutActions.setState({
+    loading: false,
+    error: payload
+  }));
+}
+
+export function* checkoutSagasMock() {
+  yield takeEvery(checkoutActions.resetCheckout, resetCheckout);
+}

package/subscriptions/Config/index.d.ts

@@ -1,10 +1,10 @@
-import { PaymentProviderConfigState } from './interfaces';
-export declare const configInitialState: PaymentProviderConfigState;
-declare const reducer: import("redux").Reducer<PaymentProviderConfigState, import("redux").AnyAction>;
-declare const actions: {
-    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<PaymentProviderConfigState>], Partial<PaymentProviderConfigState>, string, never, never>;
-    loadPaymentConfiguration: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-};
-export { reducer as configReducer, actions as configActions };
+import { PaymentProviderConfigState } from './interfaces';
+export declare const configInitialState: PaymentProviderConfigState;
+declare const reducer: import("redux").Reducer<PaymentProviderConfigState, import("redux").AnyAction>;
+declare const actions: {
+    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<PaymentProviderConfigState>], Partial<PaymentProviderConfigState>, string, never, never>;
+    loadPaymentConfiguration: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+};
+export { reducer as configReducer, actions as configActions };

package/subscriptions/Config/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createAction, createSlice } from '@reduxjs/toolkit';
+import { subscriptionsStoreName } from '../../constants';
+import { createModuleCaseReducers } from '../utils';
+export const configInitialState = {
+  loading: false,
+  error: null,
+  fetching: true,
+  config: null
+};
+
+const reducers = _extends({}, createModuleCaseReducers());
+
+const {
+  actions: configActions,
+  reducer,
+  name
+} = createSlice({
+  name: `${subscriptionsStoreName}/config`,
+  initialState: configInitialState,
+  reducers
+});
+
+const actions = _extends({
+  loadPaymentConfiguration: createAction(`${name}/loadPaymentConfiguration`)
+}, configActions);
+
+export { reducer as configReducer, actions as configActions };

package/subscriptions/Config/interfaces.d.ts

@@ -1,16 +1,16 @@
-import { PaymentProvider } from '../general.interfaces';
-interface StripePaymentProviderConfig {
-    paymentProvider: PaymentProvider.STRIPE;
-    apiKey: string;
-}
-declare type PaymentProviderCustomConfig = StripePaymentProviderConfig;
-export declare type PaymentProviderConfigState = {
-    loading: boolean;
-    error: string | null;
-    fetching: boolean;
-    config: PaymentProviderCustomConfig | null;
-};
-export interface PaymentProviderConfigActions {
-    loadPaymentConfiguration: () => void;
-}
-export {};
+import { PaymentProvider } from '../general.interfaces';
+interface StripePaymentProviderConfig {
+    paymentProvider: PaymentProvider.STRIPE;
+    apiKey: string;
+}
+declare type PaymentProviderCustomConfig = StripePaymentProviderConfig;
+export declare type PaymentProviderConfigState = {
+    loading: boolean;
+    error: string | null;
+    fetching: boolean;
+    config: PaymentProviderCustomConfig | null;
+};
+export interface PaymentProviderConfigActions {
+    loadPaymentConfiguration: () => void;
+}
+export {};

package/subscriptions/Config/interfaces.js

@@ -0,0 +1 @@
+export {};

package/subscriptions/Config/saga.d.ts

@@ -1,2 +1,2 @@
-export declare function configSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
-export declare function configSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+export declare function configSagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+export declare function configSagasMock(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

package/subscriptions/Config/saga.js

@@ -0,0 +1,59 @@
+import { call, put, takeEvery, delay } from 'redux-saga/effects';
+import { configActions } from './index';
+import { api, ProviderType } from '@frontegg/rest-api';
+import { PaymentProvider } from '../interfaces';
+export function* configSagas() {
+  yield takeEvery(configActions.loadPaymentConfiguration, loadPaymentConfiguration);
+}
+
+function* loadPaymentConfiguration() {
+  yield put(configActions.setLoading(true));
+
+  try {
+    const response = yield call(api.subscriptions.getPaymentProviders) || [];
+    const stripePaymentProvider = response.find(paymentProvider => paymentProvider.status === '1' && paymentProvider.providerType === ProviderType.Stripe);
+
+    if (stripePaymentProvider) {
+      yield loadStripePaymentConfiguration();
+    } else {
+      yield put(configActions.setError('Payment provider not configured'));
+    }
+  } catch (e) {
+    yield put(configActions.setError(e.message));
+  }
+}
+
+function* loadStripePaymentConfiguration() {
+  yield put(configActions.setLoading(true));
+
+  try {
+    const response = yield call(api.subscriptions.getStripePaymentProviderConfiguration);
+    yield put(configActions.setState({
+      loading: false,
+      fetching: false,
+      config: {
+        paymentProvider: PaymentProvider.STRIPE,
+        apiKey: response.publishableKey
+      }
+    }));
+  } catch (e) {
+    yield put(configActions.setError(e.message));
+  }
+}
+
+function* loadPaymentConfigurationMock() {
+  yield put(configActions.setLoading(true));
+  yield delay(500);
+  yield put(configActions.setState({
+    loading: false,
+    fetching: false,
+    config: {
+      paymentProvider: PaymentProvider.STRIPE,
+      apiKey: ''
+    }
+  }));
+}
+
+export function* configSagasMock() {
+  yield takeEvery(configActions.loadPaymentConfiguration, loadPaymentConfigurationMock);
+}

package/subscriptions/Plans/index.d.ts

@@ -1,10 +1,10 @@
-import { PlansState } from './interfaces';
-export declare const plansInitialState: PlansState;
-declare const reducer: import("redux").Reducer<PlansState, import("redux").AnyAction>;
-declare const actions: {
-    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
-    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
-    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<PlansState>], Partial<PlansState>, string, never, never>;
-    loadPlans: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-};
-export { actions as plansActions, reducer as plansReducer };
+import { PlansState } from './interfaces';
+export declare const plansInitialState: PlansState;
+declare const reducer: import("redux").Reducer<PlansState, import("redux").AnyAction>;
+declare const actions: {
+    setLoading: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[boolean], boolean, string, never, never>;
+    setError: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[string | null], string | null, string, never, never>;
+    setState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[Partial<PlansState>], Partial<PlansState>, string, never, never>;
+    loadPlans: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+};
+export { actions as plansActions, reducer as plansReducer };

package/subscriptions/Plans/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createAction, createSlice } from '@reduxjs/toolkit';
+import { subscriptionsStoreName } from '../../constants';
+import { createModuleCaseReducers } from '../utils';
+export const plansInitialState = {
+  loading: false,
+  error: null,
+  fetching: true,
+  plans: []
+};
+const {
+  actions: sliceActions,
+  reducer,
+  name
+} = createSlice({
+  name: `${subscriptionsStoreName}/plans`,
+  initialState: plansInitialState,
+  reducers: _extends({}, createModuleCaseReducers())
+});
+
+const actions = _extends({
+  loadPlans: createAction(`${name}/loadPlans`)
+}, sliceActions);
+
+export { actions as plansActions, reducer as plansReducer };