feat(cc): add campaign preview by cmullenx · Pull Request #684 · webex/widgets

cmullenx · 2026-05-11T20:32:40Z

COMPLETES #https://jira-eng-sjc12.cisco.com/jira/browse/CAI-7660 and https://jira-eng-sjc12.cisco.com/jira/browse/CAI-7662

This pull request addresses

Adds the UI for the campaign preview functionality

by making the following changes

creates new components for campaign preview
creates global variable component to share between call control cad and campaign components
makes changes to call control cad to render campaign preview ui
adds campaign preview to task list only when flag is enabled

Figma: https://www.figma.com/design/JvnDPHRIXlvZEiSSCBwtjk/WxCC-6242---Preview-Campaign?node-id=6473-173114&m=dev

Vidcast: https://app.vidcast.io/share/72f03823-417d-4417-8a5a-35032943f3d3

Change Type

Bug fix (non-breaking change which fixes an issue)
New feature (non-breaking change which adds functionality)
Breaking change (fix or feature that would cause existing functionality to change)
Documentation update
Tooling change
Internal code refactor

The following scenarios were tested

The testing is done with the amplify link
< ENUMERATE TESTS PERFORMED, WHETHER MANUAL OR AUTOMATED >
Can accept campaign previews
Can skip campaign previews
Can remove campaign previews
Can disable skip/remove buttons based on campaign settings
Campaign auto action fires when campaign times out

The GAI Coding Policy And Copyright Annotation Best Practices

Checklist before merging

I have not skipped any automated checks
All existing and new tests passed
I have updated the testing document
I have tested the functionality with amplify link

Make sure to have followed the contributing guidelines before submitting.

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: c3cda98967

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

aws-amplify-us-east-2 · 2026-05-11T20:40:17Z

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-684.d1b38q61t1z947.amplifyapp.com

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 9a2feebe73

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 003596fba6

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

chatgpt-codex-connector · 2026-05-11T21:33:20Z

+  const globalVariablesRef = useRef(latestGlobalVariables);
+  if (latestGlobalVariables.length > 0) {
+    globalVariablesRef.current = latestGlobalVariables;
+  }


Reset campaign CAD when a new preview contact arrives

When Skip/Remove advances the same campaign task to another contact and the SDK update omits or empties callAssociatedData, this ref never clears because it only writes non-empty values. The component already detects new contacts via timeoutTimestamp below, but GlobalVariablesPanel will keep showing the previous contact's global variables on the next preview; reset/key the ref when the offer changes, and mirror the same fix in the popover path.

Useful? React with 👍 / 👎.

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 97c2c9dd1a

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

chatgpt-codex-connector · 2026-05-11T23:15:29Z

+    // The agent has joined the telephony reservation but hasn't accepted the
+    // campaign preview yet (Accept/Skip/Remove buttons still showing).
+    // CallControl should only render after the preview is explicitly accepted.
+    if (task && this.isCampaignPreview(task) && task.data.interaction.state === 'new') return;


Honor accepted campaign IDs when selecting current task

When a campaign preview accept is confirmed via handleCampaignPreviewReservation, this change records the interaction in acceptedCampaignIds and immediately refreshes the task list, but this guard still rejects any campaign snapshot whose interaction.state is still 'new'. In that transient accepted-but-not-yet-state-updated case, the accepted preview is never assigned to currentTask, so CallControl/CallControlCAD stay hidden until another SDK update arrives; use the accepted-campaign set here as well before treating the preview as pending.

Useful? React with 👍 / 👎.

Shreyas281299

Partial review.

bhabalan · 2026-05-18T05:47:33Z

+};
+
+const CampaignTaskWithMetrics = withMetrics(CampaignTask, 'CampaignTask');
+export default CampaignTaskWithMetrics;


Should we wrap this with ErrorBoundary too? The other task components all have it and if something blows up in here it'd take down the whole TaskList.

i added an ErrorBoundary to where CampaignTask is rendered

bhabalan · 2026-05-18T05:47:33Z

@@ -648,6 +741,36 @@ class StoreWrapper implements IStoreWrapper {
    this.refreshTaskList();
  };



nit: event is untyped here — should be ITask like the other handlers.

should be resolved

bhabalan · 2026-05-18T05:47:33Z

+        setIsAcceptClicked(true);
+        setHandleTimestamp(Date.now());
+        disableAllButtons();
+        logger?.info('CC-Widgets: CampaignTask: Auto-accept UI state set, awaiting backend', {


nit: This useState is way down here after a bunch of useEffects. Easy to miss — mind moving it up with the rest of the state declarations?

there isn't a useState down here

…callcontrols render

cmullenx requested a review from a team as a code owner May 11, 2026 20:32

cmullenx added validated Indicates that the PR is ready for actions run_e2e Add this label to run E2E test for meeting and CC widgets labels May 11, 2026

chatgpt-codex-connector Bot reviewed May 11, 2026

View reviewed changes

Comment thread packages/contact-center/cc-components/src/components/task/TaskList/task-list.tsx

Comment thread packages/contact-center/cc-components/src/components/task/CampaignTask/campaign-task.tsx Outdated

chatgpt-codex-connector Bot reviewed May 11, 2026

View reviewed changes

Comment thread packages/contact-center/cc-components/src/components/task/CallControlCAD/call-control-cad.tsx

Comment thread packages/contact-center/store/src/storeEventsWrapper.ts

chatgpt-codex-connector Bot reviewed May 11, 2026

View reviewed changes

Shreyas281299 reviewed May 19, 2026

View reviewed changes

bhabalan reviewed May 19, 2026

View reviewed changes

Christina Mullen added 6 commits May 20, 2026 15:55

feat(cc): add campaign preview

b083765

remove dead code

8fce80b

update based on codex pr comment

78d5e70

update based on codex pr comment

e9850ce

fix popover styling issue and put campaign in connecting state until …

b778abb

…callcontrols render

update based on pr comments

e8a783a

cmullenx force-pushed the chrmulle/campaignPrev branch from 97c2c9d to e8a783a Compare May 20, 2026 22:12

		@@ -648,6 +741,36 @@ class StoreWrapper implements IStoreWrapper {
		this.refreshTaskList();
		};

Conversation

cmullenx commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

COMPLETES #https://jira-eng-sjc12.cisco.com/jira/browse/CAI-7660 and https://jira-eng-sjc12.cisco.com/jira/browse/CAI-7662

This pull request addresses

by making the following changes

Change Type

The following scenarios were tested

The GAI Coding Policy And Copyright Annotation Best Practices

Checklist before merging

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

Uh oh!

Uh oh!

aws-amplify-us-east-2 Bot commented May 11, 2026

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

Uh oh!

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

chatgpt-codex-connector Bot May 11, 2026

Choose a reason for hiding this comment

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

chatgpt-codex-connector Bot May 11, 2026

Choose a reason for hiding this comment

Uh oh!

Shreyas281299 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

bhabalan May 18, 2026

Choose a reason for hiding this comment

Uh oh!

cmullenx May 20, 2026

Choose a reason for hiding this comment

Uh oh!

bhabalan May 18, 2026

Choose a reason for hiding this comment

Uh oh!

cmullenx May 20, 2026

Choose a reason for hiding this comment

Uh oh!

bhabalan May 18, 2026

Choose a reason for hiding this comment

Uh oh!

cmullenx May 20, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

cmullenx commented May 11, 2026 •

edited

Loading