re-structure to monorepo.

packages/webapp/src/containers/Setup/SetupSubscription.tsx

@@ -0,0 +1,50 @@
+// @ts-nocheck
+import React from 'react';
+import { Formik } from 'formik';
+import * as R from 'ramda';
+
+import '@/style/pages/Setup/Subscription.scss';
+
+import SetupSubscriptionForm from './SetupSubscription/SetupSubscriptionForm';
+import { getSubscriptionFormSchema } from './SubscriptionForm.schema';
+import withSubscriptionPlansActions from '../Subscriptions/withSubscriptionPlansActions';
+
+/**
+ * Subscription step of wizard setup.
+ */
+function SetupSubscription({
+  // #withSubscriptionPlansActions
+  initSubscriptionPlans,
+}) {
+  React.useEffect(() => {
+    initSubscriptionPlans();
+  }, [initSubscriptionPlans]);
+
+  // Initial values.
+  const initialValues = {
+    plan_slug: 'essentials',
+    period: 'month',
+    license_code: '',
+  };
+  // Handle form submit.
+  const handleSubmit = (values) => {};
+
+  // Retrieve momerized subscription form schema.
+  const SubscriptionFormSchema = React.useMemo(
+    () => getSubscriptionFormSchema(),
+    [],
+  );
+
+  return (
+    <div className={'setup-subscription-form'}>
+      <Formik
+        validationSchema={SubscriptionFormSchema}
+        initialValues={initialValues}
+        component={SetupSubscriptionForm}
+        onSubmit={handleSubmit}
+      />
+    </div>
+  );
+}
+
+export default R.compose(withSubscriptionPlansActions)(SetupSubscription);