@genesislcap/foundation-auth 14.71.1-auth-mf.19 → 14.71.1-auth-mf.20

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

@@ -1,7 +1,7 @@
-import { sync } from '@genesislcap/foundation-utils';
+import { targetChecked } from '@genesislcap/foundation-events';
 import { html, repeat, when } from '@microsoft/fast-element';
 import { anchorTag, buttonTag, cardTag, checkboxTag, listboxOptionTag, selectTag, } from '../../tags';
-import { organisationField, passwordField, showPasswordsCheckbox, usernameField, submitButton, } from '../base';
+import { organisationField, passwordField, showPasswordsCheckbox, usernameField, submitButton, selectEmit, } from '../base';
 const regularLogin = html `
   ${when((login) => !login.store.formEntry.ssoToggled, html `
       ${organisationField()} ${usernameField()} ${passwordField()}
@@ -62,20 +62,25 @@ const ssoLogin = html `
         <${selectTag}
           name="sso"
           data-test-id="sso"
-          :value=${sync((x) => x.selectedIDP)}
-          ?disabled=${(x) => !x.idps.length}
+          @change="${selectEmit('auth-selectedIDP-changed')}"
+          ?disabled=${(x) => !x.store.formEntry.idps.length}
         >
-          ${repeat((x) => x.idps, html `
-              <${listboxOptionTag} value="${({ id }) => id}">${({ id }) => id}</${listboxOptionTag}>
+          ${repeat((x) => x.store.formEntry.idps, html `
+              <${listboxOptionTag}
+                value=${({ id }) => id}
+                ?selected=${(x, c) => c.parent.store.formEntry.selectedIDP == x.id}
+              >
+                ${({ id }) => id}
+              </${listboxOptionTag}>
             `)}
         </${selectTag}>
         <${buttonTag}
           type="button"
           class="action-btn"
           appearance="primary-gradient"
-          @click="${(x) => x.onClickSSO()}"
+          @click="${(x) => x.onSSOLogin()}"
           data-test-id="sso-login"
-          ?disabled=${(x) => !x.selectedIDP}
+          ?disabled=${(x) => !x.store.formEntry.selectedIDP}
         >
           SSO Login
         </${buttonTag}>
@@ -101,11 +106,12 @@ export const LoginTemplate = html `
           ${regularLogin} ${ssoLogin}
           ${when((x) => x.config.sso, html `
               <${checkboxTag}
-                ?checked="${sync((x) => x.store.formEntry.ssoToggled, 'boolean')}"
+                ?checked="${(x) => x.store.formEntry.ssoToggled}"
+                @change="${(x, c) => x.$emit('auth-ssoToggled-changed', targetChecked(c))}"
                 name="sso-toggle"
                 data-test-id="sso-toggle"
               >
-                ${(x) => x.store.formEntry.ssoToggled ? 'SSO Enabled' + x.selectedIDPName : 'Enable SSO?'}
+                ${(x) => x.ssoToggleLabel}
               </${checkboxTag}>
             `)}
           <auth-message></auth-message>

package/dist/esm/routes/logout/logout.js

@@ -4,7 +4,8 @@ import { BaseRoute } from '../base';
 import { LogoutStyles as styles } from './logout.styles';
 import { LogoutTemplate as template } from './logout.template';
 let Logout = class Logout extends BaseRoute {
-    enter() {
+    connectedCallback() {
+        super.connectedCallback();
         this.logout();
     }
     logout() {

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

@@ -9,12 +9,13 @@ let ResetPassword = class ResetPassword extends BaseRoute {
         this.hasPasswordExpired = false;
         this.passwordResetToken = '';
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.attemptAutofill();
+    }
     enter(phase) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.hasPasswordExpired = !!phase.route.queryParams.expired;
-            this.passwordResetToken = phase.route.queryParams.password;
-            this.attemptAutofill();
-        });
+        this.hasPasswordExpired = !!phase.route.queryParams.expired;
+        this.passwordResetToken = phase.route.queryParams.password;
     }
     onSubmit() {
         return __awaiter(this, void 0, void 0, function* () {

package/dist/esm/store/authFormEntry.js

@@ -1,9 +1,10 @@
 import { __awaiter, __decorate } from "tslib";
+import { FetchMachine } from '@genesislcap/foundation-state-machine';
 import { AbstractStore, registerStore } from '@genesislcap/foundation-store';
 import { observable, volatile } from '@microsoft/fast-element';
 import { AuthConfig } from '../config/config';
 import { CredentialManager, credentialSeparator } from '../credential';
-import { logger } from '../utils';
+import { fetchIDPs, logger } from '../utils';
 /**
  * Default implementation of the store.
  * @public
@@ -33,14 +34,29 @@ export class DefaultAuthFormEntryStore extends AbstractStore {
         this.selectedIDP = '';
         this.ssoToggled = false;
         this.termsAgreed = false;
+        this.autofilling = false;
+        this.onAutofillForm = this.createListener('auth-autofill-form', () => this.autofill());
         this.onOrganisationChanged = this.createListener('auth-organisation-changed', (detail) => (this.commit.organisation = detail));
         this.onUsernameChanged = this.createListener('auth-username-changed', (detail) => (this.commit.username = detail));
         this.onEmailChanged = this.createListener('auth-email-changed', (detail) => (this.commit.email = detail));
         this.onPasswordChanged = this.createListener('auth-password-changed', (detail) => (this.commit.password = detail));
         this.onPassword2Changed = this.createListener('auth-password2-changed', (detail) => (this.commit.password2 = detail));
         this.onShowPasswordsChanged = this.createListener('auth-showPasswords-changed', (detail) => (this.commit.showPasswords = detail));
-        this.onAutofillForm = this.createListener('auth-autofill-form', () => this.autofill());
+        this.onSelectedIDPChanged = this.createListener('auth-selectedIDP-changed', (detail) => (this.commit.selectedIDP = detail));
+        this.onSSOToggleChanged = this.createListener('auth-ssoToggled-changed', (detail) => (this.commit.ssoToggled = detail));
         this.ssoToggled = (_b = (_a = this.config.sso) === null || _a === void 0 ? void 0 : _a.toggled) !== null && _b !== void 0 ? _b : false;
+        /**
+         * Listeners not on the public interface can be created anonymously
+         */
+        this.createListener('auth-fetch-idps-success', (idps) => {
+            this.commit.idps = idps;
+            this.commit.selectedIDP = idps && idps.length ? idps[0].id : '';
+        });
+        this.createErrorListener('auth-fetch-idps-error', () => this.resetIDPState());
+    }
+    resetIDPState() {
+        this.commit.idps = [];
+        this.commit.selectedIDP = '';
     }
     autofill() {
         var _a, _b, _c;
@@ -52,6 +68,7 @@ export class DefaultAuthFormEntryStore extends AbstractStore {
                  * Neptune was using cookies directly. To provide them with a seamless upgrade, we should load from cookies if the
                  * container is empty. These stored cookies become irrelevant after their first login in the new system.
                  */
+                this.autofilling = true;
                 const containerData = yield this.credentialManager.getCredentialsFromContainer();
                 const cookieData = yield this.credentialManager.getCredentialsFromCookie();
                 const [normalisedData, canRemoveCookie] = this.credentialManager.normaliseLegacyCredentialData(containerData, cookieData);
@@ -80,9 +97,33 @@ export class DefaultAuthFormEntryStore extends AbstractStore {
             catch (err) {
                 logger.error('An error occurred attempting to get and autofill from stored credentials.', err);
             }
+            this.autofilling = false;
             return Promise.resolve(!!credentialData);
         });
     }
+    ssoToggledChanged(prev, next) {
+        var _a, _b;
+        if (!next) {
+            this.resetIDPState();
+            return;
+        }
+        const path = `${(_b = (_a = this.config.sso) === null || _a === void 0 ? void 0 : _a.identityProvidersPath) !== null && _b !== void 0 ? _b : 'sso/list'}`;
+        this.errors.delete('auth-fetch-idps-error');
+        const emitError = () => this.emit('auth-fetch-idps-error', Error('Failed to fetch identity providers.'));
+        /**
+         * TODO: Port to FetchMachine, need to sort out all the utils/sso stuff.
+         */
+        fetchIDPs(path)
+            .then((idps) => {
+            var _a;
+            if (!idps.length || (idps.length === 1 && ((_a = idps[0]) === null || _a === void 0 ? void 0 : _a.id) === 'error')) {
+                emitError();
+                return;
+            }
+            this.emit('auth-fetch-idps-success', idps);
+        })
+            .catch(() => emitError());
+    }
 }
 __decorate([
     AuthConfig
@@ -90,6 +131,9 @@ __decorate([
 __decorate([
     CredentialManager
 ], DefaultAuthFormEntryStore.prototype, "credentialManager", void 0);
+__decorate([
+    FetchMachine
+], DefaultAuthFormEntryStore.prototype, "fetchMachine", void 0);
 __decorate([
     observable
 ], DefaultAuthFormEntryStore.prototype, "host", void 0);
@@ -138,6 +182,9 @@ __decorate([
 __decorate([
     observable
 ], DefaultAuthFormEntryStore.prototype, "termsAgreed", void 0);
+__decorate([
+    observable
+], DefaultAuthFormEntryStore.prototype, "autofilling", void 0);
 __decorate([
     volatile
 ], DefaultAuthFormEntryStore.prototype, "orgUsername", null);

package/dist/foundation-auth.api.json

@@ -786,7 +786,7 @@
             },
             {
               "kind": "Content",
-              "text": "{\n    'auth-autofill-form': void;\n    'auth-organisation-changed': string;\n    'auth-username-changed': string;\n    'auth-email-changed': string;\n    'auth-password-changed': string;\n    'auth-password2-changed': string;\n    'auth-showPasswords-changed': boolean;\n}"
+              "text": "{\n    'auth-autofill-form': void;\n    'auth-organisation-changed': string;\n    'auth-username-changed': string;\n    'auth-email-changed': string;\n    'auth-password-changed': string;\n    'auth-password2-changed': string;\n    'auth-showPasswords-changed': boolean;\n    'auth-selectedIDP-changed': string;\n    'auth-ssoToggled-changed': boolean;\n}"
             },
             {
               "kind": "Content",
@@ -825,6 +825,33 @@
           "name": "AuthFormEntryStore",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#autofilling:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly autofilling: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "autofilling",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#email:member",
@@ -1269,6 +1296,56 @@
               ],
               "name": "onPasswordChanged"
             },
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#onSelectedIDPChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "onSelectedIDPChanged(event: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "CustomEvent",
+                  "canonicalReference": "!CustomEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<string>"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "returnTypeTokenRange": {
+                "startIndex": 4,
+                "endIndex": 5
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "event",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 3
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "onSelectedIDPChanged"
+            },
             {
               "kind": "MethodSignature",
               "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#onShowPasswordsChanged:member(1)",
@@ -1319,6 +1396,56 @@
               ],
               "name": "onShowPasswordsChanged"
             },
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#onSSOToggleChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "onSSOToggleChanged(event: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "CustomEvent",
+                  "canonicalReference": "!CustomEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<boolean>"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "returnTypeTokenRange": {
+                "startIndex": 4,
+                "endIndex": 5
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "event",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 3
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "onSSOToggleChanged"
+            },
             {
               "kind": "MethodSignature",
               "canonicalReference": "@genesislcap/foundation-auth!AuthFormEntryStore#onUsernameChanged:member(1)",
@@ -4403,6 +4530,72 @@
               "overloadIndex": 1,
               "parameters": []
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#autofill:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected autofill(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<boolean>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "autofill"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#autofilling:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "autofilling: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "autofilling",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#config:member",
@@ -4495,6 +4688,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#fetchMachine:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly fetchMachine: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "FetchMachine",
+                  "canonicalReference": "@genesislcap/foundation-state-machine!FetchMachine:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "fetchMachine",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#hasErrors:member",
@@ -4835,6 +5059,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#onSelectedIDPChanged:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "onSelectedIDPChanged: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "EventListener",
+                  "canonicalReference": "!EventListener:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "onSelectedIDPChanged",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#onShowPasswordsChanged:member",
@@ -4866,6 +5121,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#onSSOToggleChanged:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "onSSOToggleChanged: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "EventListener",
+                  "canonicalReference": "!EventListener:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "onSSOToggleChanged",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#onUsernameChanged:member",
@@ -5047,6 +5333,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#resetIDPState:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected resetIDPState(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "resetIDPState"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#selectedIDP:member",
@@ -5137,6 +5454,70 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#ssoToggledChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected ssoToggledChanged(prev: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", next: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 6
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "prev",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                },
+                {
+                  "parameterName": "next",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "ssoToggledChanged"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-auth!DefaultAuthFormEntryStore#termsAgreed:member",
@@ -10307,7 +10688,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@genesislcap/foundation-auth!FoundationAuth:class",
-          "docComment": "/**\n * FoundationAuth.\n *\n * @remarks\n *\n * Default MF export designed to used in a host application. It does not set up a design system or components. Both are expected to be registered in the host application, which should provide the details of which to the MF via TemplateOptions.\n *\n * See the {@link configure} hook for more information on how to set up and use this micro frontend in your application.\n *\n * @public\n */\n",
+          "docComment": "/**\n * FoundationAuth.\n *\n * @remarks\n *\n * Base MF export used by host application `configure` calls. It does not set up a design system or components. Both are expected to be registered in the host application, which should provide the details of which to the MF via TemplateOptions.\n *\n * See the {@link configure} hook for more information on how to set up and use this micro frontend in your application.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10693,7 +11074,7 @@
               "text": "export interface IDP "
             }
           ],
-          "fileUrlPath": "src/routes/types.ts",
+          "fileUrlPath": "src/utils/sso.ts",
           "releaseTag": "Public",
           "name": "IDP",
           "preserveMemberOrder": false,
@@ -10765,7 +11146,7 @@
               "text": "export interface IDPResponse "
             }
           ],
-          "fileUrlPath": "src/routes/types.ts",
+          "fileUrlPath": "src/utils/sso.ts",
           "releaseTag": "Public",
           "name": "IDPResponse",
           "preserveMemberOrder": false,