@seamly/web-ui 25.2.0-beta.1 → 25.2.0-beta.2

package/build/dist/lib/index.js

@@ -5837,7 +5837,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "25.2.0-beta.1",
+      clientVersion: "25.2.0-beta.2",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -20571,10 +20571,12 @@ const Suggestions = ({
 
 
 
+
 const Chat = (0,compat_namespaceObject.forwardRef)(({
   children,
   className: givenClassName = ''
 }, forwardedRef) => {
+  const focusTrap = (0,compat_namespaceObject.useRef)(null);
   const {
     closeChat,
     isOpen,
@@ -20589,6 +20591,7 @@ const Chat = (0,compat_namespaceObject.forwardRef)(({
     isInline
   } = useSeamlyLayoutMode();
   const appContainerClassNames = useSeamlyAppContainerClassNames();
+  const chatSectionId = useGeneratedId();
   const headingId = useGeneratedId();
   const userHasResponded = useUserHasResponded();
   const {
@@ -20611,7 +20614,22 @@ const Chat = (0,compat_namespaceObject.forwardRef)(({
       focusWindowOpenButton();
     }
   };
+  (0,compat_namespaceObject.useEffect)(() => {
+    if (isVisible && layoutMode === 'window') {
+      focusTrap.current = createFocusTrap(`#${chatSectionId}`, {
+        // We set the initialFocus to false, as the `WindowOpenButton` takes care of that
+        initialFocus: false
+      });
+      focusTrap.current.activate();
+    }
+    return () => {
+      if (focusTrap.current) {
+        focusTrap.current.deactivate();
+      }
+    };
+  }, [chatSectionId, isVisible, layoutMode]);
   return isVisible && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("section", {
+    id: chatSectionId,
     className: css_className(classNames),
     onKeyDown: onKeyDownHandler,
     tabIndex: -1,