@nascentdigital/funnel-editor 4.4.18

package/dist/collection/hooks/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CollectionController"), exports);
+__exportStar(require("./useCollectionController"), exports);

package/dist/collection/hooks/useCollectionController.d.ts

@@ -0,0 +1,8 @@
+import { CollectionController } from './CollectionController';
+export declare function useCollectionController(collectionController?: CollectionController): CollectionController;
+export declare const CollectionControllerContext: import("react").Context<CollectionControllerContext.Type>;
+export declare namespace CollectionControllerContext {
+    type Type = {
+        controller: CollectionController;
+    };
+}

package/dist/collection/hooks/useCollectionController.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionControllerContext = void 0;
+exports.useCollectionController = useCollectionController;
+const client_1 = require("@nascentdigital/funnel-ui/client");
+const react_1 = require("react");
+// hook
+function useCollectionController(collectionController) {
+    // bind context + touch
+    const context = (0, react_1.useContext)(exports.CollectionControllerContext);
+    const touch = (0, client_1.useTouch)();
+    const controller = collectionController !== null && collectionController !== void 0 ? collectionController : context.controller;
+    // listen to controller changes
+    (0, react_1.useEffect)(() => {
+        // subscribe to changes
+        const subscription = controller.events$.subscribe(() => touch());
+        // unsubscribe on unmount
+        return () => subscription.unsubscribe();
+    }, [controller, touch]);
+    // return controller
+    return controller;
+}
+// context
+exports.CollectionControllerContext = (0, react_1.createContext)({});

package/dist/collection/index.d.ts

@@ -0,0 +1 @@
+export * from './screens';

package/dist/collection/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./screens"), exports);

package/dist/collection/screens/CollectionEditor.d.ts

@@ -0,0 +1,9 @@
+import { Language, Schema } from '@nascentdigital/funnel-core';
+export declare function CollectionEditor({ type, groupId, language }: CollectionEditor.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace CollectionEditor {
+    type Props = {
+        type: Schema.Collection.Type;
+        groupId: Schema.Collection.GroupId;
+        language: Language;
+    };
+}

package/dist/collection/screens/CollectionEditor.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionEditor = CollectionEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const core_1 = require("../../core");
+const components_1 = require("../components");
+const hooks_1 = require("../hooks");
+// component
+function CollectionEditor({ type, groupId, language }) {
+    // bind hooks
+    const router = (0, core_1.useEditorRouter)();
+    const splash = (0, core_1.useSplash)();
+    const editorApi = (0, core_1.useEditorApi)();
+    const pageRefStore = (0, core_1.usePossiblePageRefStore)();
+    const target = (0, react_2.useMemo)(() => ({
+        template: funnel_core_1.Schema.Site.getCollection(type),
+        brand: funnel_core_1.AppConfig.brand(),
+        language,
+        groupId
+    }), [type, groupId, language]);
+    const { controller, controllerContext } = (0, react_2.useMemo)(() => {
+        // return controller + context
+        const controller = new hooks_1.CollectionController(editorApi);
+        return {
+            controller,
+            controllerContext: { controller }
+        };
+    }, [editorApi]);
+    const { collection } = controller;
+    const collectionContext = (0, react_2.useMemo)(() => ({ collection }), [collection]);
+    const pageRefStoreProxy = (0, react_2.useMemo)(() => new core_1.PageRefStoreProxy({ editorApi, language, parent: pageRefStore }), [editorApi, language, pageRefStore]);
+    // load any needed page refs
+    (0, react_2.useEffect)(() => {
+        pageRefStoreProxy
+            .load(collection === null || collection === void 0 ? void 0 : collection.pageIds)
+            .catch(console.error);
+    }, [pageRefStoreProxy, collection]);
+    // sync with controller
+    (0, hooks_1.useCollectionController)(controller);
+    // (re)load controller when target changes
+    (0, react_2.useEffect)(() => {
+        controller.load(target)
+            .then(() => splash.dismiss())
+            .catch(console.error);
+    }, [controller, target, splash]);
+    // helpers
+    const onHeaderBack = async () => {
+        // navigate back to collection list
+        await router.navigateToCollectionItems({ type });
+    };
+    // render
+    return ((0, jsx_runtime_1.jsx)(hooks_1.CollectionControllerContext.Provider, { value: controllerContext, children: (0, jsx_runtime_1.jsx)(core_1.CollectionContext.Provider, { value: collectionContext, children: (0, jsx_runtime_1.jsx)(core_1.AssetStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.CollectionStoreContext.Provider, { value: collection, children: (0, jsx_runtime_1.jsx)(core_1.PageRefStoreContext.Provider, { value: pageRefStoreProxy, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col bg-background", children: [(0, jsx_runtime_1.jsx)(components_1.CollectionHeader, { target: target, onBack: onHeaderBack }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex", children: [(0, jsx_runtime_1.jsx)("section", { className: "w-[220px] lg:w-[240px] xl:w-[280px] shrink-0 overflow-y-scroll scrollbar-thin" }), (0, jsx_runtime_1.jsx)("section", { className: "flex-1 h-full max-h-full max-w-[1000px] mx-auto", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { mode: "wait", initial: false, children: renderContent({ target, controller }) }) }), (0, jsx_runtime_1.jsx)("section", { className: "hidden lg:block lg:w-[320px] shrink-0 overflow-y-scroll scrollbar-thin", children: (0, jsx_runtime_1.jsx)(components_1.CollectionStatus, {}) })] }) })] }) }) }) }) }) }));
+}
+function renderContent({ target, controller }) {
+    // render loader if not ready
+    const { ready, collectionGroup, collection } = controller;
+    if (!ready) {
+        return ((0, jsx_runtime_1.jsx)(core_1.Loader, {}, "loader"));
+    }
+    // render error if there's no group
+    else if (!collectionGroup) {
+        return ((0, jsx_runtime_1.jsx)(core_1.EmptyState, { variant: "missing", size: "md", children: "Oops!  This page doesn't seem to exist..." }));
+    }
+    // render create state if there's no group
+    else if (!collection) {
+        return ((0, jsx_runtime_1.jsx)(core_1.FadeIn, { children: (0, jsx_runtime_1.jsx)(components_1.CollectionNotCreated, { target: target }) }, "new"));
+    }
+    // otherwise, render editor
+    else {
+        return ((0, jsx_runtime_1.jsxs)(core_1.FadeIn, { className: "h-full max-h-full flex flex-col gap-l10 py-l10", children: [(0, jsx_runtime_1.jsx)(core_1.FieldsPanel, { title: "Content", className: "px-l6", fields: [collection.nameField, ...collection.fields] }), collection.tagGroups.length > 0 &&
+                    (0, jsx_runtime_1.jsx)("div", { className: "px-l6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-l8 p-l8 bg-surface1 rounded-md", children: [(0, jsx_runtime_1.jsx)("h2", { className: "display-xxs flex-1", children: "Tags" }), (0, jsx_runtime_1.jsx)(core_1.TagEditor, { className: "bg-surface2 p-l6 rounded-sm", tagged: collection })] }) })] }, "fields"));
+    }
+}

package/dist/collection/screens/index.d.ts

@@ -0,0 +1 @@
+export * from './CollectionEditor';

package/dist/collection/screens/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CollectionEditor"), exports);

package/dist/core/app/AppEvent.d.ts

@@ -0,0 +1,29 @@
+import { EventBus, Schema } from '@nascentdigital/funnel-core';
+import type { Collection as CollectionModel, Page as PageModel } from '../domain';
+export type AppEvent = AppEvent.ChangeSet | AppEvent.Page | AppEvent.Collection;
+export declare namespace AppEvent {
+    interface ChangeSet extends EventBus.Event<'AppEvent.ChangeSet', ChangeSet.Type> {
+        changeSet: Schema.ChangeSet;
+    }
+    namespace ChangeSet {
+        type Type = 'committed';
+        function filter(event: EventBus.Event): event is ChangeSet;
+        function create(event: EventBus.Args<ChangeSet>): ChangeSet;
+    }
+    interface Page extends EventBus.Event<'AppEvent.Page', Page.Type> {
+        page: PageModel;
+    }
+    namespace Page {
+        type Type = 'created' | 'saved';
+        function filter(event: EventBus.Event): event is Page;
+        function create(event: EventBus.Args<Page>): Page;
+    }
+    interface Collection extends EventBus.Event<'AppEvent.Collection', Collection.Type> {
+        collection: CollectionModel;
+    }
+    namespace Collection {
+        type Type = 'saved';
+        function filter(event: EventBus.Event): event is Collection;
+        function create(event: EventBus.Args<Collection>): Collection;
+    }
+}

package/dist/core/app/AppEvent.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppEvent = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+// extensions
+var AppEvent;
+(function (AppEvent) {
+    let ChangeSet;
+    (function (ChangeSet) {
+        // methods
+        function filter(event) {
+            return event.domain === 'AppEvent.ChangeSet';
+        }
+        ChangeSet.filter = filter;
+        function create(event) {
+            return funnel_core_1.EventBus.createEvent(Object.assign({ domain: 'AppEvent.ChangeSet' }, event));
+        }
+        ChangeSet.create = create;
+    })(ChangeSet = AppEvent.ChangeSet || (AppEvent.ChangeSet = {}));
+    let Page;
+    (function (Page) {
+        // methods
+        function filter(event) {
+            return event.domain === 'AppEvent.Page';
+        }
+        Page.filter = filter;
+        function create(event) {
+            return funnel_core_1.EventBus.createEvent(Object.assign({ domain: 'AppEvent.Page' }, event));
+        }
+        Page.create = create;
+    })(Page = AppEvent.Page || (AppEvent.Page = {}));
+    let Collection;
+    (function (Collection) {
+        // methods
+        function filter(event) {
+            return event.domain === 'AppEvent.Collection';
+        }
+        Collection.filter = filter;
+        function create(event) {
+            return funnel_core_1.EventBus.createEvent(Object.assign({ domain: 'AppEvent.Collection' }, event));
+        }
+        Collection.create = create;
+    })(Collection = AppEvent.Collection || (AppEvent.Collection = {}));
+})(AppEvent || (exports.AppEvent = AppEvent = {}));

package/dist/core/app/AppState.d.ts

@@ -0,0 +1,22 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { Collection, Page } from '../domain';
+import { AppEvent } from './AppEvent';
+import { AppError } from './error';
+export declare class AppState {
+    private readonly _eventBus;
+    private readonly _error$;
+    constructor();
+    get changeSetEvents$(): import("rxjs").Observable<AppEvent.ChangeSet>;
+    get pageEvents$(): import("rxjs").Observable<AppEvent.Page>;
+    get collectionEvents$(): import("rxjs").Observable<AppEvent.Collection>;
+    get error$(): import("rxjs").Observable<Readonly<AppError>>;
+    get error(): Readonly<AppError>;
+    get offline(): boolean;
+    set offline(offline: boolean);
+    get blocked(): boolean;
+    set blocked(blocked: boolean);
+    onChangeSetCommitted(changeSet: Schema.ChangeSet): void;
+    onPageCreated(page: Page): void;
+    onPageSaved(page: Page): void;
+    onCollectionSaved(collection: Collection): void;
+}

package/dist/core/app/AppState.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppState = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const rxjs_1 = require("rxjs");
+const AppEvent_1 = require("./AppEvent");
+// class
+class AppState {
+    constructor() {
+        // initialize instance variables
+        this._eventBus = new funnel_core_1.EventBus();
+        this._error$ = new rxjs_1.BehaviorSubject({ offline: false, blocked: false });
+    }
+    get changeSetEvents$() {
+        return this._eventBus.events$
+            .pipe((0, rxjs_1.filter)(AppEvent_1.AppEvent.ChangeSet.filter));
+    }
+    get pageEvents$() {
+        return this._eventBus.events$
+            .pipe((0, rxjs_1.filter)(AppEvent_1.AppEvent.Page.filter));
+    }
+    get collectionEvents$() {
+        return this._eventBus.events$
+            .pipe((0, rxjs_1.filter)(AppEvent_1.AppEvent.Collection.filter));
+    }
+    get error$() {
+        return this._error$.asObservable();
+    }
+    get error() {
+        return this._error$.getValue();
+    }
+    get offline() {
+        return this._error$.getValue().offline;
+    }
+    set offline(offline) {
+        // skip if unchanged
+        const { error } = this;
+        if (error.offline === offline) {
+            return;
+        }
+        // update
+        this._error$.next(Object.assign(Object.assign({}, error), { offline }));
+    }
+    get blocked() {
+        return this._error$.getValue().blocked;
+    }
+    set blocked(blocked) {
+        // skip if unchanged
+        const { error } = this;
+        if (error.blocked === blocked) {
+            return;
+        }
+        // update
+        this._error$.next(Object.assign(Object.assign({}, error), { blocked }));
+    }
+    onChangeSetCommitted(changeSet) {
+        this._eventBus.publish(AppEvent_1.AppEvent.ChangeSet.create({ type: 'committed', changeSet }));
+    }
+    onPageCreated(page) {
+        this._eventBus.publish(AppEvent_1.AppEvent.Page.create({ type: 'created', page }));
+    }
+    onPageSaved(page) {
+        this._eventBus.publish(AppEvent_1.AppEvent.Page.create({ type: 'saved', page }));
+    }
+    onCollectionSaved(collection) {
+        this._eventBus.publish(AppEvent_1.AppEvent.Collection.create({ type: 'saved', collection }));
+    }
+}
+exports.AppState = AppState;

package/dist/core/app/AppStateContainer.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare function AppStateContainer({ children }: AppStateContainer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AppStateContainer {
+    type Props = PropsWithChildren & {};
+}

package/dist/core/app/AppStateContainer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppStateContainer = AppStateContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AppState_1 = require("./AppState");
+const AppStateContext_1 = require("./AppStateContext");
+// container
+function AppStateContainer({ children }) {
+    // bind authenticator + context
+    const context = (0, react_1.useMemo)(() => ({ appState: new AppState_1.AppState() }), []);
+    // render
+    return ((0, jsx_runtime_1.jsx)(AppStateContext_1.AppStateContext.Provider, { value: context, children: children }));
+}

package/dist/core/app/AppStateContext.d.ts

@@ -0,0 +1,7 @@
+import { AppState } from './AppState';
+export declare const AppStateContext: import("react").Context<AppStateContext.Type>;
+export declare namespace AppStateContext {
+    type Type = {
+        appState?: AppState;
+    };
+}

package/dist/core/app/AppStateContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppStateContext = void 0;
+const react_1 = require("react");
+// context
+exports.AppStateContext = (0, react_1.createContext)({});

package/dist/core/app/error/AppError.d.ts

@@ -0,0 +1,7 @@
+export type AppError = {
+    offline: boolean;
+    blocked: boolean;
+};
+export declare namespace AppError {
+    const defaults: AppError;
+}

package/dist/core/app/error/AppError.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppError = void 0;
+// extensions
+var AppError;
+(function (AppError) {
+    // defaults
+    AppError.defaults = {
+        offline: false,
+        blocked: false
+    };
+})(AppError || (exports.AppError = AppError = {}));

package/dist/core/app/error/EditorBlocked.d.ts

@@ -0,0 +1 @@
+export declare function EditorBlocked(): import("react/jsx-runtime").JSX.Element;

package/dist/core/app/error/EditorBlocked.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorBlocked = EditorBlocked;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../../components");
+const splash_1 = require("../../splash");
+// screen
+function EditorBlocked() {
+    // bind hooks
+    const splash = (0, splash_1.useSplash)();
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, []);
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-dvw h-dvh flex justify-center items-center bg-surface1", children: (0, jsx_runtime_1.jsxs)(components_1.EmptyState, { className: "container-p container-sm flex flex-col justify-center items-center gap-l6", variant: "missing", size: "md", children: [(0, jsx_runtime_1.jsx)("h1", { className: "heading text-content-primary", children: "Site under maintenance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-l4 body-lg text-content-secondary text-center text-pretty", children: [(0, jsx_runtime_1.jsx)("p", { children: "We're currently doing some maintenance on your CMS.  Your website will continue to run, but you'll have to wait until we complete our upgrades before you can manage any content." }), (0, jsx_runtime_1.jsx)("p", { children: "Sorry for any inconvenience these updates might cause!" })] })] }) }));
+}

package/dist/core/app/error/EditorOffline.d.ts

@@ -0,0 +1 @@
+export declare function EditorOffline(): import("react/jsx-runtime").JSX.Element;

package/dist/core/app/error/EditorOffline.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorOffline = EditorOffline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../../components");
+const splash_1 = require("../../splash");
+// screen
+function EditorOffline() {
+    // bind hooks
+    const splash = (0, splash_1.useSplash)();
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, []);
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-dvw h-dvh flex justify-center items-center bg-surface1", children: (0, jsx_runtime_1.jsxs)(components_1.EmptyState, { className: "container-p container-sm flex flex-col justify-center items-center gap-l6", variant: "missing", size: "md", children: [(0, jsx_runtime_1.jsx)("h1", { className: "heading text-content-primary", children: "Editor is Offline" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-l4 body-lg text-content-secondary text-center text-pretty", children: [(0, jsx_runtime_1.jsx)("p", { children: "Please make sure your internet is available, then try to reconnect." }), (0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", size: "sm", onClick: () => window.location.reload(), children: "Reload" })] })] }) }));
+}

package/dist/core/app/error/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AppError';
+export * from './EditorBlocked';
+export * from './EditorOffline';

package/dist/core/app/error/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AppError"), exports);
+__exportStar(require("./EditorBlocked"), exports);
+__exportStar(require("./EditorOffline"), exports);

package/dist/core/app/index.d.ts

@@ -0,0 +1,5 @@
+export * from './error';
+export * from './AppEvent';
+export * from './AppState';
+export * from './AppStateContainer';
+export * from './useAppState';

package/dist/core/app/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./error"), exports);
+__exportStar(require("./AppEvent"), exports);
+__exportStar(require("./AppState"), exports);
+__exportStar(require("./AppStateContainer"), exports);
+__exportStar(require("./useAppState"), exports);

package/dist/core/app/useAppState.d.ts

@@ -0,0 +1 @@
+export declare function useAppState(): import("./AppState").AppState;

package/dist/core/app/useAppState.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppState = useAppState;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const hooks_1 = require("@nascentdigital/funnel-ui/hooks");
+const react_1 = require("react");
+const AppStateContext_1 = require("./AppStateContext");
+// appState hook
+function useAppState() {
+    // bind hooks
+    const { appState } = (0, react_1.useContext)(AppStateContext_1.AppStateContext);
+    const touch = (0, hooks_1.useTouch)();
+    // update when appState changes
+    (0, react_1.useEffect)(() => {
+        // skip if there's no state
+        if (!appState) {
+            return;
+        }
+        // subscribe on mount
+        const subscriptions = [
+            appState.error$.subscribe(touch)
+        ];
+        // unsubscribe on unmount
+        return () => subscriptions.forEach(subscription => subscription.unsubscribe());
+    }, [appState, touch]);
+    // throw if not bound
+    if (!appState) {
+        throw new funnel_core_1.InvalidOperationError('Cannot invoke useAppState outside of AppStateContainer');
+    }
+    // return appState
+    return appState;
+}

package/dist/core/auth/Auth.d.ts

@@ -0,0 +1 @@
+export declare function Auth(): import("react/jsx-runtime").JSX.Element;

package/dist/core/auth/Auth.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Auth = Auth;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../components");
+const routing_1 = require("../routing");
+const useAuthenticator_1 = require("./useAuthenticator");
+// component
+function Auth() {
+    // bind hooks
+    const [validationError, setValidationError] = (0, react_1.useState)();
+    const router = (0, routing_1.useEditorRouter)();
+    const authenticator = (0, useAuthenticator_1.useAuthenticator)();
+    const { ready } = router;
+    // handle oauth callback
+    (0, react_1.useEffect)(() => {
+        // fail if there's no jwt
+        const url = new URL(window.location.href);
+        const params = url.searchParams;
+        const jwt = params.get('jwt');
+        if (!jwt) {
+            console.error('[Auth] missing JWT');
+            setValidationError(true);
+            return;
+        }
+        // handle oauth callback
+        authenticator.authenticate(jwt)
+            .then(success => {
+            // redirect to home on success
+            if (success) {
+                console.debug('[Auth] oauth success');
+                router.navigateToDashboard({ mode: 'replace' })
+                    .catch(console.error);
+            }
+            // or redirect back to login
+            else {
+                console.debug('[Auth] oauth failed');
+                setValidationError(true);
+            }
+        })
+            .catch(console.error);
+    }, [router, authenticator, ready]);
+    // render
+    return ((0, jsx_runtime_1.jsx)("main", { className: "w-full h-screen flex flex-col items-center justify-center", children: validationError
+            // error
+            ?
+                (0, jsx_runtime_1.jsx)("div", { className: "bg-errorContainer text-onErrorContainer p-l5 rounded-sm", children: "There was an issue processing your login request.  Please refresh and try again." })
+            // or spinner
+            :
+                (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Loader, {}), (0, jsx_runtime_1.jsx)("h2", { className: "heading-md", children: "Authenticating" })] }) }));
+}

package/dist/core/auth/AuthContainer.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare function AuthContainer({ children }: AuthContainer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AuthContainer {
+    type Props = PropsWithChildren & {};
+}

package/dist/core/auth/AuthContainer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthContainer = AuthContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const client_1 = require("../client");
+const AuthContext_1 = require("./AuthContext");
+const Authenticator_1 = require("./Authenticator");
+// container
+function AuthContainer({ children }) {
+    // bind authenticator + context
+    const editorApi = (0, client_1.useEditorApi)();
+    const context = (0, react_1.useMemo)(() => ({ authenticator: new Authenticator_1.Authenticator(editorApi) }), [editorApi]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(AuthContext_1.AuthContext.Provider, { value: context, children: children }));
+}

package/dist/core/auth/AuthContext.d.ts

@@ -0,0 +1,7 @@
+import { Authenticator } from './Authenticator';
+export declare const AuthContext: import("react").Context<AuthContext.Type>;
+export declare namespace AuthContext {
+    type Type = {
+        authenticator: Authenticator;
+    };
+}