@seamly/web-ui 21.0.1 → 21.0.2-beta.1

package/build/dist/lib/components.js

@@ -13990,23 +13990,28 @@ const ChatScrollProvider = ({ children }) => {
 
 
 
-const CollapseButton = ({
-  onClick
-}) => {
+
+const CollapseButton = () => {
   const {
     t
   } = useI18n();
-  const handleClick = (0,hooks_.useCallback)(() => onClick(), [onClick]);
-  return (0,jsx_runtime_namespaceObject.jsx)("button", {
+  const {
+    isOpen,
+    closeChat
+  } = useVisibility();
+  const {
+    isWindow
+  } = useSeamlyLayoutMode();
+  return isOpen && isWindow ? (0,jsx_runtime_namespaceObject.jsx)("button", {
     type: "button",
     className: css_className('button', 'collapse-button'),
-    onClick: handleClick,
+    onClick: closeChat,
     children: (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
       name: "chevronDown",
       size: "32",
       alt: t('window.srCollapseButton')
     })
-  });
+  }) : null;
 };
 /* harmony default export */ const collapse_button = (CollapseButton);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/chat-status/index.tsx
@@ -14097,7 +14102,6 @@ function chat_frame_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
-
 function ChatFrame({
   children,
   interruptComponent: InterruptComponent
@@ -14107,12 +14111,8 @@ function ChatFrame({
     meta
   } = useInterrupt();
   const {
-    isOpen,
-    closeChat
+    isOpen
   } = useVisibility();
-  const {
-    isWindow
-  } = useSeamlyLayoutMode();
   if (hasInterrupt) {
     if (isOpen) {
       return (0,jsx_runtime_namespaceObject.jsx)(InterruptComponent, chat_frame_objectSpread({}, meta));
@@ -14123,9 +14123,7 @@ function ChatFrame({
     children: [(0,jsx_runtime_namespaceObject.jsxs)(chat_scroll_provider, {
       children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
         className: css_className('chat__container__header'),
-        children: [(0,jsx_runtime_namespaceObject.jsx)(TranslationStatus, {}), isOpen && isWindow && (0,jsx_runtime_namespaceObject.jsx)(collapse_button, {
-          onClick: closeChat
-        })]
+        children: [(0,jsx_runtime_namespaceObject.jsx)(TranslationStatus, {}), (0,jsx_runtime_namespaceObject.jsx)(collapse_button, {})]
       }), children]
     }), (0,jsx_runtime_namespaceObject.jsx)(entry_container, {}), isOpen && (0,jsx_runtime_namespaceObject.jsx)(AppOptions, {})]
   });
@@ -14177,6 +14175,7 @@ const Header = ({
 
 
 
+
 const Interrupt = ({
   originalError,
   title,
@@ -14212,10 +14211,10 @@ const Interrupt = ({
     }
     focusSkiplinkTarget();
   };
-  return !isExpiredError ? (0,jsx_runtime_namespaceObject.jsx)("section", {
+  return !isExpiredError ? (0,jsx_runtime_namespaceObject.jsxs)("section", {
     className: css_className('interrupt'),
     "aria-labelledby": headingId,
-    children: (0,jsx_runtime_namespaceObject.jsxs)("div", {
+    children: [(0,jsx_runtime_namespaceObject.jsx)(collapse_button, {}), (0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: css_className('interrupt__body'),
       children: [(0,jsx_runtime_namespaceObject.jsx)("h2", {
         id: headingId,
@@ -14233,7 +14232,7 @@ const Interrupt = ({
           children: buttonText
         })
       })]
-    })
+    })]
   }) : (0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {});
 };
 /* harmony default export */ const interrupt = (Interrupt);