Add flag for signin. Update clientId.

Author: beth-panx

.storybook/env.js

@@ -1,4 +1,3 @@
-export const CLIENTID = 'a974dfa0-9f57-49b9-95db-90f04ce2111a';
-
+export const CLIENTID = 'ac77046c-156c-40f0-8507-3b5a58034582';
 export const GETPROVIDER_EVENT = 'mgt/getProvider';
 export const SETPROVIDER_EVENT = 'mgt/setProvider';

.storybook/manager.js

@@ -14,6 +14,7 @@ import { Providers, MsalProvider, LoginType, ProviderState } from '../dist/commo
 import { CLIENTID, GETPROVIDER_EVENT, SETPROVIDER_EVENT } from './env';
 
 const PARAM_KEY = 'signInAddon';
+const _allow_signin = false;
 
 const msalProvider = new MsalProvider({
   clientId: CLIENTID,
@@ -49,11 +50,11 @@ const SignInPanel = () => {
 
   return (
     <div>
-      {state === ProviderState.SignedIn
-        ? 'You are Signed In and all components are using real data'
-        : 'All components are using mock data - sign in to use real data'}
-      <mgt-login />
-      {/* {JSON.stringify(value)} */}
+      {_allow_signin ? (
+        <mgt-login />
+      ) : (
+        'All components are using mock data - sign in function will be available in a future release'
+      )}
     </div>
   );
 };

.storybook/signInAddon.js

@@ -5,6 +5,8 @@ import { MsalProvider } from '../dist/es6/providers/MsalProvider';
 import { MockProvider } from '../dist/es6/mock/MockProvider';
 import { CLIENTID, SETPROVIDER_EVENT, GETPROVIDER_EVENT } from './env';
 
+const _allow_signin = false;
+
 export const withSignIn = makeDecorator({
   name: `withSignIn`,
   parameterName: 'myParameter',
@@ -15,12 +17,16 @@ export const withSignIn = makeDecorator({
     const channel = addons.getChannel();
 
     channel.on(SETPROVIDER_EVENT, params => {
-      const currentProvider = Providers.globalProvider;
-      if (params.state === ProviderState.SignedIn && (!currentProvider || currentProvider === mockProvider)) {
-        Providers.globalProvider = new MsalProvider({
-          clientId: CLIENTID
-        });
-      } else if (params.state !== ProviderState.SignedIn && currentProvider !== mockProvider) {
+      if (_allow_signin) {
+        const currentProvider = Providers.globalProvider;
+        if (params.state === ProviderState.SignedIn && (!currentProvider || currentProvider === mockProvider)) {
+          Providers.globalProvider = new MsalProvider({
+            clientId: CLIENTID
+          });
+        } else if (params.state !== ProviderState.SignedIn && currentProvider !== mockProvider) {
+          Providers.globalProvider = mockProvider;
+        }
+      } else {
         Providers.globalProvider = mockProvider;
       }
     });

package.json

@@ -70,14 +70,14 @@
     "@babel/preset-env": "^7.7.6",
     "@babel/preset-react": "^7.7.4",
     "@babel/preset-typescript": "^7.7.4",
-    "@storybook/addon-a11y": "^5.3.0-beta.31",
-    "@storybook/addon-actions": "^5.3.0-beta.31",
-    "@storybook/addon-docs": "^5.3.0-beta.31",
-    "@storybook/addon-knobs": "^5.3.0-beta.31",
-    "@storybook/addon-links": "^5.3.0-beta.31",
-    "@storybook/addon-storysource": "^5.3.0-beta.31",
+    "@storybook/addon-a11y": "^5.3.0-rc.12",
+    "@storybook/addon-actions": "^5.3.0-rc.12",
+    "@storybook/addon-docs": "^5.3.0-rc.12",
+    "@storybook/addon-knobs": "^5.3.0-rc.12",
+    "@storybook/addon-links": "^5.3.0-rc.12",
+    "@storybook/addon-storysource": "^5.3.0-rc.12",
     "@storybook/storybook-deployer": "^2.8.1",
-    "@storybook/web-components": "^5.3.0-beta.31",
+    "@storybook/web-components": "^5.3.0-rc.12",
     "@types/jest": "^24.0.11",
     "@types/node": "12.12.22",
     "@webcomponents/webcomponentsjs": "^2.4.0",