Feat: prefill first name in input for events (#873)

* Feat: prefill first_name in input for events

* add test to check if name is being prefilled

* test: check using controller name

---------

Co-authored-by: Jayasurya <jayasurya@digital.ai>

app/controllers/live.js

@@ -31,7 +31,7 @@ export default class LiveController extends Controller {
   ];
   @tracked activeTab = 'Screenshare';
   @tracked isLoading = false;
-  @tracked name = '';
+  @tracked name = this.login?.userData?.first_name ?? '';
   @tracked role = '';
   @tracked roomCode = '';
   @tracked isCopied = false;

tests/integration/components/live-join-test.js

@@ -169,4 +169,46 @@ module('Integration | Component | live-join', function (hooks) {
 
     assert.dom('[data-test-live-join-title]').containsText('Create a Event');
   });
+
+  test('it should prefill first name in input box', async function (assert) {
+    const loginService = this.owner.lookup('service:login');
+    loginService.userData = { first_name: 'Jayasurya' };
+
+    const controller = this.owner.lookup('controller:live');
+    assert.deepEqual(controller.name, 'Jayasurya');
+
+    const objToCheckFunctions = {
+      isInputHandler: assert.ok(true, 'inputHandler is working fine!'),
+      isClickHandlerWorks: assert.ok(true, 'clickHandler is working fine!'),
+      isBackHandlerWorks: assert.ok(true, 'backHandler is working fine!'),
+    };
+    this.setProperties({
+      role: 'host',
+      name: controller.name,
+      roomCode: '',
+      inputHandler: () => {
+        objToCheckFunctions.isInputHandler;
+      },
+      clickHandler: () => {
+        objToCheckFunctions.isClickHandlerWorks;
+      },
+      backHandler: () => {
+        objToCheckFunctions.isBackHandlerWorks;
+      },
+      buttonText: 'Create',
+    });
+
+    await render(hbs`
+      <LiveJoin
+        @role={{this.role}}
+        @name={{this.name}}
+        @roomCode={{this.roomCode}}
+        @inputHandler={{this.inputHandler}}
+        @clickHandler={{this.clickHandler}}
+        @backHandler={{this.backHandler}}
+        @buttonText={{this.buttonText}}
+      />`);
+
+    assert.dom('[data-test-input-field]').hasProperty('value', 'Jayasurya');
+  });
 });