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

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

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

package/dist/esm/routes/forgot-password/forgot-password.js

@@ -0,0 +1,42 @@
+import { __awaiter, __decorate } from "tslib";
+import { customElement } from '@microsoft/fast-element';
+import { BaseRoute } from '../base';
+import { commonLoginRouteStyles } from '../../styles';
+import { ForgotPasswordTemplate as template } from './forgot-password.template';
+import { logger } from '../../utils';
+import { hostEnv } from '../../main/config';
+let ForgotPassword = class ForgotPassword extends BaseRoute {
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            yield this.autofill();
+        });
+    }
+    onSubmit() {
+        const _super = Object.create(null, {
+            onSubmit: { get: () => super.onSubmit }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            logger.debug('forgot password submission');
+            yield _super.onSubmit.call(this);
+            /**
+             * Example url from email: https://public-foundation.genesislab.global/reset-password?password=nc_cbGrlgCkZeJHAF043oqEidnk
+             */
+            const returnUrl = `${location.protocol}//${hostEnv}/reset-password`;
+            const message = this.messageBuilder.createForgotPasswordMessage(this.orgUsername, returnUrl);
+            yield this.sendMessage(message, 'Please check your inbox for reset instructions.');
+        });
+    }
+};
+ForgotPassword = __decorate([
+    customElement({
+        name: 'foundation-login-forgot-password',
+        template,
+        styles: commonLoginRouteStyles,
+    })
+], ForgotPassword);
+export { ForgotPassword };
+//# sourceMappingURL=forgot-password.js.map

package/dist/esm/routes/forgot-password/forgot-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.js","sourceRoot":"","sources":["../../../../src/routes/forgot-password/forgot-password.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAOrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IACrC,iBAAiB;;;;;YACrB,OAAM,iBAAiB,YAAG;YAC1B,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC;KAAA;IAEK,QAAQ;;;;;YACZ,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;YAC3C,MAAM,OAAM,QAAQ,WAAE,CAAC;YACvB;;eAEG;YACH,MAAM,SAAS,GAAG,GAAG,QAAQ,CAAC,QAAQ,KAAK,OAAO,iBAAiB,CAAC;YACpE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,2BAA2B,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAC7F,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,iDAAiD,CAAC,CAAC;QACrF,CAAC;KAAA;CACF,CAAA;AAhBY,cAAc;IAL1B,aAAa,CAAC;QACb,IAAI,EAAE,kCAAkC;QACxC,QAAQ;QACR,MAAM,EAAE,sBAAsB;KAC/B,CAAC;GACW,cAAc,CAgB1B;SAhBY,cAAc"}

package/dist/esm/routes/forgot-password/forgot-password.template.js

@@ -0,0 +1,27 @@
+import { html } from '@microsoft/fast-element';
+import { backButton, organisationField, submitButton, usernameField } from '../base';
+export const ForgotPasswordTemplate = html `
+  <login-background>
+    <div class="container">
+      <zero-card class="card-pd">
+        <div class="column-content">
+          <login-logo></login-logo>
+          <div class="heading2">Forgotten Password</div>
+          <div class="heading3">Enter your account username</div>
+        </div>
+        <form @submit=${(x) => x.onSubmit()}>
+          ${organisationField()} ${usernameField()}
+          <div class="form-buttons">
+            ${submitButton('Send Recovery Link')} ${backButton((x) => x.onBack())}
+          </div>
+          <submitting-indicator is-submitting="${(x) => x.isSubmitting}"></submitting-indicator>
+          <login-message
+            message="${(x) => x.message}"
+            non-error="${(x) => !x.hasErrors}"
+          ></login-message>
+        </form>
+      </zero-card>
+    </div>
+  </login-background>
+`;
+//# sourceMappingURL=forgot-password.template.js.map

package/dist/esm/routes/forgot-password/forgot-password.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.template.js","sourceRoot":"","sources":["../../../../src/routes/forgot-password/forgot-password.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGrF,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAgB;;;;;;;;;wBASlC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;YAC/B,iBAAiB,EAAE,IAAI,aAAa,EAAE;;cAEpC,YAAY,CAAC,oBAAoB,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;;iDAEhC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;;uBAE/C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;yBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;;;;;;CAM3C,CAAC"}

package/dist/esm/routes/index.js

@@ -0,0 +1,4 @@
+export * from './base';
+export * from './config';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/routes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/esm/routes/login-form/login-form.js

@@ -0,0 +1,256 @@
+import { __awaiter, __decorate } from "tslib";
+import { AuthError } from '@genesislcap/foundation-comms';
+import { inIFrame, inSymphonyDesktop, openPopup } from '@genesislcap/foundation-utils';
+import { customElement, DOM, observable, volatile } from '@microsoft/fast-element';
+import { Route } from '@microsoft/fast-router';
+import { logger } from '../../utils';
+import { LoginFormStyles as styles } from './login-form.styles';
+import { LoginFormTemplate as template } from './login-form.template';
+import { BaseRoute } from '../base';
+let LoginForm = class LoginForm extends BaseRoute {
+    constructor() {
+        super(...arguments);
+        this.idps = [];
+        this.selectedIDP = '';
+        this.ssoToggled = false;
+        this.fetchIDPs = () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            const fixEndpoint = (endpoint) => endpoint.startsWith('ws:')
+                ? endpoint.replace('ws:', 'http:')
+                : endpoint.startsWith('wss:')
+                    ? endpoint.replace('wss:', 'https:')
+                    : endpoint;
+            const host = fixEndpoint(this.host);
+            const ipdsEndpoint = `${host}${(_b = (_a = this.config.sso) === null || _a === void 0 ? void 0 : _a.identityProvidersPath) !== null && _b !== void 0 ? _b : 'sso/list'}`;
+            return fetch(ipdsEndpoint)
+                .then((res) => {
+                if (res.ok)
+                    return res;
+                throw new Error(res.statusText);
+            })
+                .then((res) => res.json())
+                .then((json) => json.IDPS);
+        });
+        this.toggleHttpMode = (e) => {
+            if (!this.connect)
+                return;
+            // TODO: ability to swap between Connect and HttpConnect on the fly
+            this.convertHostUrl();
+        };
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            this.ssoToggled = (_b = (_a = this.config.sso) === null || _a === void 0 ? void 0 : _a.toggled) !== null && _b !== void 0 ? _b : false;
+            if (this.connect.isConnected && this.auth.isLoggedIn) {
+                yield this.credentialManager.preventSilentAccess();
+                yield this.auth.logout();
+            }
+            this.convertHostUrl();
+            yield this.autofill();
+        });
+    }
+    enter() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (!this.connect.isConnected && this.config.autoConnect) {
+                    yield this.toggleConnection();
+                }
+                if (!this.auth.isLoggedIn && this.config.autoAuth) {
+                    this.attemptLoginWhenConnected();
+                }
+            }
+            catch (e) {
+                logger.debug(e);
+            }
+        });
+    }
+    toggleConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.connect.isConnected) {
+                this.connect.disconnect();
+                logger.debug(`Disconnected from ${this.host}`);
+                return;
+            }
+            return this.connect.connect(this.host);
+        });
+    }
+    attemptLoginWhenConnected() {
+        this.connect.isConnectedSubject.subscribe((isConnected) => {
+            if (isConnected) {
+                /**
+                 * Login preference flow taken from @genesislcap/foundation-login.
+                 * We should sit down with Jose and team to cross check this. Reference code is bit hard to follow in places.
+                 */
+                const cm = this.credentialManager;
+                const refreshCredentials = cm.createRefreshCredentials();
+                if (cm.validateRefreshCredentials(refreshCredentials)) {
+                    logger.debug(`Attempting to login with refresh credentials.`);
+                    this.login(refreshCredentials);
+                    return;
+                }
+                if (this.ssoToggled) {
+                    const ssoCredentials = cm.createSSOCredentials();
+                    if (cm.validateSSOCredentials(ssoCredentials)) {
+                        logger.debug(`Attempting to login with SSO.`);
+                        this.login(ssoCredentials);
+                        this.credentialManager.removeSSOToken(); // < sso tokens can only be used once, remove after login attempt
+                        return;
+                    }
+                }
+                this.attemptBasicLogin();
+            }
+        });
+    }
+    attemptBasicLogin() {
+        const basicCredentials = this.credentialManager.createBasicCredentials({
+            username: this.orgUsername,
+            password: this.password,
+        });
+        if (!this.credentialManager.validateBasicCredentials(basicCredentials)) {
+            logger.debug(`Basic credentials appear invalid, aborting login attempt.`);
+            return;
+        }
+        logger.debug(`Attempting to login with basic credentials.`);
+        this.login(basicCredentials);
+    }
+    ssoToggledChanged() {
+        this.clearError();
+        if (this.ssoToggled) {
+            this.fetchIDPs()
+                .then((idps) => {
+                var _a, _b;
+                logger.debug('fetched IDPs', idps);
+                this.idps = idps.map((idp) => ({
+                    id: idp.ID,
+                    type: idp.TYPE,
+                }));
+                this.selectedIDP = (_b = (_a = this === null || this === void 0 ? void 0 : this.idps) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id;
+            })
+                .catch(() => this.setError('Failed to fetch identity providers.'));
+        }
+    }
+    get selectedIDPName() {
+        return this.selectedIDP ? ` - ${this.selectedIDP}` : '';
+    }
+    onClickSSO() {
+        const ssoLoginUrl = this.createLoginURL();
+        if (inIFrame()) {
+            if (inSymphonyDesktop()) {
+                // symphony/electron opens new window in the default browser instead
+                // popup within electron, so we have to navigate manually
+                openPopup('', 'symphony').location.assign(ssoLoginUrl);
+            }
+            else {
+                openPopup(ssoLoginUrl, 'Login');
+            }
+        }
+        else {
+            window.open(ssoLoginUrl, '_self');
+        }
+    }
+    createLoginURL() {
+        const selectedIDP = this.idps.find((idp) => idp.id === this.selectedIDP);
+        const appHost = new URL(this.host).host;
+        const ssoLoginRoute = `/gwf/${selectedIDP.type}/login`;
+        const ssoLoginUrl = `https://${appHost}${ssoLoginRoute}?idp=${selectedIDP.id}`;
+        return ssoLoginUrl;
+    }
+    convertHostUrl() {
+        var _a, _b, _c, _d;
+        if (((_a = this.connect) === null || _a === void 0 ? void 0 : _a.httpMode()) && ((_b = this.host) === null || _b === void 0 ? void 0 : _b.startsWith('ws'))) {
+            this.host = this.host.replace('ws', 'http');
+        }
+        else if (!((_c = this.connect) === null || _c === void 0 ? void 0 : _c.httpMode()) && ((_d = this.host) === null || _d === void 0 ? void 0 : _d.startsWith('http'))) {
+            this.host = this.host.replace('http', 'ws');
+        }
+    }
+    onHostSubmit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            logger.debug('host submission');
+            yield this.toggleConnection();
+        });
+    }
+    onLoginSubmit() {
+        const _super = Object.create(null, {
+            onSubmit: { get: () => super.onSubmit }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            logger.debug('login submission');
+            yield _super.onSubmit.call(this);
+            DOM.queueUpdate(() => {
+                this.attemptBasicLogin();
+            });
+        });
+    }
+    login(credentials) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const { authToken } = yield this.auth.login(credentials);
+                if (!authToken) {
+                    throw new Error('Unable to login. Try again later.');
+                }
+                this.storeCredentials();
+                let url = this.config.defaultRedirectUrl;
+                if (this.session.returnUrl &&
+                    !this.config.omitRedirectUrls.includes(this.session.returnUrl)) {
+                    url = this.session.returnUrl;
+                }
+                Route.path.push(url);
+            }
+            catch (err) {
+                if (err instanceof AuthError) {
+                    if (err.hasPasswordExpiredError()) {
+                        this.storeCredentials();
+                        this.onNavigate('reset-password', { expired: true });
+                        return;
+                    }
+                    if (this.config.fields.organisation && !this.organisation.length) {
+                        this.setError(err.message + 'Please fill in Comp Id.');
+                        return;
+                    }
+                    this.setError(err.message + err.getMessageError());
+                    return;
+                }
+                this.setError(err.message);
+            }
+        });
+    }
+    get connectActionText() {
+        return this.connect.isConnected ? 'Disconnect' : 'Connect';
+    }
+    get submitConnectDisabled() {
+        return !this.host;
+    }
+    get submitDisabled() {
+        return !this.connect.httpMode() && (this.connect.isWorking || !this.connect.isConnected);
+    }
+};
+__decorate([
+    observable
+], LoginForm.prototype, "idps", void 0);
+__decorate([
+    observable
+], LoginForm.prototype, "selectedIDP", void 0);
+__decorate([
+    observable
+], LoginForm.prototype, "ssoToggled", void 0);
+__decorate([
+    volatile
+], LoginForm.prototype, "selectedIDPName", null);
+__decorate([
+    volatile
+], LoginForm.prototype, "connectActionText", null);
+LoginForm = __decorate([
+    customElement({
+        name: 'foundation-login-form',
+        template,
+        styles,
+    })
+], LoginForm);
+export { LoginForm };
+//# sourceMappingURL=login-form.js.map

package/dist/esm/routes/login-form/login-form.js.map

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

package/dist/esm/routes/login-form/login-form.styles.js

@@ -0,0 +1,79 @@
+import { css } from '@microsoft/fast-element';
+import { commonLoginRouteStyles } from '../../styles';
+export const LoginFormStyles = css `
+  ${commonLoginRouteStyles}
+  .link-url {
+    width: fit-content;
+    cursor: pointer;
+    font-weight: 500;
+    font-size: 12px;
+    color: var(--accent-foreground-rest);
+    opacity: 80%;
+    padding: 1px 0;
+    line-height: calc(var(--design-unit) * 6px);
+    text-decoration: none;
+  }
+
+  .link-url:hover {
+    color: var(--accent-foreground-hover);
+    opacity: 100%;
+    border-bottom: 1px solid;
+    margin-bottom: -1px;
+  }
+
+  .action-btn {
+    margin: calc(var(--design-unit) * 5px) 0;
+  }
+
+  .sso {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: stretch;
+  }
+
+  .sso .form-title {
+    font-size: var(--type-ramp-base-font-size);
+    margin-bottom: calc(var(--design-unit) * 2px);
+  }
+
+  .links {
+    display: flex;
+    justify-content: space-between;
+    align-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .password-links {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-self: flex-start;
+  }
+
+  .account-links {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-self: flex-start;
+  }
+
+  .case-warning {
+    color: #379ec0;
+    font-size: 0.83em;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+  }
+
+  .version {
+    width: fit-content;
+    font-weight: 500;
+    font-size: 10px;
+    color: var(--accent-foreground-rest);
+    opacity: 80%;
+    padding: 1px 0;
+    line-height: calc(var(--design-unit) * 6px);
+  }
+`;
+//# sourceMappingURL=login-form.styles.js.map

package/dist/esm/routes/login-form/login-form.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.styles.js","sourceRoot":"","sources":["../../../../src/routes/login-form/login-form.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;IAC9B,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EzB,CAAC"}

package/dist/esm/routes/login-form/login-form.template.js

@@ -0,0 +1,162 @@
+import { html, repeat, when } from '@microsoft/fast-element';
+import { sync } from '@genesislcap/foundation-utils';
+import { organisationField, passwordField, showPasswordsCheckbox, usernameField, submitButton, } from '../base';
+const regularLogin = html `
+  ${when((login) => !login.ssoToggled, html `
+      ${organisationField()} ${usernameField()} ${passwordField()}
+      <span class="case-warning">*Fields are case-sensitive</span>
+      ${showPasswordsCheckbox()}
+      <div class="form-buttons">
+        ${(x) => submitButton('Login', 'submit-login', x.submitDisabled)}
+        <div class="links">
+          <div class="password-links">
+            ${when((x) => !x.config.omitRoutes.includes('forgot-password'), html `
+                <a
+                  class="link-url"
+                  @click=${(x) => x.onNavigate(`forgot-password`)}
+                  data-test-id="forgot-password"
+                >
+                  Forgot Password?
+                </a>
+              `)}
+            ${when((x) => !x.config.omitRoutes.includes('reset-password'), html `
+                <a
+                  class="link-url"
+                  @click=${(x) => x.onNavigate(`reset-password`)}
+                  data-test-id="reset-password"
+                >
+                  Change Password
+                </a>
+              `)}
+          </div>
+          <div class="account-links">
+            ${when((x) => !x.config.omitRoutes.includes('request-account'), html `
+                <a
+                  class="link-url"
+                  @click=${(x) => x.onNavigate(`request-account`)}
+                  data-test-id="request-account"
+                >
+                  Request Account
+                </a>
+              `)}
+          </div>
+        </div>
+      </div>
+      ${when((x) => x.config.versionInformation, html `
+          <div>
+            <span class="version" data-test-id="version">
+              ${(x) => x.config.versionInformation}
+            </span>
+          </div>
+        `)}
+    `)}
+`;
+const ssoLogin = html `
+  ${when((login) => login.ssoToggled, html `
+      <div class="sso">
+        <span class="form-title">Providers</span>
+        <zero-select
+          name="sso"
+          data-test-id="sso"
+          :value=${sync((x) => x.selectedIDP)}
+          ?disabled=${(x) => !x.idps.length}
+        >
+          ${repeat((x) => x.idps, html `
+              <zero-option value="${({ id }) => id}">${({ id }) => id}</zero-option>
+            `)}
+        </zero-select>
+        <zero-button
+          type="button"
+          class="action-btn"
+          appearance="primary-gradient"
+          @click="${(x) => x.onClickSSO()}"
+          data-test-id="sso-login"
+          ?disabled=${(x) => !x.selectedIDP}
+        >
+          SSO Login
+        </zero-button>
+      </div>
+    `)}
+`;
+const httpModeEnabledText = html `
+  <pre data-test-id="connect-http-mode">Http Polling Mode Enabled.</pre>
+`;
+const httpMode = html `
+  ${(x) => (x.connect.httpMode() ? httpModeEnabledText : null)}
+`;
+const connectionIndicator = html `
+  <zero-connection-indicator show-label="true" />
+`;
+const connectionIndicatorWrapper = html `
+  ${(x) => (x.connect.httpMode() ? null : connectionIndicator)}
+`;
+export const LoginFormTemplate = html `
+  <login-background>
+    <div class="container">
+      ${when((x) => !x.config.autoConnect, html `
+          <zero-card class="card-pd card-mg">
+            <form
+              id="connect-form"
+              method="post"
+              autocomplete="on"
+              @submit=${(x) => x.onHostSubmit()}
+              ?disabled=${(x) => x.submitConnectDisabled}
+              data-test-id="connect-form"
+            >
+              <zero-text-field
+                class="no-top-margin"
+                type="text"
+                name="host"
+                :value=${sync((x) => x.host)}
+                ?disabled=${(x) => x.connect.isConnected}
+                data-test-id="connect-host"
+                required
+              >
+                <span class="form-title">Host</span>
+              </zero-text-field>
+
+              ${httpMode}
+
+              <div class="form-buttons">
+                ${(x) => submitButton(x.connectActionText, 'submit-connect', x.submitConnectDisabled)}
+              </div>
+            </form>
+          </zero-card>
+        `)}
+
+      <zero-card class="card-pd">
+        <div class="column-content">
+          <login-logo></login-logo>
+          <div class="heading2">Login</div>
+        </div>
+        <form
+          id="login-form"
+          method="post"
+          autocomplete="on"
+          @submit=${(x) => x.onLoginSubmit()}
+          ?disabled=${(x) => x.submitDisabled}
+          data-test-id="login-form"
+        >
+          ${regularLogin} ${ssoLogin}
+          ${when((x) => x.config.sso, html `
+              <zero-checkbox
+                ?checked="${sync((x) => x.ssoToggled, 'boolean')}"
+                name="sso-toggle"
+                data-test-id="sso-toggle"
+              >
+                ${(x) => (x.ssoToggled ? 'SSO Enabled' + x.selectedIDPName : 'Enable SSO?')}
+              </zero-checkbox>
+            `)}
+          <login-message
+            message="${(x) => x.message}"
+            non-error="${(x) => !x.hasErrors}"
+          ></login-message>
+          ${when((x) => x.config.showConnectionIndicator, html `
+              ${connectionIndicatorWrapper}
+            `)}
+        </form>
+      </zero-card>
+    </div>
+  </login-background>
+`;
+//# sourceMappingURL=login-form.template.js.map

package/dist/esm/routes/login-form/login-form.template.js.map

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

package/dist/esm/routes/not-found/not-found.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { customElement, html } from '@microsoft/fast-element';
+import { BaseRoute } from '../base';
+import { commonLoginRouteStyles } from '../../styles';
+let NotFound = class NotFound extends BaseRoute {
+};
+NotFound = __decorate([
+    customElement({
+        name: 'foundation-login-not-found',
+        template: html `
+    <h1 data-test-id="not-found">Not found! 404</h1>
+  `,
+        styles: commonLoginRouteStyles,
+    })
+], NotFound);
+export { NotFound };
+//# sourceMappingURL=not-found.js.map

package/dist/esm/routes/not-found/not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found.js","sourceRoot":"","sources":["../../../../src/routes/not-found/not-found.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAS/C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;CAAG,CAAA;AAA7B,QAAQ;IAPpB,aAAa,CAAC;QACb,IAAI,EAAE,4BAA4B;QAClC,QAAQ,EAAE,IAAI,CAAA;;GAEb;QACD,MAAM,EAAE,sBAAsB;KAC/B,CAAC;GACW,QAAQ,CAAqB;SAA7B,QAAQ"}