import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { EffectsModule } from '@ngrx/effects';
import { StoreModule } from '@ngrx/store';
import { TranslateModule } from '@ngx-translate/core';
import { notificationFeatureKey, YapCoreModule, YapIconModule, YapTranslateService } from '@onepoint-yap/dashboard';
import { YapSearchModule } from '@onepoint-yap/dashboard/search';
import { YapNotificationContentComponent } from './components/notification/content/notification-content';
import { YapNotificationComponent } from './components/notification/notification.component';
import { enTranslations } from './i18n/en.translations';
import { frTranslations } from './i18n/fr.translations';
import { NotificationEffects } from './store/notification.effects';
import { notificationReducer } from './store/notification.reducer';
import { YapNotificationCssComponent } from './style/css.component';

@NgModule({
  imports: [
    CommonModule,
    YapCoreModule,
    StoreModule.forFeature(notificationFeatureKey, notificationReducer),
    EffectsModule.forFeature([NotificationEffects]),
    TranslateModule.forChild(),
    YapIconModule,
    YapSearchModule
  ],
  declarations: [YapNotificationComponent, YapNotificationContentComponent, YapNotificationCssComponent],
  exports: [YapNotificationComponent, YapNotificationContentComponent]
})
export class YapNotificationModule {
  constructor(private yapTranslateService: YapTranslateService) {
    this.yapTranslateService.addLangObject('fr', 'notification', frTranslations);
    this.yapTranslateService.addLangObject('en', 'notification', enTranslations);
  }
}