re-structure to monorepo.

packages/webapp/src/components/Guards/EnsureOrganizationIsNotReady.tsx

@@ -0,0 +1,38 @@
+// @ts-nocheck
+import React from 'react';
+import { connect } from 'react-redux';
+import { Redirect } from 'react-router-dom';
+import { compose } from '@/utils';
+import withAuthentication from '@/containers/Authentication/withAuthentication';
+import withOrganization from '@/containers/Organization/withOrganization';
+
+/**
+ * Ensures organization is not ready.
+ */
+function EnsureOrganizationIsNotReady({
+  children,
+
+  // #withOrganization
+  isOrganizationReady,
+  isOrganizationSetupCompleted
+}) {
+  return (isOrganizationReady && !isOrganizationSetupCompleted) ? (
+    <Redirect to={{ pathname: '/' }} />
+  ) : children;
+}
+
+export default compose(
+  withAuthentication(({ currentOrganizationId }) => ({
+    currentOrganizationId,
+  })),
+  connect((state, props) => ({
+    organizationId: props.currentOrganizationId,
+  })),
+  withOrganization(({
+    isOrganizationReady,
+    isOrganizationSetupCompleted
+  }) => ({
+    isOrganizationReady,
+    isOrganizationSetupCompleted
+  })),
+)(EnsureOrganizationIsNotReady);

packages/webapp/src/components/Guards/EnsureOrganizationIsReady.tsx

@@ -0,0 +1,31 @@
+// @ts-nocheck
+import React from 'react';
+import { connect } from 'react-redux';
+import { Redirect } from 'react-router-dom';
+import { compose } from '@/utils';
+
+import withAuthentication from '@/containers/Authentication/withAuthentication';
+import withOrganization from '@/containers/Organization/withOrganization';
+
+function EnsureOrganizationIsReady({
+  // #ownProps
+  children,
+  redirectTo = '/setup',
+
+  // #withOrganizationByOrgId
+  isOrganizationReady,
+}) {
+  return isOrganizationReady ? (
+    children
+  ) : (
+    <Redirect to={{ pathname: redirectTo }} />
+  );
+}
+
+export default compose(
+  withAuthentication(),
+  connect((state, props) => ({
+    organizationId: props.currentOrganizationId,
+  })),
+  withOrganization(({ isOrganizationReady }) => ({ isOrganizationReady })),
+)(EnsureOrganizationIsReady);

packages/webapp/src/components/Guards/EnsureSubscriptionIsActive.tsx

@@ -0,0 +1,32 @@
+// @ts-nocheck
+import React from 'react';
+import { includes } from 'lodash';
+
+import { compose } from '@/utils';
+import { Redirect } from 'react-router-dom';
+import withSubscriptions from '@/containers/Subscriptions/withSubscriptions';
+
+/**
+ * Ensures the given subscription type is active or redirect to the given route.
+ */
+function EnsureSubscriptionIsActive({
+  children,
+  subscriptionType = 'main',
+  redirectTo = '/billing',
+  routePath,
+  exclude,
+  isSubscriptionActive,
+}) {
+  return isSubscriptionActive || includes(exclude, routePath) ? (
+    children
+  ) : (
+    <Redirect to={{ pathname: redirectTo }} />
+  );
+}
+
+export default compose(
+  withSubscriptions(
+    ({ isSubscriptionActive }) => ({ isSubscriptionActive }),
+    'main',
+  ),
+)(EnsureSubscriptionIsActive);

packages/webapp/src/components/Guards/EnsureSubscriptionsIsActive.tsx

@@ -0,0 +1,32 @@
+// @ts-nocheck
+import React from 'react';
+import { includes } from 'lodash';
+
+import { compose } from '@/utils';
+import { Redirect } from 'react-router-dom';
+import withSubscriptions from '@/containers/Subscriptions/withSubscriptionss';
+
+/**
+ * Ensures the given subscription type is active or redirect to the given route.
+ */
+function EnsureSubscriptionsIsActive({
+  children,
+  subscriptionType = 'main',
+  redirectTo = '/billing',
+  routePath,
+  exclude,
+  isSubscriptionsActive,
+}) {
+  return !isSubscriptionsActive || includes(exclude, routePath) ? (
+    children
+  ) : (
+    <Redirect to={{ pathname: redirectTo }} />
+  );
+}
+
+export default compose(
+  withSubscriptions(
+    ({ isSubscriptionsActive }) => ({ isSubscriptionsActive }),
+    'main',
+  ),
+)(EnsureSubscriptionsIsActive);

packages/webapp/src/components/Guards/EnsureSubscriptionsIsInactive.tsx

@@ -0,0 +1,32 @@
+// @ts-nocheck
+import React from 'react';
+import { includes } from 'lodash';
+
+import { compose } from '@/utils';
+import { Redirect } from 'react-router-dom';
+import withSubscriptions from '@/containers/Subscriptions/withSubscriptionss';
+
+/**
+ * Ensures the given subscription type is active or redirect to the given route.
+ */
+function EnsureSubscriptionsIsInactive({
+  children,
+  subscriptionType = 'main',
+  redirectTo = '/billing',
+  routePath,
+  exclude,
+  isSubscriptionsInactive,
+}) {
+  return !isSubscriptionsInactive || includes(exclude, routePath) ? (
+    children
+  ) : (
+    <Redirect to={{ pathname: redirectTo }} />
+  );
+}
+
+export default compose(
+  withSubscriptions(
+    ({ isSubscriptionsInactive }) => ({ isSubscriptionsInactive }),
+    'main',
+  ),
+)(EnsureSubscriptionsIsInactive);

packages/webapp/src/components/Guards/PrivateRoute.tsx

@@ -0,0 +1,19 @@
+// @ts-nocheck
+import React from 'react';
+import BodyClassName from 'react-body-classname';
+import { Redirect } from 'react-router-dom';
+import { useIsAuthenticated } from '@/hooks/state';
+
+export default function PrivateRoute({ component: Component, ...rest }) {
+  const isAuthenticated = useIsAuthenticated();
+
+  return (
+    <BodyClassName className={''}>
+      {isAuthenticated ? (
+        <Component />
+      ) : (
+        <Redirect to={{ pathname: '/auth/login' }} />
+      )}
+    </BodyClassName>
+  );
+}