chrone: sperate client and server to different repos.

src/containers/Setup/SetupOrganizationPage.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { Formik } from 'formik';
+import { FormattedMessage as T } from 'components';
+
+import 'style/pages/Setup/Organization.scss';
+
+import SetupOrganizationForm from './SetupOrganizationForm';
+
+import { useOrganizationSetup } from 'hooks/query';
+import withSettingsActions from 'containers/Settings/withSettingsActions';
+
+import { setCookie, compose, transfromToSnakeCase } from 'utils';
+import { getSetupOrganizationValidation } from './SetupOrganization.schema';
+
+// Initial values.
+const defaultValues = {
+  name: '',
+  location: 'libya',
+  baseCurrency: '',
+  language: 'en',
+  fiscalYear: '',
+  timezone: '',
+};
+
+/**
+ * Setup organization form.
+ */
+function SetupOrganizationPage({ wizard }) {
+  const { mutateAsync: organizationSetupMutate } = useOrganizationSetup();
+
+  // Validation schema.
+  const validationSchema = getSetupOrganizationValidation();
+
+  // Initialize values.
+  const initialValues = {
+    ...defaultValues,
+  };
+
+  // Handle the form submit.
+  const handleSubmit = (values, { setSubmitting, setErrors }) => {
+    organizationSetupMutate({ ...transfromToSnakeCase(values) })
+      .then((response) => {
+        setSubmitting(false);
+
+        // Sets locale cookie to next boot cycle.
+        setCookie('locale', values.language);
+        wizard.next();
+      })
+      .catch((erros) => {
+        setSubmitting(false);
+      });
+  };
+
+  return (
+    <div className={'setup-organization'}>
+      <div className={'setup-organization__title-wrap'}>
+        <h1>
+          <T id={'setup.organization.title'} />
+        </h1>
+        <p class="paragraph">
+          <T id={'setup.organization.description'} />
+        </p>
+      </div>
+
+      <Formik
+        validationSchema={validationSchema}
+        initialValues={initialValues}
+        component={SetupOrganizationForm}
+        onSubmit={handleSubmit}
+      />
+    </div>
+  );
+}
+
+export default compose(
+  withSettingsActions,
+)(SetupOrganizationPage);