diff --git a/packages/common-components/src/storybook-utils.tsx b/packages/common-components/src/storybook-utils.tsx
index ed12965f..081c3efe 100644
--- a/packages/common-components/src/storybook-utils.tsx
+++ b/packages/common-components/src/storybook-utils.tsx
@@ -7,6 +7,8 @@ import { Theme, ThemeProvider } from "onefx/lib/styletron-react";
import { THEME } from "onefx/lib/styletron-react/theme-provider";
import { Client as StyletronClient } from "styletron-engine-atomic";
import { Provider as StyletronProvider } from "styletron-react";
+import { Provider } from "react-redux";
+import { configureStore } from "onefx/lib/iso-react-render/root/configure-store";
const styletron = new StyletronClient({ prefix: "_" });
@@ -52,13 +54,15 @@ export const WrapThemeProvider: React.FC = ({ children }) => {
export const themeDecorator = () =>
function Inner(story: Story): JSX.Element {
return (
-
-
-
- {React.createElement(story)}
-
-
-
+
+
+
+
+ {React.createElement(story)}
+
+
+
+
);
};
diff --git a/packages/onefx-auth-provider/package.json b/packages/onefx-auth-provider/package.json
index 82074fc9..e7c081ee 100644
--- a/packages/onefx-auth-provider/package.json
+++ b/packages/onefx-auth-provider/package.json
@@ -114,6 +114,7 @@
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"react-test-renderer": "16.13.1",
+ "safe-json-globals": "^2.1.0",
"source-map-loader": "0.2.4",
"styletron-engine-atomic": "^1.4.6",
"styletron-react": "^5.2.7",
@@ -142,7 +143,8 @@
"onefx-common-components": "^2.4.3",
"react": "^16.8.6",
"react-redux": "^7.2.1",
- "styletron-engine-atomic": "^1.1.0"
+ "styletron-engine-atomic": "^1.1.0",
+ "safe-json-globals": "^2.1.0"
},
"dependencies": {
"@types/validator": "^13.1.0",
diff --git a/packages/onefx-auth-provider/src/sign-in.stories.tsx b/packages/onefx-auth-provider/src/sign-in.stories.tsx
index 4e3053e9..e06f6170 100644
--- a/packages/onefx-auth-provider/src/sign-in.stories.tsx
+++ b/packages/onefx-auth-provider/src/sign-in.stories.tsx
@@ -1,13 +1,11 @@
import React from "react";
import { themeDecorator } from "onefx-common-components/lib/storybook-utils";
-import { EmailField } from "./email-password-identity-provider/view/email-field";
+import { SignIn } from "./email-password-identity-provider/view/sign-in";
-export const Standard: React.FC = () => (
-
-);
+export const Standard: React.FC = () => ;
export default {
- component: EmailField,
+ component: SignIn,
decorators: [themeDecorator()],
title: "onefx-auth-provider|SignIn"
};