import { NgModule } from '@angular/core';
import { FORMLY_CONFIG, FormlyConfig, FormlyModule as FormlyBaseModule } from '@ngx-formly/core';
import { TranslateService } from '@ngx-translate/core';

import { hideIfEmptyOptionsExtension } from './hide-if-empty-options.extension';
import { registerPostWrappersExtension } from './post-wrappers-extension';
import { registerTranslatePlaceholderExtension } from './translate-placeholder.extension';
import { registerTranslateSelectOptionsExtension } from './translate-select-options.extension';

@NgModule({
  imports: [
    FormlyBaseModule.forChild({
      extensions: [{ name: 'hide-if-empty-options', extension: hideIfEmptyOptionsExtension }],
    }),
  ],
  providers: [
    {
      provide: FORMLY_CONFIG,
      multi: true,
      useFactory: registerTranslateSelectOptionsExtension,
      deps: [TranslateService],
    },
    {
      provide: FORMLY_CONFIG,
      multi: true,
      useFactory: registerTranslatePlaceholderExtension,
      deps: [TranslateService],
    },
    {
      provide: FORMLY_CONFIG,
      multi: true,
      useFactory: registerPostWrappersExtension,
      deps: [FormlyConfig],
    },
  ],
})
export class ExtensionsModule {}