@imposium-hub/components 2.8.0-7 → 2.8.1

package/dist/esm/services/Auth0.js

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

package/dist/esm/services/Auth0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth0.js","sourceRoot":"","sources":["../../../src/services/Auth0.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAWlC,MAAM,CAAC,OAAO,OAAO,WAAW;IACpB,MAAM,CAAU,qBAAqB,GAAQ;QACjD,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,4BAA4B;QACtC,YAAY,EAAE,gBAAgB;QAC9B,WAAW,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,OAAO;KAChD,CAAC;IAEF,kBAAkB;IACV,MAAM,CAAC,WAAW,CAAgB;IAE1C;;OAEG;IACI,MAAM,CAAC,YAAY,GAAG,CAAC,QAAgB,EAAE,MAAc,EAAQ,EAAE;QACpE,WAAW,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC;YACxC,QAAQ;YACR,MAAM;YACN,GAAG,WAAW,CAAC,qBAAqB;SACvC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF;;OAEG;IACI,MAAM,CAAC,KAAK,GAAG,GAAS,EAAE;QAC7B,WAAW,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;IACxC,CAAC,CAAC;IAEF;;OAEG;IACI,MAAM,CAAC,MAAM,GAAG,GAAS,EAAE;QAC9B,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC;IACnF,CAAC,CAAC;IAEF;;OAEG;IACI,MAAM,CAAC,WAAW,GAAG,CAAC,MAAc,EAAW,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAE9F;;OAEG;IACI,MAAM,CAAC,eAAe,GAAG,CAAC,IAAY,EAAsB,EAAE;QACjE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,CAAQ,EAAE,EAAa,EAAE,EAAE;gBAC7E,IAAI,CAAC,CAAC,EAAE,CAAC;oBACL,OAAO,CAAC,EAAE,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACJ,MAAM,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF;;OAEG;IACI,MAAM,CAAC,YAAY,GAAG,GAA+B,EAAE;QAC1D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnC,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAQ,EAAE,EAAa,EAAE,EAAE;gBACjE,IAAI,CAAC,CAAC,EAAE,CAAC;oBACL,OAAO,CAAC,EAAE,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACJ,MAAM,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC"}

package/dist/esm/services/Session.d.ts

@@ -0,0 +1,26 @@
+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;
+    private static readonly LOGIN_ORG_ID_CACHE;
+    private static readonly SESSION_COOKIE_NAME;
+    private static readonly FRESH_COOKIE;
+    static getAccessData: (idToken: string, baseUrl?: string, getTotalRenders?: boolean, accountId?: string) => Promise<any[]>;
+    static getSession: () => IHubSession;
+    static removeSession: () => void;
+    static buildFreshSession: (freshIdentity: IIdentity, orgId?: string, storyId?: string) => void;
+    static storeSession: (values: any, auth0Expiry: number) => void;
+    static cacheOrgId: (organizationId: string) => void;
+    static clearCachedOrgId: () => void;
+    static getCachedOrgId: () => string;
+    static cacheStoryId: (storyId: string) => void;
+    static clearCachedStoryId: () => void;
+    static getCachedStoryId: () => string;
+    static updateSession: (values: any, auth0Expiry: number) => void;
+    private static scrapeDomain;
+    private static determineAccessUrl;
+}

package/dist/esm/services/Session.js

@@ -0,0 +1,107 @@
+import * as Cookies from 'js-cookie';
+import axios from 'axios';
+export default class SessionService {
+    static LOGIN_STORY_ID_CACHE = 'imp_hub_last_story_id';
+    static LOGIN_ORG_ID_CACHE = 'imp_hub_last_org_id';
+    static SESSION_COOKIE_NAME = 'auth_state';
+    static FRESH_COOKIE = {
+        sub: '',
+        organization_id: '',
+        story_id: ''
+    };
+    /*
+        Get list of accessible services with themes from Imposium API
+    */
+    static getAccessData = (idToken, baseUrl, getTotalRenders = false, accountId) => {
+        return new Promise((resolve, reject) => {
+            let accessUrl = baseUrl ? `${baseUrl}/access` : SessionService.determineAccessUrl();
+            const headers = { 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) => {
+                resolve(res.data ? res.data : []);
+            })
+                .catch((e) => {
+                reject(e);
+            });
+        });
+    };
+    static getSession = () => Cookies.getJSON(SessionService.SESSION_COOKIE_NAME);
+    static removeSession = () => {
+        const domain = SessionService.scrapeDomain();
+        Cookies.remove(SessionService.SESSION_COOKIE_NAME, { domain });
+        SessionService.clearCachedOrgId();
+        SessionService.clearCachedStoryId();
+    };
+    static buildFreshSession = (freshIdentity, orgId = null, storyId = null) => {
+        const { idTokenPayload: { sub, exp } } = freshIdentity;
+        const freshSession = {
+            sub
+        };
+        if (orgId) {
+            freshSession.organization_id = orgId;
+        }
+        if (storyId) {
+            freshSession.story_id = storyId;
+        }
+        SessionService.storeSession(freshSession, exp);
+    };
+    static storeSession = (values, auth0Expiry) => {
+        const cookieData = { ...SessionService.FRESH_COOKIE, ...values };
+        const domain = SessionService.scrapeDomain();
+        const expiry = new Date(auth0Expiry * 1000);
+        Cookies.set(SessionService.SESSION_COOKIE_NAME, cookieData, { domain, expires: expiry });
+    };
+    static cacheOrgId = (organizationId) => {
+        localStorage.setItem(SessionService.LOGIN_ORG_ID_CACHE, organizationId);
+    };
+    static clearCachedOrgId = () => {
+        localStorage.removeItem(SessionService.LOGIN_ORG_ID_CACHE);
+    };
+    static getCachedOrgId = () => {
+        return localStorage.getItem(SessionService.LOGIN_ORG_ID_CACHE);
+    };
+    static cacheStoryId = (storyId) => {
+        localStorage.setItem(SessionService.LOGIN_STORY_ID_CACHE, storyId);
+    };
+    static clearCachedStoryId = () => {
+        localStorage.removeItem(SessionService.LOGIN_STORY_ID_CACHE);
+    };
+    static getCachedStoryId = () => {
+        return localStorage.getItem(SessionService.LOGIN_STORY_ID_CACHE);
+    };
+    static updateSession = (values, auth0Expiry) => {
+        const prevCookieData = SessionService.getSession();
+        const nextCookieData = { ...prevCookieData, ...values };
+        SessionService.storeSession(nextCookieData, auth0Expiry);
+    };
+    /*
+        Determine which domain to assign cookie to
+     */
+    static scrapeDomain = () => {
+        const domainParts = 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
+    */
+    static determineAccessUrl = () => {
+        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';
+        }
+    };
+}
+//# sourceMappingURL=Session.js.map

package/dist/esm/services/Session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Session.js","sourceRoot":"","sources":["../../../src/services/Session.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.8.0-7",
+    "version": "2.8.1",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/app-wrapper/AppWrapper.tsx

@@ -229,6 +229,12 @@ export const AppWrapper: React.FC<IAppWrapperProps> = (props) => {
                 })
                 .catch((e: Error) => {
                     setErrorState(APP_WRAPPER_ERROR_STATES.UNAUTHORIZED_ORG);
+
+                    // Attempt to get the access data again without the org ID, so we can at least shoe the user the org dropdown
+                    api.init(baseUrl, getAccessTokenSilently, null);
+                    api.getAccessData(false).then((freshAccess: any) => {
+                        props.setAccessData(freshAccess);
+                    });
                 });
 
             // If we're not loading, and we're not authenticated, call login, and cache story + org ID from URL if it's there

package/src/components/header/Header.tsx

@@ -73,7 +73,7 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
 
     private static readonly SDK_DOCS_LINK: string = 'https://docs.imposium.com/js-sdk/';
 
-    private static readonly DEFAULT_ACCOUNT_TOGGLE_COLOR: string = 'royalblue';
+    private static readonly DEFAULT_ACCOUNT_TOGGLE_COLOR: string = '#AF1126';
 
     private static readonly NO_STORIES_COPY: string = 'No stories were found';
 
@@ -144,7 +144,7 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                 : [];
 
         let dropdownToggleColor: string = ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR;
-        let activeFirstChar: string = '';
+        let activeFirstChar: string = 'X';
 
         if (activeOrganizationBlob && activeOrganizationBlob.hasOwnProperty('name')) {
             dropdownToggleColor = string2HexCode(activeOrganizationBlob.name);
@@ -209,6 +209,7 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                                 api.cacheActiveStory(activeServiceId, orgId, storyId);
                             } else {
                                 pushRoute(`/${orgId}`);
+                                api.cacheActiveStory(activeServiceId, orgId);
                             }
                         })
                         .catch((e) => {

package/src/components/publish-wizard/publish/EmailWorkflow.tsx

@@ -12,7 +12,13 @@ import { connect } from 'react-redux';
 import SelectField from '../../select-field/SelectField';
 import { updateAssociation, getBatch, setPage } from '../../../redux/actions/active-batch';
 import TextField from '../../text-field/TextField';
-import { CRM_PLACEMENT_VARS } from '../../../constants/publish';
+import {
+    ADSTUDIO_POST_RENDER_ACTION,
+    ASSET_NAME_VAR,
+    ASSETS_POST_RENDER_ACTION,
+    CRM_PLACEMENT_VARS
+} from '../../../constants/publish';
+import CheckboxField from '../../checkbox-field/CheckboxField';
 
 interface IEmailWorkflowProps {
     story: any;
@@ -69,12 +75,12 @@ interface IEmailWorkflowProps {
     onNext: (val: boolean) => void;
     next: boolean;
     isCrM: boolean;
+    isCrMAsset?: boolean;
 }
 
 interface CrMOverrides {
     creative_id: string;
     creative_library_id: string;
-    notification_email: string;
     placement_type: string;
 }
 
@@ -124,7 +130,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             creativeManagerOverrides: {
                 creative_id: '',
                 creative_library_id: '',
-                notification_email: '',
                 placement_type: 'crm-adstudio'
             },
             waitingForPublish: false,
@@ -266,6 +271,8 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         const { name } = this.props.story;
         const { isCrM } = this.props;
         const { inventory, inventoryKeys } = this.state;
+        const uploadAsAssets =
+            this.state.creativeManagerOverrides.placement_type === ASSETS_POST_RENDER_ACTION;
 
         const maskConfig: any[] = inventoryKeys.map((currKey: string) => {
             let value = '';
@@ -288,12 +295,27 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         });
 
         if (isCrM) {
-            for (const id of CRM_PLACEMENT_VARS) {
-                maskConfig.push({
-                    id,
-                    name: id,
-                    show: true
-                });
+            if (uploadAsAssets) {
+                maskConfig.push(
+                    {
+                        id: ASSET_NAME_VAR,
+                        name: ASSET_NAME_VAR,
+                        show: true
+                    },
+                    {
+                        id: 'creative_library_id',
+                        name: 'creative_library_id',
+                        show: true
+                    }
+                );
+            } else {
+                for (const id of CRM_PLACEMENT_VARS) {
+                    maskConfig.push({
+                        id,
+                        name: id,
+                        show: true
+                    });
+                }
             }
         }
 
@@ -436,12 +458,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
     private getPostRenderActions() {
         const CrMUploadAction = { data: {} };
         const {
-            creativeManagerOverrides: {
-                placement_type,
-                creative_id,
-                creative_library_id,
-                notification_email
-            }
+            creativeManagerOverrides: { placement_type, creative_id, creative_library_id }
         } = this.state;
 
         CrMUploadAction['type'] = placement_type;
@@ -451,9 +468,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         if (creative_library_id) {
             CrMUploadAction.data['creative_library_id'] = creative_library_id;
         }
-        if (notification_email) {
-            CrMUploadAction.data['notification_email'] = notification_email;
-        }
 
         return [CrMUploadAction];
     }
@@ -911,10 +925,8 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
         </div>
     ) : null;
 
-    return (
+    const standardInterface = (
         <>
-            <HRule />
-            <br />
             <h2>{copy.publish.crmPlacement}</h2>
             <p>{copy.publish.crmData}</p>
             {e}
@@ -933,14 +945,44 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
                 value={options.creative_id}
                 onChange={(v) => onInputChange('creative_id', v)}
             />
+        </>
+    );
+
+    const assetInterface = (
+        <>
+            <h2>{copy.publish.crmPlacement}</h2>
+            <p>{copy.publish.crmData}</p>
+            {e}
+            <br />
             <TextField
                 width={'33%'}
                 labelPosition='top'
-                label={copy.publish.email}
-                value={options.notification_email}
-                onChange={(v) => onInputChange('notification_email', v)}
+                label={copy.publish.creativeLibraryId}
+                value={options.creative_library_id}
+                onChange={(v) => onInputChange('creative_library_id', v)}
             />
+        </>
+    );
+    return (
+        <>
+            <HRule />
             <br />
+            {options['placement_type'] === ASSETS_POST_RENDER_ACTION
+                ? assetInterface
+                : standardInterface}
+            <br />
+            <HRule />
+            <CheckboxField
+                value={options['placement_type'] === ASSETS_POST_RENDER_ACTION ? true : false}
+                label={copy.publish.uploadAsAssets}
+                onChange={(v) => {
+                    if (v === false) {
+                        onInputChange('placement_type', ADSTUDIO_POST_RENDER_ACTION);
+                    } else {
+                        onInputChange('placement_type', ASSETS_POST_RENDER_ACTION);
+                    }
+                }}
+            />
             <HRule />
         </>
     );

package/src/constants/copy.ts

@@ -123,6 +123,7 @@ export const compositions = {
 };
 
 export const publish = {
+    uploadAsAssets: 'Upload as Assets',
     noVariablesError:
         'No variables found on the project. Cannot proceed with publishing to Creative Manager until at least one variable is added to the project.',
     publishInProgress: 'Publish to Creative Manager in progress',
@@ -130,7 +131,6 @@ export const publish = {
     btnCrM: 'Creative Manager',
     creativeLibraryId: 'Creative Library ID',
     creativeId: 'Creative ID',
-    email: 'Notification Email',
     missingFields: 'Please provide the missing fields and try again!',
     crmPlacement: 'Creative Manager Placement Variables',
     crmData: `If your CSV batch data doesn't contain the required Creative Manager placement variables, or you would like to override them, enter the values below before you upload the batch data.`,

package/src/constants/publish.ts

@@ -14,11 +14,16 @@ export const CRM_PLACEMENT_OPTIONS = [
     }
 ];
 
+export const ASSET_NAME_VAR = 'asset-name';
+
 export const CRM_PLACEMENT_VARS = [
     'creative_library_id',
     'creative_id',
     'version-name',
     'version-id',
-    'clickTag1',
-    'notificiaton_email'
+    'clickTag1'
 ];
+
+export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
+
+export const ASSETS_POST_RENDER_ACTION = 'crm-asset';

package/src/services/API.ts

@@ -148,7 +148,7 @@ export interface IImposiumAPI {
     getAssetMap(storyId: string);
     clearStoryCache(storyId: string);
     debugId(id: string);
-    cacheActiveStory(serviceId: any, orgId: string, storyId: string);
+    cacheActiveStory(serviceId: any, orgId: string, storyId?: string);
     getCachedStoryForOrg(serviceId: string, orgId: string);
     getAccessData(includeTotalRenders?: boolean, orgId?: string);
     deleteExperience(experienceId: string, eraseMedia?: boolean);
@@ -1718,16 +1718,21 @@ export default class API {
         });
     };
 
-    public cacheActiveStory = (serviceId, orgId, storyId): Promise<any | Error> => {
+    public cacheActiveStory = (serviceId, orgId, storyId?): Promise<any | Error> => {
         const route = `/service/${serviceId}/${orgId}/active`;
 
+        const data: any = {
+            organization_id: orgId
+        };
+
+        if (storyId) {
+            data['story_id'] = storyId;
+        }
+
         return this.doRequest({
             method: 'POST',
             url: route,
-            data: {
-                story_id: storyId,
-                organization_id: orgId
-            }
+            data
         });
     };