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

package/build/dist/lib/standalone.js

@@ -16664,7 +16664,7 @@ _API_ready = new (weak_map_default())(), _API_externalId = new (weak_map_default
   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(),
@@ -31430,24 +31430,28 @@ const EntryContainer = () => {
 
 
 
-const CollapseButton = _ref => {
-  let {
-    onClick
-  } = _ref;
+
+const CollapseButton = () => {
   const {
     t
   } = useI18n();
-  const handleClick = (0,hooks_module/* useCallback */.I4)(() => onClick(), [onClick]);
-  return o("button", {
+  const {
+    isOpen,
+    closeChat
+  } = useVisibility();
+  const {
+    isWindow
+  } = useSeamlyLayoutMode();
+  return isOpen && isWindow ? o("button", {
     type: "button",
     className: css_className('button', 'collapse-button'),
-    onClick: handleClick,
+    onClick: closeChat,
     children: o(layout_icon, {
       name: "chevronDown",
       size: "32",
       alt: t('window.srCollapseButton')
     })
-  });
+  }) : null;
 };
 /* harmony default export */ var collapse_button = (CollapseButton);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/chat-status/index.tsx
@@ -31546,7 +31550,6 @@ function chat_frame_objectSpread(target) { for (var i = 1; i < arguments.length;
 
 
 
-
 function ChatFrame(_ref) {
   let {
     children,
@@ -31557,12 +31560,8 @@ function ChatFrame(_ref) {
     meta
   } = useInterrupt();
   const {
-    isOpen,
-    closeChat
+    isOpen
   } = useVisibility();
-  const {
-    isWindow
-  } = useSeamlyLayoutMode();
   if (hasInterrupt) {
     if (isOpen) {
       return o(InterruptComponent, chat_frame_objectSpread({}, meta));
@@ -31573,9 +31572,7 @@ function ChatFrame(_ref) {
     children: [o(chat_scroll_provider, {
       children: [o("div", {
         className: css_className('chat__container__header'),
-        children: [o(TranslationStatus, {}), isOpen && isWindow && o(collapse_button, {
-          onClick: closeChat
-        })]
+        children: [o(TranslationStatus, {}), o(collapse_button, {})]
       }), children]
     }), o(entry_container, {}), isOpen && o(AppOptions, {})]
   });
@@ -31589,6 +31586,7 @@ function ChatFrame(_ref) {
 
 
 
+
 const Interrupt = _ref => {
   let {
     originalError,
@@ -31628,7 +31626,7 @@ const Interrupt = _ref => {
   return !isExpiredError ? o("section", {
     className: css_className('interrupt'),
     "aria-labelledby": headingId,
-    children: o("div", {
+    children: [o(collapse_button, {}), o("div", {
       className: css_className('interrupt__body'),
       children: [o("h2", {
         id: headingId,
@@ -31646,7 +31644,7 @@ const Interrupt = _ref => {
           children: buttonText
         })
       })]
-    })
+    })]
   }) : o(preact_module/* Fragment */.HY, {});
 };
 /* harmony default export */ var interrupt = (Interrupt);