@nascentdigital/funnel-editor 4.4.18

package/dist/explore/screens/CollectionsExplorer.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionsExplorer = CollectionsExplorer;
+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");
+// component
+function CollectionsExplorer(_) {
+    // bind hooks
+    const brand = funnel_core_1.AppConfig.brandConfig();
+    const collections = (0, core_1.useCollections)();
+    const router = (0, core_1.useEditorRouter)();
+    const splash = (0, core_1.useSplash)();
+    const { ready } = collections;
+    // dismiss splash
+    (0, react_2.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col bg-surface1", children: [(0, jsx_runtime_1.jsx)(core_1.Header, { back: "back", breadcrumbs: [brand.name, 'Collections'], onBack: () => router.navigateToDashboard() }), (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-[200px] md:w-[220px] lg:w-[300px] border-r border-solid border-border-l1 overflow-y-scroll shrink-0" }), (0, jsx_runtime_1.jsx)("section", { className: "flex-1 h-full max-h-full overflow-y-scroll flex flex-wrap justify-start items-start gap-l6 p-l8", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: renderContent({ collections, router }) }) }), (0, jsx_runtime_1.jsx)("section", { className: "hidden md:block md:w-[280px] lg:w-[320px] xl:w-[350px] border-l border-solid border-border-l1 overflow-y-scroll shrink-0" })] }) })] }));
+}
+function renderContent({ collections, router }) {
+    // show loader if browser isn't ready
+    const { ready, items } = collections;
+    if (!ready) {
+        return ((0, jsx_runtime_1.jsx)(core_1.Loader, { className: "flex-1", size: "xl" }, "loader"));
+    }
+    // or render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col", children: [(0, jsx_runtime_1.jsx)("h2", { className: "display-xs mb-l8", children: "Your site collections" }), items.length > 0
+                // collections
+                ?
+                    (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", children: collections.items.map(({ type, template: { name, description } }) => (0, jsx_runtime_1.jsx)(core_1.TableItem, { iconRight: "ChevronRight", onClick: () => router.navigateToCollectionItems({ type }), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("h3", { className: "label-md text-content-primary ellipsis", children: name }), description &&
+                                        (0, jsx_runtime_1.jsx)("p", { className: "body-xs text-content-secondary ellipsis", children: description })] }) }, type)) }, "sitemap")
+                // or empty state
+                :
+                    (0, jsx_runtime_1.jsx)(core_1.EmptyState, { variant: "missing", size: "md", children: "There are no collections to display" }, "empty")] }, "collections"));
+}

package/dist/explore/screens/PageExplorer.d.ts

@@ -0,0 +1,8 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export declare function PageExplorer({ region, page: pageType }: PageExplorer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageExplorer {
+    type Props = {
+        region: string;
+        page: Schema.Page.Type;
+    };
+}

package/dist/explore/screens/PageExplorer.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageExplorer = PageExplorer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../../core");
+const components_1 = require("../components");
+// component
+function PageExplorer({ region, page: pageType }) {
+    // bind hooks
+    const router = (0, core_1.useEditorRouter)();
+    const site = (0, core_1.useSite)();
+    const template = site.getPageSchema(pageType);
+    const collection = (0, core_1.usePageCollection)(pageType);
+    const { ready = false, items } = collection !== null && collection !== void 0 ? collection : {};
+    const groupedPages = (0, react_1.useMemo)(() => (!ready || !items)
+        ? undefined
+        : groupPages(site, items), [site, items, ready]);
+    const createDialogRef = (0, react_1.useRef)(null);
+    const splash = (0, core_1.useSplash)();
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // helpers
+    const onCreatePage = async (e) => {
+        var _a;
+        // skip if there are no collections (should never happen)
+        if (!collection) {
+            return;
+        }
+        // open dialog (skip if the page creation was cancelled)
+        const page = await ((_a = createDialogRef.current) === null || _a === void 0 ? void 0 : _a.createPage({
+            site,
+            template,
+            collection,
+            anchor: e.currentTarget
+        }));
+        if (!page) {
+            return;
+        }
+        // otherwise, redirect to page (open it)
+        await onOpenPage(page.asRef);
+    };
+    const onOpenPage = async ({ template, language, slug }) => {
+        await router.navigateToPage({ page: template.type, region, language, slug });
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(components_1.ExploreHeader, { breadcrumbs: ['Dashboard', 'Site explorer'], region: region, onBack: () => router.navigateToTemplates({ region }), onRegionChange: region => router.navigateToPages({ region: region.id, page: pageType }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderPages({ template, groupedPages, onCreatePage, onOpenPage }) }) }) }), (0, jsx_runtime_1.jsx)(components_1.CreatePageDialog, { ref: createDialogRef })] }));
+}
+function renderPages({ template, groupedPages, onCreatePage, onOpenPage }) {
+    // show loader if not ready
+    if (!groupedPages) {
+        return null;
+    }
+    // or show empty state if there are no pages
+    const { inProgress, live, unpublished } = groupedPages;
+    if (inProgress.length === 0 && live.length === 0 && unpublished.length === 0) {
+        return ((0, jsx_runtime_1.jsxs)(core_1.EmptyState, { variant: "missing", children: [(0, jsx_runtime_1.jsxs)("h3", { className: "heading-md text-content-primary", children: ["There are no ", template.name, " pages created yet!"] }), (0, jsx_runtime_1.jsxs)(core_1.Button, { variant: "primary", iconLeft: "Plus", onClick: onCreatePage, children: ["Create a ", template.name] })] }, "empty"));
+    }
+    // render pages
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-l8 justify-between items-center", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "heading-lg text-content-primary", children: [template.name, " pages"] }), (0, jsx_runtime_1.jsxs)(core_1.Button, { variant: "primary", iconLeft: "Plus", onClick: onCreatePage, children: ["Create a new ", template.name] })] }), inProgress.length > 0 &&
+                (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", title: "Work in progress", children: inProgress.map(({ summary: { status }, link }) => (0, jsx_runtime_1.jsx)(core_1.TableItem, { details: status === 'ready'
+                            ? (0, jsx_runtime_1.jsx)(core_1.StatusBadge, { variant: "success", label: "Ready to publish" })
+                            : status === 'changed'
+                                ? (0, jsx_runtime_1.jsx)(core_1.StatusBadge, { variant: "warn", label: "Changed" })
+                                : undefined, iconRight: "ChevronRight", onClick: () => onOpenPage(link), children: link.name }, link.id)) }), unpublished.length > 0 &&
+                (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", title: "Pending Unpublish", children: unpublished.map(({ summary: { status }, link }) => (0, jsx_runtime_1.jsx)(core_1.TableItem, { children: link.name }, link.id)) }), live.length > 0 &&
+                (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", title: "Live", children: live.map(({ summary, link }) => (0, jsx_runtime_1.jsx)(core_1.TableItem, { iconRight: "ChevronRight", onClick: () => onOpenPage(link), children: link.name }, link.id)) })] }, "pages"));
+}
+function groupPages(site, summaries) {
+    // group pages
+    const groupedPages = summaries
+        // enrich summaries with links
+        .map(summary => ({ summary, link: summary.getClosestPageRef(site.defaultLanguage) }))
+        // group summaries based on status
+        .reduce((groupedPages, linkedSummary) => {
+        // bind page to group (drop empty pages groups, which shouldn't occur)
+        switch (linkedSummary.summary.status) {
+            case 'draft':
+            case 'changed':
+            case 'ready':
+                groupedPages.inProgress.push(linkedSummary);
+                break;
+            case 'unpublished':
+                groupedPages.unpublished.push(linkedSummary);
+                break;
+            case 'live':
+                groupedPages.live.push(linkedSummary);
+                break;
+        }
+        // keep reducing
+        return groupedPages;
+    }, { inProgress: [], live: [], unpublished: [] });
+    // sort pages
+    groupedPages.inProgress.sort((lhs, rhs) => {
+        // sort by status first
+        const lhsStatus = lhs.summary.status;
+        const rhsStatus = rhs.summary.status;
+        if (lhsStatus !== rhsStatus) {
+            if (lhsStatus === 'ready') {
+                return -1;
+            }
+            else if (rhsStatus === 'ready') {
+                return 1;
+            }
+            else if (lhsStatus === 'changed') {
+                return -1;
+            }
+            else if (rhsStatus === 'changed') {
+                return 1;
+            }
+        }
+        // otherwise sort by name
+        return lhs.link.name.localeCompare(rhs.link.name);
+    });
+    groupedPages.unpublished.sort((lhs, rhs) => lhs.link.name.localeCompare(rhs.link.name));
+    groupedPages.live.sort((lhs, rhs) => lhs.link.name.localeCompare(rhs.link.name));
+    console.debug('[PageExplorer] grouped pages', groupedPages);
+    // return groups
+    return groupedPages;
+}

package/dist/explore/screens/SiteExplorer.d.ts

@@ -0,0 +1,6 @@
+export declare function SiteExplorer({ region }: SiteExplorer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace SiteExplorer {
+    type Props = {
+        region: string;
+    };
+}

package/dist/explore/screens/SiteExplorer.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteExplorer = SiteExplorer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../../core");
+const components_1 = require("../components");
+// component
+function SiteExplorer({ region }) {
+    // bind hooks
+    const site = (0, core_1.useSite)();
+    const router = (0, core_1.useEditorRouter)();
+    const splash = (0, core_1.useSplash)();
+    const { ready } = site;
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // helpers
+    const onPageClicked = async (overview) => {
+        if (overview instanceof core_1.StaticPageOverview) {
+            const language = site.getClosestLanguage(overview.languages);
+            await router.navigateToPage({ page: overview.type, region, language });
+        }
+        else {
+            await router.navigateToPages({ page: overview.type, region });
+        }
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(components_1.ExploreHeader, { breadcrumbs: ['Dashboard'], region: region, onBack: () => router.navigateToDashboard(), onRegionChange: region => router.navigateToTemplates({ region: region.id }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsxs)(core_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: [(0, jsx_runtime_1.jsx)("h2", { className: "heading-lg text-content-primary", children: "Site explorer" }), (0, jsx_runtime_1.jsx)(core_1.Table, { className: "flex-1", children: site.overviews.map(overview => overview instanceof core_1.DynamicPageOverview
+                                    ?
+                                        (0, jsx_runtime_1.jsx)(core_1.Table, { nested: true, children: (0, jsx_runtime_1.jsx)(core_1.TableItem, { nested: true, iconLeft: "CornerDownRight", iconRight: "ChevronRight", details: (0, jsx_runtime_1.jsx)(core_1.CountBadge, { count: overview.count }), onClick: () => onPageClicked(overview), children: overview.template.name }) }, overview.type)
+                                    :
+                                        (0, jsx_runtime_1.jsx)(core_1.TableItem, { iconRight: "ChevronRight", onClick: () => onPageClicked(overview), children: overview.template.name }, overview.type)) })] }) }) })] }));
+}

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

@@ -0,0 +1,4 @@
+export * from './CollectionExplorer';
+export * from './CollectionsExplorer';
+export * from './PageExplorer';
+export * from './SiteExplorer';

package/dist/explore/screens/index.js

@@ -0,0 +1,20 @@
+"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("./CollectionExplorer"), exports);
+__exportStar(require("./CollectionsExplorer"), exports);
+__exportStar(require("./PageExplorer"), exports);
+__exportStar(require("./SiteExplorer"), exports);

package/dist/index.d.ts

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

package/dist/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("./EditorApp"), exports);

package/dist/onboarding/EmailLogin.d.ts

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

package/dist/onboarding/EmailLogin.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailLogin = EmailLogin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const react_1 = require("react");
+const core_1 = require("../core");
+// component
+function EmailLogin() {
+    // bind state + hooks
+    const [errorLevel, setErrorLevel] = (0, react_1.useState)('critical');
+    const [error, setError] = (0, react_1.useState)();
+    const router = (0, core_1.useEditorRouter)();
+    const authenticator = (0, core_1.useAuthenticator)();
+    const ready = authenticator.state === 'unauthenticated' || authenticator.state === 'authenticated';
+    const { emailField, passwordField } = (0, core_1.useTempFields)({
+        emailField: funnel_core_1.Schema.Field.email({
+            name: 'Email',
+            hint: 'Enter your email',
+            description: 'This is the email login you\'ve been provided by Nascent',
+            required: true
+        }),
+        passwordField: funnel_core_1.Schema.Field.passwordInput({
+            name: 'Password',
+            hint: 'Enter your password',
+            required: true
+        })
+    });
+    // helpers
+    const onEmailLogin = async () => {
+        var _a, _b, _c, _d;
+        // reset errors
+        setErrorLevel('critical');
+        setError(undefined);
+        // skip if there's no username or password
+        const email = (_b = (_a = funnel_core_1.Schema.TextField.Value.fromData(emailField.value)) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) !== null && _b !== void 0 ? _b : '';
+        const password = (_d = (_c = funnel_core_1.Schema.TextField.Value.fromData(passwordField.value)) === null || _c === void 0 ? void 0 : _c.trim()) !== null && _d !== void 0 ? _d : '';
+        if (!email || !password || !emailField.valid || !passwordField.valid) {
+            setErrorLevel('all');
+            return;
+        }
+        // try to login
+        try {
+            console.debug(`[EmailLogin] logging in for ${email}`);
+            // redirect on success
+            const success = await authenticator.login(email, password);
+            if (success) {
+                await router.navigateToDashboard({ mode: 'replace' });
+            }
+            // or display an error
+            else {
+                setError({
+                    title: 'Oops!',
+                    message: 'Either you’ve entered an incorrect email or password, or your account is linked to a different email address.'
+                });
+            }
+        }
+        // handle errors
+        catch (e) {
+            if (e instanceof funnel_core_1.OfflineError) {
+                setError({
+                    title: 'Check your internet connection!',
+                    message: 'We\'re having trouble connecting to our server, which probably means you\'re offline.'
+                });
+            }
+            else if (e instanceof funnel_core_1.NotAuthenticatedError) {
+                setError({
+                    title: 'Oops!',
+                    message: 'Either you’ve entered an incorrect email or password, or your account is linked to a different email address.'
+                });
+            }
+            else {
+                setError({
+                    title: 'Oops!',
+                    message: 'Something unexpected happened on our end.  Try waiting a few minutes, then refreshing your browser and trying again.'
+                });
+            }
+        }
+    };
+    const onEnter = (e) => {
+        // login if enter is pressed and ready
+        if (e.key === 'Enter' && ready) {
+            onEmailLogin().catch(console.error);
+        }
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-[360px] flex flex-col items-center gap-l11", children: [(0, jsx_runtime_1.jsxs)("section", { className: "flex flex-col items-center text-content-primary", children: [(0, jsx_runtime_1.jsx)(core_1.Logo, { className: "text-content-primary bg-ix-util-hover/tint1 rounded-full", size: 64 }), (0, jsx_runtime_1.jsx)("h2", { className: "heading-lg text-center text-pretty mt-l8 mb-l5", children: "Welcome back" }), (0, jsx_runtime_1.jsx)("p", { className: "body-sm text-center text-pretty", children: "Sign in with your platform credentials to start editing" })] }), (0, jsx_runtime_1.jsx)(core_1.ErrorMessage, { error: error }), (0, jsx_runtime_1.jsx)("form", { className: "self-stretch flex flex-col", onSubmit: e => e.preventDefault(), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-l6", children: [(0, jsx_runtime_1.jsxs)(core_1.FieldErrorController, { errorLevel: errorLevel, children: [(0, jsx_runtime_1.jsx)(core_1.TextField, { field: emailField, autoFocus: true, disabled: !ready, onKeyDown: onEnter }), (0, jsx_runtime_1.jsx)(core_1.TextField, { field: passwordField, disabled: !ready, onKeyDown: onEnter })] }), (0, jsx_runtime_1.jsx)(core_1.Button, { className: "self-end", variant: "secondary", onClick: () => router.navigateToLoginReset({ mode: 'replace' }), children: "Forgot password?" })] }) }), (0, jsx_runtime_1.jsx)(core_1.Button, { variant: "primary", disabled: !ready, onClick: onEmailLogin, children: "Login" })] }));
+}

package/dist/onboarding/GoogleLogin.d.ts

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

package/dist/onboarding/GoogleLogin.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoogleLogin = GoogleLogin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const head_1 = __importDefault(require("next/head"));
+const script_1 = __importDefault(require("next/script"));
+const react_1 = require("react");
+// component
+function GoogleLogin() {
+    // bind hooks
+    const { googleClientId } = funnel_core_1.AppConfig.ssoConfig();
+    const siteUrl = (0, react_1.useMemo)(() => new URL('/', window.location.href), []);
+    const authUrl = (0, react_1.useMemo)(() => {
+        const url = new URL('/api/editor', siteUrl);
+        url.searchParams.set('auth', 'google');
+        return url;
+    }, [siteUrl]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(head_1.default, { children: siteUrl.hostname === 'localhost' &&
+                    (0, jsx_runtime_1.jsx)("meta", { name: "referrer", content: "no-referrer-when-downgrade" }) }), (0, jsx_runtime_1.jsx)(script_1.default, { strategy: "afterInteractive", src: "https://accounts.google.com/gsi/client", async: true, defer: true }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[360px] flex flex-col items-center gap-l11", children: [(0, jsx_runtime_1.jsx)("h2", { className: "heading-xl text-content-primary text-center text-pretty", children: "Welcome to your site" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { id: "g_id_onload", "data-client_id": googleClientId, "data-login_uri": authUrl.href, "data-allowed_parent_origin": siteUrl.href, "data-ux_mode": "popup", "data-auto_select": "false", "data-auto_prompt": "false", "data-itp_support": "true", "data-use_fedcm_for_prompt": "true", "data-use_fedcm_for_button": "true" }), (0, jsx_runtime_1.jsx)("div", { className: "g_id_signin block", "data-type": "standard", "data-size": "large", "data-shape": "pill", "data-theme": "outline", "data-text": "signin_with", "data-logo_alignment": "left" })] })] })] }));
+}

package/dist/onboarding/Login.d.ts

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

package/dist/onboarding/Login.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Login = Login;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const react_1 = require("react");
+const core_1 = require("../core");
+const EmailLogin_1 = require("./EmailLogin");
+const GoogleLogin_1 = require("./GoogleLogin");
+// component
+function Login() {
+    // bind state + hooks
+    const splash = (0, core_1.useSplash)();
+    const { mode } = funnel_core_1.AppConfig.ssoConfig();
+    // dismiss splash on mount
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, [splash]);
+    // determine content
+    let content;
+    switch (mode) {
+        case 'email':
+            content = (0, jsx_runtime_1.jsx)(EmailLogin_1.EmailLogin, {});
+            break;
+        case 'google':
+            content = (0, jsx_runtime_1.jsx)(GoogleLogin_1.GoogleLogin, {});
+            break;
+    }
+    // render
+    return ((0, jsx_runtime_1.jsxs)("main", { className: "min-h-full flex flex-col justify-center items-center py-l12", children: [(0, jsx_runtime_1.jsx)("nav", { className: "fixed top-0 inset-x-0 flex justify-end items-center gap-l5 p-l6 z-header", children: (0, jsx_runtime_1.jsx)(core_1.ColorModeToggle, {}) }), splash.state === undefined && content] }));
+}

package/dist/onboarding/LoginReset.d.ts

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

package/dist/onboarding/LoginReset.js

@@ -0,0 +1,132 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginReset = LoginReset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const rxjs_1 = require("rxjs");
+const core_1 = require("../core");
+// component
+function LoginReset() {
+    // bind state + hooks
+    const [state, setState] = (0, react_1.useState)('capture');
+    const [error, setError] = (0, react_1.useState)();
+    const [errorLevel, setErrorLevel] = (0, react_1.useState)('critical');
+    const router = (0, core_1.useEditorRouter)();
+    const editorApi = (0, core_1.useEditorApi)();
+    const { emailField } = (0, core_1.useTempFields)({
+        emailField: funnel_core_1.Schema.Field.email({
+            name: 'Email',
+            hint: 'Enter your email',
+            description: 'This is the email login you\'ve been provided by Nascent',
+            required: true
+        })
+    });
+    const splash = (0, core_1.useSplash)();
+    // dismiss splash on mount
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, [splash]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)("main", { className: "min-h-full flex flex-col justify-center items-center py-l12", children: [(0, jsx_runtime_1.jsx)("nav", { className: "fixed top-0 inset-x-0 flex justify-end items-center gap-l5 p-l6 z-header", children: (0, jsx_runtime_1.jsx)(core_1.ColorModeToggle, {}) }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('max-w-[360px] flex flex-col items-center gap-l11', {
+                    'hidden': splash.state !== undefined
+                }), children: render({
+                    router,
+                    editorApi,
+                    emailField,
+                    state, setState,
+                    error, setError,
+                    errorLevel, setErrorLevel
+                }) })] }));
+}
+function render(args) {
+    switch (args.state) {
+        case 'submitted':
+            return renderSuccess(args);
+        case 'submitting':
+            return renderSubmitting(args);
+        default:
+            return renderCapture(args);
+    }
+}
+function renderSuccess({ router, emailField }) {
+    var _a;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderHeader({
+                title: 'We\'ve received your login reset request!',
+                prompt: `A notification has been sent to our support team asking to reset your ${(_a = funnel_core_1.Schema.Field.Data.getText(emailField.value)) !== null && _a !== void 0 ? _a : 'unknown'} email. We'll get back to you shortly - within next business day... latest.`
+            }), (0, jsx_runtime_1.jsx)(core_1.Button, { variant: "secondary", onClick: () => router.navigateToLogin({ mode: 'replace' }), children: "Back to Sign in" })] }));
+}
+function renderSubmitting(_) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderHeader({
+                title: 'Submitting your request...',
+                prompt: `Give us a second to create a support ticket.`
+            }), (0, jsx_runtime_1.jsx)(core_1.Loader, { className: "text-ix-primary", size: "xl" })] }));
+}
+function renderCapture({ router, editorApi, emailField, setState, error, setError, errorLevel, setErrorLevel }) {
+    // helpers
+    const onReset = async () => {
+        var _a, _b;
+        // reset errors
+        setErrorLevel('critical');
+        setError(undefined);
+        // skip if there's no username or password
+        const email = (_b = (_a = funnel_core_1.Schema.TextField.Value.fromData(emailField.value)) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) !== null && _b !== void 0 ? _b : '';
+        if (!email || !emailField.valid) {
+            setErrorLevel('all');
+            return;
+        }
+        // try to reset login
+        try {
+            console.debug(`[LoginReset] submitting reset for ${email}`);
+            // set state
+            setState('submitting');
+            // submit
+            await Promise.all([
+                editorApi.resetUser({ email }),
+                (0, rxjs_1.firstValueFrom)((0, rxjs_1.timer)(funnel_core_1.Duration.toMilliseconds('1.5s')))
+            ]);
+            // set state to success
+            setState('submitted');
+        }
+        // handle errors
+        catch (e) {
+            console.error(`[LoginReset] reset failed`, e);
+            // set state
+            setState('submitFailed');
+            // bind error
+            if (e instanceof funnel_core_1.OfflineError) {
+                setError({
+                    title: 'Check your internet connection!',
+                    message: 'We\'re having trouble connecting to our server, which probably means you\'re offline.'
+                });
+            }
+            else {
+                setError({
+                    title: 'Oops!',
+                    message: 'Something unexpected happened on our end.  Try waiting a few minutes, then refreshing your browser and trying again.'
+                });
+            }
+        }
+    };
+    const onEnter = (e) => {
+        // login if enter is pressed and ready
+        if (e.key === 'Enter') {
+            onReset().catch(console.error);
+        }
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderHeader({
+                title: 'Need to reset your password?',
+                prompt: 'We will send a reset password link to your email.'
+            }), (0, jsx_runtime_1.jsx)(core_1.ErrorMessage, { error: error }), (0, jsx_runtime_1.jsx)("section", { className: "self-stretch flex flex-col", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-l6", children: (0, jsx_runtime_1.jsx)(core_1.FieldErrorController, { errorLevel: errorLevel, children: (0, jsx_runtime_1.jsx)(core_1.TextField, { field: emailField, autoFocus: true, onKeyDown: onEnter }) }) }) }), (0, jsx_runtime_1.jsxs)("section", { className: "flex items-center gap-l6", children: [(0, jsx_runtime_1.jsx)(core_1.Button, { variant: "primary", onClick: onReset, children: "Submit" }), (0, jsx_runtime_1.jsx)(core_1.Button, { variant: "secondary", onClick: () => router.navigateToLogin({ mode: 'replace' }), children: "Go back" })] })] }));
+}
+function renderHeader({ title, prompt } = {}) {
+    // render
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "flex flex-col items-center text-content-primary", children: [(0, jsx_runtime_1.jsx)(core_1.Logo, { className: "text-content-primary bg-ix-util-hover/tint1 rounded-full", size: 64 }), title &&
+                (0, jsx_runtime_1.jsx)("h2", { className: "heading-lg text-center text-pretty mt-l8 mb-l5", children: title }), prompt &&
+                (0, jsx_runtime_1.jsx)("p", { className: "body-sm text-center text-pretty", children: prompt })] }));
+}

package/dist/onboarding/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Login';
+export * from './LoginReset';

package/dist/onboarding/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("./Login"), exports);
+__exportStar(require("./LoginReset"), exports);

package/dist/page/components/BlockConfig.d.ts

@@ -0,0 +1,8 @@
+import { Block, SectionBlock } from '../../core';
+export declare function BlockConfig({ className, block: blockOrSectionBlock }: BlockConfig.Props): import("react/jsx-runtime").JSX.Element | undefined;
+export declare namespace BlockConfig {
+    type Props = {
+        className?: string;
+        block: Block | SectionBlock;
+    };
+}