feat: billing page in dashboard and setup.

client/src/store/organizations/organizations.actions.js

@@ -40,11 +40,11 @@ export const seedTenant = () => (dispatch, getState) => new Promise((resolve, re
     payload: { organizationId }
   });
   ApiService.post(`organization/seed/`).then((response) => {
-    resolve(response);
     dispatch({
       type: t.SET_ORGANIZATION_SEEDED,
       payload: { organizationId }
     });
+    resolve(response);
   })
   .catch((error) => {
     reject(error.response.data.errors || []);

client/src/store/organizations/organizations.selectors.js

@@ -54,4 +54,4 @@ export const isOrganizationCongratsFactory = () => createSelector(
   (organization) => {
     return !!organization?.is_congrats;
   }
-)
+);

client/src/store/organizations/withSetupWizard.js

@@ -0,0 +1,22 @@
+import { connect } from 'react-redux';
+
+export default (mapState) => {
+  const mapStateToProps = (state, props) => {
+    const {
+      isOrganizationSetupCompleted,
+      isOrganizationInitialized,
+      isOrganizationSeeded,
+  
+      isSubscriptionActive
+    } = props;
+
+    const mapped = {
+      isCongratsStep: isOrganizationSetupCompleted,
+      isSubscriptionStep: !isSubscriptionActive,
+      isInitializingStep: isSubscriptionActive && !isOrganizationInitialized,
+      isOrganizationStep: isOrganizationInitialized && !isOrganizationSeeded,
+    };
+    return mapState ? mapState(mapped, state, props) : mapped;
+  };
+  return connect(mapStateToProps);
+};