@genesislcap/foundation-login 9.0.1-alpha-b5c5eb7.0

package/dist/esm/routes/base.js

@@ -0,0 +1,512 @@
+import { __awaiter, __decorate } from "tslib";
+import { Auth, Connect, CredentialManager, MessageBuilder, Session, } from '@genesislcap/foundation-comms';
+import { sync } from '@genesislcap/foundation-utils';
+import { SecondaryRapidColorHEX } from '@genesislcap/foundation-zero';
+import { attr, css, customElement, FASTElement, html, observable, when, } from '@microsoft/fast-element';
+import { Container } from '@microsoft/fast-foundation';
+import { Route, Router } from '@microsoft/fast-router';
+import { classNames } from '@microsoft/fast-web-utilities';
+import { defaultLoginConfig, hostUrl, LoginConfig } from '../main/config';
+import { logger } from '../utils';
+/**
+ * @internal
+ */
+export const defaultOnBackMS = 3000;
+/**
+ * @internal
+ * @privateRemarks
+ * For services / constructor injection, using @optional(LoginConfig) config = defaultLoginConfig; works as expected.
+ * However, for elements, the @optional decorator isn't viable. This base element provides an alternative approach.
+ */
+export class ConfigHostElement extends FASTElement {
+    connectedCallback() {
+        this.config = this.container.has(LoginConfig, true)
+            ? this.container.get(LoginConfig)
+            : defaultLoginConfig;
+        super.connectedCallback();
+    }
+}
+__decorate([
+    Container
+], ConfigHostElement.prototype, "container", void 0);
+__decorate([
+    observable
+], ConfigHostElement.prototype, "config", void 0);
+/**
+ * @internal
+ */
+export class BaseRoute extends ConfigHostElement {
+    constructor() {
+        super(...arguments);
+        this.host = '';
+        this.organisation = '';
+        this.username = '';
+        this.email = '';
+        this.password = '';
+        this.password2 = ''; // < New, confirm etc.
+        this.showPasswords = false;
+        this.message = '';
+        this.hasErrors = false;
+        this.isSubmitting = false;
+        this.onBack = () => this.onNavigate('login');
+        this.onNavigate = (routeName, params) => Route.name.push(Router.find(this), routeName, params);
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        this.host = (_a = this.session.getSessionStorageItem('hostUrl')) !== null && _a !== void 0 ? _a : hostUrl;
+        /**
+         * Fill with default values from config / env vars if needed.
+         * For now using CredentialManager based auto-filling.
+         * TODO: Review use cases.
+         */
+        // this.organisation = this.config.fields.organisation?.value;
+        // this.username = this.config.fields.username?.value;
+        // this.email = this.config.fields.email?.value;
+        // this.password = this.config.fields.password?.value;
+    }
+    onSubmit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isSubmitting = true;
+            this.clearError();
+            yield this.ensureConnection();
+        });
+    }
+    ensureConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.connect.isConnected) {
+                return true;
+            }
+            return this.connect.connect(this.host);
+        });
+    }
+    setError(message) {
+        this.message = message;
+        this.hasErrors = true;
+    }
+    clearError() {
+        this.message = '';
+        this.hasErrors = false;
+    }
+    get orgUsername() {
+        return this.config.fields.organisation
+            ? `${this.username.trim()}:${this.organisation.trim()}`
+            : this.username.trim();
+    }
+    queueOnBack(delay = defaultOnBackMS) {
+        setTimeout(() => {
+            this.onBack();
+        }, delay);
+    }
+    autofill() {
+        var _a, _b, _c;
+        return __awaiter(this, void 0, void 0, function* () {
+            let credentialData;
+            try {
+                credentialData = yield this.credentialManager.getCredentials();
+                if (credentialData) {
+                    this.username = (_a = credentialData.name) !== null && _a !== void 0 ? _a : '';
+                    this.password = (_b = credentialData.password) !== null && _b !== void 0 ? _b : '';
+                    if (this.config.fields.organisation) {
+                        const combinedCompIdUsername = (_c = credentialData.id) !== null && _c !== void 0 ? _c : '';
+                        const valueParts = combinedCompIdUsername.split(':');
+                        const orgIdx = valueParts.length === 2 ? 1 : 0;
+                        const proposedOrganisation = valueParts[orgIdx];
+                        if (proposedOrganisation !== this.username) {
+                            this.organisation = proposedOrganisation;
+                        }
+                    }
+                }
+            }
+            catch (err) {
+                logger.error('An error occurred attempting to get and autofill from stored credentials.', err);
+            }
+            return Promise.resolve(!!credentialData);
+        });
+    }
+    storeCredentials(password = this.password) {
+        this.credentialManager.storeCredentials({
+            id: this.orgUsername,
+            name: this.username,
+            password,
+        });
+    }
+    sendMessage(message, successFeedback = '', successCallback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ensureConnection();
+            this.clearError();
+            const result = yield this.connect.send(message);
+            if (result.ERROR) {
+                this.setError(result.ERROR.map((error) => error.TEXT).toString());
+                return;
+            }
+            this.message = successFeedback;
+            successCallback && successCallback(result);
+            this.queueOnBack();
+        });
+    }
+}
+__decorate([
+    Auth
+], BaseRoute.prototype, "auth", void 0);
+__decorate([
+    Connect
+], BaseRoute.prototype, "connect", void 0);
+__decorate([
+    Session
+], BaseRoute.prototype, "session", void 0);
+__decorate([
+    MessageBuilder
+], BaseRoute.prototype, "messageBuilder", void 0);
+__decorate([
+    CredentialManager
+], BaseRoute.prototype, "credentialManager", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "host", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "organisation", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "username", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "email", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "password", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "password2", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "showPasswords", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "message", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "hasErrors", void 0);
+__decorate([
+    observable
+], BaseRoute.prototype, "isSubmitting", void 0);
+/**
+ * @internal
+ * @privateRemarks
+ * Potential optimisation ahead of workflow / statemachine based smart forms integration, but needs tagFor.
+ * Feels a bit at odds with the declarative nature we're aiming for, but will await review.
+ */
+export const configurableTextField = (name, type, autofocus = false, autocomplete = '', className = '', labelOverride = '', testIdOverride = '', required = true) => {
+    // Just pass the FieldConfig instead of name?
+    const [fieldName, valueKey] = Array.isArray(name) ? name : [name, name];
+    return html `
+    ${when((x) => x.config.fields[fieldName], html `
+        <zero-text-field
+          type="${type}"
+          name="${fieldName}"
+          id="${fieldName}"
+          :value="${sync((x) => x[valueKey])}"
+          ?autofocus="${() => autofocus}"
+          ?required="${() => required}"
+          ${autocomplete ? `autocomplete="${autocomplete}"` : ''}
+          data-test-id="${testIdOverride !== null && testIdOverride !== void 0 ? testIdOverride : fieldName}"
+          class="${className}"
+        >
+          <span class="form-title">
+            ${(x) => labelOverride !== null && labelOverride !== void 0 ? labelOverride : x.config.fields[fieldName].label}
+          </span>
+        </zero-text-field>
+      `)}
+  `;
+};
+/**
+ * @internal
+ */
+export const organisationField = () => html `
+  ${when((x) => x.config.fields.organisation, html `
+      <zero-text-field
+        type="text"
+        name="organisation"
+        id="organisation"
+        autocomplete="organisation"
+        data-test-id="organisation"
+        :value="${sync((x) => x.organisation)}"
+        autofocus
+        class="${(x) => (!x.config.logo ? 'no-top-margin' : '')}"
+        required
+      >
+        <span class="form-title">
+          ${(x) => { var _a; return (_a = x.config.fields.organisation.label) !== null && _a !== void 0 ? _a : 'Organisation'; }}
+        </span>
+      </zero-text-field>
+    `)}
+`;
+/**
+ * @internal
+ */
+export const usernameField = () => html `
+  <zero-text-field
+    type="text"
+    name="username"
+    id="username"
+    autocomplete="username email"
+    data-test-id="username"
+    :value="${sync((x) => x.username)}"
+    ?autofocus="${(x) => !x.config.fields.organisation}"
+    class="${(x) => (!x.config.logo && !x.config.fields.organisation ? 'no-top-margin' : '')}"
+    required
+  >
+    <span class="form-title">${(x) => { var _a; return (_a = x.config.fields.username.label) !== null && _a !== void 0 ? _a : 'Username'; }}</span>
+  </zero-text-field>
+`;
+/**
+ * @internal
+ */
+export const emailField = () => html `
+  ${when((x) => x.config.fields.email, html `
+      <zero-text-field
+        type="email"
+        name="email"
+        id="email"
+        autocomplete="email"
+        data-test-id="email"
+        :value="${sync((x) => x.email)}"
+        required
+      >
+        <span class="form-title">${(x) => { var _a; return (_a = x.config.fields.email.label) !== null && _a !== void 0 ? _a : 'Email'; }}</span>
+      </zero-text-field>
+    `)}
+`;
+/**
+ * @internal
+ */
+export const passwordField = (label) => html `
+  <zero-text-field
+    type="${(x) => (x.showPasswords ? 'text' : 'password')}"
+    name="password"
+    id="password"
+    autocomplete="current-password"
+    data-test-id="password"
+    :value="${sync((x) => x.password)}"
+    required
+  >
+    <span class="form-title">${(x) => { var _a; return (_a = label !== null && label !== void 0 ? label : x.config.fields.password.label) !== null && _a !== void 0 ? _a : 'Password'; }}</span>
+  </zero-text-field>
+`;
+const password2FieldMeta = {
+    new: ['new-password', 'New Password'],
+    confirmation: ['password-confirmation', 'Confirm Password'],
+};
+/**
+ * @internal
+ */
+export const password2Field = (type) => {
+    const [name, label] = password2FieldMeta[type];
+    return html `
+    <zero-text-field
+      type="${(x) => (x.showPasswords ? 'text' : 'password')}"
+      name="${name}"
+      id="${name}"
+      autocomplete="${name}"
+      data-test-id="${name}"
+      :value="${sync((x) => x.password2)}"
+      required
+    >
+      <span class="form-title">${label}</span>
+    </zero-text-field>
+  `;
+};
+/**
+ * @internal
+ * @privateRemarks
+ * Temp optimisation. How we handle images like this needs a broader review.
+ */
+let BackgroundElement = class BackgroundElement extends ConfigHostElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.$fastController.addStyles(this.config.background);
+    }
+};
+BackgroundElement = __decorate([
+    customElement({
+        name: 'login-background',
+        template: html `
+    <template class="background" part="background" data-test-id="background">
+      <slot></slot>
+    </template>
+  `,
+        styles: css `
+    :host {
+      background-color: var(--foundation-login-background-color, transparent);
+      background-position: left top;
+      background-repeat: no-repeat;
+      background-attachment: fixed;
+      background-size: cover;
+      background-origin: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+    }
+    ::slotted(div.container) {
+      margin: auto;
+    }
+  `,
+    })
+], BackgroundElement);
+export { BackgroundElement };
+/**
+ * @internal
+ */
+let LogoElement = class LogoElement extends ConfigHostElement {
+};
+LogoElement = __decorate([
+    customElement({
+        name: 'login-logo',
+        template: html `
+    ${when((x) => x.config.logo, html `
+        <img class="logo" style="${(x) => x.config.logo.styles}" part="logo" data-test-id="logo" />
+      `)}
+  `,
+        styles: css `
+    .logo {
+      display: initial;
+      margin-bottom: calc(var(--design-unit) * 5px);
+      transition: opacity 5s ease-in-out;
+      width: auto;
+      height: auto;
+    }
+  `,
+    })
+], LogoElement);
+export { LogoElement };
+/**
+ * @internal
+ */
+export const backButton = (binding) => html `
+  <zero-button
+    appearance="neutral-grey"
+    type="button"
+    class="action-btn"
+    @click=${binding}
+    data-test-id="back"
+  >
+    Back
+  </zero-button>
+`;
+/**
+ * @internal
+ */
+export const submitButton = (label, dataTestId = 'submit', disabled = false) => html `
+  <zero-button
+    appearance="primary-gradient"
+    type="submit"
+    class="action-btn"
+    data-test-id="${dataTestId}"
+    ?disabled="${() => disabled}"
+  >
+    ${label}
+  </zero-button>
+`;
+/**
+ * @internal
+ */
+export const showPasswordsCheckbox = () => html `
+  <zero-checkbox
+    ?checked="${sync((x) => x.showPasswords, 'boolean')}"
+    name="show-passwords"
+    data-test-id="show-passwords"
+  >
+    Show Passwords
+  </zero-checkbox>
+`;
+/**
+ * @internal
+ * @privateRemarks
+ * Temp optimisation. How we handle images like this needs a broader review.
+ */
+let MessageElement = class MessageElement extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.classNames = '';
+        this.message = '';
+        this.nonError = false;
+    }
+    nonErrorChanged() {
+        this.classNames = classNames('message', ['non-error', this.nonError]);
+    }
+};
+__decorate([
+    observable
+], MessageElement.prototype, "classNames", void 0);
+__decorate([
+    attr
+], MessageElement.prototype, "message", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'non-error' })
+], MessageElement.prototype, "nonError", void 0);
+MessageElement = __decorate([
+    customElement({
+        name: 'login-message',
+        template: html `
+    ${when((x) => x.message, html `
+        <span class="${(x) => x.classNames}" part="message" data-test-id="message">
+          ${(x) => x.message}
+        </span>
+      `)}
+  `,
+        styles: css `
+    :host {
+      text-align: center;
+    }
+    .message {
+      color: ${SecondaryRapidColorHEX.orange};
+      margin-top: calc(var(--design-unit) * 3px);
+      white-space: pre-line;
+    }
+    .message.non-error {
+      color: ${SecondaryRapidColorHEX.teal};
+    }
+  `,
+    })
+], MessageElement);
+export { MessageElement };
+/**
+ * @internal
+ */
+let SubmittingIndicator = class SubmittingIndicator extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.isSubmitting = false;
+    }
+};
+__decorate([
+    attr({ mode: 'boolean', attribute: 'is-submitting' })
+], SubmittingIndicator.prototype, "isSubmitting", void 0);
+SubmittingIndicator = __decorate([
+    customElement({
+        name: 'submitting-indicator',
+        template: html `
+    ${when((x) => x.isSubmitting, html `
+        <zero-progress-ring
+          part="submitting-indicator"
+          data-test-id="submitting-indicator"
+        ></zero-progress-ring>
+      `)}
+  `,
+        styles: css `
+    :host {
+      display: flex;
+      justify-content: center;
+    }
+    zero-progress-ring {
+      align-self: center;
+    }
+  `,
+    })
+], SubmittingIndicator);
+export { SubmittingIndicator };
+//# sourceMappingURL=base.js.map

package/dist/esm/routes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/routes/base.ts"],"names":[],"mappings":"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"}

package/dist/esm/routes/config.js

@@ -0,0 +1,169 @@
+import { __awaiter, __decorate, __param } from "tslib";
+import { Container, optional } from '@microsoft/fast-foundation';
+import { RouterConfiguration, Route } from '@microsoft/fast-router';
+import { Auth, Session, FoundationAnalytics, FoundationAnalyticsEventType, } from '@genesislcap/foundation-comms';
+import { defaultLayout } from '../layouts';
+import { LoginForm } from './login-form/login-form';
+import { ForgotPassword } from './forgot-password/forgot-password';
+import { NotFound } from './not-found/not-found';
+import { RequestAccount } from './request-account/request-account';
+import { Verify } from './verify/verify';
+import { Protected } from './protected/protected';
+import { ResetPassword } from './reset-password/reset-password';
+import { defaultLoginConfig, LoginConfig } from '../main';
+/**
+ * Base implementation of a routing used with the Login class
+ *
+ * @remarks
+ *
+ * Could be used when using the Login class as a standalone authentication method
+ * with your app
+ *
+ * @internal
+ */
+let MainRouterConfig = class MainRouterConfig extends RouterConfiguration {
+    constructor(auth, container, analytics, session, loginConfig = defaultLoginConfig) {
+        super();
+        this.auth = auth;
+        this.container = container;
+        this.analytics = analytics;
+        this.session = session;
+        this.loginConfig = loginConfig;
+    }
+    configure() {
+        this.title = 'Login';
+        this.defaultLayout = defaultLayout;
+        /**
+         * TODO: Cascade the template options to child routes in a subsequent PR
+         * element: async () => {
+         *    const { define, templateOptions, template, styles } = await import(
+         *        /!* webpackChunkName: "login-form" *!/
+         *        './login-form'
+         *    );
+         *    return define(this.compose(templateOptions, template, styles, 'login-form'));
+         * },
+         */
+        const routes = [
+            {
+                path: '',
+                name: 'login',
+                element: LoginForm,
+                title: 'Login',
+                settings: { public: true },
+            },
+            {
+                path: 'not-found',
+                element: NotFound,
+                title: 'Not Found',
+                name: 'not-found',
+                settings: { public: true },
+            },
+        ];
+        const { omitRoutes } = this.loginConfig;
+        if (!omitRoutes.includes('request-account')) {
+            routes.push({
+                path: 'request-account',
+                name: 'request-account',
+                element: RequestAccount,
+                title: 'Request Account',
+                settings: { public: true },
+            });
+        }
+        if (!omitRoutes.includes('reset-password')) {
+            routes.push({
+                path: 'reset-password',
+                name: 'reset-password',
+                element: ResetPassword,
+                title: 'Reset Password',
+                settings: { public: true },
+            });
+        }
+        if (!omitRoutes.includes('forgot-password')) {
+            routes.push({
+                path: 'forgot-password',
+                name: 'forgot-password',
+                element: ForgotPassword,
+                title: 'Forgot Password',
+                settings: { public: true },
+            });
+        }
+        if (!omitRoutes.includes('verify')) {
+            routes.push({
+                path: 'verify',
+                element: Verify,
+                title: 'Verify',
+                name: 'verify',
+                settings: { public: true },
+            });
+        }
+        if (!omitRoutes.includes('protected')) {
+            routes.push({
+                path: 'protected',
+                element: Protected,
+                title: 'Protected',
+                name: 'protected',
+                settings: { public: false },
+            });
+        }
+        this.routes.map(...routes);
+        const session = this.session;
+        const auth = this.auth;
+        const analytics = this.analytics;
+        /**
+         * Example of a FallbackRouteDefinition
+         */
+        this.routes.fallback(() => auth.isLoggedIn ? { redirect: 'not-found' } : { redirect: 'login' });
+        /**
+         * Example of a NavigationContributor
+         */
+        this.contributors.push({
+            navigate: (phase) => __awaiter(this, void 0, void 0, function* () {
+                const settings = phase.route.settings;
+                /**
+                 * TODO: Centralise
+                 * Suspect this should be done via createEventSink, but it's not fully clear how-to do that as no docs
+                 */
+                analytics.trackEvent(FoundationAnalyticsEventType.routeChanged, {
+                    path: phase.route.endpoint.path,
+                });
+                /**
+                 * If public route don't block
+                 */
+                if (settings && settings.public) {
+                    return;
+                }
+                /**
+                 * If logged in don't block
+                 */
+                if (auth.isLoggedIn) {
+                    return;
+                }
+                /**
+                 * If allowAutoAuth and session is valid try to connect+auto-login
+                 */
+                if (this.loginConfig.autoAuth && (yield auth.reAuthFromSession())) {
+                    return;
+                }
+                /**
+                 * Otherwise route them to login
+                 */
+                phase.cancel(() => {
+                    session.captureReturnUrl();
+                    Route.name.replace(phase.router, 'login');
+                });
+            }),
+        });
+    }
+    construct(Type) {
+        return this.container.get(Type);
+    }
+};
+MainRouterConfig = __decorate([
+    __param(0, Auth),
+    __param(1, Container),
+    __param(2, FoundationAnalytics),
+    __param(3, Session),
+    __param(4, optional(LoginConfig))
+], MainRouterConfig);
+export { MainRouterConfig };
+//# sourceMappingURL=config.js.map