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".

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

Shreyas281299 · 2026-05-21T06:02:23Z

+ */
+export function isCampaignPreviewTask(task: ITask): boolean {
+  const outboundType = task.data.interaction.outboundType ?? '';
+  const cpd = task.data.interaction.callProcessingDetails as unknown as Record<string, string | undefined>;


Is there a way to avoid using unknown? Do you think the correct type should come from the SDK?

The type doesnt come from the SDK, although we can make an udpate to the SDK to export the type as a later item

Shreyas281299 · 2026-05-21T06:17:48Z

+  get acceptedCampaignIds() {
+    return this.store.acceptedCampaignIds;
+  }
+


Should we have a setter for this state as well??

These get set in the addAcceptedCamapaign and removeAcceptedCampaign functions

Shreyas281299 · 2026-05-22T05:22:06Z

+  // Persist global variables across task updates — some store refreshes
+  // replace the task with a snapshot that omits callAssociatedData,
+  // which causes getAgentViewableGlobalVariables to return [].
+  // We intentionally keep the previous values when length === 0 because
+  // an empty array indicates missing data, not a legitimate clearing of
+  // variables.  Variables are never cleared mid-call by the backend.
+  const globalVariablesRef = useRef(latestGlobalVariables);
+  if (latestGlobalVariables.length > 0) {
+    globalVariablesRef.current = latestGlobalVariables;
+  }
+  const globalVariables = globalVariablesRef.current;


If we need to persist variables across refrershed then ideally we should put the value in the store. But if its working then we dont need to make any changes

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 1406aa2787

ℹ️ 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: 97626ebe20

ℹ️ 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-22T12:50:28Z

+      agentId,
+    });
+
+    if (isUnacceptedCampaignPreview(currentTask, acceptedCampaignIds)) {


Guard null currentTask before campaign preview check

CallControlCADInternal now calls isUnacceptedCampaignPreview(currentTask, acceptedCampaignIds) before verifying that currentTask exists. store.currentTask is initialized to null and can be null between interactions, so this path throws (task.data access inside isCampaignPreviewTask) whenever the widget is mounted without an active task. In apps that render CallControlCAD persistently, this causes repeated error-boundary trips and hides the component until another render with a task.

Useful? React with 👍 / 👎.

chatgpt-codex-connector · 2026-05-22T12:50:28Z

+    if (
+      task &&
+      this.isCampaignPreview(task) &&
+      task.data.interaction.state === 'new' &&
+      !this.store.acceptedCampaignIds.has(task.data.interactionId)
+    ) {
+      return;


Reset current task when blocking pending campaign previews

This early return prevents assignment of a pending campaign preview, but refreshTaskList() can call setCurrentTask() after removing a previous currentTask. In that flow, returning here leaves the old task object in store.currentTask, so call-control widgets can continue rendering stale state/actions for the ended interaction until a later event updates selection. The guard should avoid promoting the preview while still clearing the prior current task.

Useful? React with 👍 / 👎.

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

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

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

Shreyas281299 requested changes May 22, 2026

View reviewed changes

update pr comments

1406aa2

chatgpt-codex-connector Bot reviewed May 22, 2026

View reviewed changes

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

Christina Mullen added 2 commits May 22, 2026 07:31

more pr comments

c0f241f

more pr review changes

97626eb

chatgpt-codex-connector Bot reviewed May 22, 2026

View reviewed changes

		@@ -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!

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!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

cmullenx commented May 11, 2026 •

edited

Loading