import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';

import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';

import { InputSwitchModule } from 'primeng/inputswitch';
import { PaginatorModule } from 'primeng/paginator';
import { DialogModule } from 'primeng/dialog';
import { ConfirmDialogModule } from 'primeng/confirmdialog';
import { ToolbarModule } from 'primeng/toolbar';
import { TableModule } from 'primeng/table';
import { ToastModule } from 'primeng/toast';
import { ProgressBarModule } from 'primeng/progressbar';
import { TabViewModule } from 'primeng/tabview';
import { CalendarModule } from 'primeng/calendar';

import { AppSharedModule } from '@app/shared/app-shared.module';
import { ProfileRoutingModule } from './profile-routing.module';
import { FEATURE_KEY, profileReducers } from './reducers';

import { ProfileEffects } from './effects/profile.effects';
import { UsageEffects } from './effects/usage.effects';

import { ProfileMgtComponent } from './profile-mgt.component';
import { ProfileUpdateComponent } from './update-profile/update-profile.component';
import { ManageServicesComponent } from './manage-services/manage-services.component';
import { ManageBillingComponent } from './manage-billing/manage-billing.component';
import { ManageSubscriptionComponent } from './manage-subscription/manage-subscription.component';
import { BillingOverviewComponent } from './billing-overview/billing-overview.component';
import { CheckoutComponent } from './checkout/checkout.component';
import { CheckoutReviewComponent } from './checkout-review/checkout-review.component';
import { CheckoutConfirmComponent } from './checkout-confirm/checkout-confirm.component';
import { PaymentMethodReviewComponent } from './payment-method-review/payment-method-review.component';
import { PaymentMethodConfirmComponent } from './payment-method-confirm/payment-method-confirm.component';
import { BillingAddressComponent } from './billing-address/billing-address.component';
import { UnpaidSubscriptionComponent } from './unpaid-subscription/unpaid-subscription.component';
import { PaymentEffects } from './effects/payment.effects';
import { PaymentHistoryComponent } from './payment-history/payment-history.component';
import { PaymentDetailComponent } from './payment-detail/payment-detail.component';
import { UsageDetailComponent } from './usage-detail/usage-detail.component';
import { UsageComponent } from './usage/usage.component';
import { UsageSummaryComponent } from './usage-summary/usage-summary.component';
import { CouponComponent } from './coupon/coupon.component';
import { PaymentCheckoutCouponComponent } from './payment-checkout-coupon/payment-checkout-coupon.component';
import { PaymentMethodListComponent } from './payment-method-list/payment-method-list.component';
import { BillingAddressListComponent } from './billing-address-list/billing-address-list.component';

@NgModule({
  imports: [
    CommonModule, AppSharedModule, ProfileRoutingModule,
    TableModule, PaginatorModule, DialogModule, ConfirmDialogModule, ToastModule, ToolbarModule, ProgressBarModule, TabViewModule,
    CalendarModule, InputSwitchModule,
    StoreModule.forFeature(FEATURE_KEY, profileReducers),
    EffectsModule.forFeature([ProfileEffects, PaymentEffects, UsageEffects]),
  ],
  declarations: [
    ProfileMgtComponent, ProfileUpdateComponent, ManageServicesComponent, ManageBillingComponent, ManageSubscriptionComponent, BillingOverviewComponent, CheckoutComponent, CheckoutReviewComponent, CheckoutConfirmComponent, PaymentMethodReviewComponent, PaymentMethodConfirmComponent, BillingAddressComponent, UnpaidSubscriptionComponent, PaymentHistoryComponent, PaymentDetailComponent, UsageDetailComponent, UsageComponent, UsageSummaryComponent, CouponComponent, PaymentCheckoutCouponComponent, PaymentMethodListComponent, BillingAddressListComponent
  ],
  providers: [],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})

export class ProfileModule { }