feat: add new policy provider

Author: dackers86

packages/angular/projects/firebaseui-angular/src/lib/provider.ts

@@ -7,13 +7,26 @@ import {
   inject,
 } from '@angular/core';
 import { FirebaseApps } from '@angular/fire/app';
-import { type FirebaseUI as FirebaseUIType, getTranslation } from '@firebase-ui/core';
+import {
+  type FirebaseUI as FirebaseUIType,
+  getTranslation,
+} from '@firebase-ui/core';
 import { distinctUntilChanged, map, takeUntil } from 'rxjs/operators';
 import { Observable, ReplaySubject } from 'rxjs';
 import { Store } from 'nanostores';
 import { TranslationCategory, TranslationKey } from '@firebase-ui/translations';
 
-const FIREBASE_UI_STORE = new InjectionToken<FirebaseUIType>('firebaseui.store');
+const FIREBASE_UI_STORE = new InjectionToken<FirebaseUIType>(
+  'firebaseui.store',
+);
+const FIREBASE_UI_POLICIES = new InjectionToken<PolicyConfig>(
+  'firebaseui.policies',
+);
+
+type PolicyConfig = {
+  termsOfServiceUrl: string;
+  privacyPolicyUrl: string;
+};
 
 export function provideFirebaseUI(
   uiFactory: (apps: FirebaseApps) => FirebaseUIType,
@@ -27,6 +40,14 @@ export function provideFirebaseUI(
   return makeEnvironmentProviders(providers);
 }
 
+export function provideFirebaseUIPolicies(factory: () => PolicyConfig) {
+  const providers: Provider[] = [
+    { provide: FIREBASE_UI_POLICIES, useFactory: factory },
+  ];
+
+  return makeEnvironmentProviders(providers);
+}
+
 @Injectable({
   providedIn: 'root',
 })
@@ -43,9 +64,7 @@ export class FirebaseUI {
     key: TranslationKey<T>,
   ) {
     return this.config().pipe(
-      map((config) =>
-        getTranslation(config, category, key),
-      ),
+      map((config) => getTranslation(config, category, key)),
     );
   }
 
@@ -61,3 +80,18 @@ export class FirebaseUI {
     this.destroyed$.complete();
   }
 }
+
+@Injectable({
+  providedIn: 'root',
+})
+export class FirebaseUIPolicies {
+  private policies = inject(FIREBASE_UI_POLICIES);
+
+  get termsOfServiceUrl() {
+    return this.policies.termsOfServiceUrl;
+  }
+
+  get privacyPolicyUrl() {
+    return this.policies.privacyPolicyUrl;
+  }
+}

packages/angular/src/app/policies/policy.config.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+
+export interface PolicyConfig {
+  termsOfServiceUrl: string;
+  privacyPolicyUrl: string;
+}
+
+export const POLICY_CONFIG = new InjectionToken<PolicyConfig>('PolicyConfig');

packages/angular/src/app/policies/providePolicies.ts

@@ -0,0 +1,13 @@
+// src/app/policies/providePolicies.ts
+import { Provider } from '@angular/core';
+import { POLICY_CONFIG, PolicyConfig } from './policy.config';
+
+export function providePolicies(): Provider {
+  return {
+    provide: POLICY_CONFIG,
+    useValue: {
+      termsOfServiceUrl: 'https://yourdomain.com/terms',
+      privacyPolicyUrl: 'https://yourdomain.com/privacy',
+    } satisfies PolicyConfig,
+  };
+}