Fixed the issue where caseSummary fields were not updating

Author: manasa

packages/react-sdk-components/src/bridge/react_pconnect.jsx

@@ -100,6 +100,15 @@ const connectRedux = (component, c11nEnv) => {
             }
           }
         }
+        // For CaseSummary, we need to compare changes in
+        //  primaryFields and secondary Fields
+        if (next.template === 'CaseSummary') {
+          for (const key of Object.keys(prev)) {
+            if (!PCore.isDeepEqual(next[key], prev[key])) {
+              return false;
+            }
+          }
+        }
         /* TODO For some rawConfig we are not getting routingInfo under allStateProps */
         return !routingInfoCompare(next, prev);
       }

packages/react-sdk-components/src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx

@@ -123,10 +123,8 @@ export default function CaseSummaryFields(props: CaseSummaryFieldsProps) {
               slotProps={{
                 input: {
                   readOnly: true,
-                  inputProps: {
-                    style: { cursor: 'pointer' },
-                    disableUnderline: true
-                  }
+                  disableUnderline: true,
+                  inputProps: { style: { cursor: 'pointer' } }
                 }
               }}
             />

packages/react-sdk-components/tests/e2e/MediaCo/portal.spec.js

@@ -23,23 +23,23 @@ test.describe('E2E test', () => {
     await newServiceCase.click();
     caseID = await page.locator('#caseId').textContent();
 
-    const firstNameInput = page.locator('input[data-test-id="BC910F8BDF70F29374F496F05BE0330C"]');
+    let firstNameInput = page.locator('input[data-test-id="BC910F8BDF70F29374F496F05BE0330C"]');
     await firstNameInput.click();
     await firstNameInput.fill('John');
 
     const middleNameInput = page.locator('input[data-test-id="D3691D297D95C48EF1A2B7D6523EF3F0"]');
     await middleNameInput.click();
     await middleNameInput.fill('');
 
-    const lastNameInput = page.locator('input[data-test-id="77587239BF4C54EA493C7033E1DBF636"]');
+    let lastNameInput = page.locator('input[data-test-id="77587239BF4C54EA493C7033E1DBF636"]');
     await lastNameInput.click();
     await lastNameInput.fill('Doe');
 
     const suffix = page.locator('div[data-test-id="56E6DDD1CB6CEC596B433440DFB21C17"]');
     await suffix.locator('button[title="Open"]').click();
     await page.locator('li:has-text("Jr")').click();
 
-    const emailInput = page.locator('input[data-test-id="CE8AE9DA5B7CD6C3DF2929543A9AF92D"]');
+    let emailInput = page.locator('input[data-test-id="CE8AE9DA5B7CD6C3DF2929543A9AF92D"]');
     await emailInput.click();
     await emailInput.fill('[email protected]');
 
@@ -52,6 +52,16 @@ test.describe('E2E test', () => {
 
     await page.locator('button:has-text("submit")').click();
 
+    const caseSummary = page.locator('div[id="CaseSummary"]');
+    firstNameInput = caseSummary.locator('input').first();
+    await expect(firstNameInput).toHaveValue('John');
+
+    lastNameInput = caseSummary.locator('input').nth(2);
+    await expect(lastNameInput).toHaveValue('Doe');
+
+    emailInput = caseSummary.locator('input').nth(3);
+    await expect(emailInput).toHaveValue('[email protected]');
+
     const streetInput = page.locator('input[data-test-id="D61EBDD8A0C0CD57C22455E9F0918C65"]');
     await streetInput.click();
     await streetInput.fill('Main St');