comment resolved

Author: pranavjoshi001

__tests__/html2/hooks/useCapabilities.html

@@ -72,10 +72,10 @@
         // Reference should be the same (activities don't trigger capability re-fetch)
         expect(postActivityVoiceConfig).toBe(preActivityVoiceConfig);
 
-        // TEST 3: capabilitiesChanged event SHOULD trigger re-fetch
+        // TEST 3: capabilitieschanged event SHOULD trigger re-fetch
         const preChangeVoiceConfig = await renderHook(() => useCapabilities(caps => caps.voiceConfiguration));
 
-        // Update capability and dispatch capabilitiesChanged event via EventTarget
+        // Update capability and dispatch capabilitieschanged event via EventTarget
         directLine.setCapability('getVoiceConfiguration', { voice: 'en-GB', speed: 1.5 }, { emitEvent: true });
 
         // Wait for event to be processed

docs/CAPABILITIES.md

@@ -29,7 +29,7 @@ if (voiceConfig) {
 ## How it works
 
 1. **Initial fetch** - When WebChat mounts, it checks if the adapter exposes capability getter functions and retrieves initial values
-2. **Event-driven updates** - When the adapter dispatches a `capabilitiesChanged` event, WebChat re-fetches all capabilities from the adapter
+2. **Event-driven updates** - When the adapter dispatches a `capabilitieschanged` event, WebChat re-fetches all capabilities from the adapter
 3. **Optimized re-renders** - Only components consuming changed capabilities will re-render
 
 ## For adapter implementers
@@ -57,11 +57,11 @@ const adapter = {
 
 ### 2. Dispatch change events internally
 
-When capability values change, dispatch a `capabilitiesChanged` event using the internal EventTarget:
+When capability values change, dispatch a `capabilitieschanged` event using the internal EventTarget:
 
 ```js
 // When configuration changes, dispatch the event internally
-eventTarget.dispatchEvent(new Event('capabilitiesChanged'));
+eventTarget.dispatchEvent(new Event('capabilitieschanged'));
 ```
 
 WebChat will then call all capability getter functions and update consumers if values changed.

packages/api/src/providers/Capabilities/CapabilitiesComposer.tsx

@@ -14,7 +14,7 @@ const EMPTY_CAPABILITIES: Capabilities = Object.freeze({});
  *
  * Design principles:
  * 1. Initial fetch: Pulls capabilities from adapter on mount
- * 2. Event-driven updates: Re-fetches when adapter dispatches 'capabilitiesChanged' event
+ * 2. Event-driven updates: Re-fetches when adapter dispatches 'capabilitieschanged' event
  * 3. Stable references: Individual capability objects maintain reference equality if unchanged
  *    - This ensures consumers using selectors only re-render when their capability changes
  */
@@ -37,9 +37,9 @@ const CapabilitiesComposer = memo(({ children }: Props) => {
     };
 
     if (typeof directLine?.addEventListener === 'function') {
-      directLine.addEventListener('capabilitiesChanged', handleCapabilitiesChange);
+      directLine.addEventListener('capabilitieschanged', handleCapabilitiesChange);
 
-      return () => directLine.removeEventListener('capabilitiesChanged', handleCapabilitiesChange);
+      return () => directLine.removeEventListener('capabilitieschanged', handleCapabilitiesChange);
     }
   }, [directLine]);
 

packages/test/page-object/src/globals/testHelpers/createDirectLineEmulator.js

@@ -124,9 +124,9 @@ export default function createDirectLineEmulator({ autoConnect = true, ponyfill
   // EventTarget for capability change notifications
   const eventTarget = new EventTarget();
 
-  // Helper to dispatch capabilitiesChanged event via EventTarget
+  // Helper to dispatch capabilitieschanged event via EventTarget
   const emitCapabilitiesChangedEvent = () => {
-    eventTarget.dispatchEvent(new Event('capabilitiesChanged'));
+    eventTarget.dispatchEvent(new Event('capabilitieschanged'));
   };
 
   const directLine = {