@capillarytech/creatives-library 9.0.54-alpha.1 → 9.0.54-alpha.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.54-alpha.1",
+  "version": "9.0.54-alpha.2",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/CommunicationFlow/Tests/CommunicationFlow.test.js

@@ -432,6 +432,52 @@ describe('handleSave — CCS flow', () => {
     );
   });
 
+  it('transforms WEBPUSH content from the legacy editor\'s messageContent.content wrapping to CCS\'s flat shape', async () => {
+    const onSave = jest.fn();
+    const cta = { type: 'SITE_URL', actionLink: 'https://example.com' };
+    const expandableDetails = { media: [{ url: 'https://example.com/banner.png', type: 'IMAGE' }], ctas: [] };
+    renderWithFlow({
+      features: {},
+      config: ccsConfig,
+      initialData: {
+        contentItems: [{
+          channel: 'WEBPUSH',
+          templateData: {
+            messageContent: {
+              content: {
+                channel: 'WEBPUSH',
+                accountId: 13792,
+                content: { title: 'Hi', message: 'Body', iconImageUrl: 'https://example.com/icon.png', cta, expandableDetails },
+                messageSubject: 'Subject',
+                offers: [],
+              },
+            },
+          },
+        }],
+      },
+      onSave,
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: /^save$/i }));
+
+    await waitFor(() => expect(createCommDefinition).toHaveBeenCalledTimes(1));
+    expect(createCommDefinition).toHaveBeenCalledWith(
+      expect.objectContaining({
+        singleChannelStrategy: expect.objectContaining({
+          variant: expect.objectContaining({
+            channel: 'WEBPUSH',
+            webPushMessageContent: {
+              channel: 'WEBPUSH',
+              messageSubject: 'Subject',
+              accountId: 13792,
+              content: { title: 'Hi', message: 'Body', iconImageUrl: 'https://example.com/icon.png', cta, expandableDetails },
+            },
+          }),
+        }),
+      }),
+    );
+  });
+
   it('normalizes the internal MOBILEPUSH channel to CCS\'s PUSH enum (keys stay mpush*)', async () => {
     const onSave = jest.fn();
     renderWithFlow({

package/v2Containers/CommunicationFlow/constants.js

@@ -77,6 +77,19 @@ export const CCS_CONTENT_TRANSFORMS = {
     messageSubject: templateData.emailSubject,
     messageBody: templateData.messageBody,
   }),
+  // WEBPUSH: the legacy editor nests the real data under
+  // messageContent.content (see CommunicationFlowCard.js's own comment on
+  // this same wrapping, for the edit-mode case) — extracting it flat here
+  // matches CCS's shape ({ messageSubject, accountId, content }); `offers`
+  // (a legacy-only field) is deliberately dropped, not part of CCS's schema.
+  WEBPUSH: (templateData = {}) => {
+    const inner = templateData.messageContent?.content || templateData;
+    return {
+      messageSubject: inner.messageSubject,
+      accountId: inner.accountId,
+      content: inner.content,
+    };
+  },
 };
 
 export const CCS_CHANNEL_DELIVERY_KEY_MAP = {
@@ -298,4 +311,4 @@ export const INCENTIVE_TYPES = [
   {
     value: 'badges', label: <FormattedMessage {...messages.badges} />, isActive: false, disabled: false,
   },
-];
+];