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

package/node/subscriptions/Checkout/saga.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkoutSagas = checkoutSagas;
+exports.checkoutSagasMock = checkoutSagasMock;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _effects = require("redux-saga/effects");
+
+var _index = require("./index");
+
+var _restApi = require("@frontegg/rest-api");
+
+var _general = require("../general.interfaces");
+
+var _Subscription = require("../Billing/Subscription");
+
+var _saga = require("../Billing/Information/saga");
+
+var _saga2 = require("../Billing/PaymentMethod/saga");
+
+var _saga3 = require("../Billing/Invoices/saga");
+
+function* checkoutSagas() {
+  yield (0, _effects.takeEvery)(_index.checkoutActions.loadCheckout, loadCheckout);
+  yield (0, _effects.takeEvery)(_index.checkoutActions.resetCheckout, resetCheckout);
+  yield (0, _effects.takeEvery)(_index.checkoutActions.submitCheckout, submitCheckout);
+  yield (0, _effects.takeEvery)(_index.checkoutActions.confirmCheckout, confirmPlan);
+  yield (0, _effects.takeEvery)(_index.checkoutActions.errorCheckout, errorCheckout);
+}
+
+function* loadCheckout() {
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    fetching: false,
+    loading: false,
+    error: null,
+    confirmed: false
+  }));
+}
+
+function* resetCheckout() {
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    loading: false,
+    error: null,
+    confirmed: false
+  }));
+}
+
+function* submitCheckout() {
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    loading: true,
+    error: null
+  }));
+}
+
+function* confirmPlan({
+  payload: {
+    paymentMethodId,
+    planId
+  }
+}) {
+  const subscription = yield (0, _effects.select)(state => state.subscriptions.billing.subscription.subscription);
+  const summary = yield (0, _effects.select)(state => state.subscriptions.billing.information.summary);
+  const isTrialing = (subscription == null ? void 0 : subscription.status) === _general.SubscriptionStatus.TRIALING;
+  const hasPaymentMethod = !!(summary != null && summary.paymentMethodId);
+
+  if (!subscription) {
+    yield (0, _effects.put)(_index.checkoutActions.setState({
+      loading: false,
+      error: 'Subscription not found'
+    }));
+    return;
+  }
+
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    loading: true,
+    error: null
+  }));
+
+  if (isTrialing && hasPaymentMethod) {
+    yield confirmCheckout();
+    yield (0, _effects.put)(_Subscription.subscriptionActions.setState({
+      subscription: (0, _extends2.default)({}, subscription, {
+        status: _restApi.ISubscriptionStatus.ACTIVE
+      })
+    }));
+    return;
+  }
+
+  try {
+    yield (0, _effects.call)(_restApi.api.subscriptions.updateManagedSubscription, subscription.id, {
+      paymentMethodId,
+      planId
+    });
+    yield (0, _effects.all)([(0, _saga.loadBillingInformation)(), (0, _saga2.loadPaymentMethod)(), (0, _saga3.loadInvoices)()]);
+    yield confirmCheckout();
+  } catch (e) {
+    yield (0, _effects.put)(_index.checkoutActions.setState({
+      loading: false,
+      error: e.message
+    }));
+  }
+}
+
+function* confirmCheckout() {
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    loading: false,
+    error: null,
+    confirmed: true
+  }));
+}
+
+function* errorCheckout({
+  payload
+}) {
+  yield (0, _effects.put)(_index.checkoutActions.setState({
+    loading: false,
+    error: payload
+  }));
+}
+
+function* checkoutSagasMock() {
+  yield (0, _effects.takeEvery)(_index.checkoutActions.resetCheckout, resetCheckout);
+}

package/node/subscriptions/Config/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configReducer = exports.configInitialState = exports.configActions = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toolkit = require("@reduxjs/toolkit");
+
+var _constants = require("../../constants");
+
+var _utils = require("../utils");
+
+const configInitialState = {
+  loading: false,
+  error: null,
+  fetching: true,
+  config: null
+};
+exports.configInitialState = configInitialState;
+const reducers = (0, _extends2.default)({}, (0, _utils.createModuleCaseReducers)());
+const {
+  actions: configActions,
+  reducer,
+  name
+} = (0, _toolkit.createSlice)({
+  name: `${_constants.subscriptionsStoreName}/config`,
+  initialState: configInitialState,
+  reducers
+});
+exports.configReducer = reducer;
+const actions = (0, _extends2.default)({
+  loadPaymentConfiguration: (0, _toolkit.createAction)(`${name}/loadPaymentConfiguration`)
+}, configActions);
+exports.configActions = actions;

package/node/subscriptions/Config/interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/subscriptions/Config/saga.js

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

package/node/subscriptions/Plans/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plansReducer = exports.plansInitialState = exports.plansActions = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toolkit = require("@reduxjs/toolkit");
+
+var _constants = require("../../constants");
+
+var _utils = require("../utils");
+
+const plansInitialState = {
+  loading: false,
+  error: null,
+  fetching: true,
+  plans: []
+};
+exports.plansInitialState = plansInitialState;
+const {
+  actions: sliceActions,
+  reducer,
+  name
+} = (0, _toolkit.createSlice)({
+  name: `${_constants.subscriptionsStoreName}/plans`,
+  initialState: plansInitialState,
+  reducers: (0, _extends2.default)({}, (0, _utils.createModuleCaseReducers)())
+});
+exports.plansReducer = reducer;
+const actions = (0, _extends2.default)({
+  loadPlans: (0, _toolkit.createAction)(`${name}/loadPlans`)
+}, sliceActions);
+exports.plansActions = actions;

package/node/subscriptions/Plans/interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/subscriptions/Plans/saga.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plansSagas = plansSagas;
+exports.plansSagasMock = plansSagasMock;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _effects = require("redux-saga/effects");
+
+var _index = require("./index");
+
+var _restApi = require("@frontegg/rest-api");
+
+var _dummy = require("../dummy");
+
+function* plansSagas() {
+  yield (0, _effects.takeEvery)(_index.plansActions.loadPlans, loadPlans);
+}
+
+function* loadPlans() {
+  yield (0, _effects.put)(_index.plansActions.setLoading(true));
+
+  try {
+    const products = yield (0, _effects.call)(_restApi.api.subscriptions.getSubscriptionPlans);
+    const plans = products.map(item => {
+      var _item$price, _item$price2;
+
+      return {
+        id: item.id,
+        name: item.name,
+        description: item.description,
+        price: ((_item$price = item.price) == null ? void 0 : _item$price.amount) || 0,
+        currency: ((_item$price2 = item.price) == null ? void 0 : _item$price2.currency) || 'usd',
+        recurringInterval: 'month',
+        slug: item.slug
+      };
+    });
+    yield (0, _effects.put)(_index.plansActions.setState({
+      fetching: false,
+      loading: false,
+      plans
+    }));
+  } catch (e) {
+    yield (0, _effects.put)(_index.plansActions.setError(e.message));
+  }
+}
+
+function* loadPlansMock() {
+  yield (0, _effects.put)(_index.plansActions.setLoading(true));
+  yield (0, _effects.delay)(500);
+  yield (0, _effects.put)(_index.plansActions.setState({
+    fetching: false,
+    loading: false,
+    plans: _dummy.planResponseMock.map(item => {
+      var _item$price3, _item$price4;
+
+      return (0, _extends2.default)({}, item, {
+        price: ((_item$price3 = item.price) == null ? void 0 : _item$price3.amount) || 0,
+        currency: ((_item$price4 = item.price) == null ? void 0 : _item$price4.currency) || 'usd',
+        recurringInterval: 'month'
+      });
+    })
+  }));
+}
+
+function* plansSagasMock() {
+  yield (0, _effects.takeEvery)(_index.plansActions.loadPlans, loadPlansMock);
+}

package/node/subscriptions/Stripe/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stripeReducer = exports.stripeActions = exports.initialSubscriptionStripeState = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toolkit = require("@reduxjs/toolkit");
+
+var _utils = require("../utils");
+
+var _constants = require("../../constants");
+
+const initialSubscriptionStripeState = {
+  loading: false,
+  error: null,
+  cardSetupIntentSecret: null
+};
+exports.initialSubscriptionStripeState = initialSubscriptionStripeState;
+const reducers = (0, _extends2.default)({}, (0, _utils.createModuleCaseReducers)());
+const {
+  reducer,
+  actions: reducerActions,
+  name
+} = (0, _toolkit.createSlice)({
+  name: `${_constants.subscriptionsStoreName}/stripe`,
+  initialState: initialSubscriptionStripeState,
+  reducers
+});
+exports.stripeReducer = reducer;
+const actions = (0, _extends2.default)({
+  loadCustomer: (0, _toolkit.createAction)(`${name}/loadCustomer`),
+  createCardSetupIntentSecret: (0, _toolkit.createAction)(`${name}/createCardSetupIntentSecret`)
+}, reducerActions);
+exports.stripeActions = actions;

package/node/subscriptions/Stripe/interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/subscriptions/Stripe/saga.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.subscriptionStripeSagas = subscriptionStripeSagas;
+
+var _effects = require("redux-saga/effects");
+
+var _index = require("./index");
+
+var _restApi = require("@frontegg/rest-api");
+
+function* subscriptionStripeSagas() {
+  yield (0, _effects.takeEvery)(_index.stripeActions.createCardSetupIntentSecret, createCardSetupIntentSecret);
+}
+
+function* createCardSetupIntentSecret({
+  payload
+}) {
+  yield (0, _effects.put)(_index.stripeActions.setState({
+    loading: true,
+    error: null,
+    cardSetupIntentSecret: null
+  }));
+
+  try {
+    const request = {};
+
+    if (payload) {
+      request.paymentMethodId = payload;
+    }
+
+    const {
+      setupIntentSecret
+    } = yield (0, _effects.call)(_restApi.api.subscriptions.createStripePaymentMethodSetupIntentSecret, request);
+    yield (0, _effects.put)(_index.stripeActions.setState({
+      cardSetupIntentSecret: setupIntentSecret,
+      loading: false
+    }));
+  } catch (e) {
+    yield (0, _effects.put)(_index.stripeActions.setError(e.message));
+  }
+}

package/node/subscriptions/dummy.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.subscriptionResponseMock = exports.planResponseMock = exports.paymentMethodsMock = exports.invoicesMock = void 0;
+
+var _restApi = require("@frontegg/rest-api");
+
+const subscriptionResponseMock = {
+  id: 'sub_1JbhYVEwsu4qiqnnfMhYAdY6',
+  externalId: 'sub_1JbhYVEwsu4qiqnnfMhYAdY6',
+  startDate: '2021-09-20T08:08:51.000Z',
+  status: _restApi.ISubscriptionStatus.ACTIVE,
+  externallyManaged: false,
+  cancellation: null,
+  currentPeriodStart: '2021-09-20T08:08:51.000Z',
+  currentPeriodEnd: '2021-10-20T08:08:51.000Z',
+  plan: {
+    slug: 'test'
+  }
+};
+exports.subscriptionResponseMock = subscriptionResponseMock;
+const planResponseMock = [{
+  id: 'prod_J60fUEvI7qV1eL',
+  externalId: 'prod_J60fUEvI7qV1eL',
+  name: 'Premium',
+  description: '',
+  price: {
+    id: 'price_1IToe8Ewsu4qiqnndAV76J69',
+    externalId: 'price_1IToe8Ewsu4qiqnndAV76J69',
+    currency: 'usd',
+    amount: 10000
+  },
+  slug: 'premium'
+}, {
+  id: 'prod_J60duauCpXfcur',
+  externalId: 'prod_J60duauCpXfcur',
+  name: 'Free',
+  description: 'Totally free plan. Nothing to pay.',
+  price: {
+    id: 'price_1ITocfEwsu4qiqnnnBHDx9fQ',
+    externalId: 'price_1ITocfEwsu4qiqnnnBHDx9fQ',
+    currency: 'usd',
+    amount: 0
+  },
+  slug: 'free'
+}];
+exports.planResponseMock = planResponseMock;
+const invoicesMock = [{
+  id: 'in_1JbhYWEwsu4qiqnnrUh6hsHa',
+  externalId: 'in_1JbhYWEwsu4qiqnnrUh6hsHa',
+  subscriptionId: 'sub_1JbhYVEwsu4qiqnnfMhYAdY6',
+  paymentDate: '2021-09-20T08:08:51.000Z',
+  totalAmount: 10000,
+  currency: 'usd',
+  paid: true,
+  receiptNumber: ''
+}, {
+  id: 'in_1JbhYWEwsu4qiqnnrUh6hsHa',
+  externalId: 'in_1JbhYWEwsu4qiqnnrUh6hsHa',
+  subscriptionId: 'sub_1JbhYVEwsu4qiqnnfMhYAdY6',
+  paymentDate: '2021-08-20T08:08:51.000Z',
+  totalAmount: 10000,
+  currency: 'usd',
+  paid: true,
+  receiptNumber: ''
+}];
+exports.invoicesMock = invoicesMock;
+const paymentMethodsMock = [{
+  id: 'id',
+  externalId: 'externalId',
+  type: _restApi.PaymentMethodType.CARD,
+  isDefault: true,
+  last4: '4242',
+  expMonth: 11,
+  expYear: 25,
+  brand: 'visa',
+  billingDetails: {
+    name: 'Dummy',
+    email: 'dummy@email.com'
+  }
+}];
+exports.paymentMethodsMock = paymentMethodsMock;

package/node/subscriptions/general.interfaces.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubscriptionStatus = exports.SubscriptionCancellationPolicy = exports.PaymentProvider = void 0;
+let PaymentProvider;
+exports.PaymentProvider = PaymentProvider;
+
+(function (PaymentProvider) {
+  PaymentProvider["STRIPE"] = "Stripe";
+})(PaymentProvider || (exports.PaymentProvider = PaymentProvider = {}));
+
+let SubscriptionStatus;
+exports.SubscriptionStatus = SubscriptionStatus;
+
+(function (SubscriptionStatus) {
+  SubscriptionStatus["ACTIVE"] = "ACTIVE";
+  SubscriptionStatus["CANCELED"] = "CANCELED";
+  SubscriptionStatus["INCOMPLETE"] = "INCOMPLETE";
+  SubscriptionStatus["EXPIRED"] = "EXPIRED";
+  SubscriptionStatus["TRIALING"] = "TRIALING";
+})(SubscriptionStatus || (exports.SubscriptionStatus = SubscriptionStatus = {}));
+
+let SubscriptionCancellationPolicy;
+exports.SubscriptionCancellationPolicy = SubscriptionCancellationPolicy;
+
+(function (SubscriptionCancellationPolicy) {
+  SubscriptionCancellationPolicy["AT_PERIOD_END"] = "atPeriodEnd";
+})(SubscriptionCancellationPolicy || (exports.SubscriptionCancellationPolicy = SubscriptionCancellationPolicy = {}));