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

package/build/dist/lib/style-guide.js

@@ -7211,7 +7211,7 @@ _API_ready = new WeakMap(), _API_externalId = new WeakMap(), _API_layoutMode = n
   return {
     clientName: "@seamly/web-ui",
     clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
-    clientVersion: "21.0.1",
+    clientVersion: "21.0.2-beta.1",
     currentUrl: window.location.toString(),
     screenResolution: `${window.screen.width}x${window.screen.height}`,
     timezone: getTimeZone(),
@@ -21259,23 +21259,28 @@ const EntryContainer = () => {
 
 
 
-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
@@ -21366,7 +21371,6 @@ function chat_frame_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
-
 function ChatFrame({
   children,
   interruptComponent: InterruptComponent
@@ -21376,12 +21380,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));
@@ -21392,9 +21392,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, {})]
   });
@@ -21407,6 +21405,7 @@ function ChatFrame({
 
 
 
+
 const Interrupt = ({
   originalError,
   title,
@@ -21442,10 +21441,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,
@@ -21463,7 +21462,7 @@ const Interrupt = ({
           children: buttonText
         })
       })]
-    })
+    })]
   }) : (0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {});
 };
 /* harmony default export */ const interrupt = (Interrupt);