@webex/cc-task 1.28.0-ccwidgets.12 → 1.28.0-ccwidgets.120

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/*! For license information please see index.js.LICENSE.txt */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/types/CallControlCAD/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CallControlProps } from '../task.types';
+declare const CallControlCAD: React.FunctionComponent<CallControlProps>;
+export { CallControlCAD };

package/dist/types/OutdialCall/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OutdialCall: React.FunctionComponent;
+export { OutdialCall };

package/dist/types/TaskList/index.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const TaskList: React.FunctionComponent<{}>;
+import { TaskListProps } from '../task.types';
+declare const TaskList: React.FunctionComponent<TaskListProps>;
 export { TaskList };

package/dist/types/Utils/task-util.d.ts

@@ -0,0 +1,24 @@
+import { ILogger } from '@webex/cc-store';
+import { ITask } from '@webex/contact-center';
+/**
+ * This function determines the visibility of various controls based on the task's data.
+ * @param task The task object
+ * @returns An object containing the visibility of various controls based on the task's data
+ */
+export declare function getControlsVisibility(deviceType: string, featureFlags: {
+    [key: string]: boolean;
+}, task: ITask, logger?: ILogger): {
+    accept: boolean;
+    decline: boolean;
+    end: boolean;
+    muteUnmute: boolean;
+    holdResume: boolean;
+    consult: boolean;
+    transfer: boolean;
+    conference: boolean;
+    wrapup: boolean;
+    pauseResumeRecording: boolean;
+    endConsult: boolean;
+    recordingIndicator: boolean;
+};
+export declare function findHoldTimestamp(interaction: Interaction, mType?: string, logger?: ILogger): number | null;

package/dist/types/helper.d.ts

@@ -1,25 +1,83 @@
-import { ITask } from '@webex/plugin-cc';
-import { useCallControlProps, UseTaskListProps, UseTaskProps } from './task.types';
+import { ITask } from '@webex/contact-center';
+import { useCallControlProps, UseTaskListProps, UseTaskProps, useOutdialCallProps } from './task.types';
+import { BuddyDetails, DestinationType, ContactServiceQueue, PaginatedListParams } from '@webex/cc-store';
+import { OutdialAniEntriesResponse } from '@webex/contact-center/dist/types/services/config/types';
 export declare const useTaskList: (props: UseTaskListProps) => {
-    taskList: ITask[];
+    taskList: Record<string, ITask>;
     acceptTask: (task: ITask) => void;
     declineTask: (task: ITask) => void;
+    onTaskSelect: (task: ITask) => void;
     isBrowser: boolean;
 };
 export declare const useIncomingTask: (props: UseTaskProps) => {
-    incomingTask: any;
-    isAnswered: boolean;
-    isEnded: boolean;
+    incomingTask: ITask;
     accept: () => void;
-    decline: () => void;
+    reject: () => void;
     isBrowser: boolean;
 };
 export declare const useCallControl: (props: useCallControlProps) => {
     currentTask: ITask;
-    audioRef: import("react").MutableRefObject<HTMLAudioElement>;
     endCall: () => void;
     toggleHold: (hold: boolean) => void;
-    toggleRecording: (pause: boolean) => void;
+    toggleRecording: () => void;
+    toggleMute: () => Promise<void>;
+    isMuted: boolean;
     wrapupCall: (wrapUpReason: string, auxCodeId: string) => void;
-    wrapupRequired: boolean;
+    isHeld: boolean;
+    setIsHeld: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isRecording: boolean;
+    setIsRecording: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    buddyAgents: BuddyDetails[];
+    loadBuddyAgents: () => Promise<void>;
+    queues: ContactServiceQueue[];
+    loadQueues: () => Promise<void>;
+    transferCall: (to: string, type: DestinationType) => Promise<void>;
+    consultCall: (consultDestination: string, destinationType: DestinationType) => Promise<void>;
+    endConsultCall: () => Promise<void>;
+    consultTransfer: () => Promise<void>;
+    consultAgentName: string;
+    setConsultAgentName: import("react").Dispatch<import("react").SetStateAction<string>>;
+    consultAgentId: string;
+    setConsultAgentId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    holdTime: number;
+    startTimestamp: number;
+    lastTargetType: "agent" | "queue";
+    setLastTargetType: import("react").Dispatch<import("react").SetStateAction<"agent" | "queue">>;
+    controlVisibility: {
+        accept: boolean;
+        decline: boolean;
+        end: boolean;
+        muteUnmute: boolean;
+        holdResume: boolean;
+        consult: boolean;
+        transfer: boolean;
+        conference: boolean;
+        wrapup: boolean;
+        pauseResumeRecording: boolean;
+        endConsult: boolean;
+        recordingIndicator: boolean;
+    };
+    secondsUntilAutoWrapup: number;
+    cancelAutoWrapup: () => void;
+    getAddressBookEntries: ({ page, pageSize, search }: PaginatedListParams) => Promise<import("@webex/contact-center").AddressBookEntriesResponse>;
+    getEntryPoints: ({ page, pageSize, search }: PaginatedListParams) => Promise<import("@webex/contact-center").EntryPointListResponse>;
+    getQueuesFetcher: ({ page, pageSize, search }: PaginatedListParams) => Promise<{
+        data: ContactServiceQueue[];
+        meta: {
+            page: number;
+            pageSize: number;
+            total: number;
+            totalPages: number;
+        };
+    } | {
+        data: any[];
+        meta: {
+            page: number;
+            totalPages: number;
+        };
+    }>;
+};
+export declare const useOutdialCall: (props: useOutdialCallProps) => {
+    startOutdial: (destination: string, origin?: string) => void;
+    getOutdialANIEntries: () => Promise<OutdialAniEntriesResponse>;
 };

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
 import { IncomingTask } from './IncomingTask/index';
 import { TaskList } from './TaskList';
 import { CallControl } from './CallControl';
-export { IncomingTask, TaskList, CallControl };
+import { OutdialCall } from './OutdialCall';
+import { CallControlCAD } from './CallControlCAD';
+export { IncomingTask, TaskList, CallControl, OutdialCall, CallControlCAD };

package/dist/types/task.types.d.ts

@@ -1,156 +1,13 @@
-import { ITask, IContactCenter } from '@webex/plugin-cc';
-import { ILogger, WrapupCodes } from '@webex/cc-store';
-/**
- * Interface representing the TaskProps of a user.
- */
-export interface TaskProps {
-    /**
-     * currentTask of the agent.
-     */
-    currentTask: ITask;
-    /**
-     * Incoming task on the incoming task widget
-     */
-    incomingTask: ITask;
-    /**
-     * CC SDK Instance.
-     */
-    cc: IContactCenter;
-    /**
-     * Handler for task accepted
-     */
-    onAccepted?: () => void;
-    /**
-     * Handler for task declined
-     */
-    onDeclined?: () => void;
-    /**
-     * Handler for task accepted in TaskList
-     */
-    onTaskAccepted?: (task: ITask) => void;
-    /**
-     * Handler for task declined in TaskList
-     */
-    onTaskDeclined?: (task: ITask) => void;
-    /**
-     * accept incoming task action
-     */
-    accept: () => void;
-    /**
-     * decline incoming task action
-     */
-    decline: () => void;
-    /**
-     * accept task from task list
-     */
-    acceptTask: (task: ITask) => void;
-    /**
-     * decline task from tasklist
-     */
-    declineTask: (task: ITask) => void;
-    /**
-     * Flag to determine if the user is logged in with a browser option
-     */
-    isBrowser: boolean;
-    /**
-     * Flag to determine if the task is answered
-     */
-    isAnswered: boolean;
-    /**
-     * Flag to determine if the task is ended
-     */
-    isEnded: boolean;
-    /**
-     * Selected login option
-     */
-    selectedLoginOption: string;
-    /**
-     * List of tasks
-     */
-    taskList: ITask[];
-    /**
-     * The logger instance from SDK
-     */
-    logger: ILogger;
-}
-export type UseTaskProps = Pick<TaskProps, 'cc' | 'onAccepted' | 'onDeclined' | 'selectedLoginOption' | 'logger'>;
-export type UseTaskListProps = Pick<TaskProps, 'cc' | 'selectedLoginOption' | 'onTaskAccepted' | 'onTaskDeclined' | 'logger'>;
-export type IncomingTaskPresentationalProps = Pick<TaskProps, 'incomingTask' | 'isBrowser' | 'isAnswered' | 'isEnded' | 'accept' | 'decline'>;
-export type IncomingTaskProps = Pick<TaskProps, 'onAccepted' | 'onDeclined'>;
-export type TaskListProps = Pick<TaskProps, 'onTaskAccepted' | 'onTaskDeclined'>;
-export type TaskListPresentationalProps = Pick<TaskProps, 'currentTask' | 'taskList' | 'isBrowser' | 'acceptTask' | 'declineTask'>;
-export declare enum TASK_EVENTS {
-    TASK_INCOMING = "task:incoming",
-    TASK_ASSIGNED = "task:assigned",
-    TASK_MEDIA = "task:media",
-    TASK_HOLD = "task:hold",
-    TASK_UNHOLD = "task:unhold",
-    TASK_CONSULT = "task:consult",
-    TASK_CONSULT_END = "task:consultEnd",
-    TASK_CONSULT_ACCEPT = "task:consultAccepted",
-    TASK_PAUSE = "task:pause",
-    TASK_RESUME = "task:resume",
-    TASK_END = "task:end",
-    TASK_WRAPUP = "task:wrapup"
-}
-/**
- * Interface representing the properties for control actions on a task.
- */
-export interface ControlProps {
-    /**
-     * Audio reference
-     */
-    audioRef: React.RefObject<HTMLAudioElement>;
-    /**
-     * The current task being handled.
-     */
-    currentTask: ITask;
-    /**
-     * Function to handle hold/resume actions.
-     */
-    onHoldResume: () => void;
-    /**
-     * Function to handle ending the task.
-     */
-    onEnd: () => void;
-    /**
-     * Function to handle wrapping up the task.
-     */
-    onWrapUp: () => void;
-    /**
-     * Logger instance for logging purposes.
-     */
-    logger: ILogger;
-    /**
-     * Array of wrap-up codes.
-     * TODO: Expose this type from SDK.
-     */
-    wrapupCodes: WrapupCodes[];
-    /**
-     * Indicates if wrap-up is required.
-     */
-    wrapupRequired: boolean;
-    /**
-     * Function to handle hold/resume actions with a boolean parameter.
-     * @param hold - Boolean indicating whether to hold (true) or resume (false).
-     */
-    toggleHold: (hold: boolean) => void;
-    /**
-     * Function to handle pause/resume recording actions with a boolean parameter.
-     * @param pause - Boolean indicating whether to pause (true) or resume (false) recording.
-     */
-    toggleRecording: (pause: boolean) => void;
-    /**
-     * Function to handle ending the call.
-     */
-    endCall: () => void;
-    /**
-     * Function to handle wrapping up the call with a reason and ID.
-     * @param wrapupReason - The reason for wrapping up the call.
-     * @param wrapupId - The ID associated with the wrap-up reason.
-     */
-    wrapupCall: (wrapupReason: string, wrapupId: string) => void;
-}
-export type CallControlProps = Pick<ControlProps, 'onHoldResume' | 'onEnd' | 'onWrapUp'>;
-export type CallControlPresentationalProps = Pick<ControlProps, 'currentTask' | 'audioRef' | 'wrapupCodes' | 'wrapupRequired' | 'toggleHold' | 'toggleRecording' | 'endCall' | 'wrapupCall'>;
-export type useCallControlProps = Pick<ControlProps, 'currentTask' | 'onHoldResume' | 'onEnd' | 'onWrapUp' | 'logger'>;
+import { TaskProps, ControlProps, OutdialCallProps } from '@webex/cc-components';
+export type UseTaskProps = Pick<TaskProps, 'incomingTask' | 'deviceType' | 'logger'> & Partial<Pick<TaskProps, 'onAccepted' | 'onRejected'>>;
+export type UseTaskListProps = Pick<TaskProps, 'cc' | 'taskList' | 'deviceType' | 'logger'> & Partial<Pick<TaskProps, 'onTaskAccepted' | 'onTaskDeclined' | 'onTaskSelected'>>;
+export type IncomingTaskProps = Pick<TaskProps, 'incomingTask'> & Partial<Pick<TaskProps, 'onAccepted' | 'onRejected'>>;
+export type TaskListProps = Partial<Pick<TaskProps, 'onTaskAccepted' | 'onTaskDeclined' | 'onTaskSelected'>>;
+export type CallControlProps = Partial<Pick<ControlProps, 'onHoldResume' | 'onEnd' | 'onWrapUp' | 'onRecordingToggle' | 'callControlClassName' | 'callControlConsultClassName' | 'onToggleMute' | 'consultTransferOptions'>>;
+export type useCallControlProps = Pick<ControlProps, 'currentTask' | 'logger' | 'consultInitiated' | 'deviceType' | 'featureFlags' | 'isMuted'> & Partial<Pick<ControlProps, 'onHoldResume' | 'onEnd' | 'onWrapUp' | 'onRecordingToggle' | 'onToggleMute'>>;
+export type Participant = {
+    id: string;
+    pType: 'Customer' | 'Agent' | string;
+    name?: string;
+};
+export type useOutdialCallProps = Pick<OutdialCallProps, 'cc' | 'logger'>;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@webex/cc-task",
   "description": "Webex Contact Center Widgets: Task",
-  "version": "1.28.0-ccwidgets.12",
+  "version": "1.28.0-ccwidgets.120",
   "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -16,47 +17,52 @@
     "build": "yarn run -T tsc",
     "build:src": "yarn run clean:dist && webpack",
     "build:watch": "webpack --watch",
-    "test:unit": "jest --coverage"
+    "test:unit": "tsc --project tsconfig.test.json && jest --coverage",
+    "test:styles": "eslint"
   },
   "dependencies": {
-    "@webex/cc-store": "1.28.0-ccwidgets.12",
+    "@webex/cc-components": "1.28.0-ccwidgets.120",
+    "@webex/cc-store": "1.28.0-ccwidgets.120",
     "mobx-react-lite": "^4.1.0",
-    "webex": "3.7.0-wxcc.5"
+    "react-error-boundary": "^6.0.0"
   },
   "devDependencies": {
     "@babel/core": "7.25.2",
     "@babel/preset-env": "7.25.4",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.25.9",
+    "@eslint/js": "^9.20.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "16.0.1",
     "@types/jest": "29.5.14",
     "@types/react-test-renderer": "18",
+    "@webex/test-fixtures": "0.0.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.2.1",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.37.4",
     "file-loader": "6.2.0",
+    "globals": "^16.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
+    "prettier": "^3.5.1",
     "ts-loader": "9.5.1",
     "typescript": "5.6.3",
+    "typescript-eslint": "^8.24.1",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1"
   },
   "peerDependencies": {
+    "@momentum-ui/react-collaboration": ">=26.197.0",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
-  },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "testMatch": [
-      "**/tests/**/*.ts",
-      "**/tests/**/*.tsx"
-    ],
-    "moduleNameMapper": {
-      "^.+\\.(css|less|scss)$": "babel-jest"
-    }
-  },
-  "stableVersion": "1.28.0-ccwidgets.11"
+  }
 }

package/dist/types/CallControl/call-control.presentational.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CallControlPresentationalProps } from '../task.types';
-import './call-control.styles.scss';
-declare function CallControlPresentational(props: CallControlPresentationalProps): React.JSX.Element;
-export default CallControlPresentational;

package/dist/types/IncomingTask/incoming-task.presentational.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IncomingTaskPresentationalProps } from '../task.types';
-declare const IncomingTaskPresentational: React.FunctionComponent<IncomingTaskPresentationalProps>;
-export default IncomingTaskPresentational;

package/dist/types/TaskList/task-list.presentational.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TaskListPresentationalProps } from '../task.types';
-declare const TaskListPresentational: React.FunctionComponent<TaskListPresentationalProps>;
-export default TaskListPresentational;