@imposium-hub/components 2.5.18 → 2.6.0-1

package/src/components/auth-gate/AuthGate.tsx

@@ -1,84 +0,0 @@
-import * as React from 'react';
-import ScaleLoader from 'react-spinners/ScaleLoader';
-import SessionService from '../../services/Session';
-import AuthService, { IIdentity } from '../../services/Auth0';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import { login } from '../../redux/actions/auth';
-import { setAccessData } from '../../redux/actions/access';
-
-interface IAuthGateProps {
-    auth0ClientId: string;
-    auth0Domain: string;
-    auth0Hash: string;
-    onAuthenticated: (storyId, orgId) => any;
-    storyId: string;
-    organizationId: string;
-    baseUrl?: string;
-    setAccessData(accessData: any): any;
-    login: (id: IIdentity) => any;
-}
-
-class AuthGate extends React.PureComponent<IAuthGateProps> {
-    private static readonly LOADER_COLOR: string = '#2d8ceb';
-
-    constructor(p: IAuthGateProps) {
-        super(p);
-    }
-
-    public componentDidMount = (): void => {
-        const { auth0ClientId, auth0Hash, auth0Domain, onAuthenticated, baseUrl } = this.props;
-
-        AuthService.bindToClient(auth0ClientId, auth0Domain);
-
-        if (!auth0Hash) {
-            console.info('No hash found, redirecting to login');
-            AuthService.login();
-        } else {
-            AuthService.parseIdFromHash(auth0Hash)
-                .then((freshIdentity: IIdentity) => {
-                    // Use the cached org ID and story ID if it exists
-                    const orgId = SessionService.getCachedOrgId() || null;
-                    const storyId = SessionService.getCachedStoryId() || null;
-
-                    SessionService.getAccessData(freshIdentity.accessToken, baseUrl, false, orgId)
-                        .then((freshAccess: any) => {
-                            this.props.login(freshIdentity);
-                            this.props.setAccessData(freshAccess);
-                            SessionService.buildFreshSession(freshIdentity, orgId, storyId);
-                            onAuthenticated(storyId, orgId);
-                        })
-                        .catch((e) => {
-                            console.error('Error getting access data, redirecting to root');
-                            console.error(e);
-                            onAuthenticated(null, null);
-                        });
-                })
-                .catch((e) => {
-                    console.error('Error parsing ID from hash, redirecting to login');
-                    console.error(e);
-                    AuthService.login();
-                });
-        }
-    };
-
-    public render = (): JSX.Element => {
-        return (
-            <div className='auth-gate'>
-                <ScaleLoader color={AuthGate.LOADER_COLOR} />
-            </div>
-        );
-    };
-}
-
-const mapDispatchToProps = (dispatch) => {
-    return bindActionCreators(
-        {
-            login,
-            setAccessData
-        },
-        dispatch
-    );
-};
-
-export default connect(null, mapDispatchToProps)(AuthGate);

package/src/redux/actions/auth.ts

@@ -1,30 +0,0 @@
-import { IIdentity } from '../../services/Auth0';
-
-export const AUTH_CACHE_KEY: string = 'imposium_hub_creds';
-
-export const login = (auth: IIdentity): any => {
-    try {
-        localStorage.setItem(AUTH_CACHE_KEY, JSON.stringify(auth));
-    } catch (e) {
-        console.warn('Failed to cache auth creds...');
-    }
-
-    return { type: actions.LOGIN, auth };
-};
-
-export const clearCachedAuth = (): any => {
-    try {
-        localStorage.removeItem(AUTH_CACHE_KEY);
-    } catch (e) {
-        console.warn('Failed to remove cached creds');
-    }
-
-    return { type: actions.CLEAR };
-};
-
-const actions = {
-    LOGIN: 'auth/LOGIN',
-    CLEAR: 'auth/CLEAR'
-};
-
-export default actions;

package/src/redux/reducers/auth.ts

@@ -1,33 +0,0 @@
-import actions, { AUTH_CACHE_KEY } from '../actions/auth';
-import AuthService, { IIdentity } from '../../services/Auth0';
-
-let initialState: IIdentity = null;
-
-try {
-    const cachedAuth: IIdentity = JSON.parse(localStorage.getItem(AUTH_CACHE_KEY));
-
-    if (cachedAuth) {
-        const {
-            idTokenPayload: { exp }
-        } = cachedAuth;
-
-        if (AuthService.checkExpiry(exp)) {
-            initialState = cachedAuth;
-        }
-    }
-} catch (e) {
-    console.warn('Cached credentials were malformed or missing, redirected to login.');
-}
-
-const auth = (state = initialState, action) => {
-    switch (action.type) {
-        case actions.LOGIN:
-            return { ...action.auth };
-        case actions.CLEAR:
-            return null;
-        default:
-            return state;
-    }
-};
-
-export default auth;

package/src/services/Auth0.ts

@@ -1,82 +0,0 @@
-import * as auth0 from 'auth0-js';
-
-export interface IIdentity {
-    accessToken: string;
-    expiry: number;
-    expiresIn: number;
-    idToken: string;
-    tokenType: string;
-    idTokenPayload: any;
-}
-
-export default class AuthService {
-    private static readonly IMPOSIUM_APP_DEFAULTS: any = {
-        scope: 'openid',
-        audience: 'https://api.4cinsights.io/',
-        responseType: 'token id_token',
-        redirectUri: `${window.location.origin}/auth`
-    };
-
-    // Auth0 JS client
-    private static auth0Client: auth0.WebAuth;
-
-    /*
-        Initialize the auth0 web client with client ID for a given app-wrapper
-     */
-    public static bindToClient = (clientID: string, domain: string): void => {
-        AuthService.auth0Client = new auth0.WebAuth({
-            clientID,
-            domain,
-            ...AuthService.IMPOSIUM_APP_DEFAULTS
-        });
-    };
-
-    /*
-        redirect to auth0 for login
-     */
-    public static login = (): void => {
-        AuthService.auth0Client.authorize();
-    };
-
-    /*
-        Re-direct to auth0 to cancel session & instruct auth0 to redirect back to login
-     */
-    public static logout = (): void => {
-        AuthService.auth0Client.logout({ returnTo: `${window.location.origin}/auth` });
-    };
-
-    /*
-        Validate auth0 expiry timestamp
-     */
-    public static checkExpiry = (expiry: number): boolean => expiry > Date.now().valueOf() / 1000;
-
-    /*
-        Parse out identity from hash
-     */
-    public static parseIdFromHash = (hash: string): Promise<IIdentity> => {
-        return new Promise((resolve, reject) => {
-            AuthService.auth0Client.parseHash({ options: hash }, (e: Error, id: IIdentity) => {
-                if (!e) {
-                    resolve(id);
-                } else {
-                    reject(e);
-                }
-            });
-        });
-    };
-
-    /*
-        Defer to auth0 web servers to check if users session is valid
-     */
-    public static checkSession = (): Promise<IIdentity | Error> => {
-        return new Promise((resolve, reject) => {
-            AuthService.auth0Client.checkSession({}, (e: Error, id: IIdentity) => {
-                if (!e) {
-                    resolve(id);
-                } else {
-                    reject(e);
-                }
-            });
-        });
-    };
-}

package/src/services/Session.ts

@@ -1,153 +0,0 @@
-import * as Cookies from 'js-cookie';
-import axios, { AxiosResponse, AxiosError } from 'axios';
-import { IIdentity } from './Auth0';
-
-export interface IHubSession {
-    sub: string;
-    organization_id: string;
-    story_id: string;
-}
-
-export default class SessionService {
-    private static readonly LOGIN_STORY_ID_CACHE: string = 'imp_hub_last_story_id';
-
-    private static readonly LOGIN_ORG_ID_CACHE: string = 'imp_hub_last_org_id';
-
-    private static readonly SESSION_COOKIE_NAME: string = 'auth_state';
-
-    private static readonly FRESH_COOKIE: IHubSession = {
-        sub: '',
-        organization_id: '',
-        story_id: ''
-    };
-
-    /*
-        Get list of accessible services with themes from Imposium API
-    */
-    public static getAccessData = (
-        idToken: string,
-        baseUrl?: string,
-        getTotalRenders: boolean = false,
-        accountId?: string
-    ): Promise<any[]> => {
-        return new Promise((resolve, reject) => {
-            let accessUrl = baseUrl ? `${baseUrl}/access` : SessionService.determineAccessUrl();
-            const headers: any = { Authorization: `Bearer ${idToken}` };
-
-            if (getTotalRenders) {
-                accessUrl += '?include_total_renders=true';
-            }
-
-            if (accountId && accountId !== 'undefined') {
-                headers['X-Imposium-Account-Id'] = accountId;
-            }
-
-            axios
-                .get(accessUrl, { headers })
-                .then((res: AxiosResponse) => {
-                    resolve(res.data ? res.data : []);
-                })
-                .catch((e: AxiosError) => {
-                    reject(e);
-                });
-        });
-    };
-
-    public static getSession = (): IHubSession =>
-        Cookies.getJSON(SessionService.SESSION_COOKIE_NAME);
-
-    public static removeSession = (): void => {
-        const domain: string = SessionService.scrapeDomain();
-        Cookies.remove(SessionService.SESSION_COOKIE_NAME, { domain });
-        SessionService.clearCachedOrgId();
-        SessionService.clearCachedStoryId();
-    };
-
-    public static buildFreshSession = (
-        freshIdentity: IIdentity,
-        orgId: string = null,
-        storyId: string = null
-    ): void => {
-        const {
-            idTokenPayload: { sub, exp }
-        } = freshIdentity;
-
-        const freshSession: any = {
-            sub
-        };
-
-        if (orgId) {
-            freshSession.organization_id = orgId;
-        }
-
-        if (storyId) {
-            freshSession.story_id = storyId;
-        }
-
-        SessionService.storeSession(freshSession, exp);
-    };
-
-    public static storeSession = (values: any, auth0Expiry: number): void => {
-        const cookieData: IHubSession = { ...SessionService.FRESH_COOKIE, ...values };
-        const domain: string = SessionService.scrapeDomain();
-        const expiry: Date = new Date(auth0Expiry * 1000);
-
-        Cookies.set(SessionService.SESSION_COOKIE_NAME, cookieData, { domain, expires: expiry });
-    };
-
-    public static cacheOrgId = (organizationId: string): void => {
-        localStorage.setItem(SessionService.LOGIN_ORG_ID_CACHE, organizationId);
-    };
-
-    public static clearCachedOrgId = () => {
-        localStorage.removeItem(SessionService.LOGIN_ORG_ID_CACHE);
-    };
-
-    public static getCachedOrgId = (): string => {
-        return localStorage.getItem(SessionService.LOGIN_ORG_ID_CACHE);
-    };
-
-    public static cacheStoryId = (storyId: string): void => {
-        localStorage.setItem(SessionService.LOGIN_STORY_ID_CACHE, storyId);
-    };
-
-    public static clearCachedStoryId = (): void => {
-        localStorage.removeItem(SessionService.LOGIN_STORY_ID_CACHE);
-    };
-
-    public static getCachedStoryId = (): string => {
-        return localStorage.getItem(SessionService.LOGIN_STORY_ID_CACHE);
-    };
-
-    public static updateSession = (values: any, auth0Expiry: number): void => {
-        const prevCookieData: IHubSession = SessionService.getSession();
-        const nextCookieData: IHubSession = { ...prevCookieData, ...values };
-
-        SessionService.storeSession(nextCookieData, auth0Expiry);
-    };
-
-    /*
-        Determine which domain to assign cookie to
-     */
-    private static scrapeDomain = (): string => {
-        const domainParts: string[] = window.location.host.split('.').reverse();
-        return domainParts.length > 2 ? `.${domainParts[1]}.${domainParts[0].split(':')[0]}` : null;
-    };
-
-    /*
-        Figure out which access endpoint to hit based on env
-    */
-    private static determineAccessUrl = (): string => {
-        const {
-            location: { hostname, host }
-        } = window;
-
-        if (hostname === 'localhost') {
-            return 'https://api/access';
-        } else if (host.includes('.staging.')) {
-            return 'https://api.staging.imposium.com/access';
-        } else {
-            return 'https://api.imposium.com/access';
-        }
-    };
-}