fix: form.displayName to populate properly (#705)

+ test fixes descope/etc#5861
descope · Jul 11, 2024 · 73b3af1 · 73b3af1
1 parent 725ecd6
commit 73b3af1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/packages/sdks/web-component/src/lib/helpers/flowInputs.ts b/packages/sdks/web-component/src/lib/helpers/flowInputs.ts
@@ -4,7 +4,11 @@ const flattenFormObject = (obj: any, prefix = '') =>
       return { ...res, ...flattenFormObject(obj[el], `${prefix + el}.`) };
     }
     const v = typeof obj[el] === 'object' ? obj[el] : { value: obj[el] };
-    return { ...res, [prefix + el]: v, [`form.${prefix}${el}`]: v };
+    const fl = { ...res, [prefix + el]: v, [`form.${prefix}${el}`]: v };
+    if (el === 'displayName') {
+      return { ...fl, [`${prefix  }fullName`]: v, [`form.${prefix}fullName`]: v };
+    }
+    return fl;
   }, []);
 
 export const transformFlowInputFormData = (formData: string) => {

diff --git a/packages/sdks/web-component/test/descope-wc.test.ts b/packages/sdks/web-component/test/descope-wc.test.ts
@@ -1709,7 +1709,7 @@ describe('web-component', () => {
 
     pageContent = '<div>hey</div>';
 
-    document.body.innerHTML = `<h1>Custom element test</h1> <descope-wc flow-id="sign-in" project-id="1" form='{"email": "test", "nested": { "key": "value" }, "another": { "value": "a", "disabled": true }}' client='{"email": "test2", "nested": { "key": "value" }}'></descope-wc>`;
+    document.body.innerHTML = `<h1>Custom element test</h1> <descope-wc flow-id="sign-in" project-id="1" form='{"displayName": "dn", "email": "test", "nested": { "key": "value" }, "another": { "value": "a", "disabled": true }}' client='{"email": "test2", "nested": { "key": "value" }}'></descope-wc>`;
 
     await waitFor(() => screen.findByShadowText('hey'), {
       timeout: WAIT_TIMEOUT,
@@ -1719,7 +1719,10 @@ describe('web-component', () => {
       expect(startMock).toHaveBeenCalledWith(
         'sign-in',
         expect.objectContaining({
-          client: { email: 'test2', nested: { key: 'value' } },
+          client: {
+            email: 'test2',
+            nested: { key: 'value' },
+          },
         }),
         undefined,
         '',
@@ -1732,6 +1735,10 @@ describe('web-component', () => {
           'form.nested.key': 'value',
           another: 'a',
           'form.another': 'a',
+          'form.displayName': 'dn',
+          'form.fullName': 'dn',
+          displayName: 'dn',
+          fullName: 'dn',
         },
       ),
     );