@webex/cc-components 1.28.0-next.3 → 1.28.0-next.5

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

@@ -13,6 +13,7 @@ export interface IncomingTaskData {
     declineText: string | undefined;
     title: string;
     disableAccept: boolean;
+    disableDecline: boolean;
 }
 /**
  * Extracts and processes all data needed for rendering an incoming task
@@ -20,4 +21,4 @@ export interface IncomingTaskData {
  * @param isBrowser - Whether the device type is browser
  * @returns Processed task data with computed values
  */
-export declare const extractIncomingTaskData: (incomingTask: ITask, isBrowser: boolean, logger?: any) => IncomingTaskData;
+export declare const extractIncomingTaskData: (incomingTask: ITask, isBrowser: boolean, logger?: any, isDeclineButtonEnabled?: boolean) => IncomingTaskData;

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

@@ -5,5 +5,6 @@ export declare const OutdialStrings: {
     DN_PLACEHOLDER: string;
     INCORRECT_DN_FORMAT: string;
     OUTDIAL_CALL: string;
+    ADDRESS_BOOK_SEARCH_PLACEHOLDER: string;
 };
 export declare const KEY_LIST: string[];

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

@@ -17,6 +17,7 @@ export interface TaskProps {
     acceptText?: string;
     declineText?: string;
     disableAccept?: boolean;
+    disableDecline?: boolean;
     styles?: string;
     mediaType?: MediaChannelType;
     mediaChannel?: MediaChannelType;

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

@@ -1,4 +1,4 @@
-import { ILogger, ITask, IContactCenter, IWrapupCode, BuddyDetails, DestinationType, ContactServiceQueue, AddressBookEntry, EntryPointRecord, FetchPaginatedList, Participant } from '@webex/cc-store';
+import { ILogger, ITask, IContactCenter, IWrapupCode, BuddyDetails, DestinationType, ContactServiceQueue, AddressBookEntry, EntryPointRecord, FetchPaginatedList, Participant, AddressBookEntrySearchParams, AddressBookEntriesResponse } from '@webex/cc-store';
 type Enum<T extends Record<string, unknown>> = T[keyof T];
 /**
  * Interface representing the TaskProps of a user.
@@ -99,8 +99,12 @@ export interface TaskProps {
      * Agent ID of the logged-in user
      */
     agentId: string;
+    /**
+     * Flag to enable decline button on incoming task component
+     */
+    isDeclineButtonEnabled?: boolean;
 }
-export type IncomingTaskComponentProps = Pick<TaskProps, 'isBrowser' | 'accept' | 'reject' | 'logger'> & Partial<Pick<TaskProps, 'incomingTask'>>;
+export type IncomingTaskComponentProps = Pick<TaskProps, 'isBrowser' | 'accept' | 'reject' | 'logger'> & Partial<Pick<TaskProps, 'incomingTask' | 'isDeclineButtonEnabled'>>;
 export type TaskListComponentProps = Pick<TaskProps, 'isBrowser' | 'acceptTask' | 'declineTask' | 'onTaskSelect' | 'logger' | 'agentId'> & Partial<Pick<TaskProps, 'currentTask' | 'taskList'>>;
 /**
  * Interface representing the properties for control actions on a task.
@@ -266,9 +270,21 @@ export interface ControlProps {
      */
     consultTransfer: () => void;
     /**
-     * Timestamp when the consult call started.
+     * Label for the state timer (e.g., "Wrap Up", "Post Call").
+     */
+    stateTimerLabel?: string | null;
+    /**
+     * Timestamp for the state timer.
+     */
+    stateTimerTimestamp?: number;
+    /**
+     * Label for the consult timer (e.g., "Consulting", "Consult on Hold").
+     */
+    consultTimerLabel?: string;
+    /**
+     * Timestamp for the consult timer.
      */
-    consultStartTimeStamp?: number;
+    consultTimerTimestamp?: number;
     /**
      * Audio stream for the call control.
      * This is used to play audio for the call control.
@@ -358,7 +374,7 @@ export interface ControlProps {
      */
     agentId: string;
 }
-export type CallControlComponentProps = Pick<ControlProps, 'currentTask' | 'wrapupCodes' | 'toggleHold' | 'toggleRecording' | 'toggleMute' | 'isMuted' | 'endCall' | 'wrapupCall' | 'isRecording' | 'setIsRecording' | 'buddyAgents' | 'loadBuddyAgents' | 'transferCall' | 'consultCall' | 'consultConference' | 'switchToMainCall' | 'switchToConsult' | 'exitConference' | 'endConsultCall' | 'consultTransfer' | 'consultStartTimeStamp' | 'callControlAudio' | 'consultAgentName' | 'setConsultAgentName' | 'holdTime' | 'callControlClassName' | 'callControlConsultClassName' | 'startTimestamp' | 'allowConsultToQueue' | 'lastTargetType' | 'setLastTargetType' | 'controlVisibility' | 'logger' | 'secondsUntilAutoWrapup' | 'cancelAutoWrapup' | 'conferenceParticipants' | 'getAddressBookEntries' | 'getEntryPoints' | 'getQueuesFetcher' | 'consultTransferOptions'>;
+export type CallControlComponentProps = Pick<ControlProps, 'currentTask' | 'wrapupCodes' | 'toggleHold' | 'toggleRecording' | 'toggleMute' | 'isMuted' | 'endCall' | 'wrapupCall' | 'isRecording' | 'setIsRecording' | 'buddyAgents' | 'loadBuddyAgents' | 'transferCall' | 'consultCall' | 'consultConference' | 'switchToMainCall' | 'switchToConsult' | 'exitConference' | 'endConsultCall' | 'consultTransfer' | 'callControlAudio' | 'consultAgentName' | 'setConsultAgentName' | 'holdTime' | 'callControlClassName' | 'callControlConsultClassName' | 'startTimestamp' | 'stateTimerLabel' | 'stateTimerTimestamp' | 'consultTimerLabel' | 'consultTimerTimestamp' | 'allowConsultToQueue' | 'lastTargetType' | 'setLastTargetType' | 'controlVisibility' | 'logger' | 'secondsUntilAutoWrapup' | 'cancelAutoWrapup' | 'conferenceParticipants' | 'getAddressBookEntries' | 'getEntryPoints' | 'getQueuesFetcher' | 'consultTransferOptions'>;
 export type OutdialAniEntry = {
     /** Unique identifier for the ANI entry */
     id: string;
@@ -393,8 +409,21 @@ export interface OutdialCallProps {
      * Logger instance for logging purpose.
      */
     logger: ILogger;
+    /**
+     * Function to get a list of address book entries.
+     */
+    getAddressBookEntries: (params: AddressBookEntrySearchParams) => Promise<AddressBookEntriesResponse>;
+    /**
+     * Flag to determine if the address book is enabled.
+     */
+    isAddressBookEnabled: boolean;
+    /**
+     * Boolean indicating if there's an active telephony task.
+     * Used to disable the outdial button when a telephony task is in progress.
+     */
+    isTelephonyTaskActive?: boolean;
 }
-export type OutdialCallComponentProps = Pick<OutdialCallProps, 'logger' | 'startOutdial' | 'getOutdialANIEntries'>;
+export type OutdialCallComponentProps = Pick<OutdialCallProps, 'logger' | 'startOutdial' | 'getOutdialANIEntries' | 'isTelephonyTaskActive' | 'getAddressBookEntries' | 'isAddressBookEnabled'>;
 /**
  * Interface representing the properties for CallControlListItem component.
  */
@@ -442,7 +471,8 @@ export interface ConsultTransferPopoverComponentProps {
  */
 export interface CallControlConsultComponentsProps {
     agentName: string;
-    startTimeStamp: number;
+    consultTimerLabel: string;
+    consultTimerTimestamp: number;
     consultTransfer: () => void;
     endConsultCall: () => void;
     consultConference: () => void;
@@ -560,6 +590,7 @@ export interface TaskListItemData {
     declineText: string | undefined;
     title: string;
     disableAccept: boolean;
+    disableDecline: boolean;
     displayState: string;
 }
 export declare enum TaskState {

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

@@ -0,0 +1 @@
+export { useIntersectionObserver } from './useIntersectionObserver';

package/dist/types/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,35 @@
+interface UseIntersectionObserverOptions {
+    /**
+     * Callback function to be called when the target element intersects
+     */
+    onIntersect: () => void;
+    /**
+     * Whether the observer should be active
+     */
+    enabled?: boolean;
+    /**
+     * IntersectionObserver options
+     */
+    options?: IntersectionObserverInit;
+}
+/**
+ * Custom hook that sets up an IntersectionObserver for infinite scroll or lazy loading
+ *
+ * @param onIntersect - Callback to execute when intersection occurs
+ * @param enabled - Whether the observer is active (default: true)
+ * @param options - IntersectionObserver options (default: {threshold: 1.0})
+ * @returns ref - React ref to attach to the sentinel element
+ *
+ * @example
+ * const observerRef = useIntersectionObserver({
+ *   onIntersect: loadMoreItems,
+ *   enabled: hasMore && !loading,
+ *   options: { threshold: 1.0 }
+ * });
+ *
+ * return (
+ *   <div ref={observerRef} />
+ * );
+ */
+export declare const useIntersectionObserver: ({ onIntersect, enabled, options, }: UseIntersectionObserverOptions) => import("react").MutableRefObject<HTMLDivElement>;
+export {};