index.tsx

import React from 'react';
import {observer} from 'mobx-react-lite';

import store from '@webex/cc-store';
import {useCallControl} from '../helper';
import {CallControlProps} from '../task.types';
import {CallControlComponent} from '@webex/cc-components';

const CallControl: React.FunctionComponent<CallControlProps> = observer(
  ({onHoldResume, onEnd, onWrapUp, onRecordingToggle, onToggleMute}) => {
    const {
      logger,
      currentTask,
      wrapupCodes,
      consultInitiated,
      consultCompleted,
      consultAccepted,
      consultStartTimeStamp,
      callControlAudio,
      deviceType,
      featureFlags,
      isEndConsultEnabled,
      allowConsultToQueue,
      isMuted,
    } = store;

    const result = {
      ...useCallControl({
        currentTask,
        onHoldResume,
        onEnd,
        onWrapUp,
        onRecordingToggle,
        onToggleMute,
        logger,
        consultInitiated,
        deviceType,
        featureFlags,
        isMuted,
      }),
      wrapupCodes,
      consultInitiated,
      consultCompleted,
      consultAccepted,
      consultStartTimeStamp,
      callControlAudio,
      isEndConsultEnabled,
      allowConsultToQueue,
      logger,
    };
    return <CallControlComponent {...result} />;
  }
);

export {CallControl};