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

packages/app/components/auth/factory.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Button } from 'app/components/ui/form';
+import RejectionLink, {
+  RejectionLinkProps,
+} from 'app/components/auth/RejectionLink';
+import AuthTitle from 'app/components/auth/AuthTitle';
+import { MessageDescriptor } from 'react-intl';
+import { Color } from 'app/components/ui';
+
+/**
+ * @param {object} options
+ * @param {string|object} options.title - panel title
+ * @param {React.ReactElement} options.body
+ * @param {object} options.footer - config for footer Button
+ * @param {Array|object|null} options.links - link config or an array of link configs
+ *
+ * @returns {object} - structure, required for auth panel to work
+ */
+export default function({
+  title,
+  body,
+  footer,
+  links,
+}: {
+  title: MessageDescriptor;
+  body: React.ElementType;
+  footer: {
+    color?: Color;
+    label: string | MessageDescriptor;
+    autoFocus?: boolean;
+  };
+  links?: RejectionLinkProps | RejectionLinkProps[];
+}) {
+  return () => ({
+    Title: () => <AuthTitle title={title} />,
+    Body: body,
+    Footer: () => <Button type="submit" {...footer} />,
+    Links: () =>
+      links ? (
+        <span>
+          {([] as RejectionLinkProps[])
+            .concat(links)
+            .map((link, index) => [
+              index ? ' | ' : '',
+              <RejectionLink {...link} key={index} />,
+            ])}
+        </span>
+      ) : null,
+  });
+}