@webex/cc-components 1.28.0-next.29 → 1.28.0-next.30

package/dist/types/components/task/CampaignCountdown/campaign-countdown.d.ts

@@ -0,0 +1,2 @@
+declare const CampaignCountdownWithMetrics: any;
+export default CampaignCountdownWithMetrics;

package/dist/types/components/task/CampaignCountdown/campaign-countdown.types.d.ts

@@ -0,0 +1,23 @@
+import { ILogger } from '@webex/cc-store';
+export interface CampaignCountdownProps {
+    /**
+     * Timeout duration in seconds.
+     * Use this OR timeoutTimestamp, not both.
+     */
+    timeoutInSeconds?: number;
+    /**
+     * Epoch timestamp (in milliseconds) when the countdown should expire.
+     * This is where `campaignPreviewOfferTimeout` from callProcessingDetails should be passed.
+     * Can be provided as a string or number - will be parsed automatically.
+     * Takes precedence over timeoutInSeconds if both are provided.
+     */
+    timeoutTimestamp?: string | number;
+    /**
+     * Callback fired when the countdown reaches zero
+     */
+    onTimeout?: () => void;
+    /**
+     * Logger instance for logging purposes
+     */
+    logger?: ILogger;
+}

package/dist/types/components/task/CampaignCountdown/campaign-countdown.utils.d.ts

@@ -0,0 +1,16 @@
+import { ILogger } from '@webex/cc-store';
+/**
+ * Parses the timeoutTimestamp value (string or number) to a number.
+ * The backend sends campaignPreviewOfferTimeout as a string epoch timestamp in milliseconds.
+ */
+export declare const parseTimeoutTimestamp: (value: string | number | undefined, logger?: ILogger) => number;
+/**
+ * Calculates remaining seconds based on either a timestamp or a direct seconds value.
+ * If timeoutTimestamp is provided, it calculates the difference from now.
+ * Otherwise, it uses timeoutInSeconds directly.
+ */
+export declare const calculateRemainingSeconds: (timeoutTimestamp?: string | number, timeoutInSeconds?: number, logger?: ILogger) => number;
+/**
+ * Formats seconds into MM:SS format for countdown display
+ */
+export declare const formatCountdown: (seconds: number, logger?: ILogger) => string;

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

@@ -33,3 +33,4 @@ export declare const QUEUE = "Queue:";
 export declare const PHONE_NUMBER = "Phone Number:";
 export declare const CUSTOMER_NAME = "Customer Name";
 export declare const RONA = "RONA:";
+export declare const TIME_LEFT = "Time left:";

package/dist/types/index.d.ts

@@ -6,10 +6,12 @@ import IncomingTaskComponent from './components/task/IncomingTask/incoming-task'
 import TaskListComponent from './components/task/TaskList/task-list';
 import OutdialCallComponent from './components/task/OutdialCall/outdial-call';
 import CampaignErrorDialogComponent from './components/task/CampaignErrorDialog/campaign-error-dialog';
+import CampaignCountdownComponent from './components/task/CampaignCountdown/campaign-countdown';
 import RealTimeTranscriptComponent from './components/task/RealTimeTranscript/real-time-transcript';
-export { UserStateComponent, StationLoginComponent, CallControlComponent, CallControlCADComponent, IncomingTaskComponent, TaskListComponent, OutdialCallComponent, CampaignErrorDialogComponent, RealTimeTranscriptComponent, };
+export { UserStateComponent, StationLoginComponent, CallControlComponent, CallControlCADComponent, IncomingTaskComponent, TaskListComponent, OutdialCallComponent, CampaignErrorDialogComponent, CampaignCountdownComponent, RealTimeTranscriptComponent, };
 export * from './components/StationLogin/constants';
 export * from './components/StationLogin/station-login.types';
 export * from './components/UserState/user-state.types';
 export * from './components/task/task.types';
 export * from './components/task/CampaignErrorDialog/campaign-error-dialog.types';
+export * from './components/task/CampaignCountdown/campaign-countdown.types';