@imposium-hub/components 2.9.0-3 → 2.9.0-4

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -48,6 +48,7 @@ interface IStoryPreviewerProps {
     compositionOptions?: any[];
     editor: any;
     updateEditorConfig(c): void;
+    reRender: boolean;
 }
 
 interface IStoryPreviewerState {
@@ -199,7 +200,15 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         if (!prevProps.editor?.autoRender && this.props.editor?.autoRender) {
             this.props.updateEditorConfig({ autoRender: false });
             this.evtHandlers.gotExperience = null;
-            this.props.api.cancelExperiencePolling().then(() => this.createExperience());
+            this.props.api.cancelExperiencePolling().then(() => {
+                if (this.props.editor?.reRender) {
+                    this.setState({ compositionOverride: null }, () =>
+                        this.createExperience(this.props.compositionId)
+                    );
+                } else {
+                    this.createExperience();
+                }
+            });
         }
 
         if (
@@ -502,11 +511,17 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                                                     onExperenceLoaded(resVideo);
                                                 }
 
-                                                this.setState({
-                                                    rendering: false,
-                                                    activeOutput: this.getFirstOutput(resVideo),
-                                                    experience: resVideo
-                                                });
+                                                this.setState(
+                                                    {
+                                                        rendering: false,
+                                                        activeOutput: this.getFirstOutput(resVideo),
+                                                        experience: resVideo
+                                                    },
+                                                    () =>
+                                                        this.props.updateEditorConfig({
+                                                            reRender: false
+                                                        })
+                                                );
                                             };
 
                                             api.getExperience(experienceId, true)
@@ -609,12 +624,12 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         );
     }
 
-    private createExperience() {
+    private createExperience(compositionId?) {
         const { storyId, onNotification, onError, api, onExperienceCreated, useWorkingCopy } =
             this.props;
 
         const fastRender = this.props.editor?.fastRender || false;
-        const compId = this.getCompId();
+        const compId = compositionId ? compositionId : this.getCompId();
 
         this.resetState(false, () => {
             this.setState(
@@ -879,6 +894,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         const { storyId } = this.props;
         const renderCopy = experience ? copy.btnReRender : copy.btnRender;
         const compId = this.getCompId();
+
         const btnRender = !rendering ? (
             <Button
                 disabled={!compId}

package/src/components/tabs/Tabs.tsx

@@ -95,7 +95,8 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
                 const content = React.cloneElement(option.content, {
                     active,
                     width,
-                    height
+                    height,
+                    key: option.key
                 });
 
                 contentArray.push(content);

package/src/index.ts

@@ -162,6 +162,7 @@ import StoryTableNameFilter from './components/assets/StoryTableNameFilter';
 import { AppWrapper } from './components/app-wrapper/AppWrapper';
 import { pushRoute, replaceRoute } from './utils/routing';
 import { ProjectDropdown } from './components/header/ProjectDropdown';
+import { EditGuideModal, IEditGuideModalProps } from './components/edit-guide-modal/EditGuideModal';
 import { openConfirmModal } from './utils/modal';
 
 export {
@@ -321,5 +322,7 @@ export {
     CopyPropIdButton,
     ConfirmModal,
     IConfirmModalProps,
+    EditGuideModal,
+    IEditGuideModalProps,
     openConfirmModal
 };

package/dist/cjs/components/app-wrapper/AppWrapperV2.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { IImposiumAPI } from '../../services/API';
-export interface IAppWrapperProps {
-    auth0: any;
-    auth0Code: string;
-    baseUrl: string;
-    api: IImposiumAPI;
-    children: React.ReactChildren;
-    organizationId: string;
-    serviceId: number;
-    access: any;
-    setAccessData(accessData: any): any;
-    onAuthenticated: (activeOrgId: string, activeStoryId: string) => any;
-    onStoryChange(storyId: string): any;
-    onOrganizationChange(orgId: string, storyId: string): any;
-    storyId?: string;
-    CrMLink?: string;
-    hideStoryPicker?: boolean;
-    hideDocs?: boolean;
-    hideOrgPicker?: boolean;
-}
-export interface IAppWrapperState {
-    blockRender: boolean;
-}
-declare const _default: React.ComponentType<Omit<import("@auth0/auth0-react").WithAuth0Props, "auth0">>;
-export default _default;

package/dist/cjs/components/app-wrapper/AppWrapperV2.js

@@ -1,266 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var Header_1 = __importDefault(require("../header/Header"));
-var react_redux_1 = require("react-redux");
-var redux_1 = require("redux");
-var Util_1 = require("../../Util");
-var access_1 = require("../../redux/actions/access");
-var ConfirmModal_1 = require("../confirm-modal/ConfirmModal");
-var API_1 = __importDefault(require("../../services/API"));
-var Session_1 = __importDefault(require("../../services/Session"));
-var auth0_react_1 = require("@auth0/auth0-react");
-var AppWrapper = /** @class */ (function (_super) {
-    __extends(AppWrapper, _super);
-    function AppWrapper(p) {
-        var _this = _super.call(this, p) || this;
-        _this.componentDidMount = function () {
-            void _this.doCheckSession(true);
-        };
-        /*
-            Check the auth0 session expiry
-         */
-        _this.componentDidUpdate = function (prevProps) {
-            // const { auth } = this.props;
-            // let validAccessLevel: boolean;
-            // if (auth) {
-            //     const {
-            //         idTokenPayload: { exp }
-            //     } = auth;
-            // const validSession: boolean = AuthService.checkExpiry(exp);
-            // if (!validSession) {
-            //     // this.props.clearCachedAuth();
-            //     this.doCheckSession();
-            // }
-            // }
-        };
-        _this.propagateCreds = function (freshAccess) {
-            var _a = _this.props, initialStoryId = _a.storyId, initialOrganizationId = _a.organizationId, onAuthenticated = _a.onAuthenticated;
-            // If an org and story ID was passed in, we're following a deeplink. Verify we have access to it, and if so, propagate those IDs and set them on the service
-            if (initialOrganizationId && initialStoryId) {
-                // Validate the user has access to the orgId and storyID passed in, if not, show the "Unauthorized" interface
-                var validAccessLevel = (0, Util_1.validateAccessLevel)(initialOrganizationId, _this.props.serviceId, freshAccess);
-                if (validAccessLevel) {
-                    onAuthenticated(initialOrganizationId, initialStoryId);
-                    _this.setState({ blockRender: false });
-                }
-                else {
-                    //TODO: go to unauthorized page
-                }
-                // If no orgID or storyID was passed in from the URL use the cached orgID and story ID on the service
-            }
-            else {
-                var _b = _this.getCachedStoryAndOrgForService(freshAccess, _this.props.serviceId), story_id = _b.story_id, organization_id = _b.organization_id;
-                onAuthenticated(organization_id, story_id);
-                _this.setState({ blockRender: false });
-            }
-        };
-        /*
-            Bust cached creds if exist, invoke auth failure handler
-         */
-        _this.handleCheckSessionFailure = function (e) {
-            if (_this.props.storyId) {
-                Session_1.default.cacheStoryId(_this.props.storyId);
-            }
-            else {
-                Session_1.default.clearCachedStoryId();
-            }
-            if (_this.props.organizationId) {
-                Session_1.default.cacheOrgId(_this.props.organizationId);
-            }
-            else {
-                Session_1.default.clearCachedOrgId();
-            }
-            // this.props.clearCachedAuth();
-            // this.props.onAuthenticationFailure(e);
-        };
-        /*
-            Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
-        */
-        _this.doCheckSession = function () {
-            var args_1 = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args_1[_i] = arguments[_i];
-            }
-            return __awaiter(_this, __spreadArray([], __read(args_1), false), void 0, function (blockRender) {
-                var _a, auth0, baseUrl, token, orgId, api;
-                var _this = this;
-                if (blockRender === void 0) { blockRender = false; }
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _a = this.props, auth0 = _a.auth0, baseUrl = _a.baseUrl;
-                            if (blockRender) {
-                                this.setState({ blockRender: true });
-                            }
-                            if (!auth0.isAuthenticated) return [3 /*break*/, 2];
-                            return [4 /*yield*/, auth0.getAccessTokenSilently()];
-                        case 1:
-                            token = _b.sent();
-                            orgId = this.props.organizationId
-                                ? this.props.organizationId
-                                : null;
-                            api = new API_1.default(baseUrl, token, orgId);
-                            api.getAccessData(false)
-                                .then(function (freshAccess) {
-                                _this.props.setAccessData(freshAccess);
-                                _this.propagateCreds(freshAccess);
-                            })
-                                .catch(function (e) {
-                                // this.setState({ restrictAccess: true, blockRender: false });
-                                // TODO: push to a different route here?
-                            });
-                            return [3 /*break*/, 3];
-                        case 2:
-                            auth0.loginWithRedirect();
-                            _b.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        _this.render = function () {
-            var blockRender = _this.state.blockRender;
-            var _a = _this.props, children = _a.children, organizationId = _a.organizationId, storyId = _a.storyId, hideStoryPicker = _a.hideStoryPicker, hideDocs = _a.hideDocs, hideOrgPicker = _a.hideOrgPicker, CrMLink = _a.CrMLink, baseUrl = _a.baseUrl, api = _a.api;
-            var innerContent;
-            if (!blockRender) {
-                innerContent = children;
-            }
-            return (React.createElement("div", { id: 'app', className: 'app' },
-                React.createElement(Header_1.default, { activeServiceId: _this.props.serviceId, baseUrl: baseUrl, api: api, activeOrganization: organizationId, activeStory: storyId, hideStoryPicker: hideStoryPicker, hideDocs: hideDocs, showFTLogo: false, hideOrgPicker: hideOrgPicker, CrMLink: CrMLink, onStoryChange: _this.props.onStoryChange, onOrganizationChange: _this.props.onOrganizationChange }),
-                innerContent,
-                React.createElement(ConfirmModal_1.ConfirmModal, null)));
-        };
-        _this.state = {
-            blockRender: true,
-        };
-        return _this;
-    }
-    /*
-        Emit creds to React parent
-     */
-    AppWrapper.prototype.getCachedStoryAndOrgForService = function (freshAccess, serviceId) {
-        var service = freshAccess.services.find(function (s) { return s.id === serviceId; });
-        if (service) {
-            return {
-                story_id: service.story_id,
-                organization_id: service.organization_id
-            };
-        }
-    };
-    return AppWrapper;
-}(React.Component));
-var mapDispatchToProps = function (dispatch) {
-    return (0, redux_1.bindActionCreators)({
-        // login,
-        setAccessData: access_1.setAccessData,
-        // clearCachedAuth
-    }, dispatch);
-};
-var mapStateToProps = function (state) {
-    return { access: state.access };
-};
-exports.default = (0, auth0_react_1.withAuth0)((0, auth0_react_1.withAuthenticationRequired)((0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AppWrapper)));
-//# sourceMappingURL=AppWrapperV2.js.map

package/dist/cjs/components/app-wrapper/AppWrapperV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppWrapperV2.js","sourceRoot":"","sources":["../../../../src/components/app-wrapper/AppWrapperV2.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/app-wrapper/AppWrapperV3.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { IImposiumAPI } from '../../services/API';
-export interface IAppWrapperProps {
-    baseUrl: string;
-    api: IImposiumAPI;
-    children?: any;
-    organizationId: string;
-    serviceId: number;
-    setAccessData(getAccessData: any): void;
-    onAuthenticated: (token: string, activeOrgId: string, activeStoryId: string) => any;
-    onStoryChange(storyId: string): any;
-    onOrganizationChange(orgId: string, storyId: string): any;
-    storyId?: string;
-    CrMLink?: string;
-    hideStoryPicker?: boolean;
-    hideDocs?: boolean;
-    hideOrgPicker?: boolean;
-}
-export declare const AppWrapper: (props: IAppWrapperProps) => React.JSX.Element;

package/dist/cjs/components/app-wrapper/AppWrapperV3.js

@@ -1,195 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppWrapper = void 0;
-var React = __importStar(require("react"));
-var Header_1 = __importDefault(require("../header/Header"));
-var Util_1 = require("../../Util");
-var ConfirmModal_1 = require("../confirm-modal/ConfirmModal");
-var API_1 = __importDefault(require("../../services/API"));
-var auth0_react_1 = require("@auth0/auth0-react");
-var AppWrapper = function (props) {
-    var _a = __read(React.useState(true), 2), blockRender = _a[0], setBlockRender = _a[1];
-    var children = props.children, organizationId = props.organizationId, storyId = props.storyId, hideStoryPicker = props.hideStoryPicker, hideDocs = props.hideDocs, hideOrgPicker = props.hideOrgPicker, CrMLink = props.CrMLink, baseUrl = props.baseUrl, api = props.api, serviceId = props.serviceId;
-    var _b = (0, auth0_react_1.useAuth0)(), isAuthenticated = _b.isAuthenticated, isLoading = _b.isLoading, getAccessTokenSilently = _b.getAccessTokenSilently, loginWithRedirect = _b.loginWithRedirect, logout = _b.logout;
-    React.useEffect(function () {
-        void doCheckSession(true);
-    }, [isAuthenticated, isLoading]);
-    var getCachedStoryAndOrgForService = function (freshAccess, sId) {
-        var service = freshAccess.services.find(function (s) { return s.id === sId; });
-        if (service) {
-            return {
-                story_id: service.story_id,
-                organization_id: service.organization_id
-            };
-        }
-    };
-    var propagateCreds = function (freshAccess, token) {
-        var initialStoryId = props.storyId, initialOrganizationId = props.organizationId;
-        // If an org and story ID was passed in, we're following a deeplink. Verify we have access to it, and if so, propagate those IDs and set them on the service
-        if (initialOrganizationId && initialStoryId) {
-            // Validate the user has access to the orgId and storyID passed in, if not, show the "Unauthorized" interface
-            var validAccessLevel = (0, Util_1.validateAccessLevel)(initialOrganizationId, serviceId, freshAccess);
-            if (validAccessLevel) {
-                props.onAuthenticated(token, initialOrganizationId, initialStoryId);
-                setBlockRender(false);
-            }
-            else {
-                //TODO: go to unauthorized page
-            }
-            // If no orgID or storyID was passed in from the URL use the cached orgID and story ID on the service
-        }
-        else {
-            var _a = getCachedStoryAndOrgForService(freshAccess, serviceId), story_id = _a.story_id, organization_id = _a.organization_id;
-            props.onAuthenticated(token, organization_id, story_id);
-            setBlockRender(false);
-        }
-    };
-    /*
-        Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
-    */
-    var doCheckSession = function () {
-        var args_1 = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args_1[_i] = arguments[_i];
-        }
-        return __awaiter(void 0, __spreadArray([], __read(args_1), false), void 0, function (doBlockRender) {
-            var token_1, orgId, tempAPI;
-            if (doBlockRender === void 0) { doBlockRender = false; }
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (doBlockRender) {
-                            setBlockRender(true);
-                        }
-                        if (!isAuthenticated) return [3 /*break*/, 2];
-                        return [4 /*yield*/, getAccessTokenSilently()];
-                    case 1:
-                        token_1 = _a.sent();
-                        orgId = organizationId
-                            ? organizationId
-                            : null;
-                        tempAPI = new API_1.default(baseUrl, token_1, orgId);
-                        tempAPI.getAccessData(false)
-                            .then(function (freshAccess) {
-                            props.setAccessData(freshAccess);
-                            propagateCreds(freshAccess, token_1);
-                        })
-                            .catch(function (e) {
-                            // this.setState({ restrictAccess: true, blockRender: false });
-                            // TODO: push to a different route here?
-                        });
-                        return [3 /*break*/, 3];
-                    case 2:
-                        if (!isLoading && !isAuthenticated) {
-                            void loginWithRedirect({
-                                appState: { returnTo: window.location.href }
-                            });
-                        }
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    var onLogout = function () {
-        setBlockRender(true);
-        void logout({ logoutParams: { returnTo: window.location.origin } });
-    };
-    var innerContent;
-    if (!blockRender) {
-        innerContent = children;
-    }
-    return (React.createElement("div", { id: 'app', className: 'app' },
-        React.createElement(Header_1.default, { onLogout: onLogout, activeServiceId: serviceId, baseUrl: baseUrl, api: api, activeOrganization: organizationId, activeStory: storyId, hideStoryPicker: hideStoryPicker, hideDocs: hideDocs, showFTLogo: false, hideOrgPicker: hideOrgPicker, CrMLink: CrMLink, onStoryChange: props.onStoryChange, onOrganizationChange: props.onOrganizationChange }),
-        innerContent,
-        React.createElement(ConfirmModal_1.ConfirmModal, null)));
-};
-exports.AppWrapper = AppWrapper;
-//# sourceMappingURL=AppWrapperV3.js.map

package/dist/cjs/components/app-wrapper/AppWrapperV3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppWrapperV3.js","sourceRoot":"","sources":["../../../../src/components/app-wrapper/AppWrapperV3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,mCAAiD;AACjD,8DAA6D;AAC7D,2DAAuD;AACvD,kDAA8C;AAmBvC,IAAM,UAAU,GAAG,UAAC,KAAuB;IAExC,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IACnD,IAAA,QAAQ,GAAyG,KAAK,SAA9G,EAAE,cAAc,GAAyF,KAAK,eAA9F,EAAE,OAAO,GAAgF,KAAK,QAArF,EAAE,eAAe,GAA+D,KAAK,gBAApE,EAAE,QAAQ,GAAqD,KAAK,SAA1D,EAAE,aAAa,GAAsC,KAAK,cAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,OAAO,GAAoB,KAAK,QAAzB,EAAE,GAAG,GAAe,KAAK,IAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;IACzH,IAAA,KAAoF,IAAA,sBAAQ,GAAE,EAA5F,eAAe,qBAAA,EAAE,SAAS,eAAA,EAAE,sBAAsB,4BAAA,EAAE,iBAAiB,uBAAA,EAAE,MAAM,YAAe,CAAC;IAErG,KAAK,CAAC,SAAS,CAAC;QACZ,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,IAAM,8BAA8B,GAAG,UAAC,WAAW,EAAE,GAAG;QACpD,IAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,GAAG,EAAZ,CAAY,CAAC,CAAC;QAC/D,IAAG,OAAO,EAAC,CAAC;YACR,OAAO;gBACH,QAAQ,EAAC,OAAO,CAAC,QAAQ;gBACzB,eAAe,EAAC,OAAO,CAAC,eAAe;aAC1C,CAAA;QACL,CAAC;IACL,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,WAAW,EAAE,KAAK;QAC9B,IAAS,cAAc,GAA4C,KAAK,QAAjD,EAAkB,qBAAqB,GAAK,KAAK,eAAV,CAAW;QAEjF,4JAA4J;QAC5J,IAAG,qBAAqB,IAAI,cAAc,EAAC,CAAC;YAExC,6GAA6G;YAC7G,IAAM,gBAAgB,GAAG,IAAA,0BAAmB,EACxC,qBAAqB,EACrB,SAAS,EACT,WAAW,CACd,CAAC;YAEF,IAAG,gBAAgB,EAAC,CAAC;gBACjB,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC;gBACpE,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;iBAAI,CAAC;gBAEF,+BAA+B;YACnC,CAAC;YAEL,qGAAqG;QACrG,CAAC;aAAI,CAAC;YAEI,IAAA,KAA8B,8BAA8B,CAAC,WAAW,EAAE,SAAS,CAAC,EAAnF,QAAQ,cAAA,EAAE,eAAe,qBAA0D,CAAC;YAC3F,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;YACxD,cAAc,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,CAAC;IAEF;;MAEE;IACF,IAAM,cAAc,GAAG;;;;;6FAAO,aAA8B;;YAA9B,8BAAA,EAAA,qBAA8B;;;;wBAExD,IAAI,aAAa,EAAE,CAAC;4BAChB,cAAc,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC;6BAGE,eAAe,EAAf,wBAAe;wBACA,qBAAM,sBAAsB,EAAE,EAAA;;wBAAtC,UAAQ,SAA8B;wBACtC,KAAK,GAAG,cAAc;4BACxB,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,IAAI,CAAC;wBAED,OAAO,GAAG,IAAI,aAAG,CAAC,OAAO,EAAE,OAAK,EAAE,KAAK,CAAC,CAAC;wBAC/C,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;6BACvB,IAAI,CAAC,UAAC,WAAgB;4BACnB,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;4BACjC,cAAc,CAAC,WAAW,EAAE,OAAK,CAAC,CAAC;wBACvC,CAAC,CAAC;6BACD,KAAK,CAAC,UAAC,CAAQ;4BACZ,+DAA+D;4BAC/D,wCAAwC;wBAC5C,CAAC,CAAC,CAAC;;;wBAGT,IAAG,CAAC,SAAS,IAAI,CAAC,eAAe,EAAC,CAAC;4BAErC,KAAK,iBAAiB,CAAC;gCACnB,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;6BAC/C,CAAC,CAAC;wBACP,CAAC;;;;;;KACJ,CAAC;IAEF,IAAM,QAAQ,GAAG;QACb,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,KAAK,MAAM,CAAC,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACxE,CAAC,CAAA;IAED,IAAI,YAAiB,CAAC;IAEtB,IAAI,CAAC,WAAW,EAAC,CAAC;QACd,YAAY,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,OAAO,CACH,6BACI,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,KAAK;QACf,oBAAC,gBAAM,IACH,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,OAAO,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,KAAK,EACjB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAClD;QACD,YAAY;QACb,oBAAC,2BAAY,OAAG,CACd,CACT,CAAC;AACN,CAAC,CAAA;AAxHY,QAAA,UAAU,cAwHtB"}

package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { IIdentity } from '../../services/Auth0';
-export interface IAppWrapperProps {
-    children: React.ReactChildren;
-    auth0Domain: string;
-    auth0ClientId: string;
-    organizationId: string;
-    baseUrl: string;
-    storyId?: string;
-    serviceId: number;
-    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;
-}
-export interface IAppWrapperState {
-    blockRender: boolean;
-    restrictAccess: boolean;
-}
-declare const _default: any;
-export default _default;