@dereekb/dbx-firebase 13.8.0 → 13.10.0

package/fesm2022/dereekb-dbx-firebase-oidc.mjs

@@ -9,7 +9,7 @@ import { DbxFirebaseAuthService, AbstractDbxFirebaseDocumentStore, firebaseDocum
 import { HttpClient } from '@angular/common/http';
 import { first, switchMap, of, map, BehaviorSubject, tap } from 'rxjs';
 import * as i1 from '@dereekb/dbx-form';
-import { forgeValueSelectionField, forgeTextField, forgeSearchableStringChipField, isWebsiteUrlValidator, forgeGroup, forgePickableChipField, pickableValueFieldValuesConfigForStaticLabeledValues, AbstractConfigAsyncForgeFormDirective, DbxForgeFormComponentImportsModule, dbxForgeFormComponentProviders, DBX_FORGE_FORM_COMPONENT_TEMPLATE, DbxActionFormDirective, DbxFormSourceDirective, DbxFormValueChangeDirective } from '@dereekb/dbx-form';
+import { dbxForgeValueSelectionField, dbxForgeTextField, dbxForgeSearchableStringChipField, isWebsiteUrlValidator, dbxForgeContainer, dbxForgePickableChipField, pickableValueFieldValuesConfigForStaticLabeledValues, AbstractConfigAsyncForgeFormDirective, DbxForgeFormComponentImportsModule, dbxForgeFormComponentProviders, DBX_FORGE_FORM_COMPONENT_TEMPLATE, DbxActionFormDirective, DbxFormSourceDirective, DbxFormValueChangeDirective } from '@dereekb/dbx-form';
 import { ALL_OIDC_TOKEN_ENDPOINT_AUTH_METHOD_OPTIONS, PRIVATE_KEY_JWT_TOKEN_ENDPOINT_AUTH_METHOD, OIDC_ENTRY_CLIENT_TYPE, OidcModelFunctions, OidcModelFirestoreCollections } from '@dereekb/firebase';
 import { CommonModule } from '@angular/common';
 
@@ -662,12 +662,12 @@ function oidcEntryClientForgeFormFields(config) {
 function oidcClientTokenEndpointAuthMethodForgeField(config) {
     const allowedAuthMethods = config?.tokenEndpointAuthMethods;
     const options = allowedAuthMethods?.length ? ALL_OIDC_TOKEN_ENDPOINT_AUTH_METHOD_OPTIONS.filter((o) => allowedAuthMethods.includes(o.value)) : ALL_OIDC_TOKEN_ENDPOINT_AUTH_METHOD_OPTIONS;
-    return forgeValueSelectionField({
+    return dbxForgeValueSelectionField({
         key: 'token_endpoint_auth_method',
         label: 'Token Endpoint Auth Method',
         description: 'How the client authenticates when exchanging tokens. Cannot be changed after creation.',
         required: true,
-        options
+        props: { options }
     });
 }
 /**
@@ -686,10 +686,10 @@ function oidcEntryClientUpdateForgeFormFields() {
  * @returns A forge text field for the client name.
  */
 function oidcClientNameForgeField() {
-    return forgeTextField({
+    return dbxForgeTextField({
         key: 'client_name',
         label: 'Client Name',
-        description: 'A human-readable name for this OAuth client.',
+        hint: 'A human-readable name for this OAuth client.',
         required: true,
         maxLength: 200
     });
@@ -700,30 +700,35 @@ function oidcClientNameForgeField() {
  * @returns A forge searchable chip field for redirect URIs.
  */
 function oidcClientRedirectUrisForgeField() {
-    return forgeSearchableStringChipField({
+    return dbxForgeSearchableStringChipField({
         key: 'redirect_uris',
         label: 'Redirect URIs',
-        description: 'Type a redirect URI (e.g. https://example.com/callback) and press enter to add it.',
+        hint: 'Type a redirect URI (e.g. https://example.com/callback) and press enter to add it.',
         required: true,
-        searchOnEmptyText: false,
-        textInputValidator: isWebsiteUrlValidator({ requirePrefix: true, allowPorts: true }),
-        search: () => of([]),
-        displayForValue: (values) => of(values.map((v) => ({ ...v, label: v.value })))
+        props: {
+            searchOnEmptyText: false,
+            textInputValidator: isWebsiteUrlValidator({ requirePrefix: true, allowPorts: true }),
+            search: () => of([]),
+            displayForValue: (values) => of(values.map((v) => ({ ...v, label: v.value })))
+        }
     });
 }
 /**
- * Creates a forge group containing the JWKS URI field, conditionally hidden
- * when the token endpoint auth method is not `private_key_jwt`.
+ * Creates a forge container wrapping the JWKS URI field, conditionally hidden
+ * when the token endpoint auth method is not `private_key_jwt`. A container
+ * (not a group) is used so the `jwks_uri` field stays at the root level of
+ * the form value rather than being nested under an extra object.
  *
- * @returns A forge group field with conditional visibility logic.
+ * @returns A forge container field with conditional visibility logic.
  */
 function oidcClientJwksUriForgeField() {
-    return forgeGroup({
+    return dbxForgeContainer({
+        key: 'jwks_uri_container',
         fields: [
-            forgeTextField({
+            dbxForgeTextField({
                 key: 'jwks_uri',
                 label: 'JWKS URI',
-                description: "URL where the client's public JSON Web Key Set can be fetched. Required for private_key_jwt authentication.",
+                hint: "URL where the client's public JSON Web Key Set can be fetched. Required for private_key_jwt authentication.",
                 required: true
             })
         ],
@@ -746,10 +751,10 @@ function oidcClientJwksUriForgeField() {
  * @returns A forge text field for the logo URI.
  */
 function oidcClientLogoUriForgeField() {
-    return forgeTextField({
+    return dbxForgeTextField({
         key: 'logo_uri',
         label: 'Logo URI',
-        description: 'URL of the client logo image (optional).',
+        hint: 'URL of the client logo image (optional).',
         required: false
     });
 }
@@ -759,10 +764,10 @@ function oidcClientLogoUriForgeField() {
  * @returns A forge text field for the homepage URL.
  */
 function oidcClientHomepageUriForgeField() {
-    return forgeTextField({
+    return dbxForgeTextField({
         key: 'client_uri',
         label: 'Homepage URL',
-        description: 'URL of the client homepage (optional).',
+        hint: 'URL of the client homepage (optional).',
         required: false
     });
 }
@@ -781,7 +786,7 @@ function oidcEntryClientTestForgeFormFields(config) {
  * @returns A read-only forge text field for the client ID.
  */
 function oidcClientTestClientIdForgeField() {
-    return forgeTextField({
+    return dbxForgeTextField({
         key: 'client_id',
         label: 'Client ID',
         readonly: true
@@ -795,12 +800,12 @@ function oidcClientTestClientIdForgeField() {
  */
 function oidcClientTestRedirectUriForgeField(redirectUris) {
     const options = redirectUris.map((uri) => ({ label: uri, value: uri }));
-    return forgeValueSelectionField({
+    return dbxForgeValueSelectionField({
         key: 'redirect_uri',
         label: 'Redirect URI',
         description: 'Select the redirect URI to use for the test flow.',
         required: true,
-        options
+        props: { options }
     });
 }
 /**
@@ -810,12 +815,14 @@ function oidcClientTestRedirectUriForgeField(redirectUris) {
  * @returns A forge pickable chip field for scope selection.
  */
 function oidcClientTestScopesForgeField(availableScopes) {
-    return forgePickableChipField({
+    return dbxForgePickableChipField({
         key: 'scopes',
         label: 'Scopes',
-        description: 'Select the scopes to request.',
-        showSelectAllButton: true,
-        ...pickableValueFieldValuesConfigForStaticLabeledValues(availableScopes)
+        hint: 'Select the scopes to request.',
+        props: {
+            showSelectAllButton: true,
+            ...pickableValueFieldValuesConfigForStaticLabeledValues(availableScopes)
+        }
     });
 }
 
@@ -829,7 +836,7 @@ function oidcClientTestScopesForgeField(availableScopes) {
  */
 class DbxFirebaseOidcEntryClientForgeFormComponent extends AbstractConfigAsyncForgeFormDirective {
     _oidcConfigService = inject(DbxFirebaseOidcConfigService);
-    config$ = this.currentConfig$.pipe(map((config) => {
+    formConfig$ = this.currentConfig$.pipe(map((config) => {
         if (!config) {
             return undefined;
         }
@@ -859,7 +866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Displays read-only client_id, a redirect URI selector, and scope picker.
  */
 class DbxFirebaseOidcEntryClientTestForgeFormComponent extends AbstractConfigAsyncForgeFormDirective {
-    config$ = this.currentConfig$.pipe(map((config) => {
+    formConfig$ = this.currentConfig$.pipe(map((config) => {
         if (!config) {
             return undefined;
         }
@@ -888,7 +895,7 @@ class DbxFirebaseOidcEntryClientListComponent extends AbstractDbxSelectionListWr
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFirebaseOidcEntryClientListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxFirebaseOidcEntryClientListComponent, isStandalone: true, selector: "dbx-firebase-oidc-client-list", providers: provideDbxListViewWrapper(DbxFirebaseOidcEntryClientListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\n    <ng-content top select=\"[top]\"></ng-content>\n    <ng-content bottom select=\"[bottom]\"></ng-content>\n    <ng-content empty select=\"[empty]\"></ng-content>\n    <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxFirebaseOidcEntryClientListComponent, isStandalone: true, selector: "dbx-firebase-oidc-client-list", providers: provideDbxListViewWrapper(DbxFirebaseOidcEntryClientListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabledSignal()\" [selectionMode]=\"selectionModeSignal()\">\n    <ng-content top select=\"[top]\"></ng-content>\n    <ng-content bottom select=\"[bottom]\"></ng-content>\n    <ng-content empty select=\"[empty]\"></ng-content>\n    <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFirebaseOidcEntryClientListComponent, decorators: [{
             type: Component,