fix(kit): improve tree-shakeability of InputPhoneInternational (#8603)

taiga-family · Aug 19, 2024 · abfba9e · abfba9e
1 parent ff06f79
commit abfba9e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/projects/demo-cypress/src/tests/input-phone-international.cy.ts b/projects/demo-cypress/src/tests/input-phone-international.cy.ts
@@ -5,7 +5,10 @@ import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {provideAnimations} from '@angular/platform-browser/animations';
 import {TuiRoot} from '@taiga-ui/core';
 import type {TuiCountryIsoCode} from '@taiga-ui/i18n';
-import {TuiInputPhoneInternational} from '@taiga-ui/kit';
+import {
+    TuiInputPhoneInternational,
+    tuiInputPhoneInternationalOptionsProvider,
+} from '@taiga-ui/kit';
 import {createOutputSpy} from 'cypress/angular';
 
 @Component({
@@ -20,7 +23,12 @@ import {createOutputSpy} from 'cypress/angular';
             ></tui-input-phone-international>
         </tui-root>
     `,
-    providers: [provideAnimations()],
+    providers: [
+        provideAnimations(),
+        tuiInputPhoneInternationalOptionsProvider({
+            metadata: import('libphonenumber-js/max/metadata').then((m) => m.default),
+        }),
+    ],
 })
 export class Test implements OnInit {
     private readonly destroyRef = inject(DestroyRef);

diff --git a/projects/demo/src/modules/components/input-phone-international/index.ts b/projects/demo/src/modules/components/input-phone-international/index.ts
@@ -5,7 +5,10 @@ import {TuiDemo} from '@demo/utils';
 import {tuiProvide} from '@taiga-ui/cdk';
 import {TuiDropdown, TuiHint, TuiTextfield} from '@taiga-ui/core';
 import type {TuiCountryIsoCode} from '@taiga-ui/i18n';
-import {TuiInputPhoneInternational} from '@taiga-ui/kit';
+import {
+    TuiInputPhoneInternational,
+    tuiInputPhoneInternationalOptionsProvider,
+} from '@taiga-ui/kit';
 import {getCountries} from 'libphonenumber-js';
 
 import {ABSTRACT_PROPS_ACCESSOR} from '../abstract/abstract-props-accessor';
@@ -25,7 +28,12 @@ import {InheritedDocumentation} from '../abstract/inherited-documentation';
     ],
     templateUrl: './index.html',
     changeDetection,
-    providers: [tuiProvide(ABSTRACT_PROPS_ACCESSOR, PageComponent)],
+    providers: [
+        tuiProvide(ABSTRACT_PROPS_ACCESSOR, PageComponent),
+        tuiInputPhoneInternationalOptionsProvider({
+            metadata: import('libphonenumber-js/max/metadata').then((m) => m.default),
+        }),
+    ],
 })
 export default class PageComponent extends AbstractExampleTuiControl {
     protected readonly countriesVariants: ReadonlyArray<readonly TuiCountryIsoCode[]> = [

diff --git a/projects/kit/components/input-phone-international/input-phone-international.options.ts b/projects/kit/components/input-phone-international/input-phone-international.options.ts
@@ -2,8 +2,7 @@ import type {Provider} from '@angular/core';
 import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiCountryIsoCode} from '@taiga-ui/i18n/types';
 import type {MetadataJson} from 'libphonenumber-js/core';
-import type {Observable} from 'rxjs';
-import {defer} from 'rxjs';
+import {type Observable, of} from 'rxjs';
 
 export interface TuiInputPhoneInternationalOptions {
     readonly countries: readonly TuiCountryIsoCode[];
@@ -15,9 +14,7 @@ export const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS: TuiInputPhoneInterna
     {
         countries: [],
         countryIsoCode: 'RU',
-        metadata: defer(async () =>
-            import('libphonenumber-js/min/metadata').then((m) => m.default),
-        ),
+        metadata: of({countries: {}, country_calling_codes: {}}),
     };
 
 /**