@imposium-hub/components 2.2.44 → 2.2.45-0

package/less/components/header.less

@@ -164,6 +164,15 @@
                     background-repeat: no-repeat;
                 }
 
+                .ft-logo{
+                    width:125px;
+                    height:30px;
+                    margin: 0px 5px 0px 0px;
+                    background: url('data:image/png;base64,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Z2VSZWFkeXHJZTwAAAMoaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5kYmEzZGEzYjUsIDIwMjMvMTIvMTUtMTA6NDI6MzcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS42IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBMzQ5QTkwRjY5NDExRUU4NDVFQjg4MTlGNTlEMjkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBMzQ5QTkxRjY5NDExRUU4NDVFQjg4MTlGNTlEMjkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTdGRDNFODlGMzU0MTFFRTg0NUVCODgxOUY1OUQyOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTdGRDNFOEFGMzU0MTFFRTg0NUVCODgxOUY1OUQyOTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Kx1QxAAATvElEQVR42uxdCXhU1RU+byaZhCxkIewQIlBAFFoBxQqKIFttVbQtWosVtYpWa5XW+imttVZb61Jp6aKiFKkKCpSixWJBBcGlVFEWK8UoSAikgUBCmKwz83rOvHPJzfPNzJuZN0vi/b/vfPPmLffd7dxz7jnn3qfpug4JwgikUUinI5Ux9ULymO5rRDqItAfpU6S3kd5H2gUKCgqOQXOY2c9EuhDpfKQvxpnWFqQ1SKuRtqmmUlBIPbO7ka5Aug7pywnK53qkx5GWqyZTUEgNs1+FdAfSF5KU3+1IdyOtUk2noJAcZj8D6ddI56Yo339D+jHSR6oJFRTswRXDM/OQ/pVCRifM4Hn8daoJFRScl+y5SM8hfTXNyvAE0rWqKRUUnGH2/kivJHFuHi02geEBOK6aVEEhdmYnBt+A1CfNy/IB0gSkGtWsCgrRM3tfpK1IPZx8qd7UAr6d+8D/0UHwHzgC0NJqZKZLFrj6FkPG8FIkVCa0qJOmQBwK5GlUTaugYJ/ZKdKNXF1DnXqZ7/090PTcZmjZ+AH4P6kCvaEZ9MYW0ANGHjS3CyA7E1wFueAe0geyJo6ArJlnQcaQvtG8ZjPS2appFRTsM/s/kKY78RL/3mrw3rcCmla9DXqtF7SiPGToHAA3im6X5BCgrGB+dJ8f9KPHQT/WCK4eBZB9+TmQe9dMcHXNsftKCsCZo5pXQSEys5MP+9dOvKBp5VtQf+siCFTWgGtAd1TVUWEI2PQAuDTQjzeBf98hyBxZBvnzrwHPxBF2X3050lLVxAoKoZl9KDi0CKXhodVQf/tThiTvVYgiPhBDDolcEKg4BDpqAfm/ugK6XHUeaKjuR0AzGEbFI6qZFRSsg2qedoTR578Ix257Alz9uoGrZ4yMLlT7QADcA3uBXt8Ix+/4C+iH6uw8mYW0UDWxgoI1s38DaUy8iTa/9C4cm7sI3KW9QMvLDjJrXMhwBVV5V/cCKHpxHrj6l9h98hIwQnsVFJQaL6nxxPi0nrxfPAkGDtdDzei5oHubUKIXRWZ0er3Pb6jrGW5LRg/srwHIzAgyeubYIdFm6d+K4RUUkJWk45nxMjrBe99ylMKHIeOU/qFVdxdydqsfAv+rDbretMLc4KBA1nfSBMgCD+SGwzk6GfYgM5MZPaYAPto8YxzSG0mqUxqxrkHCQgQj+95W3Sxl+CbSSWDsjbBBSfY2yU7BM6fFk5ivvAqOnHU7aLlZoGV7QqrkgYO1OBD4wTPtNMiaNDI4H6f/vv9WQvO6bdDy2g5w4QCgN7UGB4YYJbqMF5AucrDeaIOOKWDsxkMBRz9AWsfXcN5yIqjnd3wt3UFluAyJrJ4rWMPrDPgYaSDSMqRvma6NBcMYvYcH5VhAOy/dwNrj3zuKZB8RL6MTmp7eAIGaY5DRvZ+1ew3VdP+n1eDuVwL5D82GrPNHt7tMzJ9z89eg8ZmNUH/DY6C3+qB4w73xMjrhAqTuSIfiTKcrM8MU0/lTJWangh9GIsPC0Q7CFFTBv+XjTzsRsx9gZj9sce2XSJPAWD35pRjSzuZBYjD/nyr1gbRm9m/HnRJqCBQZ5yrMs2Z0lNCBqqPg7l0MRS/9FNxloSNwu3x7Arhxvq+jau8Aowc1GDCMdY/Fmc56nhYQdvF/cvG91sGZokU6djrU+CTWGHanWZnFoqljMT7fRWJ0ITA7BLNfGG9Cvl2V4P/4oDH/tgLO0Wl+3nXhjWEZ/YSUnzzS6bJeHCezf1di9AfBCDzqLNBDHMdru/gTGMuP0zGi0Wf6jRaktd2KNBeMRViL0r2RyQJPVq+T4665D/dDoLbBiG+3QKC6DrKmjwLPOcNTVdbxrIbHiu/w73udjNETBTe07TNQ30nLOB9pGNJXkGo7wpx9nBMJ0cKWQP1h0HI8lnLDX3cIGf2UVJY1lyXzKzGqbGJAfEbxsW1tYS8YW4gHOnE5GzpKRonZRzsyKc7vAhm9+4F7UK/PaoK+AM7lcwx3XGpxWozMTvNYEcnzr07OpJpD6bQyEVTIcpow+2AnEsqZMxlyrpuAjK0Fm1g3j/F4WsvJSnV5o7H20RI72iKbrK750vlZYBhj3NJ9tNttrJtfdgPDLXQmaw/UJpVgfChjtWlwoXeTwYtWJL4TIr3+nG/S2Aaw5NmJ9CrYC4X2828h0mwwlgsP5lYkV9ZbSEuQqi2epa3EzwXD6JXBZSNMRqrjOtO4zl4JUwaK95jJgojcY2Tgq0B6F4zNRt/j+6htyLjcG+mfYPjTnUYp0td5CkiD/gJoM2KO47KR92Kx6TlS7y/mcv+Rz1FZaIEWuf1o3QYZRsnQuwHpKWlwtAPyJNDuTORJ6MntTGm9Dsb2ccIASer0RcEBV9f1HboDaAzoeiDGZ4+1tuCzAT0JWEtxBTapXxTp3ig9l4V0iM/fHeEdP0c6EiHtpUj5fH8Tn3swRHrXInnDpLUTabTFc6dL9wxEGiOVwQqU59kW6SyJos4WWDzvRnogQhkIi5Ay+BmBRyzS2xTmXSv52qth2udUpBrpHbdxHsX1RdI187M3ma7NiVCmcqSJNvoltc3rEdI6gHQ133+lOEmjby8nhr8nF/pg2Uo/jPqSC8aMcsFXJrugpFt4jXBB5cewuHofVLY0Qo47EyYXdIN5A4bDAE92oiR77yjubeY5Zw5LJCGljvE1WW85EGU+yLCxHtpvsrGJpSYhj0dukg6X8fRjIhgbc5zH0sIMci0+Lv2nQJJ9fHw2S91T+D3jJOloxg/B8DxQHikuYY0kxc9gyV2E9GeWJs9Lz5Jk+R+0rbko5rqj+7ymOis3vbeYpbM8raQ62srHBVwnZFCm7xWMZIm1nY+dNpB9mTWoArY5TLWYAorpyX6L54Vk3c2GvB9IdfQqX3dzu9LuSoP4/AjWxKxAGuCz0n/qd+u4zgnDWdpTP3+SNYVP+FoLcX6DEyLz3gda9aLSBn3Y6Ea99OQG/expTfoTS3yW9/pRik/Z+YYOa5/S4ZVlOmxcqcNry3V4eYlesHm1vvV4XaIk+4dRSHYhadwmKf8N6bwgLUrJvllKjyTMiBD3XYj0Md+3iyUzYZ7pvmykakl6D7ZI62K9Tfl6LYxkP9GkSLkW6ZxHyhjf04JULF1zSXVCedrD9z1kUWcuU7rbpXc/izQsRJ18E+mgJA3L+fguByX7VCkvdSxNrfLyIN/zqcU1IVFllfXqEOlcKd3zboh7psiKNNLNSB6L+0qRfiPd+yb/emkE9jkxDGajMO5WrEGf3hoMHuSC414dfnJPK9z8YxpQ2t97297/wLoKHPDycFqYnYuzO5ySeXA+n18EdQ31MGPXFkDFPhGSnaRzNIYDP5MsSb3SeUHR+KZ/InlAHuH54I4Q977Ao/42nu+FcmeQNOjOxzdZSE1gu8L1nOb3I+Txl5xPr8U1km4z+Jjm0ldK1wJSnTRJVvgmizqTG/g3XAbCz3heG2pPheWs6XzC0nCQw32EbAUv8/FBbqt3HDB4UixLKF88zdfn8TG191kW9qOVfFzPc/7fQftgKAHS5sj3f42koQT7sstpbiLGJioq1GDYEA1Wrg7A3Dvb7A5Hfa3wxyrUjrugpqpp7fmEHszJh321h2BVTVU6GTLzTG64WEHq790S08y18Uwdq6/htsmWDYgVYe57nFXfnWHu2SN1vFB4VTIcTg5xT6akznsiGMBu5eMXke6xUSdVrP62OtC28lLL69m4JdTvURHqyi5Wc9nC4WGpjaeZrt0mtfElPHWJBBpY7pNPuKD9yjdHmZ62lxsyWINlK3ywdIVh5C1v8UJTKw5I7hA7zWjGQLjleELCymtM8+1k4zKpc90YxXM0N3wwzPXdJqkcD+zGEYjFI/HuPDxL0qJuiOI5kmB/cKBN6qT2+BMfb2f7hFMSx050XTO0fa24zHRtNv+uZTtGNFpklczs3kT1bMHwvXpqsHCxL+iw6NXFJdlowkwLXO5EZKklxRrCJP4ltfC/UT67FEIHp+yXOtRMNuRdHiMjvmvzPp/JVRcrJvDvRnY5RoM/O9QnbkH6Pf9/nVX3Ogfb/UOb9x2WtCKBkyXmfzKGdy+TmT2h+jIxfHGRBp/s1WHdOoD+Wh6UZOMUhKS7ZmGtp80u8Px5BSWJyM7BFDP7AP6NZY17uWRdtwLFnv+Nj8exhC5n9fEWttTagd2v6mTYGrXt18m/Y3iW5u3xqoBfZ9sJ4WkefJz8spAX7H+4xG0aSAlyHMwHMbxfqPzBfZz3J6OXe3CsWv9Oa3B8uf+koTieNmGRWuEzAVveWhjfsxQmJYbZ96WY2TOiZKh242YEaUMdhII4LgXDCNfM87yvcWemjrIKIi9l9iS5ToTBNBambXGAMWVtSUtA+fxgP1xYC1M/hFjci6J+gqtWyhPdmkG7GwrzA1WGELimpAxuGTraYHgv9t/mBlTxjwePx/QohTXDTk9UVlK9zFJEXvWN4VliQjsxEeT3vohVv0tZvRdGuxmspk+C9IEYwGKJpab1DkVxvp/q62Y+pmi8lx0unwaxfS3ZisFj+QSbkJq+jCjmaHHBjQpKQ6PB+KS9P1J2Ckwv7AHPV1fAbmT2Hu5MmFrUA+b0PimR2XgvxR2bpCu5VSbG8KwIi7SLKu7IRF14Dr+Aj5/nAac5DZid5rNflObu0YCs5Xlxvj+X64WCZ34BbZtQTEmTwVD2BpwVA79OFRoMjThJ2ZuNmNy8+nVaYXd4csgo2DRiPKwcPjbRjO6NcV7oJF7gX4r9viTKZ+NZVtvIxp3Z/J/iDcYnobx21GLhkqLdfiZHmf6PHMhjAf/eC4aLCzgfb/BAkGpUSTz6vSifpUi6C0RbEPt9BPathR0ZZKE+luI8UOipMBKS9dfu96ymsyEpHFPdDoZrLxxeko6TsQTRbZq+WGGlNF9fCPZdwZeCM58nk70JD0kqPUnR1yG+uAqnINyuw3hQsounpTY4MZd44XPA7KvSIA+6JF1p1KVY+NIIz3wVIgdkPIp0Pxgrr8LtEHyBdLwrwWUl62u9VNZQoKnE9XxcxgwWyTZBu8Yuk+rUSZBKf5M0TXgzDSQ8BeWIuAYKeLozwv00YC4x22YEs3f2DRmoQ/w1TfLyT2ZMAi3geJ+l8lCTpB7HTPx3brwnwPBFW2ED/2axXWKOZJghFDFDiS/kkFF2SxLKKsJMZzGDFrPaTKG98monsiHM52MK7yR3EUUXDjL11XO4E4vFN4u5/pwGBetcJdlKNnLeU4kZklZIkXEUYHO+SfPoze1Mmjotc66GtviBDMHsOyD1xqtEgiRjPDvLytaGTBv3i+2vQi3fuwOM6CbBiPezpKVAG1rlVcHTDrFvG62HvhbaLM/m+H4KuBEhpyU8SFDY6zZu271gRIeRhGrgKUHAQt2GKNRoUbZwBrJf8a8wCu5jqpDUZYFbJRWVBoOHeVDaxYNGBTPdFVLaxJB9QtSJnDcrVVxMoUJJ7cU8VSCM5rYZEqIO8i2e90jX7Lr0ck15k0FRlGdKg/Q0nhbuZd7dwW1O7Uy+efJynAvSHgZyJ36gEzN7vGXzS/POJhv3iyWh4XzANDqfYdI4qDORH1y45razVLzRxJRWUY/zuQO8KXX0kWz4EoPPWlZNt1uo3K2sAdmNMhQqeriAkQ9ZldwideauzJhWDPJTlt7/kM4NZWYTTP0+awl3cv/1hakTkTcrW02txESh8DzbQY7yILoW2oeyijqwEiSNUl+wO9U4asqbGTRQjmVhIdzIPVj7OJXr1csa3Klc/wPFIO7Y558eXuCDRxf5oH9f60Gstk6HwQNd8Nxij2XgXALhxOef3Kwi0UheGcHgpPGcs5DvtWMUHMyNWMbvOsrS7C3TfT1ZuldC+E0c6Xt9FKwg1uDTeue3IfTqOg+XT+ySY2dAK+BB6ZBNrWkk59/DTLg7AqMNYUlWKjHuO9Deo+Lmzt6VVVxzXXdnOmDBQN04P3byX8KDU3eWpNWmOqByVFloDn2Z+arAXmBNCefpAEQOMiJ+Hc8DYR6nv5s1QjlS9HqW9l7zJ5vpw47LOxmzj03S/FRBIR2xhuf2W82RPSsgvrW76Ya/KkZX6AQg8Sh2KroriufGMKMHecHKGDMLEu+WSQaaoW3fcgWFjg4y0pKffRxPxyK5kkeyVBe2hflWMbtkdby9E1TOVaC2MFboHKC5NsXtt0gaK0VEUkiv7BIk4U2uy3tZQxdLnGmXHG8oN8sDrDZM76CVQzuyLFV9RKETYSszMjE6LQu+mok8PrU8IJBbWA5IIqMmuSo3iJEgFMTOnUPt5ORwjQ7l5Tr4QuxoV3NEhyyPnoxKkf3TCgqdjeFprz7aAZjcj7RHQR58NtahkoUdxSqc8BKYrfFm9OUXRNzxZOPmALy1JQCFBdbXG5sguLX0rEvdibTGk62B/MiNql8ofA5AMRknM59m8LSV5vMUTPWZuINIzE74AqsBfdK84LR8dALY3xVEQeFzBTuL6mlV3JkQ++eNkoFNnEfF6AoKcTA7oYJVhjVpWAZaIHIOOLtvmILC55bZgecAtJ/ZnWmSd5qXkyFO+dIVFBxmdgFabTQW2pZVpgK0iyptZfS4akIFhcQxO4FCUMkPf3WS5/LkCqTtnC5OcxuCgkLawY41PhJo5RE57q+Dtu9KOY31LMWXqyZTUEgds8sgiziF5lHk3WlxpkXaAxkEaUuebaqpFBTSi9llUKQPBbjQuuoyJgrlM3+EgAxttP6Wdtmg9fS07po2KNilmkdBwTn8X4ABALuEmg8gQd2CAAAAAElFTkSuQmCC');
+                    background-size: 125px 30px;
+                    background-repeat: no-repeat;
+                }
+
                 .heading {
                     .font-style;
                     margin: 0;
@@ -183,6 +192,10 @@
             a{
                 border:none;
             }
+
+            .additional-buttons{
+                margin-right:10px;
+            }
             
             .btn-help {
                 .circle-style;

package/less/components/publish-wizard.less

@@ -8,6 +8,18 @@
         color: red;
         word-break: break-word;
     }
+
+    .publish-error{
+        padding:5px;
+        background:@backgroundDark;
+        margin-top:10px;
+        border-radius:5px;
+        box-sizing: border-box;
+        width:100%;
+        .icon{
+            color:@danger;
+        }
+    }
     
     .publish-wizard-header{
         position:absolute;
@@ -85,6 +97,7 @@
         border:1px solid darken(@background, 4%);
         cursor:pointer;
         position: relative;
+        text-decoration: none;
 
         &.disabled{
             pointer-events: none;

package/package.json

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

package/src/Util.ts

@@ -26,6 +26,8 @@ export const getFirstStoryInOrg = (orgId: string, access: any): string => {
 };
 
 export const checkStoryId = (storyId: string, orgId: string, access: any): any => {
+    if (!access) return false;
+
     const activeOrg: any = getActiveOrg(orgId, access);
     if (activeOrg) {
         const story = activeOrg.stories.find((s) => s.id === storyId);
@@ -38,6 +40,7 @@ export const checkStoryId = (storyId: string, orgId: string, access: any): any =
         return false;
     }
 };
+
 export const getLastModifiedStoryInOrg = (orgId: string, access: any): string => {
     const activeOrg: any = getActiveOrg(orgId, access);
     const sortByLastModified = activeOrg.stories.sort((a, b) => b.date_modified - a.date_modified);

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import NoAccess from '../no-access/NoAccess';
 import Header from '../header/Header';
-import SessionService, { IHubSession } from '../../services/Session';
+import SessionService from '../../services/Session';
 import AuthService, { IIdentity } from '../../services/Auth0';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { login, clearCachedAuth } from '../../redux/actions/auth';
-import { cacheAccessData, clearCachedAccessList } from '../../redux/actions/access';
 import { validateAccessLevel } from '../../Util';
+import { setAccessData } from '../../redux/actions/access';
 
 export interface IAppWrapperProps {
     children: React.ReactChildren;
@@ -20,14 +20,13 @@ export interface IAppWrapperProps {
     access: any;
     auth: any;
     isFreshUser: boolean;
+    setAccessData(accessData: any): any;
     allowUnauthenticatedRender: boolean;
     onAuthenticated: (activeOrgId: string, activeStoryId: string) => any;
     onAuthenticationFailure: (e: Error) => any;
     showRequestAccess?: boolean;
     login: (id: IIdentity) => any;
     clearCachedAuth: () => any;
-    cacheAccessData: (accessData: any) => any;
-    clearCachedAccessList: () => any;
 }
 
 export interface IAppWrapperState {
@@ -67,8 +66,7 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
     }
 
     public componentDidMount = (): void => {
-        const { auth, access, auth0ClientId, auth0Domain, isFreshUser } = this.props;
-        const session: IHubSession = SessionService.getSession();
+        const { auth0ClientId, auth0Domain } = this.props;
 
         AuthService.bindToClient(auth0ClientId, auth0Domain);
 
@@ -86,22 +84,8 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
             this.setState({ restrictAccess: false });
         }
 
-        // If cookie, auth or access data is missing / mismatched,
-        // silently check auth0 session and refresh flow on success
-        if (
-            !isFreshUser &&
-            auth !== null &&
-            access !== null &&
-            typeof session === 'object' &&
-            typeof session.sub === 'string' &&
-            session.sub === auth.idTokenPayload.sub &&
-            session.stories_hash === SessionService.generateStoriesHash(access) &&
-            session.orgs_hash === SessionService.generateOrgsHash(access)
-        ) {
-            this.propagateCreds();
-        } else {
-            this.doCheckSession(true);
-        }
+        // Always check the session
+        this.doCheckSession(true);
     };
 
     /*
@@ -122,12 +106,14 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
 
             if (!validSession) {
                 this.props.clearCachedAuth();
-                this.props.clearCachedAccessList();
                 this.doCheckSession();
             }
         }
 
-        if (this.props.organizationId !== prevProps.organizationId) {
+        if (
+            this.props.organizationId !== prevProps.organizationId ||
+            this.props.access !== prevProps.access
+        ) {
             validAccessLevel = validateAccessLevel(
                 this.props.organizationId,
                 this.props.serviceId,
@@ -147,21 +133,58 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
     /*
         Emit creds to React parent
      */
-    private propagateCreds = (): void => {
-        const { auth, access, storyId, onAuthenticated } = this.props;
-        const activeOrgId: string = this.determineActiveOrganization(auth, access);
-        let activeStoryId: string = SessionService.getSession().story_id;
-        let activeOrg: any;
+    private propagateCreds = (freshAccess, freshIdentity): void => {
+        const { storyId, organizationId, onAuthenticated } = this.props;
+
+        let initialStoryId = storyId;
+        let initialOrganizationId = organizationId;
+
+        const firstOrg = freshAccess.organizations[0];
+
+        const getIDsFromSession = () => {
+            const session = SessionService.getSession();
+            if (session && session.story_id && session.organization_id) {
+                const org = freshAccess.organizations.find(
+                    (o: any) => o.id === session.organization_id
+                );
+                if (org) {
+                    const story = org.stories.find((s: any) => s.id === session.story_id);
+                    if (story) {
+                        return { orgId: org.id, storyId: story.id };
+                    }
+                }
+            }
+            return null;
+        };
 
-        if (this.props.storyId) {
-            activeOrg = access.organizations.find((o: any) => o.id === activeOrgId);
+        // If the org ID is not provided, but the storyID is provided, find the org ID if we can, if not, use the first org ID found and we'll show the story not found interface
+        if (!initialOrganizationId && initialStoryId) {
+            const org = freshAccess.organizations.find((o: any) =>
+                o.stories.find((s: any) => s.id === initialStoryId)
+            );
+            if (org) {
+                initialOrganizationId = org.id;
+            } else {
+                initialOrganizationId = firstOrg.id;
+            }
+        }
 
-            if (activeOrg && activeOrg.stories.find((s: any) => s.id === storyId)) {
-                activeStoryId = storyId;
+        if (!initialStoryId) {
+            // If storyID is not provided, try to use the one from the previous session
+            const sessionIds = getIDsFromSession();
+            if (sessionIds) {
+                initialOrganizationId = sessionIds.orgId;
+                initialStoryId = sessionIds.storyId;
+            } else {
+                // If that doesn't work - default to the first org & story
+                const story = firstOrg.stories[0];
+                initialOrganizationId = firstOrg.id;
+                initialStoryId = story.id;
             }
         }
 
-        onAuthenticated(activeOrgId, activeStoryId);
+        SessionService.buildFreshSession(freshIdentity, initialOrganizationId, initialStoryId);
+        onAuthenticated(initialOrganizationId, initialStoryId);
 
         if (this.state.blockRender) {
             this.setState({ blockRender: false });
@@ -172,8 +195,19 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
         Bust cached creds if exist, invoke auth failure handler
      */
     private handleCheckSessionFailure = (e: Error): void => {
+        if (this.props.storyId) {
+            SessionService.cacheStoryId(this.props.storyId);
+        } else {
+            SessionService.clearCachedStoryId();
+        }
+
+        if (this.props.organizationId) {
+            SessionService.cacheOrgId(this.props.organizationId);
+        } else {
+            SessionService.clearCachedOrgId();
+        }
+
         this.props.clearCachedAuth();
-        this.props.clearCachedAccessList();
         this.props.onAuthenticationFailure(e);
     };
 
@@ -186,15 +220,16 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
         if (blockRender) {
             this.setState({ blockRender: true });
         }
-
         AuthService.checkSession()
             .then((freshIdentity: IIdentity) => {
-                SessionService.getAccessData(freshIdentity.idToken, baseUrl)
+                const orgId = this.props.organizationId
+                    ? this.props.organizationId
+                    : SessionService.getCachedOrgId();
+                SessionService.getAccessData(freshIdentity.idToken, baseUrl, false, orgId)
                     .then((freshAccess: any) => {
+                        this.props.setAccessData(freshAccess);
                         this.props.login(freshIdentity);
-                        this.props.cacheAccessData(freshAccess);
-                        SessionService.buildFreshSession(freshIdentity, freshAccess);
-                        this.propagateCreds();
+                        this.propagateCreds(freshAccess, freshIdentity);
                     })
                     .catch((e: Error) => {
                         console.error(e);
@@ -207,86 +242,6 @@ class AppWrapper extends React.Component<IAppWrapperProps, IAppWrapperState> {
             });
     };
 
-    private determineActiveOrganizationIn(
-        auth: IIdentity,
-        session: IHubSession,
-        organizationIds: string[]
-    ) {
-        const { organizationId } = this.props;
-        const {
-            idTokenPayload: { exp }
-        } = auth;
-
-        if (organizationIds.length > 0) {
-            if (organizationId && organizationIds.indexOf(organizationId) > -1) {
-                return this.setActiveOrganization(organizationId, exp, session);
-            }
-
-            if (
-                session &&
-                session.organization_id &&
-                organizationIds.indexOf(session.organization_id) > -1
-            ) {
-                return session.organization_id;
-            }
-
-            return this.setActiveOrganization(organizationIds[0], exp, session);
-        }
-
-        return '';
-    }
-
-    /*
-        Figure out what the active org should be based on app-wrapper configuration
-     */
-    private determineActiveOrganization = (auth: IIdentity, access: any): string => {
-        const { serviceId } = this.props;
-        const { organizations } = access;
-        const session: IHubSession = SessionService.getSession();
-        const allOrgIdsFlattened: string[] = organizations.map((o: any) => o.id);
-
-        const activeOrgId: string = this.determineActiveOrganizationIn(
-            auth,
-            session,
-            allOrgIdsFlattened
-        );
-        const activeOrg: any = organizations.find((o) => o.id === activeOrgId);
-
-        if (activeOrg && !activeOrg.services.includes(serviceId)) {
-            this.setState({ restrictAccess: true });
-        }
-
-        return activeOrgId;
-    };
-
-    /*
-        Update session if no session exists or diff in org id
-     */
-    private setActiveOrganization = (
-        organizationId: string,
-        exp: number,
-        sharedSession: IHubSession
-    ): string => {
-        if (
-            !sharedSession ||
-            !sharedSession.organization_id ||
-            sharedSession.organization_id !== organizationId
-        ) {
-            const activeOrg: any = this.props.access.organizations.find(
-                (o: any) => o.id === organizationId
-            );
-            const firstStoryId: string =
-                typeof activeOrg.stories[0] === 'object' ? activeOrg.stories[0].id : '';
-
-            SessionService.updateSession(
-                { organization_id: organizationId, story_id: firstStoryId },
-                exp
-            );
-        }
-
-        return organizationId;
-    };
-
     public render = (): JSX.Element => {
         const { blockRender, restrictAccess } = this.state;
         const { children, showRequestAccess, allowUnauthenticatedRender } = this.props;
@@ -327,9 +282,8 @@ const mapDispatchToProps = (dispatch) => {
     return bindActionCreators(
         {
             login,
-            clearCachedAuth,
-            cacheAccessData,
-            clearCachedAccessList
+            setAccessData,
+            clearCachedAuth
         },
         dispatch
     );

package/src/components/assets/AssetsTableDurationCell.tsx

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { ASSET_TYPES } from '../../constants/assets';
+import { getDuration } from '../../Util';
 
 interface IAssetsTableDurationCell {
     cell: any;
@@ -10,13 +12,32 @@ const AssetsTableDurationCell: React.FC<IAssetsTableDurationCell> = (
     const {
         cell: {
             row: {
-                original: { duration }
+                original,
+                original: { type, data, rate, frame_count }
             }
         }
     } = props;
 
+    let duration = rate && frame_count ? getDuration(frame_count, rate) : '';
+
+    if (type === ASSET_TYPES.IMAGE_SEQUENCE) {
+        duration = `${original.duration} frames`;
+    }
+
+    if (type === ASSET_TYPES.VIDEO_COMPOSITION) {
+        const { frames, rate: frame_rate } = JSON.parse(data);
+        duration = getDuration(frames, frame_rate);
+    }
+
+    if (type === ASSET_TYPES.AUDIO) {
+        const date = new Date(null);
+        date.setSeconds(original.duration);
+        const timestamp = date.toISOString().slice(11, 19);
+        duration = `${timestamp}.x`;
+    }
+
     if (duration !== null && duration !== undefined) {
-        return <div className='asset-duration-cell'>{secondsToTime(duration)}</div>;
+        return <div className='asset-duration-cell'>{duration}</div>;
     } else {
         return <div className='asset-duration-cell'></div>;
     }

package/src/components/assets/AssetsTableNameCell.tsx

@@ -10,6 +10,7 @@ import { DeterminateLoader } from '../determinate-loader/DeterminateLoader';
 interface IAssetsTableNameCell {
     cell: any;
     api: IImposiumAPI;
+    disabled: boolean;
     updateAssetName: (api: any, id: string, name: string, delay?: boolean) => any;
 }
 
@@ -20,7 +21,8 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
             row: {
                 original: { name, id, percent: uploadProgress }
             }
-        }
+        },
+        disabled
     } = props;
 
     const [localName, setLocalName] = useState(name);
@@ -58,6 +60,7 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
             <TextField
                 value={localName}
                 width={'100%'}
+                disabled={disabled}
                 onChange={(n) => onUpdate(n)}
             />
         );

package/src/components/assets/AssetsUploadMenu.tsx

@@ -29,6 +29,7 @@ interface IAssetsUploadMenuProps {
     assetUploads: any;
     assetTags: string[];
     api: any;
+    editor: any;
     toggleAutoTag: (toggle: boolean) => any;
     toggleTagFileName: (toggle: boolean) => any;
     toggleAssignToStory: (toggle: boolean) => any;
@@ -62,7 +63,8 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps> {
                 tagManually,
                 manualTags
             },
-            assetTags
+            assetTags,
+            editor: { fromCrM }
         } = this.props;
         let uploadsListInner;
         if (uploads.length > 0) {
@@ -163,13 +165,15 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps> {
                         value={tagByFileName}
                         onChange={() => this.props.toggleTagFileName(!tagByFileName)}
                     />
-                    <CheckboxField
-                        width='50%'
-                        label={copy.uploads.assignToProjectInput}
-                        info={copy.uploads.assignToProjectInfo}
-                        value={assignToStory}
-                        onChange={() => this.props.toggleAssignToStory(!assignToStory)}
-                    />
+                    {!fromCrM && (
+                        <CheckboxField
+                            width='50%'
+                            label={copy.uploads.assignToProjectInput}
+                            info={copy.uploads.assignToProjectInfo}
+                            value={assignToStory}
+                            onChange={() => this.props.toggleAssignToStory(!assignToStory)}
+                        />
+                    )}
                 </div>
                 {tagsColumn}
                 <div className='uploads-list'>{uploadsListInner}</div>
@@ -198,6 +202,7 @@ const mapDispatchToProps = (dispatch): any => {
 const mapStateToProps = (state): any => {
     return {
         assetUploads: state.assetUploads,
+        editor: state.editor,
         assetTags: state.assetTags
     };
 };

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

@@ -5,16 +5,18 @@ import AuthService, { IIdentity } from '../../services/Auth0';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { login } from '../../redux/actions/auth';
-import { cacheAccessData } from '../../redux/actions/access';
+import { setAccessData } from '../../redux/actions/access';
 
 interface IAuthGateProps {
     auth0ClientId: string;
     auth0Domain: string;
     auth0Hash: string;
-    onAuthenticated: () => any;
+    onAuthenticated: (storyId, orgId) => any;
+    storyId: string;
+    organizationId: string;
     baseUrl?: string;
+    setAccessData(accessData: any): any;
     login: (id: IIdentity) => any;
-    cacheAccessData: (accessData: any) => any;
 }
 
 class AuthGate extends React.PureComponent<IAuthGateProps> {
@@ -34,12 +36,16 @@ class AuthGate extends React.PureComponent<IAuthGateProps> {
         } else {
             AuthService.parseIdFromHash(auth0Hash)
                 .then((freshIdentity: IIdentity) => {
-                    SessionService.getAccessData(freshIdentity.idToken, baseUrl)
+                    // Use the cached org ID and story ID if it exists
+                    const orgId = SessionService.getCachedOrgId() || null;
+                    const storyId = SessionService.getCachedStoryId() || null;
+
+                    SessionService.getAccessData(freshIdentity.idToken, baseUrl, false, orgId)
                         .then((freshAccess: any) => {
                             this.props.login(freshIdentity);
-                            this.props.cacheAccessData(freshAccess);
-                            SessionService.buildFreshSession(freshIdentity, freshAccess);
-                            onAuthenticated();
+                            this.props.setAccessData(freshAccess);
+                            SessionService.buildFreshSession(freshIdentity, orgId, storyId);
+                            onAuthenticated(storyId, orgId);
                         })
                         .catch((e) => {
                             AuthService.login();
@@ -64,7 +70,7 @@ const mapDispatchToProps = (dispatch) => {
     return bindActionCreators(
         {
             login,
-            cacheAccessData
+            setAccessData
         },
         dispatch
     );