import { Module } from '@ringcentral-integration/commons/lib/di';
import type { UIFunctions, UIProps } from '@ringcentral-integration/core';
import { RcUIModuleV2 } from '@ringcentral-integration/core';

import { AlertRenderer } from '../../components/AlertRenderer';
import type {
  NotificationMessage,
  NotificationPanelProps,
} from '../../components/NotificationPanel/NotificationPanel.interface';
import type { NotificationContainerProps } from '../../containers/NotificationContainer/NotificationContainer.interface';

import type { Deps } from './AlertUI.interface';

@Module({
  name: 'AlertUI',
  deps: [
    'Brand',
    'Alert',
    'Locale',
    'RouterInteraction',
    {
      dep: 'RateLimiter',
      optional: true,
    },
    {
      dep: 'Softphone',
      optional: true,
    },
    {
      dep: 'CallLogSection',
      optional: true,
    },
  ],
})
export class AlertUI<T extends Deps = Deps> extends RcUIModuleV2<T> {
  constructor(deps: T) {
    super({ deps });
  }

  getUIProps({
    className,
    classes,
    size,
    messageAlign,
    fullWidth,
  }: NotificationContainerProps): UIProps<NotificationPanelProps> {
    return {
      className,
      classes,
      size,
      messageAlign,
      fullWidth,
      currentLocale: this._deps.locale.currentLocale,
      messages: this._deps.alert.messages as NotificationMessage[],
      brand: this._deps.brand.name,
    };
  }

  getUIFunctions({
    getAdditionalRenderer,
    regionSettingsUrl,
    callingSettingsUrl,
  }: NotificationContainerProps): UIFunctions<NotificationPanelProps> {
    return {
      getRenderer: (message: NotificationMessage) => {
        if (getAdditionalRenderer) {
          const renderer = getAdditionalRenderer()(message);
          if (renderer) {
            return renderer;
          }
        }
        // TODO: It would be better to refactor alertUI like modalUI.registerRenderer.
        return AlertRenderer({
          alert: this._deps.alert,
          brand: this._deps.brand,
          // support jupiterAppName with dynamicConfig, should remove this and use brandConfig
          // instead once dynamicConfig module is deprecated
          softphone: this._deps.softphone,
          rateLimiter: this._deps.rateLimiter,
          routerInteraction: this._deps.routerInteraction,
          callLogSection: this._deps.callLogSection,
          regionSettingsUrl,
          callingSettingsUrl,
        })(message);
      },
      dismiss: (id: string) => this._deps.alert.dismiss(id),
    };
  }
}