Create app namespace for all absolute requires of app modules. Move all packages under packages yarn workspace

packages/app/components/ui/form/FormComponent.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MessageDescriptor } from 'react-intl';
+import i18n from 'app/services/i18n';
+
+class FormComponent<P, S = {}> extends React.Component<P, S> {
+  /**
+   * Formats message resolving intl translations
+   *
+   * @param {string|object} message - message string, or intl message descriptor with an `id` field
+   *
+   * @returns {string}
+   */
+  formatMessage(message: string | MessageDescriptor): string {
+    if (!message) {
+      throw new Error('A message is required');
+    }
+
+    if (typeof message === 'string') {
+      return message;
+    }
+
+    if (!message.id) {
+      throw new Error(`Invalid message format: ${JSON.stringify(message)}`);
+    }
+
+    return i18n.getIntl().formatMessage(message);
+  }
+
+  /**
+   * Focuses this field
+   */
+  focus() {}
+
+  /**
+   * A hook, that called, when the form was submitted with invalid data
+   * This is useful for the cases, when some field needs to be refreshed e.g. captcha
+   */
+  onFormInvalid() {}
+}
+
+export default FormComponent;