@webex/cc-components 1.28.0-ccwidgets.96 → 1.28.0-ccwidgets.98

package/dist/types/components/task/IncomingTask/incoming-task.utils.d.ts

@@ -0,0 +1,23 @@
+import { ITask } from '@webex/cc-store';
+export interface IncomingTaskData {
+    ani: string;
+    customerName: string;
+    virtualTeamName: string;
+    ronaTimeout: number | null;
+    startTimeStamp: number;
+    mediaType: string;
+    mediaChannel: string;
+    isTelephony: boolean;
+    isSocial: boolean;
+    acceptText: string | undefined;
+    declineText: string | undefined;
+    title: string;
+    disableAccept: boolean;
+}
+/**
+ * Extracts and processes all data needed for rendering an incoming task
+ * @param incomingTask - The incoming task object
+ * @param isBrowser - Whether the device type is browser
+ * @returns Processed task data with computed values
+ */
+export declare const extractIncomingTaskData: (incomingTask: ITask, isBrowser: boolean) => IncomingTaskData;

package/dist/types/components/task/Task/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PressEvent } from '@react-types/shared';
 import type { MEDIA_CHANNEL as MediaChannelType } from '../task.types';
 import './styles.scss';
-interface TaskProps {
+export interface TaskProps {
     interactionId?: string;
     title?: string;
     state?: string;

package/dist/types/components/task/Task/task.utils.d.ts

@@ -0,0 +1,76 @@
+import type { MEDIA_CHANNEL as MediaChannelType, TaskComponentData } from '../task.types';
+/**
+ * Capitalizes the first word of a string
+ * @param str - The string to capitalize
+ * @returns The string with the first word capitalized
+ */
+export declare const capitalizeFirstWord: (str: string) => string;
+/**
+ * Gets the correct CSS class name for the task title
+ * @param isNonVoiceMedia - Whether the media type is non-voice
+ * @param isIncomingTask - Whether this is an incoming task
+ * @returns The appropriate CSS class name
+ */
+export declare const getTitleClassName: (isNonVoiceMedia: boolean, isIncomingTask: boolean) => string;
+/**
+ * Creates unique IDs for tooltip elements
+ * @param interactionId - The interaction ID
+ * @returns Object with tooltip trigger and tooltip IDs
+ */
+export declare const createTooltipIds: (interactionId?: string) => {
+    tooltipTriggerId: string;
+    tooltipId: string;
+};
+/**
+ * Determines if the state should be shown
+ * @param state - The task state
+ * @param isIncomingTask - Whether this is an incoming task
+ * @returns Whether to show the state
+ */
+export declare const shouldShowState: (state?: string, isIncomingTask?: boolean) => boolean;
+/**
+ * Determines if the queue should be shown
+ * @param queue - The queue name
+ * @param isIncomingTask - Whether this is an incoming task
+ * @returns Whether to show the queue
+ */
+export declare const shouldShowQueue: (queue?: string, isIncomingTask?: boolean) => boolean;
+/**
+ * Determines if handle time should be shown
+ * @param isIncomingTask - Whether this is an incoming task
+ * @param ronaTimeout - The RONA timeout value
+ * @param startTimeStamp - The start timestamp
+ * @returns Whether to show handle time
+ */
+export declare const shouldShowHandleTime: (isIncomingTask?: boolean, ronaTimeout?: number, startTimeStamp?: number) => boolean;
+/**
+ * Determines if time left should be shown
+ * @param isIncomingTask - Whether this is an incoming task
+ * @param ronaTimeout - The RONA timeout value
+ * @returns Whether to show time left
+ */
+export declare const shouldShowTimeLeft: (isIncomingTask?: boolean, ronaTimeout?: number) => boolean;
+/**
+ * Gets the task list item CSS classes
+ * @param selected - Whether the task is selected
+ * @param styles - Additional styles
+ * @returns The combined CSS class string
+ */
+export declare const getTaskListItemClasses: (selected?: boolean, styles?: string) => string;
+/**
+ * Extracts and processes all data needed for rendering the Task component
+ * @param props - The Task component props
+ * @returns Processed task data with computed values
+ */
+export declare const extractTaskComponentData: ({ mediaType, mediaChannel, isIncomingTask, interactionId, state, queue, ronaTimeout, startTimeStamp, }: {
+    mediaType?: MediaChannelType;
+    mediaChannel?: MediaChannelType;
+    isIncomingTask?: boolean;
+    interactionId?: string;
+    state?: string;
+    queue?: string;
+    ronaTimeout?: number;
+    startTimeStamp?: number;
+    acceptText?: string;
+    declineText?: string;
+}) => TaskComponentData;

package/dist/types/components/task/TaskList/task-list.utils.d.ts

@@ -0,0 +1,45 @@
+import { TaskListItemData } from '../task.types';
+import { ITask } from '@webex/cc-store';
+/**
+ * Extracts and processes data from a task for rendering in the task list
+ * @param task - The task object
+ * @param isBrowser - Whether the device type is browser
+ * @returns Processed task data with computed values
+ */
+export declare const extractTaskListItemData: (task: ITask, isBrowser: boolean) => TaskListItemData;
+/**
+ * Determines if a task should be selectable
+ * @param task - The task object
+ * @param currentTask - The currently selected task
+ * @param taskData - Processed task data
+ * @returns Whether the task should be selectable
+ */
+export declare const isTaskSelectable: (task: ITask, currentTask: ITask | null, taskData: TaskListItemData) => boolean;
+/**
+ * Determines if the current task is selected
+ * @param task - The task object
+ * @param currentTask - The currently selected task
+ * @returns Whether this task is currently selected
+ */
+export declare const isCurrentTaskSelected: (task: ITask, currentTask: ITask | null) => boolean;
+/**
+ * Validates if a task list is empty or invalid
+ * @param taskList - The task list object
+ * @returns Whether the task list is empty or invalid
+ */
+export declare const isTaskListEmpty: (taskList: Record<string, ITask> | null | undefined) => boolean;
+/**
+ * Gets tasks as an array from the task list object
+ * @param taskList - The task list object
+ * @returns Array of tasks
+ */
+export declare const getTasksArray: (taskList: Record<string, ITask> | null | undefined) => ITask[];
+/**
+ * Creates task select handler with logging
+ * @param task - The task to select
+ * @param currentTask - The currently selected task
+ * @param onTaskSelect - The task select function
+ * @param logger - The logger instance
+ * @returns Task select handler function
+ */
+export declare const createTaskSelectHandler: (task: ITask, currentTask: ITask | null, onTaskSelect: (task: ITask) => void) => () => void;

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

@@ -96,8 +96,8 @@ export interface TaskProps {
      */
     logger: ILogger;
 }
-export type IncomingTaskComponentProps = Pick<TaskProps, 'incomingTask' | 'isBrowser' | 'accept' | 'reject' | 'logger'>;
-export type TaskListComponentProps = Pick<TaskProps, 'currentTask' | 'taskList' | 'isBrowser' | 'acceptTask' | 'declineTask' | 'onTaskSelect' | 'logger'>;
+export type IncomingTaskComponentProps = Pick<TaskProps, 'isBrowser' | 'accept' | 'reject'> & Partial<Pick<TaskProps, 'incomingTask'>>;
+export type TaskListComponentProps = Pick<TaskProps, 'isBrowser' | 'acceptTask' | 'declineTask' | 'onTaskSelect' | 'logger'> & Partial<Pick<TaskProps, 'currentTask' | 'taskList'>>;
 /**
  * Interface representing the properties for control actions on a task.
  */
@@ -437,4 +437,61 @@ export interface AutoWrapupTimerProps {
     allowCancelAutoWrapup?: boolean;
     handleCancelWrapup: () => void;
 }
+export interface TaskComponentData {
+    currentMediaType: {
+        labelName: string;
+        iconName: string;
+        className: string;
+        isBrandVisual: boolean;
+    };
+    isNonVoiceMedia: boolean;
+    tooltipTriggerId: string;
+    tooltipId: string;
+    titleClassName: string;
+    shouldShowState: boolean;
+    shouldShowQueue: boolean;
+    shouldShowHandleTime: boolean;
+    shouldShowTimeLeft: boolean;
+    capitalizedState: string;
+    capitalizedQueue: string;
+}
+export interface TaskListItemData {
+    ani: string;
+    customerName: string;
+    virtualTeamName: string;
+    ronaTimeout: number | null;
+    taskState: string;
+    startTimeStamp: number;
+    isIncomingTask: boolean;
+    mediaType: string;
+    mediaChannel: string;
+    isTelephony: boolean;
+    isSocial: boolean;
+    acceptText: string | undefined;
+    declineText: string | undefined;
+    title: string;
+    disableAccept: boolean;
+    displayState: string;
+}
+export declare enum TaskState {
+    NEW = "new",
+    ACTIVE = "active",
+    CONNECTED = "connected",
+    HOLD = "hold",
+    CONSULT = "consult",
+    CONFERENCE = "conference",
+    WRAP_UP = "wrap_up",
+    ENDED = "ended",
+    TRANSFERRED = "transferred",
+    DECLINED = "declined"
+}
+export declare enum TaskQueue {
+    SUPPORT = "support",
+    SALES = "sales",
+    TECHNICAL = "technical",
+    BILLING = "billing",
+    GENERAL = "general",
+    VIP = "vip",
+    ESCALATION = "escalation"
+}
 export {};