@nlabs/gothamui 1.8.0

package/lib/utils/timer.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ /**
+ * Create a Timer
+ * @param {Number} delay
+ * @param {Function} callback
+ * @constructor
+ */ export class GothamTimer {
+    timerId;
+    start = 0;
+    remaining = 0;
+    delay = 0;
+    callback;
+    constructor(delay, callback){
+        this.callback = callback;
+        this.delay = delay;
+        this.remaining = delay;
+        // Methods
+        this.getTimeRemaining = this.getTimeRemaining.bind(this);
+        this.pause = this.pause.bind(this);
+        this.resume = this.resume.bind(this);
+    }
+    pause() {
+        clearTimeout(this.timerId);
+        this.remaining -= +new Date() - this.start;
+    }
+    resume() {
+        this.start = +new Date();
+        clearTimeout(this.timerId);
+        this.timerId = setTimeout(this.callback, this.remaining);
+    }
+    getTimeRemaining() {
+        return this.remaining;
+    }
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy91dGlscy90aW1lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1QcmVzZW50LCBOaXRyb2dlbiBMYWJzLCBJbmMuXG4gKiBDb3B5cmlnaHRzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIHRoZSBhY2NvbXBhbnlpbmcgTElDRU5TRSBmaWxlIGZvciB0ZXJtcy5cbiAqL1xuLyoqXG4gKiBDcmVhdGUgYSBUaW1lclxuICogQHBhcmFtIHtOdW1iZXJ9IGRlbGF5XG4gKiBAcGFyYW0ge0Z1bmN0aW9ufSBjYWxsYmFja1xuICogQGNvbnN0cnVjdG9yXG4gKi9cbmV4cG9ydCBjbGFzcyBHb3RoYW1UaW1lciB7XG4gIHRpbWVySWQ6IHVua25vd247XG4gIHN0YXJ0OiBudW1iZXIgPSAwO1xuICByZW1haW5pbmc6IG51bWJlciA9IDA7XG4gIGRlbGF5OiBudW1iZXIgPSAwO1xuICBjYWxsYmFjazogdW5rbm93bjtcblxuICBjb25zdHJ1Y3RvcihkZWxheTogbnVtYmVyLCBjYWxsYmFjazogdW5rbm93bikge1xuICAgIHRoaXMuY2FsbGJhY2sgPSBjYWxsYmFjaztcbiAgICB0aGlzLmRlbGF5ID0gZGVsYXk7XG4gICAgdGhpcy5yZW1haW5pbmcgPSBkZWxheTtcblxuICAgIC8vIE1ldGhvZHNcbiAgICB0aGlzLmdldFRpbWVSZW1haW5pbmcgPSB0aGlzLmdldFRpbWVSZW1haW5pbmcuYmluZCh0aGlzKTtcbiAgICB0aGlzLnBhdXNlID0gdGhpcy5wYXVzZS5iaW5kKHRoaXMpO1xuICAgIHRoaXMucmVzdW1lID0gdGhpcy5yZXN1bWUuYmluZCh0aGlzKTtcbiAgfVxuXG4gIHBhdXNlKCkge1xuICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVySWQgYXMgbnVtYmVyKTtcbiAgICB0aGlzLnJlbWFpbmluZyAtPSAoKyhuZXcgRGF0ZSgpKSAtIHRoaXMuc3RhcnQpO1xuICB9XG5cbiAgcmVzdW1lKCkge1xuICAgIHRoaXMuc3RhcnQgPSArKG5ldyBEYXRlKCkpO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVySWQgYXMgbnVtYmVyKTtcbiAgICB0aGlzLnRpbWVySWQgPSBzZXRUaW1lb3V0KHRoaXMuY2FsbGJhY2sgYXMgKCkgPT4gdm9pZCwgdGhpcy5yZW1haW5pbmcpO1xuICB9XG5cbiAgZ2V0VGltZVJlbWFpbmluZygpIHtcbiAgICByZXR1cm4gdGhpcy5yZW1haW5pbmc7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJHb3RoYW1UaW1lciIsInRpbWVySWQiLCJzdGFydCIsInJlbWFpbmluZyIsImRlbGF5IiwiY2FsbGJhY2siLCJnZXRUaW1lUmVtYWluaW5nIiwiYmluZCIsInBhdXNlIiwicmVzdW1lIiwiY2xlYXJUaW1lb3V0IiwiRGF0ZSIsInNldFRpbWVvdXQiXSwibWFwcGluZ3MiOiJBQUFBOzs7Q0FHQyxHQUNEOzs7OztDQUtDLEdBQ0QsT0FBTyxNQUFNQTtJQUNYQyxRQUFpQjtJQUNqQkMsUUFBZ0IsRUFBRTtJQUNsQkMsWUFBb0IsRUFBRTtJQUN0QkMsUUFBZ0IsRUFBRTtJQUNsQkMsU0FBa0I7SUFFbEIsWUFBWUQsS0FBYSxFQUFFQyxRQUFpQixDQUFFO1FBQzVDLElBQUksQ0FBQ0EsUUFBUSxHQUFHQTtRQUNoQixJQUFJLENBQUNELEtBQUssR0FBR0E7UUFDYixJQUFJLENBQUNELFNBQVMsR0FBR0M7UUFFakIsVUFBVTtRQUNWLElBQUksQ0FBQ0UsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDQSxnQkFBZ0IsQ0FBQ0MsSUFBSSxDQUFDLElBQUk7UUFDdkQsSUFBSSxDQUFDQyxLQUFLLEdBQUcsSUFBSSxDQUFDQSxLQUFLLENBQUNELElBQUksQ0FBQyxJQUFJO1FBQ2pDLElBQUksQ0FBQ0UsTUFBTSxHQUFHLElBQUksQ0FBQ0EsTUFBTSxDQUFDRixJQUFJLENBQUMsSUFBSTtJQUNyQztJQUVBQyxRQUFRO1FBQ05FLGFBQWEsSUFBSSxDQUFDVCxPQUFPO1FBQ3pCLElBQUksQ0FBQ0UsU0FBUyxJQUFLLENBQUUsSUFBSVEsU0FBVSxJQUFJLENBQUNULEtBQUs7SUFDL0M7SUFFQU8sU0FBUztRQUNQLElBQUksQ0FBQ1AsS0FBSyxHQUFHLENBQUUsSUFBSVM7UUFDbkJELGFBQWEsSUFBSSxDQUFDVCxPQUFPO1FBQ3pCLElBQUksQ0FBQ0EsT0FBTyxHQUFHVyxXQUFXLElBQUksQ0FBQ1AsUUFBUSxFQUFnQixJQUFJLENBQUNGLFNBQVM7SUFDdkU7SUFFQUcsbUJBQW1CO1FBQ2pCLE9BQU8sSUFBSSxDQUFDSCxTQUFTO0lBQ3ZCO0FBQ0YifQ==

package/lib/utils/useBreakpoint.d.ts

@@ -0,0 +1,6 @@
+export declare const useBreakpoint: () => {
+    at: (size: string) => boolean;
+    down: (size: string) => boolean;
+    up: (size: string) => boolean;
+    value: () => string;
+};

package/lib/utils/useBreakpoint.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { throttle } from '@nlabs/utils';
+import { useEffect, useMemo, useState } from 'react';
+const getCurrentBreakpoint = (setBreakpoint)=>()=>{
+        const breakpoints = {
+            values: {
+                lg: 1200,
+                md: 900,
+                sm: 600,
+                xl: 1536
+            }
+        };
+        const { values: { lg, md, sm, xl } } = breakpoints;
+        const { innerWidth } = window;
+        if (innerWidth < sm) {
+            setBreakpoint(0);
+        } else if (innerWidth < md) {
+            setBreakpoint(1);
+        } else if (innerWidth < lg) {
+            setBreakpoint(2);
+        } else if (innerWidth < xl) {
+            setBreakpoint(3);
+        } else {
+            setBreakpoint(4);
+        }
+    };
+const breakpointValues = [
+    'xs',
+    'sm',
+    'md',
+    'lg',
+    'xl'
+];
+export const useBreakpoint = ()=>{
+    const [breakpoint, setBreakpoint] = useState(0);
+    useEffect(()=>{
+        const onResizeBreakpoint = getCurrentBreakpoint(setBreakpoint);
+        const onResize = throttle(onResizeBreakpoint, 100);
+        // Inital sizing
+        onResizeBreakpoint();
+        window.addEventListener('resize', onResize);
+        return ()=>window.removeEventListener('resize', onResize);
+    }, []);
+    return useMemo(()=>({
+            at: (size)=>size === breakpointValues[breakpoint],
+            down: (size)=>breakpointValues.indexOf(size) >= breakpoint,
+            up: (size)=>breakpointValues.indexOf(size) <= breakpoint,
+            value: ()=>breakpointValues[breakpoint]
+        }), [
+        breakpoint
+    ]);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy91dGlscy91c2VCcmVha3BvaW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge3Rocm90dGxlfSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IGdldEN1cnJlbnRCcmVha3BvaW50ID0gKHNldEJyZWFrcG9pbnQpID0+ICgpOiB2b2lkID0+IHtcbiAgY29uc3QgYnJlYWtwb2ludHMgPSB7XG4gICAgdmFsdWVzOiB7XG4gICAgICBsZzogMTIwMCxcbiAgICAgIG1kOiA5MDAsXG4gICAgICBzbTogNjAwLFxuICAgICAgeGw6IDE1MzZcbiAgICB9XG4gIH07XG4gIGNvbnN0IHt2YWx1ZXM6IHtsZywgbWQsIHNtLCB4bH19ID0gYnJlYWtwb2ludHM7XG4gIGNvbnN0IHtpbm5lcldpZHRofSA9IHdpbmRvdztcblxuICBpZihpbm5lcldpZHRoIDwgc20pIHtcbiAgICBzZXRCcmVha3BvaW50KDApO1xuICB9IGVsc2UgaWYoaW5uZXJXaWR0aCA8IG1kKSB7XG4gICAgc2V0QnJlYWtwb2ludCgxKTtcbiAgfSBlbHNlIGlmKGlubmVyV2lkdGggPCBsZykge1xuICAgIHNldEJyZWFrcG9pbnQoMik7XG4gIH0gZWxzZSBpZihpbm5lcldpZHRoIDwgeGwpIHtcbiAgICBzZXRCcmVha3BvaW50KDMpO1xuICB9IGVsc2Uge1xuICAgIHNldEJyZWFrcG9pbnQoNCk7XG4gIH1cbn07XG5cbmNvbnN0IGJyZWFrcG9pbnRWYWx1ZXMgPSBbJ3hzJywgJ3NtJywgJ21kJywgJ2xnJywgJ3hsJ107XG5cbmV4cG9ydCBjb25zdCB1c2VCcmVha3BvaW50ID0gKCkgPT4ge1xuICBjb25zdCBbYnJlYWtwb2ludCwgc2V0QnJlYWtwb2ludF0gPSB1c2VTdGF0ZSgwKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IG9uUmVzaXplQnJlYWtwb2ludCA9IGdldEN1cnJlbnRCcmVha3BvaW50KHNldEJyZWFrcG9pbnQpO1xuICAgIGNvbnN0IG9uUmVzaXplID0gdGhyb3R0bGUob25SZXNpemVCcmVha3BvaW50LCAxMDApO1xuXG4gICAgLy8gSW5pdGFsIHNpemluZ1xuICAgIG9uUmVzaXplQnJlYWtwb2ludCgpO1xuXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIG9uUmVzaXplKTtcblxuICAgIHJldHVybiAoKSA9PiB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgb25SZXNpemUpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHVzZU1lbW8oKCkgPT4gKHtcbiAgICBhdDogKHNpemU6IHN0cmluZyk6IGJvb2xlYW4gPT4gc2l6ZSA9PT0gYnJlYWtwb2ludFZhbHVlc1ticmVha3BvaW50XSxcbiAgICBkb3duOiAoc2l6ZTogc3RyaW5nKTogYm9vbGVhbiA9PiBicmVha3BvaW50VmFsdWVzLmluZGV4T2Yoc2l6ZSkgPj0gYnJlYWtwb2ludCxcbiAgICB1cDogKHNpemU6IHN0cmluZyk6IGJvb2xlYW4gPT4gYnJlYWtwb2ludFZhbHVlcy5pbmRleE9mKHNpemUpIDw9IGJyZWFrcG9pbnQsXG4gICAgdmFsdWU6ICgpOiBzdHJpbmcgPT4gYnJlYWtwb2ludFZhbHVlc1ticmVha3BvaW50XVxuICB9KSwgW2JyZWFrcG9pbnRdKTtcbn07XG4iXSwibmFtZXMiOlsidGhyb3R0bGUiLCJ1c2VFZmZlY3QiLCJ1c2VNZW1vIiwidXNlU3RhdGUiLCJnZXRDdXJyZW50QnJlYWtwb2ludCIsInNldEJyZWFrcG9pbnQiLCJicmVha3BvaW50cyIsInZhbHVlcyIsImxnIiwibWQiLCJzbSIsInhsIiwiaW5uZXJXaWR0aCIsIndpbmRvdyIsImJyZWFrcG9pbnRWYWx1ZXMiLCJ1c2VCcmVha3BvaW50IiwiYnJlYWtwb2ludCIsIm9uUmVzaXplQnJlYWtwb2ludCIsIm9uUmVzaXplIiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJhdCIsInNpemUiLCJkb3duIiwiaW5kZXhPZiIsInVwIiwidmFsdWUiXSwibWFwcGluZ3MiOiJBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLFFBQVEsUUFBTyxlQUFlO0FBQ3RDLFNBQVFDLFNBQVMsRUFBRUMsT0FBTyxFQUFFQyxRQUFRLFFBQU8sUUFBUTtBQUVuRCxNQUFNQyx1QkFBdUIsQ0FBQ0MsZ0JBQWtCO1FBQzlDLE1BQU1DLGNBQWM7WUFDbEJDLFFBQVE7Z0JBQ05DLElBQUk7Z0JBQ0pDLElBQUk7Z0JBQ0pDLElBQUk7Z0JBQ0pDLElBQUk7WUFDTjtRQUNGO1FBQ0EsTUFBTSxFQUFDSixRQUFRLEVBQUNDLEVBQUUsRUFBRUMsRUFBRSxFQUFFQyxFQUFFLEVBQUVDLEVBQUUsRUFBQyxFQUFDLEdBQUdMO1FBQ25DLE1BQU0sRUFBQ00sVUFBVSxFQUFDLEdBQUdDO1FBRXJCLElBQUdELGFBQWFGLElBQUk7WUFDbEJMLGNBQWM7UUFDaEIsT0FBTyxJQUFHTyxhQUFhSCxJQUFJO1lBQ3pCSixjQUFjO1FBQ2hCLE9BQU8sSUFBR08sYUFBYUosSUFBSTtZQUN6QkgsY0FBYztRQUNoQixPQUFPLElBQUdPLGFBQWFELElBQUk7WUFDekJOLGNBQWM7UUFDaEIsT0FBTztZQUNMQSxjQUFjO1FBQ2hCO0lBQ0Y7QUFFQSxNQUFNUyxtQkFBbUI7SUFBQztJQUFNO0lBQU07SUFBTTtJQUFNO0NBQUs7QUFFdkQsT0FBTyxNQUFNQyxnQkFBZ0I7SUFDM0IsTUFBTSxDQUFDQyxZQUFZWCxjQUFjLEdBQUdGLFNBQVM7SUFFN0NGLFVBQVU7UUFDUixNQUFNZ0IscUJBQXFCYixxQkFBcUJDO1FBQ2hELE1BQU1hLFdBQVdsQixTQUFTaUIsb0JBQW9CO1FBRTlDLGdCQUFnQjtRQUNoQkE7UUFFQUosT0FBT00sZ0JBQWdCLENBQUMsVUFBVUQ7UUFFbEMsT0FBTyxJQUFNTCxPQUFPTyxtQkFBbUIsQ0FBQyxVQUFVRjtJQUNwRCxHQUFHLEVBQUU7SUFFTCxPQUFPaEIsUUFBUSxJQUFPLENBQUE7WUFDcEJtQixJQUFJLENBQUNDLE9BQTBCQSxTQUFTUixnQkFBZ0IsQ0FBQ0UsV0FBVztZQUNwRU8sTUFBTSxDQUFDRCxPQUEwQlIsaUJBQWlCVSxPQUFPLENBQUNGLFNBQVNOO1lBQ25FUyxJQUFJLENBQUNILE9BQTBCUixpQkFBaUJVLE9BQU8sQ0FBQ0YsU0FBU047WUFDakVVLE9BQU8sSUFBY1osZ0JBQWdCLENBQUNFLFdBQVc7UUFDbkQsQ0FBQSxHQUFJO1FBQUNBO0tBQVc7QUFDbEIsRUFBRSJ9

package/lib/utils/viewPerformance.d.ts

@@ -0,0 +1,34 @@
+import type { AwsRum } from './awsRum.js';
+export type ViewPerformanceOutcome = 'cancelled' | 'failure' | 'success' | 'timeout';
+export type ViewPerformanceStatus = 'failure' | 'pending' | 'success';
+export interface ViewPerformanceMeasurement {
+    readonly durationMs: number;
+    readonly outcome: ViewPerformanceOutcome;
+    readonly route?: string;
+    readonly title?: string;
+    readonly viewId: string;
+}
+export interface StartViewOptions {
+    readonly now?: () => number;
+    readonly onComplete: (measurement: ViewPerformanceMeasurement) => void;
+    readonly route?: string;
+    readonly timeoutMs?: number;
+    readonly title?: string;
+    readonly viewId: string;
+}
+export interface ViewPerformanceHandle {
+    readonly cancel: () => void;
+    readonly fail: () => void;
+    readonly succeed: () => void;
+    readonly timeout: () => void;
+}
+export interface UseViewPerformanceOptions {
+    readonly route?: string;
+    readonly status: ViewPerformanceStatus;
+    readonly timeoutMs?: number;
+    readonly title?: string;
+    readonly viewId: string;
+}
+export declare const startView: ({ now, onComplete, route, timeoutMs, title, viewId }: StartViewOptions) => ViewPerformanceHandle;
+export declare const reportViewPerformance: (awsRum: AwsRum | undefined, measurement: ViewPerformanceMeasurement) => void;
+export declare const useViewPerformance: ({ route, status, timeoutMs, title, viewId }: UseViewPerformanceOptions) => void;

package/lib/utils/viewPerformance.js

@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) 2026-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { useContext, useEffect, useRef } from 'react';
+import { GothamContext } from './GothamContext.js';
+const DEFAULT_TIMEOUT_MS = 30_000;
+const normalizeDuration = (duration)=>Math.max(0, Math.round(duration));
+export const startView = ({ now = ()=>globalThis.performance?.now?.() ?? Date.now(), onComplete, route, timeoutMs = DEFAULT_TIMEOUT_MS, title, viewId })=>{
+    const startedAt = now();
+    let complete = false;
+    let timer;
+    const finish = (outcome)=>{
+        if (complete) {
+            return;
+        }
+        complete = true;
+        if (timer) {
+            clearTimeout(timer);
+            timer = undefined;
+        }
+        onComplete({
+            durationMs: normalizeDuration(now() - startedAt),
+            outcome,
+            ...route ? {
+                route
+            } : {},
+            ...title ? {
+                title
+            } : {},
+            viewId
+        });
+    };
+    if (timeoutMs > 0) {
+        timer = setTimeout(()=>finish('timeout'), timeoutMs);
+    }
+    return {
+        cancel: ()=>finish('cancelled'),
+        fail: ()=>finish('failure'),
+        succeed: ()=>finish('success'),
+        timeout: ()=>finish('timeout')
+    };
+};
+export const reportViewPerformance = (awsRum, measurement)=>{
+    awsRum?.track({
+        name: 'view_performance',
+        ...measurement.route ? {
+            path: measurement.route
+        } : {},
+        properties: {
+            durationMs: measurement.durationMs,
+            outcome: measurement.outcome,
+            ...measurement.title ? {
+                viewTitle: measurement.title
+            } : {},
+            viewId: measurement.viewId
+        },
+        type: 'view_performance'
+    });
+};
+export const useViewPerformance = ({ route, status, timeoutMs, title, viewId })=>{
+    const { awsRum } = useContext(GothamContext);
+    const handleRef = useRef(undefined);
+    const statusRef = useRef(status);
+    statusRef.current = status;
+    useEffect(()=>{
+        const handle = startView({
+            onComplete: (measurement)=>reportViewPerformance(awsRum, measurement),
+            route,
+            timeoutMs,
+            title,
+            viewId
+        });
+        handleRef.current = handle;
+        if (statusRef.current === 'failure') {
+            handle.fail();
+        } else if (statusRef.current === 'success') {
+            handle.succeed();
+        }
+        return ()=>{
+            handle.cancel();
+            if (handleRef.current === handle) {
+                handleRef.current = undefined;
+            }
+        };
+    }, [
+        awsRum,
+        route,
+        timeoutMs,
+        title,
+        viewId
+    ]);
+    useEffect(()=>{
+        if (status === 'failure') {
+            handleRef.current?.fail();
+        } else if (status === 'success') {
+            handleRef.current?.succeed();
+        }
+    }, [
+        status
+    ]);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy91dGlscy92aWV3UGVyZm9ybWFuY2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjYtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWZ9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtHb3RoYW1Db250ZXh0fSBmcm9tICcuL0dvdGhhbUNvbnRleHQuanMnO1xuXG5pbXBvcnQgdHlwZSB7QXdzUnVtfSBmcm9tICcuL2F3c1J1bS5qcyc7XG5cbmV4cG9ydCB0eXBlIFZpZXdQZXJmb3JtYW5jZU91dGNvbWUgPSAnY2FuY2VsbGVkJyB8ICdmYWlsdXJlJyB8ICdzdWNjZXNzJyB8ICd0aW1lb3V0JztcbmV4cG9ydCB0eXBlIFZpZXdQZXJmb3JtYW5jZVN0YXR1cyA9ICdmYWlsdXJlJyB8ICdwZW5kaW5nJyB8ICdzdWNjZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBWaWV3UGVyZm9ybWFuY2VNZWFzdXJlbWVudCB7XG4gIHJlYWRvbmx5IGR1cmF0aW9uTXM6IG51bWJlcjtcbiAgcmVhZG9ubHkgb3V0Y29tZTogVmlld1BlcmZvcm1hbmNlT3V0Y29tZTtcbiAgcmVhZG9ubHkgcm91dGU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IHRpdGxlPzogc3RyaW5nO1xuICByZWFkb25seSB2aWV3SWQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdGFydFZpZXdPcHRpb25zIHtcbiAgcmVhZG9ubHkgbm93PzogKCkgPT4gbnVtYmVyO1xuICByZWFkb25seSBvbkNvbXBsZXRlOiAobWVhc3VyZW1lbnQ6IFZpZXdQZXJmb3JtYW5jZU1lYXN1cmVtZW50KSA9PiB2b2lkO1xuICByZWFkb25seSByb3V0ZT86IHN0cmluZztcbiAgcmVhZG9ubHkgdGltZW91dE1zPzogbnVtYmVyO1xuICByZWFkb25seSB0aXRsZT86IHN0cmluZztcbiAgcmVhZG9ubHkgdmlld0lkOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmlld1BlcmZvcm1hbmNlSGFuZGxlIHtcbiAgcmVhZG9ubHkgY2FuY2VsOiAoKSA9PiB2b2lkO1xuICByZWFkb25seSBmYWlsOiAoKSA9PiB2b2lkO1xuICByZWFkb25seSBzdWNjZWVkOiAoKSA9PiB2b2lkO1xuICByZWFkb25seSB0aW1lb3V0OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFVzZVZpZXdQZXJmb3JtYW5jZU9wdGlvbnMge1xuICByZWFkb25seSByb3V0ZT86IHN0cmluZztcbiAgcmVhZG9ubHkgc3RhdHVzOiBWaWV3UGVyZm9ybWFuY2VTdGF0dXM7XG4gIHJlYWRvbmx5IHRpbWVvdXRNcz86IG51bWJlcjtcbiAgcmVhZG9ubHkgdGl0bGU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IHZpZXdJZDogc3RyaW5nO1xufVxuXG5jb25zdCBERUZBVUxUX1RJTUVPVVRfTVMgPSAzMF8wMDA7XG5jb25zdCBub3JtYWxpemVEdXJhdGlvbiA9IChkdXJhdGlvbjogbnVtYmVyKTogbnVtYmVyID0+IE1hdGgubWF4KDAsIE1hdGgucm91bmQoZHVyYXRpb24pKTtcblxuZXhwb3J0IGNvbnN0IHN0YXJ0VmlldyA9ICh7XG4gIG5vdyA9ICgpID0+IGdsb2JhbFRoaXMucGVyZm9ybWFuY2U/Lm5vdz8uKCkgPz8gRGF0ZS5ub3coKSxcbiAgb25Db21wbGV0ZSxcbiAgcm91dGUsXG4gIHRpbWVvdXRNcyA9IERFRkFVTFRfVElNRU9VVF9NUyxcbiAgdGl0bGUsXG4gIHZpZXdJZFxufTogU3RhcnRWaWV3T3B0aW9ucyk6IFZpZXdQZXJmb3JtYW5jZUhhbmRsZSA9PiB7XG4gIGNvbnN0IHN0YXJ0ZWRBdCA9IG5vdygpO1xuICBsZXQgY29tcGxldGUgPSBmYWxzZTtcbiAgbGV0IHRpbWVyOiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IHVuZGVmaW5lZDtcblxuICBjb25zdCBmaW5pc2ggPSAob3V0Y29tZTogVmlld1BlcmZvcm1hbmNlT3V0Y29tZSk6IHZvaWQgPT4ge1xuICAgIGlmKGNvbXBsZXRlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29tcGxldGUgPSB0cnVlO1xuICAgIGlmKHRpbWVyKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZXIpO1xuICAgICAgdGltZXIgPSB1bmRlZmluZWQ7XG4gICAgfVxuICAgIG9uQ29tcGxldGUoe1xuICAgICAgZHVyYXRpb25Nczogbm9ybWFsaXplRHVyYXRpb24obm93KCkgLSBzdGFydGVkQXQpLFxuICAgICAgb3V0Y29tZSxcbiAgICAgIC4uLihyb3V0ZSA/IHtyb3V0ZX0gOiB7fSksXG4gICAgICAuLi4odGl0bGUgPyB7dGl0bGV9IDoge30pLFxuICAgICAgdmlld0lkXG4gICAgfSk7XG4gIH07XG5cbiAgaWYodGltZW91dE1zID4gMCkge1xuICAgIHRpbWVyID0gc2V0VGltZW91dCgoKSA9PiBmaW5pc2goJ3RpbWVvdXQnKSwgdGltZW91dE1zKTtcbiAgfVxuXG4gIHJldHVybiB7XG4gICAgY2FuY2VsOiAoKSA9PiBmaW5pc2goJ2NhbmNlbGxlZCcpLFxuICAgIGZhaWw6ICgpID0+IGZpbmlzaCgnZmFpbHVyZScpLFxuICAgIHN1Y2NlZWQ6ICgpID0+IGZpbmlzaCgnc3VjY2VzcycpLFxuICAgIHRpbWVvdXQ6ICgpID0+IGZpbmlzaCgndGltZW91dCcpXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgcmVwb3J0Vmlld1BlcmZvcm1hbmNlID0gKFxuICBhd3NSdW06IEF3c1J1bSB8IHVuZGVmaW5lZCxcbiAgbWVhc3VyZW1lbnQ6IFZpZXdQZXJmb3JtYW5jZU1lYXN1cmVtZW50XG4pOiB2b2lkID0+IHtcbiAgYXdzUnVtPy50cmFjayh7XG4gICAgbmFtZTogJ3ZpZXdfcGVyZm9ybWFuY2UnLFxuICAgIC4uLihtZWFzdXJlbWVudC5yb3V0ZSA/IHtwYXRoOiBtZWFzdXJlbWVudC5yb3V0ZX0gOiB7fSksXG4gICAgcHJvcGVydGllczoge1xuICAgICAgZHVyYXRpb25NczogbWVhc3VyZW1lbnQuZHVyYXRpb25NcyxcbiAgICAgIG91dGNvbWU6IG1lYXN1cmVtZW50Lm91dGNvbWUsXG4gICAgICAuLi4obWVhc3VyZW1lbnQudGl0bGUgPyB7dmlld1RpdGxlOiBtZWFzdXJlbWVudC50aXRsZX0gOiB7fSksXG4gICAgICB2aWV3SWQ6IG1lYXN1cmVtZW50LnZpZXdJZFxuICAgIH0sXG4gICAgdHlwZTogJ3ZpZXdfcGVyZm9ybWFuY2UnXG4gIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVZpZXdQZXJmb3JtYW5jZSA9ICh7XG4gIHJvdXRlLFxuICBzdGF0dXMsXG4gIHRpbWVvdXRNcyxcbiAgdGl0bGUsXG4gIHZpZXdJZFxufTogVXNlVmlld1BlcmZvcm1hbmNlT3B0aW9ucyk6IHZvaWQgPT4ge1xuICBjb25zdCB7YXdzUnVtfSA9IHVzZUNvbnRleHQoR290aGFtQ29udGV4dCk7XG4gIGNvbnN0IGhhbmRsZVJlZiA9IHVzZVJlZjxWaWV3UGVyZm9ybWFuY2VIYW5kbGUgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIGNvbnN0IHN0YXR1c1JlZiA9IHVzZVJlZihzdGF0dXMpO1xuICBzdGF0dXNSZWYuY3VycmVudCA9IHN0YXR1cztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZSA9IHN0YXJ0Vmlldyh7XG4gICAgICBvbkNvbXBsZXRlOiAobWVhc3VyZW1lbnQpID0+IHJlcG9ydFZpZXdQZXJmb3JtYW5jZShhd3NSdW0sIG1lYXN1cmVtZW50KSxcbiAgICAgIHJvdXRlLFxuICAgICAgdGltZW91dE1zLFxuICAgICAgdGl0bGUsXG4gICAgICB2aWV3SWRcbiAgICB9KTtcbiAgICBoYW5kbGVSZWYuY3VycmVudCA9IGhhbmRsZTtcblxuICAgIGlmKHN0YXR1c1JlZi5jdXJyZW50ID09PSAnZmFpbHVyZScpIHtcbiAgICAgIGhhbmRsZS5mYWlsKCk7XG4gICAgfSBlbHNlIGlmKHN0YXR1c1JlZi5jdXJyZW50ID09PSAnc3VjY2VzcycpIHtcbiAgICAgIGhhbmRsZS5zdWNjZWVkKCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGhhbmRsZS5jYW5jZWwoKTtcbiAgICAgIGlmKGhhbmRsZVJlZi5jdXJyZW50ID09PSBoYW5kbGUpIHtcbiAgICAgICAgaGFuZGxlUmVmLmN1cnJlbnQgPSB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2F3c1J1bSwgcm91dGUsIHRpbWVvdXRNcywgdGl0bGUsIHZpZXdJZF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYoc3RhdHVzID09PSAnZmFpbHVyZScpIHtcbiAgICAgIGhhbmRsZVJlZi5jdXJyZW50Py5mYWlsKCk7XG4gICAgfSBlbHNlIGlmKHN0YXR1cyA9PT0gJ3N1Y2Nlc3MnKSB7XG4gICAgICBoYW5kbGVSZWYuY3VycmVudD8uc3VjY2VlZCgpO1xuICAgIH1cbiAgfSwgW3N0YXR1c10pO1xufTtcbiJdLCJuYW1lcyI6WyJ1c2VDb250ZXh0IiwidXNlRWZmZWN0IiwidXNlUmVmIiwiR290aGFtQ29udGV4dCIsIkRFRkFVTFRfVElNRU9VVF9NUyIsIm5vcm1hbGl6ZUR1cmF0aW9uIiwiZHVyYXRpb24iLCJNYXRoIiwibWF4Iiwicm91bmQiLCJzdGFydFZpZXciLCJub3ciLCJnbG9iYWxUaGlzIiwicGVyZm9ybWFuY2UiLCJEYXRlIiwib25Db21wbGV0ZSIsInJvdXRlIiwidGltZW91dE1zIiwidGl0bGUiLCJ2aWV3SWQiLCJzdGFydGVkQXQiLCJjb21wbGV0ZSIsInRpbWVyIiwiZmluaXNoIiwib3V0Y29tZSIsImNsZWFyVGltZW91dCIsInVuZGVmaW5lZCIsImR1cmF0aW9uTXMiLCJzZXRUaW1lb3V0IiwiY2FuY2VsIiwiZmFpbCIsInN1Y2NlZWQiLCJ0aW1lb3V0IiwicmVwb3J0Vmlld1BlcmZvcm1hbmNlIiwiYXdzUnVtIiwibWVhc3VyZW1lbnQiLCJ0cmFjayIsIm5hbWUiLCJwYXRoIiwicHJvcGVydGllcyIsInZpZXdUaXRsZSIsInR5cGUiLCJ1c2VWaWV3UGVyZm9ybWFuY2UiLCJzdGF0dXMiLCJoYW5kbGVSZWYiLCJzdGF0dXNSZWYiLCJjdXJyZW50IiwiaGFuZGxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7O0NBR0MsR0FDRCxTQUFRQSxVQUFVLEVBQUVDLFNBQVMsRUFBRUMsTUFBTSxRQUFPLFFBQVE7QUFFcEQsU0FBUUMsYUFBYSxRQUFPLHFCQUFxQjtBQXVDakQsTUFBTUMscUJBQXFCO0FBQzNCLE1BQU1DLG9CQUFvQixDQUFDQyxXQUE2QkMsS0FBS0MsR0FBRyxDQUFDLEdBQUdELEtBQUtFLEtBQUssQ0FBQ0g7QUFFL0UsT0FBTyxNQUFNSSxZQUFZLENBQUMsRUFDeEJDLE1BQU0sSUFBTUMsV0FBV0MsV0FBVyxFQUFFRixXQUFXRyxLQUFLSCxHQUFHLEVBQUUsRUFDekRJLFVBQVUsRUFDVkMsS0FBSyxFQUNMQyxZQUFZYixrQkFBa0IsRUFDOUJjLEtBQUssRUFDTEMsTUFBTSxFQUNXO0lBQ2pCLE1BQU1DLFlBQVlUO0lBQ2xCLElBQUlVLFdBQVc7SUFDZixJQUFJQztJQUVKLE1BQU1DLFNBQVMsQ0FBQ0M7UUFDZCxJQUFHSCxVQUFVO1lBQ1g7UUFDRjtRQUVBQSxXQUFXO1FBQ1gsSUFBR0MsT0FBTztZQUNSRyxhQUFhSDtZQUNiQSxRQUFRSTtRQUNWO1FBQ0FYLFdBQVc7WUFDVFksWUFBWXRCLGtCQUFrQk0sUUFBUVM7WUFDdENJO1lBQ0EsR0FBSVIsUUFBUTtnQkFBQ0E7WUFBSyxJQUFJLENBQUMsQ0FBQztZQUN4QixHQUFJRSxRQUFRO2dCQUFDQTtZQUFLLElBQUksQ0FBQyxDQUFDO1lBQ3hCQztRQUNGO0lBQ0Y7SUFFQSxJQUFHRixZQUFZLEdBQUc7UUFDaEJLLFFBQVFNLFdBQVcsSUFBTUwsT0FBTyxZQUFZTjtJQUM5QztJQUVBLE9BQU87UUFDTFksUUFBUSxJQUFNTixPQUFPO1FBQ3JCTyxNQUFNLElBQU1QLE9BQU87UUFDbkJRLFNBQVMsSUFBTVIsT0FBTztRQUN0QlMsU0FBUyxJQUFNVCxPQUFPO0lBQ3hCO0FBQ0YsRUFBRTtBQUVGLE9BQU8sTUFBTVUsd0JBQXdCLENBQ25DQyxRQUNBQztJQUVBRCxRQUFRRSxNQUFNO1FBQ1pDLE1BQU07UUFDTixHQUFJRixZQUFZbkIsS0FBSyxHQUFHO1lBQUNzQixNQUFNSCxZQUFZbkIsS0FBSztRQUFBLElBQUksQ0FBQyxDQUFDO1FBQ3REdUIsWUFBWTtZQUNWWixZQUFZUSxZQUFZUixVQUFVO1lBQ2xDSCxTQUFTVyxZQUFZWCxPQUFPO1lBQzVCLEdBQUlXLFlBQVlqQixLQUFLLEdBQUc7Z0JBQUNzQixXQUFXTCxZQUFZakIsS0FBSztZQUFBLElBQUksQ0FBQyxDQUFDO1lBQzNEQyxRQUFRZ0IsWUFBWWhCLE1BQU07UUFDNUI7UUFDQXNCLE1BQU07SUFDUjtBQUNGLEVBQUU7QUFFRixPQUFPLE1BQU1DLHFCQUFxQixDQUFDLEVBQ2pDMUIsS0FBSyxFQUNMMkIsTUFBTSxFQUNOMUIsU0FBUyxFQUNUQyxLQUFLLEVBQ0xDLE1BQU0sRUFDb0I7SUFDMUIsTUFBTSxFQUFDZSxNQUFNLEVBQUMsR0FBR2xDLFdBQVdHO0lBQzVCLE1BQU15QyxZQUFZMUMsT0FBMEN3QjtJQUM1RCxNQUFNbUIsWUFBWTNDLE9BQU95QztJQUN6QkUsVUFBVUMsT0FBTyxHQUFHSDtJQUVwQjFDLFVBQVU7UUFDUixNQUFNOEMsU0FBU3JDLFVBQVU7WUFDdkJLLFlBQVksQ0FBQ29CLGNBQWdCRixzQkFBc0JDLFFBQVFDO1lBQzNEbkI7WUFDQUM7WUFDQUM7WUFDQUM7UUFDRjtRQUNBeUIsVUFBVUUsT0FBTyxHQUFHQztRQUVwQixJQUFHRixVQUFVQyxPQUFPLEtBQUssV0FBVztZQUNsQ0MsT0FBT2pCLElBQUk7UUFDYixPQUFPLElBQUdlLFVBQVVDLE9BQU8sS0FBSyxXQUFXO1lBQ3pDQyxPQUFPaEIsT0FBTztRQUNoQjtRQUVBLE9BQU87WUFDTGdCLE9BQU9sQixNQUFNO1lBQ2IsSUFBR2UsVUFBVUUsT0FBTyxLQUFLQyxRQUFRO2dCQUMvQkgsVUFBVUUsT0FBTyxHQUFHcEI7WUFDdEI7UUFDRjtJQUNGLEdBQUc7UUFBQ1E7UUFBUWxCO1FBQU9DO1FBQVdDO1FBQU9DO0tBQU87SUFFNUNsQixVQUFVO1FBQ1IsSUFBRzBDLFdBQVcsV0FBVztZQUN2QkMsVUFBVUUsT0FBTyxFQUFFaEI7UUFDckIsT0FBTyxJQUFHYSxXQUFXLFdBQVc7WUFDOUJDLFVBQVVFLE9BQU8sRUFBRWY7UUFDckI7SUFDRixHQUFHO1FBQUNZO0tBQU87QUFDYixFQUFFIn0=

package/lib/utils/viewUtils.d.ts

@@ -0,0 +1,9 @@
+import { Location, useNavigation } from 'react-router';
+export interface AppRouter {
+    readonly location: Location;
+    readonly matches: unknown[];
+    readonly navigation: ReturnType<typeof useNavigation>;
+    readonly params: unknown;
+}
+export declare const useRoute: () => AppRouter;
+export declare const parseNavUrl: (path: string, params: Record<string, unknown>) => string;

package/lib/utils/viewUtils.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { qs } from '@nlabs/utils';
+import { useMemo } from 'react';
+import { useLocation, useMatches, useNavigation, useParams } from 'react-router';
+export const useRoute = ()=>{
+    const navigation = useNavigation();
+    const location = useLocation() || {};
+    const urlParams = useParams();
+    const matches = useMatches();
+    return useMemo(()=>({
+            location,
+            matches,
+            navigation,
+            params: {
+                ...location.state || {},
+                ...urlParams,
+                ...qs.parse(location.search, {
+                    ignoreQueryPrefix: true
+                })
+            }
+        }), [
+        navigation,
+        location,
+        matches,
+        urlParams
+    ]);
+};
+export const parseNavUrl = (path, params)=>path.split('/').reduce((list, part)=>{
+        if (part?.substring(0, 1) === ':') {
+            const value = params[part.substring(1)];
+            return [
+                ...list,
+                value !== undefined ? value : part
+            ];
+        }
+        return [
+            ...list,
+            part
+        ];
+    }, []).join('/');
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy91dGlscy92aWV3VXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCB7cXN9IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7TG9jYXRpb24sIHVzZUxvY2F0aW9uLCB1c2VNYXRjaGVzLCB1c2VOYXZpZ2F0aW9uLCB1c2VQYXJhbXN9IGZyb20gJ3JlYWN0LXJvdXRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXBwUm91dGVyIHtcbiAgcmVhZG9ubHkgbG9jYXRpb246IExvY2F0aW9uO1xuICByZWFkb25seSBtYXRjaGVzOiB1bmtub3duW107XG4gIHJlYWRvbmx5IG5hdmlnYXRpb246IFJldHVyblR5cGU8dHlwZW9mIHVzZU5hdmlnYXRpb24+O1xuICByZWFkb25seSBwYXJhbXM6IHVua25vd247XG59XG5cbmV4cG9ydCBjb25zdCB1c2VSb3V0ZSA9ICgpOiBBcHBSb3V0ZXIgPT4ge1xuICBjb25zdCBuYXZpZ2F0aW9uID0gdXNlTmF2aWdhdGlvbigpO1xuICBjb25zdCBsb2NhdGlvbiA9IHVzZUxvY2F0aW9uKCkgfHwge30gYXMgdW5rbm93biBhcyBMb2NhdGlvbjtcbiAgY29uc3QgdXJsUGFyYW1zID0gdXNlUGFyYW1zKCk7XG4gIGNvbnN0IG1hdGNoZXMgPSB1c2VNYXRjaGVzKCk7XG5cbiAgcmV0dXJuIHVzZU1lbW8oKCkgPT4gKHtcbiAgICBsb2NhdGlvbixcbiAgICBtYXRjaGVzLFxuICAgIG5hdmlnYXRpb24sXG4gICAgcGFyYW1zOiB7XG4gICAgICAuLi4obG9jYXRpb24uc3RhdGUgfHwge30pLFxuICAgICAgLi4udXJsUGFyYW1zLFxuICAgICAgLi4ucXMucGFyc2UobG9jYXRpb24uc2VhcmNoLCB7aWdub3JlUXVlcnlQcmVmaXg6IHRydWV9KVxuICAgIH1cbiAgfSksIFtuYXZpZ2F0aW9uLCBsb2NhdGlvbiwgbWF0Y2hlcywgdXJsUGFyYW1zXSk7XG59O1xuXG5leHBvcnQgY29uc3QgcGFyc2VOYXZVcmwgPSAocGF0aDogc3RyaW5nLCBwYXJhbXM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogc3RyaW5nID0+IHBhdGhcbiAgLnNwbGl0KCcvJylcbiAgLnJlZHVjZSgobGlzdDogc3RyaW5nW10sIHBhcnQ6IHN0cmluZykgPT4ge1xuICAgIGlmKHBhcnQ/LnN1YnN0cmluZygwLCAxKSA9PT0gJzonKSB7XG4gICAgICBjb25zdCB2YWx1ZSA9IHBhcmFtc1twYXJ0LnN1YnN0cmluZygxKV07XG4gICAgICByZXR1cm4gWy4uLmxpc3QsIHZhbHVlICE9PSB1bmRlZmluZWQgPyB2YWx1ZSA6IHBhcnRdIGFzIHN0cmluZ1tdO1xuICAgIH1cblxuICAgIHJldHVybiBbLi4ubGlzdCwgcGFydF07XG4gIH0sIFtdKS5qb2luKCcvJyk7XG4iXSwibmFtZXMiOlsicXMiLCJ1c2VNZW1vIiwidXNlTG9jYXRpb24iLCJ1c2VNYXRjaGVzIiwidXNlTmF2aWdhdGlvbiIsInVzZVBhcmFtcyIsInVzZVJvdXRlIiwibmF2aWdhdGlvbiIsImxvY2F0aW9uIiwidXJsUGFyYW1zIiwibWF0Y2hlcyIsInBhcmFtcyIsInN0YXRlIiwicGFyc2UiLCJzZWFyY2giLCJpZ25vcmVRdWVyeVByZWZpeCIsInBhcnNlTmF2VXJsIiwicGF0aCIsInNwbGl0IiwicmVkdWNlIiwibGlzdCIsInBhcnQiLCJzdWJzdHJpbmciLCJ2YWx1ZSIsInVuZGVmaW5lZCIsImpvaW4iXSwibWFwcGluZ3MiOiJBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLE9BQU8sUUFBTyxRQUFRO0FBQzlCLFNBQWtCQyxXQUFXLEVBQUVDLFVBQVUsRUFBRUMsYUFBYSxFQUFFQyxTQUFTLFFBQU8sZUFBZTtBQVN6RixPQUFPLE1BQU1DLFdBQVc7SUFDdEIsTUFBTUMsYUFBYUg7SUFDbkIsTUFBTUksV0FBV04saUJBQWlCLENBQUM7SUFDbkMsTUFBTU8sWUFBWUo7SUFDbEIsTUFBTUssVUFBVVA7SUFFaEIsT0FBT0YsUUFBUSxJQUFPLENBQUE7WUFDcEJPO1lBQ0FFO1lBQ0FIO1lBQ0FJLFFBQVE7Z0JBQ04sR0FBSUgsU0FBU0ksS0FBSyxJQUFJLENBQUMsQ0FBQztnQkFDeEIsR0FBR0gsU0FBUztnQkFDWixHQUFHVCxHQUFHYSxLQUFLLENBQUNMLFNBQVNNLE1BQU0sRUFBRTtvQkFBQ0MsbUJBQW1CO2dCQUFJLEVBQUU7WUFDekQ7UUFDRixDQUFBLEdBQUk7UUFBQ1I7UUFBWUM7UUFBVUU7UUFBU0Q7S0FBVTtBQUNoRCxFQUFFO0FBRUYsT0FBTyxNQUFNTyxjQUFjLENBQUNDLE1BQWNOLFNBQTRDTSxLQUNuRkMsS0FBSyxDQUFDLEtBQ05DLE1BQU0sQ0FBQyxDQUFDQyxNQUFnQkM7UUFDdkIsSUFBR0EsTUFBTUMsVUFBVSxHQUFHLE9BQU8sS0FBSztZQUNoQyxNQUFNQyxRQUFRWixNQUFNLENBQUNVLEtBQUtDLFNBQVMsQ0FBQyxHQUFHO1lBQ3ZDLE9BQU87bUJBQUlGO2dCQUFNRyxVQUFVQyxZQUFZRCxRQUFRRjthQUFLO1FBQ3REO1FBRUEsT0FBTztlQUFJRDtZQUFNQztTQUFLO0lBQ3hCLEdBQUcsRUFBRSxFQUFFSSxJQUFJLENBQUMsS0FBSyJ9

package/lib/views/AuthSignInView/AuthSignInView.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { AuthViewProps } from '../AuthView/AuthView.js';
+export interface AuthSignInValues extends Record<string, unknown> {
+    readonly email: string;
+    readonly password: string;
+    readonly rememberEmail: boolean;
+}
+export interface AuthSignInViewProps extends Omit<AuthViewProps, 'cardDescription' | 'cardTitle' | 'children' | 'onSubmit'> {
+    readonly cardDescription?: ReactNode;
+    readonly cardTitle?: ReactNode;
+    readonly defaultEmail?: string;
+    readonly error?: ReactNode;
+    readonly forgotPasswordHref?: string;
+    readonly onSubmit: (values: AuthSignInValues) => void | Promise<void>;
+    readonly signUpHref?: string;
+    readonly submitClassName?: string;
+}
+declare const AuthSignInViewComponent: ({ cardDescription, cardTitle, defaultEmail, error, forgotPasswordHref, onSubmit, signUpHref, submitClassName, ...authViewProps }: AuthSignInViewProps) => import("react").JSX.Element;
+export declare const AuthSignInView: import("react").MemoExoticComponent<typeof AuthSignInViewComponent>;
+export {};

package/lib/views/AuthSignInView/AuthSignInView.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { z } from 'zod';
+import { Button } from '../../components/Button/Button.js';
+import { Checkbox } from '../../components/Checkbox/Checkbox.js';
+import { Form } from '../../components/Form/Form.js';
+import { Link } from '../../components/Link/Link.js';
+import { TextField } from '../../components/TextField/TextField.js';
+import { AuthView } from '../AuthView/AuthView.js';
+const authSignInSchema = z.object({
+    email: z.email('Enter a valid email address.'),
+    password: z.string().min(1, 'Enter your password.'),
+    rememberEmail: z.boolean()
+});
+const AuthSignInViewComponent = ({ cardDescription = 'Use your email and password to continue.', cardTitle = 'Sign in', defaultEmail = '', error, forgotPasswordHref = '/forgot-password', onSubmit, signUpHref = '/signup', submitClassName, ...authViewProps })=>/*#__PURE__*/ _jsxs(AuthView, {
+        cardDescription: cardDescription,
+        cardTitle: cardTitle,
+        ...authViewProps,
+        children: [
+            error ? /*#__PURE__*/ _jsx("div", {
+                className: "mb-5 rounded-lg border border-error-300 bg-error-50 p-3 text-sm text-error-700",
+                role: "alert",
+                children: error
+            }) : null,
+            /*#__PURE__*/ _jsx(Form, {
+                className: "grid",
+                defaultValues: {
+                    email: defaultEmail,
+                    password: '',
+                    rememberEmail: true
+                },
+                name: "sign-in",
+                onSubmit: onSubmit,
+                schema: authSignInSchema,
+                showErrors: true,
+                children: ({ formState })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "grid gap-7 max-[600px]:gap-6",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoComplete: "email",
+                                        borderColor: "neutral",
+                                        borderType: "underline",
+                                        inputClass: "min-h-12 rounded-none border-x-0 border-t-0 bg-transparent px-0 text-base shadow-none",
+                                        label: "Email",
+                                        labelClass: "mb-2 text-sm font-bold",
+                                        name: "email",
+                                        placeholder: "you@example.com",
+                                        type: "email"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoComplete: "current-password",
+                                        borderColor: "neutral",
+                                        borderType: "underline",
+                                        inputClass: "min-h-12 rounded-none border-x-0 border-t-0 bg-transparent px-0 pr-11 text-base shadow-none",
+                                        label: "Password",
+                                        labelClass: "mb-2 text-sm font-bold",
+                                        name: "password",
+                                        placeholder: "Your password",
+                                        showPasswordToggle: true,
+                                        type: "password"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "my-5 flex items-center justify-between gap-4",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Checkbox, {
+                                        defaultValue: true,
+                                        label: "Remember me",
+                                        name: "rememberEmail"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Link, {
+                                        className: "text-sm font-bold no-underline",
+                                        href: forgotPasswordHref,
+                                        children: "Forgot password?"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                className: submitClassName,
+                                disabled: formState.isSubmitting,
+                                isLoading: formState.isSubmitting,
+                                type: "submit",
+                                children: "Sign In"
+                            })
+                        ]
+                    })
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "mb-0 mt-6 text-sm text-muted-foreground dark:text-muted-foreground-dark",
+                children: [
+                    "New here? ",
+                    /*#__PURE__*/ _jsx(Link, {
+                        className: "font-bold no-underline",
+                        href: signUpHref,
+                        children: "Sign Up"
+                    })
+                ]
+            })
+        ]
+    });
+export const AuthSignInView = /*#__PURE__*/ memo(AuthSignInViewComponent);
+AuthSignInView.displayName = 'AuthSignInView';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoU2lnbkluVmlldy9BdXRoU2lnbkluVmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHttZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3p9IGZyb20gJ3pvZCc7XG5cbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uanMnO1xuaW1wb3J0IHtDaGVja2JveH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC5qcyc7XG5pbXBvcnQge0Zvcm19IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRm9ybS9Gb3JtLmpzJztcbmltcG9ydCB7TGlua30gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9MaW5rL0xpbmsuanMnO1xuaW1wb3J0IHtUZXh0RmllbGR9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvVGV4dEZpZWxkL1RleHRGaWVsZC5qcyc7XG5pbXBvcnQge0F1dGhWaWV3fSBmcm9tICcuLi9BdXRoVmlldy9BdXRoVmlldy5qcyc7XG5cbmltcG9ydCB0eXBlIHtSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtBdXRoVmlld1Byb3BzfSBmcm9tICcuLi9BdXRoVmlldy9BdXRoVmlldy5qcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aFNpZ25JblZhbHVlcyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHVua25vd24+IHtcbiAgcmVhZG9ubHkgZW1haWw6IHN0cmluZztcbiAgcmVhZG9ubHkgcGFzc3dvcmQ6IHN0cmluZztcbiAgcmVhZG9ubHkgcmVtZW1iZXJFbWFpbDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBBdXRoU2lnbkluVmlld1Byb3BzIGV4dGVuZHMgT21pdDxBdXRoVmlld1Byb3BzLCAnY2FyZERlc2NyaXB0aW9uJyB8ICdjYXJkVGl0bGUnIHwgJ2NoaWxkcmVuJyB8ICdvblN1Ym1pdCc+IHtcbiAgcmVhZG9ubHkgY2FyZERlc2NyaXB0aW9uPzogUmVhY3ROb2RlO1xuICByZWFkb25seSBjYXJkVGl0bGU/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGRlZmF1bHRFbWFpbD86IHN0cmluZztcbiAgcmVhZG9ubHkgZXJyb3I/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGZvcmdvdFBhc3N3b3JkSHJlZj86IHN0cmluZztcbiAgcmVhZG9ubHkgb25TdWJtaXQ6ICh2YWx1ZXM6IEF1dGhTaWduSW5WYWx1ZXMpID0+IHZvaWQgfCBQcm9taXNlPHZvaWQ+O1xuICByZWFkb25seSBzaWduVXBIcmVmPzogc3RyaW5nO1xuICByZWFkb25seSBzdWJtaXRDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGF1dGhTaWduSW5TY2hlbWEgPSB6Lm9iamVjdCh7XG4gIGVtYWlsOiB6LmVtYWlsKCdFbnRlciBhIHZhbGlkIGVtYWlsIGFkZHJlc3MuJyksXG4gIHBhc3N3b3JkOiB6LnN0cmluZygpLm1pbigxLCAnRW50ZXIgeW91ciBwYXNzd29yZC4nKSxcbiAgcmVtZW1iZXJFbWFpbDogei5ib29sZWFuKClcbn0pO1xuXG5jb25zdCBBdXRoU2lnbkluVmlld0NvbXBvbmVudCA9ICh7XG4gIGNhcmREZXNjcmlwdGlvbiA9ICdVc2UgeW91ciBlbWFpbCBhbmQgcGFzc3dvcmQgdG8gY29udGludWUuJyxcbiAgY2FyZFRpdGxlID0gJ1NpZ24gaW4nLFxuICBkZWZhdWx0RW1haWwgPSAnJyxcbiAgZXJyb3IsXG4gIGZvcmdvdFBhc3N3b3JkSHJlZiA9ICcvZm9yZ290LXBhc3N3b3JkJyxcbiAgb25TdWJtaXQsXG4gIHNpZ25VcEhyZWYgPSAnL3NpZ251cCcsXG4gIHN1Ym1pdENsYXNzTmFtZSxcbiAgLi4uYXV0aFZpZXdQcm9wc1xufTogQXV0aFNpZ25JblZpZXdQcm9wcykgPT4gKFxuICA8QXV0aFZpZXcgY2FyZERlc2NyaXB0aW9uPXtjYXJkRGVzY3JpcHRpb259IGNhcmRUaXRsZT17Y2FyZFRpdGxlfSB7Li4uYXV0aFZpZXdQcm9wc30+XG4gICAge2Vycm9yID8gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJtYi01IHJvdW5kZWQtbGcgYm9yZGVyIGJvcmRlci1lcnJvci0zMDAgYmctZXJyb3ItNTAgcC0zIHRleHQtc20gdGV4dC1lcnJvci03MDBcIiByb2xlPVwiYWxlcnRcIj5cbiAgICAgICAge2Vycm9yfVxuICAgICAgPC9kaXY+XG4gICAgKSA6IG51bGx9XG4gICAgPEZvcm08QXV0aFNpZ25JblZhbHVlcz5cbiAgICAgIGNsYXNzTmFtZT1cImdyaWRcIlxuICAgICAgZGVmYXVsdFZhbHVlcz17e2VtYWlsOiBkZWZhdWx0RW1haWwsIHBhc3N3b3JkOiAnJywgcmVtZW1iZXJFbWFpbDogdHJ1ZX19XG4gICAgICBuYW1lPVwic2lnbi1pblwiXG4gICAgICBvblN1Ym1pdD17b25TdWJtaXR9XG4gICAgICBzY2hlbWE9e2F1dGhTaWduSW5TY2hlbWF9XG4gICAgICBzaG93RXJyb3JzXG4gICAgPlxuICAgICAgeyh7Zm9ybVN0YXRlfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZ3JpZCBnYXAtNyBtYXgtWzYwMHB4XTpnYXAtNlwiPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJlbWFpbFwiXG4gICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIGJvcmRlclR5cGU9XCJ1bmRlcmxpbmVcIlxuICAgICAgICAgICAgICBpbnB1dENsYXNzPVwibWluLWgtMTIgcm91bmRlZC1ub25lIGJvcmRlci14LTAgYm9yZGVyLXQtMCBiZy10cmFuc3BhcmVudCBweC0wIHRleHQtYmFzZSBzaGFkb3ctbm9uZVwiXG4gICAgICAgICAgICAgIGxhYmVsPVwiRW1haWxcIlxuICAgICAgICAgICAgICBsYWJlbENsYXNzPVwibWItMiB0ZXh0LXNtIGZvbnQtYm9sZFwiXG4gICAgICAgICAgICAgIG5hbWU9XCJlbWFpbFwiXG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwieW91QGV4YW1wbGUuY29tXCJcbiAgICAgICAgICAgICAgdHlwZT1cImVtYWlsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cImN1cnJlbnQtcGFzc3dvcmRcIlxuICAgICAgICAgICAgICBib3JkZXJDb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBib3JkZXJUeXBlPVwidW5kZXJsaW5lXCJcbiAgICAgICAgICAgICAgaW5wdXRDbGFzcz1cIm1pbi1oLTEyIHJvdW5kZWQtbm9uZSBib3JkZXIteC0wIGJvcmRlci10LTAgYmctdHJhbnNwYXJlbnQgcHgtMCBwci0xMSB0ZXh0LWJhc2Ugc2hhZG93LW5vbmVcIlxuICAgICAgICAgICAgICBsYWJlbD1cIlBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgbGFiZWxDbGFzcz1cIm1iLTIgdGV4dC1zbSBmb250LWJvbGRcIlxuICAgICAgICAgICAgICBuYW1lPVwicGFzc3dvcmRcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIllvdXIgcGFzc3dvcmRcIlxuICAgICAgICAgICAgICBzaG93UGFzc3dvcmRUb2dnbGVcbiAgICAgICAgICAgICAgdHlwZT1cInBhc3N3b3JkXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteS01IGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBnYXAtNFwiPlxuICAgICAgICAgICAgPENoZWNrYm94IGRlZmF1bHRWYWx1ZSBsYWJlbD1cIlJlbWVtYmVyIG1lXCIgbmFtZT1cInJlbWVtYmVyRW1haWxcIiAvPlxuICAgICAgICAgICAgPExpbmsgY2xhc3NOYW1lPVwidGV4dC1zbSBmb250LWJvbGQgbm8tdW5kZXJsaW5lXCIgaHJlZj17Zm9yZ290UGFzc3dvcmRIcmVmfT5Gb3Jnb3QgcGFzc3dvcmQ/PC9MaW5rPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3VibWl0Q2xhc3NOYW1lfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Zvcm1TdGF0ZS5pc1N1Ym1pdHRpbmd9XG4gICAgICAgICAgICBpc0xvYWRpbmc9e2Zvcm1TdGF0ZS5pc1N1Ym1pdHRpbmd9XG4gICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBTaWduIEluXG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0Zvcm0+XG4gICAgPHAgY2xhc3NOYW1lPVwibWItMCBtdC02IHRleHQtc20gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kIGRhcms6dGV4dC1tdXRlZC1mb3JlZ3JvdW5kLWRhcmtcIj5cbiAgICAgIE5ldyBoZXJlPyA8TGluayBjbGFzc05hbWU9XCJmb250LWJvbGQgbm8tdW5kZXJsaW5lXCIgaHJlZj17c2lnblVwSHJlZn0+U2lnbiBVcDwvTGluaz5cbiAgICA8L3A+XG4gIDwvQXV0aFZpZXc+XG4pO1xuXG5leHBvcnQgY29uc3QgQXV0aFNpZ25JblZpZXcgPSBtZW1vKEF1dGhTaWduSW5WaWV3Q29tcG9uZW50KTtcbkF1dGhTaWduSW5WaWV3LmRpc3BsYXlOYW1lID0gJ0F1dGhTaWduSW5WaWV3JztcbiJdLCJuYW1lcyI6WyJtZW1vIiwieiIsIkJ1dHRvbiIsIkNoZWNrYm94IiwiRm9ybSIsIkxpbmsiLCJUZXh0RmllbGQiLCJBdXRoVmlldyIsImF1dGhTaWduSW5TY2hlbWEiLCJvYmplY3QiLCJlbWFpbCIsInBhc3N3b3JkIiwic3RyaW5nIiwibWluIiwicmVtZW1iZXJFbWFpbCIsImJvb2xlYW4iLCJBdXRoU2lnbkluVmlld0NvbXBvbmVudCIsImNhcmREZXNjcmlwdGlvbiIsImNhcmRUaXRsZSIsImRlZmF1bHRFbWFpbCIsImVycm9yIiwiZm9yZ290UGFzc3dvcmRIcmVmIiwib25TdWJtaXQiLCJzaWduVXBIcmVmIiwic3VibWl0Q2xhc3NOYW1lIiwiYXV0aFZpZXdQcm9wcyIsImRpdiIsImNsYXNzTmFtZSIsInJvbGUiLCJkZWZhdWx0VmFsdWVzIiwibmFtZSIsInNjaGVtYSIsInNob3dFcnJvcnMiLCJmb3JtU3RhdGUiLCJhdXRvQ29tcGxldGUiLCJib3JkZXJDb2xvciIsImJvcmRlclR5cGUiLCJpbnB1dENsYXNzIiwibGFiZWwiLCJsYWJlbENsYXNzIiwicGxhY2Vob2xkZXIiLCJ0eXBlIiwic2hvd1Bhc3N3b3JkVG9nZ2xlIiwiZGVmYXVsdFZhbHVlIiwiaHJlZiIsImRpc2FibGVkIiwiaXNTdWJtaXR0aW5nIiwiaXNMb2FkaW5nIiwicCIsIkF1dGhTaWduSW5WaWV3IiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxJQUFJLFFBQU8sUUFBUTtBQUMzQixTQUFRQyxDQUFDLFFBQU8sTUFBTTtBQUV0QixTQUFRQyxNQUFNLFFBQU8sb0NBQW9DO0FBQ3pELFNBQVFDLFFBQVEsUUFBTyx3Q0FBd0M7QUFDL0QsU0FBUUMsSUFBSSxRQUFPLGdDQUFnQztBQUNuRCxTQUFRQyxJQUFJLFFBQU8sZ0NBQWdDO0FBQ25ELFNBQVFDLFNBQVMsUUFBTywwQ0FBMEM7QUFDbEUsU0FBUUMsUUFBUSxRQUFPLDBCQUEwQjtBQXNCakQsTUFBTUMsbUJBQW1CUCxFQUFFUSxNQUFNLENBQUM7SUFDaENDLE9BQU9ULEVBQUVTLEtBQUssQ0FBQztJQUNmQyxVQUFVVixFQUFFVyxNQUFNLEdBQUdDLEdBQUcsQ0FBQyxHQUFHO0lBQzVCQyxlQUFlYixFQUFFYyxPQUFPO0FBQzFCO0FBRUEsTUFBTUMsMEJBQTBCLENBQUMsRUFDL0JDLGtCQUFrQiwwQ0FBMEMsRUFDNURDLFlBQVksU0FBUyxFQUNyQkMsZUFBZSxFQUFFLEVBQ2pCQyxLQUFLLEVBQ0xDLHFCQUFxQixrQkFBa0IsRUFDdkNDLFFBQVEsRUFDUkMsYUFBYSxTQUFTLEVBQ3RCQyxlQUFlLEVBQ2YsR0FBR0MsZUFDaUIsaUJBQ3BCLE1BQUNsQjtRQUFTVSxpQkFBaUJBO1FBQWlCQyxXQUFXQTtRQUFZLEdBQUdPLGFBQWE7O1lBQ2hGTCxzQkFDQyxLQUFDTTtnQkFBSUMsV0FBVTtnQkFBaUZDLE1BQUs7MEJBQ2xHUjtpQkFFRDswQkFDSixLQUFDaEI7Z0JBQ0N1QixXQUFVO2dCQUNWRSxlQUFlO29CQUFDbkIsT0FBT1M7b0JBQWNSLFVBQVU7b0JBQUlHLGVBQWU7Z0JBQUk7Z0JBQ3RFZ0IsTUFBSztnQkFDTFIsVUFBVUE7Z0JBQ1ZTLFFBQVF2QjtnQkFDUndCLFVBQVU7MEJBRVQsQ0FBQyxFQUFDQyxTQUFTLEVBQUMsaUJBQ1g7OzBDQUNFLE1BQUNQO2dDQUFJQyxXQUFVOztrREFDYixLQUFDckI7d0NBQ0M0QixjQUFhO3dDQUNiQyxhQUFZO3dDQUNaQyxZQUFXO3dDQUNYQyxZQUFXO3dDQUNYQyxPQUFNO3dDQUNOQyxZQUFXO3dDQUNYVCxNQUFLO3dDQUNMVSxhQUFZO3dDQUNaQyxNQUFLOztrREFFUCxLQUFDbkM7d0NBQ0M0QixjQUFhO3dDQUNiQyxhQUFZO3dDQUNaQyxZQUFXO3dDQUNYQyxZQUFXO3dDQUNYQyxPQUFNO3dDQUNOQyxZQUFXO3dDQUNYVCxNQUFLO3dDQUNMVSxhQUFZO3dDQUNaRSxrQkFBa0I7d0NBQ2xCRCxNQUFLOzs7OzBDQUdULE1BQUNmO2dDQUFJQyxXQUFVOztrREFDYixLQUFDeEI7d0NBQVN3QyxZQUFZO3dDQUFDTCxPQUFNO3dDQUFjUixNQUFLOztrREFDaEQsS0FBQ3pCO3dDQUFLc0IsV0FBVTt3Q0FBaUNpQixNQUFNdkI7a0RBQW9COzs7OzBDQUU3RSxLQUFDbkI7Z0NBQ0N5QixXQUFXSDtnQ0FDWHFCLFVBQVVaLFVBQVVhLFlBQVk7Z0NBQ2hDQyxXQUFXZCxVQUFVYSxZQUFZO2dDQUNqQ0wsTUFBSzswQ0FDTjs7Ozs7MEJBTVAsTUFBQ087Z0JBQUVyQixXQUFVOztvQkFBMEU7a0NBQzNFLEtBQUN0Qjt3QkFBS3NCLFdBQVU7d0JBQXlCaUIsTUFBTXJCO2tDQUFZOzs7Ozs7QUFLM0UsT0FBTyxNQUFNMEIsK0JBQWlCakQsS0FBS2dCLHlCQUF5QjtBQUM1RGlDLGVBQWVDLFdBQVcsR0FBRyJ9

package/lib/views/AuthSignInView/AuthSignInView.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { AuthSignInView } from './AuthSignInView.js';
+const meta = {
+    component: AuthSignInView,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Views/Auth/AuthSignInView'
+};
+export default meta;
+export const Default = {
+    args: {
+        description: 'Sign in once to return to everything your account can access.',
+        eyebrow: 'Acme identity',
+        onSubmit: async ()=>{},
+        title: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                "Welcome",
+                /*#__PURE__*/ _jsx("br", {}),
+                "back."
+            ]
+        })
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoU2lnbkluVmlldy9BdXRoU2lnbkluVmlldy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtBdXRoU2lnbkluVmlld30gZnJvbSAnLi9BdXRoU2lnbkluVmlldy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBBdXRoU2lnbkluVmlldz4gPSB7XG4gIGNvbXBvbmVudDogQXV0aFNpZ25JblZpZXcsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdmdWxsc2NyZWVuJ1xuICB9LFxuICB0aXRsZTogJ1ZpZXdzL0F1dGgvQXV0aFNpZ25JblZpZXcnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEF1dGhTaWduSW5WaWV3PjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgZGVzY3JpcHRpb246ICdTaWduIGluIG9uY2UgdG8gcmV0dXJuIHRvIGV2ZXJ5dGhpbmcgeW91ciBhY2NvdW50IGNhbiBhY2Nlc3MuJyxcbiAgICBleWVicm93OiAnQWNtZSBpZGVudGl0eScsXG4gICAgb25TdWJtaXQ6IGFzeW5jICgpID0+IHt9LFxuICAgIHRpdGxlOiA8PldlbGNvbWU8YnIgLz5iYWNrLjwvPlxuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXNcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJBdXRoU2lnbkluVmlldyIsIm1ldGEiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsImRlc2NyaXB0aW9uIiwiZXllYnJvdyIsIm9uU3VibWl0IiwiYnIiLCJwbGF5Il0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxjQUFjLFFBQU8sc0JBQXNCO0FBSW5ELE1BQU1DLE9BQW9DO0lBQ3hDQyxXQUFXRjtJQUNYRyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlSixLQUFLO0FBSXBCLE9BQU8sTUFBTUssVUFBaUI7SUFDNUJDLE1BQU07UUFDSkMsYUFBYTtRQUNiQyxTQUFTO1FBQ1RDLFVBQVUsV0FBYTtRQUN2QkwscUJBQU87O2dCQUFFOzhCQUFPLEtBQUNNO2dCQUFLOzs7SUFDeEI7SUFDQUMsTUFBTWI7QUFDUixFQUFFIn0=

package/lib/views/AuthSignUpView/AuthSignUpView.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { AuthViewProps } from '../AuthView/AuthView.js';
+export interface AuthSignUpValues extends Record<string, unknown> {
+    readonly acceptTerms: boolean;
+    readonly confirmPassword: string;
+    readonly email: string;
+    readonly password: string;
+}
+export interface AuthSignUpViewProps extends Omit<AuthViewProps, 'cardDescription' | 'cardTitle' | 'children' | 'onSubmit'> {
+    readonly cardDescription?: ReactNode;
+    readonly cardTitle?: ReactNode;
+    readonly error?: ReactNode;
+    readonly onSubmit: (values: AuthSignUpValues) => void | Promise<void>;
+    readonly resendVerificationHref?: string;
+    readonly signInHref?: string;
+    readonly submitClassName?: string;
+    readonly termsHref?: string;
+}
+declare const AuthSignUpViewComponent: ({ cardClassName, cardDescription, cardHeaderClassName, cardTitle, error, onSubmit, resendVerificationHref, signInHref, submitClassName, termsHref, ...authViewProps }: AuthSignUpViewProps) => import("react").JSX.Element;
+export declare const AuthSignUpView: import("react").MemoExoticComponent<typeof AuthSignUpViewComponent>;
+export {};