fix: wip

.env.example

@@ -1,3 +1,7 @@
+# General
+NODE_ENV=development
+
+# AWS Amplify
 AWS_DEFAULT_REGION=
 COGNITO_USER_POOL_ID=
 COGNITO_USER_POOL_CLIENT_ID=

package.json

@@ -26,8 +26,9 @@
   "scripts": {
     "storybook": "start-storybook -p 6006 -s public --no-dll",
     "build-storybook": "build-storybook -s public --no-dll",
-    "build": "tsc --project tsconfig.json",
+    "build": "yarn clean && tsc --project tsconfig.json",
     "build:watch": "yarn build -w",
+    "clean": "rimraf dist",
     "type-check": "tsc",
     "format": "prettier --write --config .prettierrc .",
     "format:check": "prettier --check --config .prettierrc .",

src/components/Form/Form.tsx

@@ -36,15 +36,15 @@ export interface FormProps {
   onSuccessLoginMsg?: string;
   initialValues?: any;
   inputVariant?: 'filled' | 'outlined' | 'standard';
-  defaultValidationFields: DefaultAuthValidationOptions;
+  defaultValidationFields?: DefaultAuthValidationOptions;
   validate?: (
     values: any,
     requiredChildren: Array<string>,
   ) => ValidationErrors | Promise<ValidationErrors>;
   replacementValidate?: (values: any) => ValidationErrors | Promise<ValidationErrors>;
   loading?: boolean;
   className?: string;
-  confirmButtonLabel: string;
+  confirmButtonLabel?: string;
   subheaderTitle?: string;
   subheaderTitleVariant?: Variant;
   subheaderContent?: string | JSX.Element;
@@ -71,13 +71,13 @@ export const Form: FC<FormProps> = ({
   titleAlign = 'center',
   initialValues = {},
   inputVariant = 'outlined',
-  defaultValidationFields,
+  defaultValidationFields = [],
   validate,
   replacementValidate,
   loading = false,
   className,
   children,
-  confirmButtonLabel,
+  confirmButtonLabel = 'Submit',
   subheaderTitle,
   subheaderTitleVariant = 'h5',
   subheaderContent,

src/index.ts

@@ -6,3 +6,4 @@ export { ConfirmSignUp } from './containers/ConfirmSignUp/ConfirmSignUp';
 export { ResendConfirmationCodeButton } from './containers/ConfirmSignUp/ResendConfirmationCodeButton';
 export { useUser } from './hooks/useUser';
 export { useSnackbar } from './hooks/useSnackbar';
+export { styled } from './theme';

src/providers/IntentbaseProvider.tsx

@@ -6,11 +6,14 @@ import { defaultTheme } from '../theme';
 import { configureAmplify } from '../utils/configureAmplify';
 import { SnackbarContextProvider } from './SnackbarProvider';
 
+type Environment = 'production' | 'development' | 'test';
+
 interface IntentbaseProps {
   theme?: Partial<Theme> | ((outerTheme: Theme) => Theme);
-  region: string;
-  userPoolId: string;
-  userPoolWebClientId: string;
+  region?: string;
+  userPoolId?: string;
+  userPoolWebClientId?: string;
+  environment?: Environment;
 }
 
 export const IntentbaseProvider: FC<IntentbaseProps> = ({
@@ -19,8 +22,17 @@ export const IntentbaseProvider: FC<IntentbaseProps> = ({
   userPoolId,
   userPoolWebClientId,
   theme = defaultTheme,
+  environment = 'production',
 }) => {
+  if (!userPoolId || !userPoolWebClientId) {
+    if (environment !== 'production') {
+      return <h1>AWS Secrets required</h1>;
+    }
+    return null;
+  }
+
   configureAmplify(region, userPoolId, userPoolWebClientId);
+
   return (
     <StylesProvider injectFirst>
       <MuiThemeProvider theme={theme}>

src/theme.ts

@@ -1,5 +1,6 @@
-import { createMuiTheme } from '@material-ui/core';
+import { createMuiTheme, Theme } from '@material-ui/core';
 import { red } from '@material-ui/core/colors';
+import baseStyled, { ThemedStyledInterface } from 'styled-components';
 
 export const defaultTheme = createMuiTheme({
   palette: {
@@ -9,3 +10,5 @@ export const defaultTheme = createMuiTheme({
     borderRadius: 10,
   },
 });
+
+export const styled = baseStyled as ThemedStyledInterface<Theme>;

tsconfig.json

@@ -1,35 +1,32 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2016",
     "lib": ["dom", "dom.iterable", "esnext"],
     "outDir": "./dist",
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "declaration": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "jsx": "react",
-    "emitDeclarationOnly": true,
-    "isolatedModules": true,
     "baseUrl": "src",
     "rootDir": "src",
     "sourceRoot": "/",
+    "jsx": "react",
+    "module": "esnext",
+    "moduleResolution": "node",
     "preserveConstEnums": true,
+    "declaration": true,
     "removeComments": true,
     "sourceMap": true,
     "inlineSources": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": true,
     "noImplicitThis": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "traceResolution": true
+    "strict": true,
+    "skipLibCheck": true,
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "noFallthroughCasesInSwitch": true
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]