@messenger-box/tailwind-ui-inbox 10.0.3-alpha.70 → 10.0.3-alpha.71

package/lib/container/Inbox.js

@@ -14,6 +14,26 @@ const useMediaQuery = query => {
   }, [query]);
   return matches;
 };
+// Hook to get window dimensions
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = React__default.useState({
+    width: typeof window !== 'undefined' ? window.innerWidth : 1024,
+    height: typeof window !== 'undefined' ? window.innerHeight : 768
+  });
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const handleResize = () => {
+      setWindowDimensions({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize(); // Set initial dimensions
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return windowDimensions;
+};
 // Static components
 const Spinner = React__default.memo(({
   className = ''
@@ -35,14 +55,14 @@ const Drawer = React__default.memo(({
     className: "absolute inset-0 bg-black bg-opacity-50",
     onClick: onClose
   }), React__default.createElement("div", {
-    className: "absolute bottom-0 left-0 right-0 bg-white rounded-t-lg shadow-lg max-h-[80vh] overflow-hidden"
+    className: "absolute bottom-0 left-0 right-0 bg-white rounded-t-lg shadow-lg max-h-[80vh] flex flex-col overflow-hidden"
   }, React__default.createElement("div", {
-    className: "flex items-center justify-between p-4 border-b border-gray-200"
+    className: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0"
   }, React__default.createElement("h2", {
-    className: "text-lg font-semibold"
+    className: "text-lg font-semibold truncate"
   }, title), React__default.createElement("button", {
     onClick: onClose,
-    className: "p-1 hover:bg-gray-100 rounded-full transition-colors"
+    className: "p-1 hover:bg-gray-100 rounded-full transition-colors flex-shrink-0 ml-2"
   }, React__default.createElement("svg", {
     className: "w-6 h-6",
     fill: "none",
@@ -54,13 +74,16 @@ const Drawer = React__default.memo(({
     strokeWidth: 2,
     d: "M6 18L18 6M6 6l12 12"
   })))), React__default.createElement("div", {
-    className: "p-4 overflow-y-auto"
+    className: "flex-1 p-4 overflow-y-auto",
+    style: {
+      minHeight: 0
+    }
   }, children)));
 });
 const EmptyState = React__default.memo(() => React__default.createElement("div", {
-  className: "h-full flex items-center justify-center bg-gray-100 p-4 sm:p-6"
+  className: "h-full flex items-center justify-center bg-gray-100 p-4 sm:p-6 overflow-hidden"
 }, React__default.createElement("div", {
-  className: "text-center max-w-sm"
+  className: "text-center max-w-sm mx-auto"
 }, React__default.createElement("div", {
   className: "text-3xl sm:text-4xl text-gray-400 mb-4"
 }, "\uD83D\uDCAC"), React__default.createElement("h3", {
@@ -100,8 +123,17 @@ const Inbox = props => {
     mobilePreviewText: false,
     mobilePreviewCTAText: false
   });
-  // Hooks
-  const isMobileView = useMediaQuery('(max-width: 767px)');
+  // Hooks - improved responsive breakpoints with better granularity
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = useWindowDimensions();
+  const isMobileView = useMediaQuery('(max-width: 640px)');
+  const isSmallTabletView = useMediaQuery('(min-width: 641px) and (max-width: 900px)');
+  const isTabletView = useMediaQuery('(min-width: 901px) and (max-width: 1024px)');
+  const isDesktopView = useMediaQuery('(min-width: 1025px)');
+  const isLargeDesktopView = useMediaQuery('(min-width: 1440px)');
+  const isSmallScreen = useMediaQuery('(max-width: 900px)');
   const auth = useSelector(userSelector);
   // Data destructuring from Apollo queries
   const GetChannelsByUserQuery = data?.[0];
@@ -166,6 +198,12 @@ const Inbox = props => {
       }
       return title || 'Direct Message';
     }
+    if (members.length === 1 && members[0].user.id === currentUser?.id) {
+      if (members[0].user?.givenName && members[0].user?.familyName) {
+        return `${members[0].user?.givenName} ${members[0].user?.familyName}`;
+      }
+      return members[0].user?.givenName || members[0].user?.familyName || 'Direct Message';
+    }
     return title || 'Channel';
   }, [channels, pathChannelId, currentUser]);
   // Effects
@@ -224,6 +262,11 @@ const Inbox = props => {
   }, [navigate, apolloClient, orgName, channelRole, pathPrefix]);
   const detailSidebarOptions = useMemo(() => ({
     isMobileView,
+    isSmallTabletView,
+    isTabletView,
+    isDesktopView,
+    isLargeDesktopView,
+    isSmallScreen,
     setMobilePreviewCTAText: v => localDispatch({
       payload: {
         mobilePreviewCTAText: v
@@ -242,17 +285,27 @@ const Inbox = props => {
       },
       type: 'update'
     })
-  }), [isMobileView]);
+  }), [isMobileView, isSmallTabletView, isTabletView, isDesktopView, isLargeDesktopView, isSmallScreen]);
   return React__default.createElement("div", {
-    className: "h-[100vh] border-t border-gray-300 flex overflow-hidden",
+    className: "border-t border-gray-300 flex overflow-hidden",
     style: {
-      height: '100vh '
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
     }
   }, React__default.createElement("div", {
     className: `
                 flex-shrink-0 bg-gray-50 border-r border-gray-300 overflow-hidden transition-all duration-300 ease-in-out
-                ${isMobileView && pathChannelId ? 'hidden' : 'w-80 lg:w-96 xl:w-[420px]'}
-            `
+                ${isMobileView && pathChannelId ? 'hidden' : ''}
+            `,
+    style: {
+      width: isMobileView && !pathChannelId ? '100%' : isMobileView && pathChannelId ? '0px' : isSmallTabletView ? `${Math.min(288, windowWidth * 0.35)}px` // w-72 or 35% of window
+      : isTabletView ? `${Math.min(320, windowWidth * 0.3)}px` // w-80 or 30% of window
+      : isLargeDesktopView ? `${Math.min(384, windowWidth * 0.25)}px` // w-96 or 25% of window
+      : `${Math.min(320, windowWidth * 0.28)}px`,
+      // w-80 or 28% of window
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
+    }
   }, React__default.createElement(LeftSidebar, {
     currentUser: currentUser,
     userChannels: stableChannels,
@@ -263,26 +316,50 @@ const Inbox = props => {
     channelToTop: 0,
     getChannelsRefetch: getChannelsRefetch,
     role: channelRole,
-    messagesQuery: data?.[1]
+    messagesQuery: data?.[1],
+    windowHeight: windowHeight,
+    windowWidth: windowWidth
   })), React__default.createElement("div", {
     className: `
-                flex-1 min-w-0 overflow-hidden transition-all duration-300 ease-in-out
-                ${isMobileView && !pathChannelId ? 'hidden' : 'block'}
-            `
+                flex-1 min-w-0 flex flex-col overflow-hidden transition-all duration-300 ease-in-out
+                ${isMobileView && !pathChannelId ? 'hidden' : 'flex'}
+            `,
+    style: {
+      minWidth: isSmallScreen ? '300px' : isDesktopView ? '500px' : '400px',
+      width: 'auto',
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
+    }
   }, pathChannelId ? React__default.createElement(ContentComponent, {
     channelId: pathChannelId,
     postId: pathPostId,
     channelRole: channelRole,
     pathPrefix: props.pathPrefix,
     isMobileView: isMobileView,
+    isSmallTabletView: isSmallTabletView,
+    isTabletView: isTabletView,
+    isDesktopView: isDesktopView,
+    isLargeDesktopView: isLargeDesktopView,
+    isSmallScreen: isSmallScreen,
+    windowWidth: windowWidth,
+    windowHeight: windowHeight,
     mobilePreviewState: mobilePreviewState,
     detailSidebarOptions: detailSidebarOptions,
     isBottomDrawerOpen: isBottomDrawerOpen,
     setBottomDrawer: setBottomDrawer,
     channelName: channelName,
     loaderdata: data
-  }) : React__default.createElement(EmptyState, null)), pathChannelId && data?.[1] && !isMobileView &&
-  // <div className="w-80 xl:w-96 border-l border-gray-200 bg-white flex-shrink-0">
+  }) : React__default.createElement(EmptyState, null)), pathChannelId && data?.[1] && isDesktopView &&
+  // <div
+  //     className="border-l border-gray-200 bg-white flex-shrink-0 overflow-hidden"
+  //     style={{
+  //         width: isLargeDesktopView
+  //             ? `${Math.min(384, windowWidth * 0.25)}px` // w-96 or 25% of window
+  //             : `${Math.min(320, windowWidth * 0.22)}px`, // w-80 or 22% of window
+  //         height: `${windowHeight}px`,
+  //         maxHeight: '100vh'
+  //     }}
+  // >
   React__default.createElement(RightSidebarWrapper, {
     MessagesLoaderQuery: data?.[1],
     selectedPost: null,
@@ -298,6 +375,13 @@ const ContentComponent = React__default.memo(props => {
     pathPrefix,
     postId,
     isMobileView,
+    isSmallTabletView,
+    isTabletView,
+    isDesktopView,
+    isLargeDesktopView,
+    isSmallScreen,
+    windowWidth,
+    windowHeight,
     mobilePreviewState,
     detailSidebarOptions,
     isBottomDrawerOpen,
@@ -319,17 +403,21 @@ const ContentComponent = React__default.memo(props => {
     return channelData?.viewChannelDetail || null;
   }, [channelData]);
   return React__default.createElement("div", {
-    className: "flex h-full"
+    className: "flex overflow-hidden",
+    style: {
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
+    }
   }, React__default.createElement("div", {
-    className: "flex-1 flex flex-col"
+    className: "flex-1 flex flex-col min-w-0 overflow-hidden"
   }, channelId && React__default.createElement("div", {
-    className: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white flex-shrink-0"
+    className: `border-b border-gray-200 bg-white flex-shrink-0 z-10 ${isSmallScreen ? 'px-3 py-3' : 'px-4 sm:px-6 py-4'}`
   }, React__default.createElement("div", {
     className: "flex items-center justify-between"
   }, React__default.createElement("div", {
-    className: "flex items-center space-x-3"
-  }, isMobileView && React__default.createElement("button", {
-    className: "p-2 hover:bg-gray-100 rounded-full transition-colors lg:hidden",
+    className: "flex items-center space-x-2 min-w-0 flex-1"
+  }, (isMobileView || isSmallTabletView) && React__default.createElement("button", {
+    className: "p-2 hover:bg-gray-100 rounded-full transition-colors flex-shrink-0",
     onClick: () => window.history.back(),
     "aria-label": "Go back"
   }, React__default.createElement("svg", {
@@ -343,22 +431,26 @@ const ContentComponent = React__default.memo(props => {
     strokeWidth: 2,
     d: "M15 19l-7-7 7-7"
   }))), React__default.createElement("h2", {
-    className: "text-lg font-semibold text-gray-800 truncate"
-  }, channelName)), isMobileView && mobilePreviewState?.mobilePreviewVisibility && React__default.createElement("button", {
-    className: "text-sm px-3 py-1 bg-teal-500 hover:bg-teal-600 text-white rounded-md transition-colors",
+    className: `font-semibold text-gray-800 truncate ${isSmallScreen ? 'text-base' : 'text-lg'}`
+  }, channelName)), (isMobileView || isSmallTabletView) && mobilePreviewState?.mobilePreviewVisibility && React__default.createElement("button", {
+    className: "text-sm px-3 py-1 bg-teal-500 hover:bg-teal-600 text-white rounded-md transition-colors flex-shrink-0",
     onClick: () => setBottomDrawer(true)
-  }, mobilePreviewState?.mobilePreviewCTAText))), isMobileView && channelId && mobilePreviewState?.mobilePreviewVisibility && React__default.createElement("div", {
-    className: "mx-4 mt-4"
+  }, mobilePreviewState?.mobilePreviewCTAText))), (isMobileView || isSmallTabletView) && channelId && mobilePreviewState?.mobilePreviewVisibility && React__default.createElement("div", {
+    className: `mt-4 ${isSmallScreen ? 'mx-3' : 'mx-4'}`
   }, React__default.createElement("div", {
     className: "mb-2"
   }, React__default.createElement("div", {
-    className: "w-full flex justify-between mb-[5px]"
-  }, React__default.createElement("span", null, mobilePreviewState?.mobilePreviewText), React__default.createElement("button", {
-    className: "text-base px-4 py-2 bg-teal-500 hover:bg-teal-600 text-white rounded-md transition-colors",
+    className: "w-full flex justify-between items-center gap-2 mb-[5px]"
+  }, React__default.createElement("span", {
+    className: "truncate flex-1 text-sm"
+  }, mobilePreviewState?.mobilePreviewText), React__default.createElement("button", {
+    className: "text-sm px-3 py-2 bg-teal-500 hover:bg-teal-600 text-white rounded-md transition-colors flex-shrink-0",
     onClick: () => setBottomDrawer(true)
   }, mobilePreviewState?.mobilePreviewCTAText))), React__default.createElement("hr", {
     className: "border-gray-200"
-  })), channelId && React__default.createElement(React__default.Fragment, null, postId ? postId === '1' ? React__default.createElement(ThreadsInbox, {
+  })), React__default.createElement("div", {
+    className: "flex-1 flex flex-col min-h-0 overflow-hidden"
+  }, channelId && React__default.createElement(React__default.Fragment, null, postId ? postId === '1' ? React__default.createElement(ThreadsInbox, {
     channelId: channelId,
     role: channelRole,
     pathPrefix: pathPrefix,
@@ -379,8 +471,12 @@ const ContentComponent = React__default.memo(props => {
     MessagesLoaderQuery: MessagesLoaderQuery,
     channelsDetail: channelsDetail,
     channelLoading: channelLoading,
-    onMessageClick: onMessageClick
-  }))), isMobileView && React__default.createElement(Drawer, {
+    onMessageClick: onMessageClick,
+    isSmallScreen: isSmallScreen,
+    isDesktopView: isDesktopView,
+    windowHeight: windowHeight,
+    windowWidth: windowWidth
+  })))), (isMobileView || isSmallTabletView) && React__default.createElement(Drawer, {
     isOpen: isBottomDrawerOpen,
     onClose: () => setBottomDrawer(false),
     title: mobilePreviewState.mobilePreviewText
@@ -403,16 +499,14 @@ const RightSidebarWrapper = React__default.memo(({
     return orderBy(uniqBy(messages, 'id'), ['createdAt'], ['asc']);
   }, [data?.messages?.data]);
   if (!sortedMessages.length) return null;
-  return (
-    // <div className="w-80 xl:w-96 border-l border-gray-200 bg-white flex-shrink-0">
-    React__default.createElement(RightSidebar, {
-      channelMessages: sortedMessages,
-      visibility: "visible",
-      selectedPost: selectedPost,
-      ...detailSidebarOptions
-    })
-    // </div>
-  );
+  return React__default.createElement("div", {
+    className: "h-full flex flex-col overflow-hidden"
+  }, React__default.createElement(RightSidebar, {
+    channelMessages: sortedMessages,
+    visibility: "visible",
+    selectedPost: selectedPost,
+    ...detailSidebarOptions
+  }));
 });
 const MessagesComponent = React__default.memo(props => {
   const {
@@ -420,7 +514,11 @@ const MessagesComponent = React__default.memo(props => {
     MessagesLoaderQuery,
     channelsDetail,
     channelLoading,
-    onMessageClick
+    onMessageClick,
+    isSmallScreen,
+    isDesktopView,
+    windowHeight = 768,
+    windowWidth = 1024
   } = props;
   const messageRootListRef = useRef(null);
   const messageListRef = useRef(null);
@@ -767,8 +865,19 @@ const MessagesComponent = React__default.memo(props => {
   }
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     ref: messageRootListRef,
-    className: "flex flex-col flex-grow flex-shrink overflow-y-auto p-4 px-4 md:px-8 lg:px-12 bg-gray-50",
-    onScroll: onMessagesScroll
+    className: `overflow-y-scroll bg-gray-50 ${isSmallScreen ? 'p-2 px-3' : isDesktopView ? 'p-6 px-8' : 'p-4 px-6'}`,
+    onScroll: onMessagesScroll,
+    style: {
+      height: `${windowHeight - 140}px`,
+      // Subtract header + input height
+      maxHeight: '100vh',
+      scrollbarWidth: 'thin',
+      scrollbarColor: '#cbd5e0 #f7fafc',
+      overflowY: 'scroll',
+      WebkitOverflowScrolling: 'touch'
+    }
+  }, React__default.createElement("div", {
+    className: "min-h-full"
   }, messages.length > 0 ? React__default.createElement(React__default.Fragment, null, isLoadingOlder && React__default.createElement("div", {
     className: "flex justify-center py-4"
   }, React__default.createElement("div", {
@@ -783,7 +892,9 @@ const MessagesComponent = React__default.memo(props => {
     currentUser: auth,
     channelMessages: messages,
     totalCount: totalCount,
-    onMessageClick: onMessageClick
+    onMessageClick: onMessageClick,
+    isDesktopView: isDesktopView || false,
+    isSmallScreen: isSmallScreen || false
   }), React__default.createElement(SubscriptionHandler, {
     subscribeToMore: subscribeToMore,
     document: OnChatMessageAddedDocument,
@@ -817,16 +928,22 @@ const MessagesComponent = React__default.memo(props => {
       console.error('Subscription error:', error);
     }
   })) : React__default.createElement("div", {
-    className: "flex-1 flex items-center justify-center text-gray-500"
+    className: "flex items-center justify-center text-gray-500 min-h-96"
   }, React__default.createElement("div", {
-    className: "text-center"
+    className: "text-center max-w-sm mx-auto px-4"
   }, React__default.createElement("div", {
-    className: "text-4xl mb-4"
-  }, "\uD83D\uDCAC"), React__default.createElement("p", null, "No messages yet. Start the conversation!")))), React__default.createElement(MessageInput, {
+    className: "text-6xl mb-4 opacity-50"
+  }, "\uD83D\uDCAC"), React__default.createElement("h3", {
+    className: "text-lg font-semibold text-gray-600 mb-2"
+  }, "No messages yet"), React__default.createElement("p", {
+    className: "text-sm text-gray-500"
+  }, "Start the conversation by sending a message below!"))))), React__default.createElement("div", {
+    className: "flex-shrink-0 border-t border-gray-200 bg-white"
+  }, React__default.createElement(MessageInput, {
     channelId: channelId,
     handleSend: handleSend,
     placeholder: "Message"
-  }));
+  })));
 });
 // Display names for debugging
 Inbox.displayName = 'Inbox';

package/lib/container/Inbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inbox.js","sources":["../../src/container/Inbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"ysDAsBA,MAAM;AAyBN,EAAsC;AACtC,CAAA,GAAA,MAAmB;AACf;MAES,aAAM,GAAA,KAAA,IAAA;QACX,CAAI,OAAA,EAAA,UAAa,CAAA,GAAgBA,cAAA,CAAA,QAAA,CAAA,KAAA,CAAA;YAAE,MAAO;QAE1C,OAAM,MAAA;UACA,UAAA,GAAA,MAAgB,CAAA,UAAgB,CAAA,KAAA,CAAC;AAEvC,IAAA,MAAA,aAAe,GAAC,MAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA;AAChB,IAAA,aAAA,EAAW;cACJ,CAAA,gBAAgB,CAAC,QAAmB,EAAA,aAAS,CAAA;AACxD,IAAA,OAAS,MAAG,UAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,aAAA,CAAA;AAEZ,GAAA,EAAA,CAAA,KAAO;AACX,EAAE,OAAA,OAAA;AAEF,CAAoB;AACpB;AAEQ,MAAA,OAAA,GAAAA,cAAA,CAAA,IAAA,CAAA,CAAA;AAIR,EAAA,YAAe;AACX,CAAA,KAAAA,cAAW,CAAA,aAAA,CAAA,KAAA,EAAA;AAAE,EAAA,SAAA,EAAA,CAAA,qEAAY,EAAA,SAAA,CAAA;AAEzB,CAAA,EAAAA,cAAA,CAAA,aACI,CAAA,MAAA,EAAA;AACI,EAAA,SAAA,EAAA;eACK,CAAA,CAAA,CAAA;YACD,GAAKA,cAAA,CAAA,IAAA,CAAA,CAAA;AACD,EAAA,MAAA;AACA,EAAA,OAAA;AACI,EAAA,QAAA;AACI,EAAA;;AAa5B,EAAE,IAAC,CAAA,MAAA,EAAA,OAAA,IAAA;AAEH,EAAA,OAAgBA,cAAA,CAAA,aAAa,CAAA,KAAI,EAAG;IAE5B,SAAK,EAAA;mBACI,CAAA,aAAA,CAAA,KAAA,EAAA;aACD,EAAA,yCAAU;WACX,EAAA;AAOf,GAAyB,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACzB,IAAA;AAII,GAAA,EAAAA,4BAAoB,CAAA,KAAA,EAAQ;aACjB,EAAA;KACVA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACD,IAAA;AACJ,GAAE,EAAA,KAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAEF,IAAA,OAAW,EAAA,OAAqB;AAC5B,IAAA,SAAsB,EAAA;AACtB,GAAA,EAAAA,cAAM,CAAE,aAAI,CAAA,KAAe,EAAA;AAC3B,IAAA,SAAc,EAAA,SAAc;AAC5B,IAAA,IAAA,EAAM,MAAY;IAElB,MAAsE,EAAA,cAAA;AACtE,IAAA,OAAO,EAAA;KACDA,cAAA,CAAC,oBAAoB,EAAA;AACvB,IAAA,aAAA,EAAA,OAAA;AACA,IAAA,cAAA,EAAA,OAAmB;AACnB,IAAA,WAAA,EAAA,CAAA;AACH,IAAA,CAAA,EAAE;IAEH,CAAQ,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACR,IAAA;AACA,GAAA,EAAA,SAAU,CAAG,CAAA;;AAGb,MAAA,uCAA+BA,cAAM,CAAC,aAAG,CAAA,KAAA,EAAA;AACzC,EAAA,WACQ;iBAKqD,CAAA,aAAA,CAAA,KAAA,EAAA;AAC7D,EAAA,SAAc,EAAA;iBACV,CAAI,mBAAe,EAAA;AAAyD,EAAA,SAAA,EAAA;iBAErE,CAAA,EAAAA,cAAW,CAAA,aAAa,CAAE,IAAA,EAAA;AACrC,EAAA,SAAgB,EAAA;yBAEiD,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACjE,EAAA,SAAoB,EAAA;8DACM,CAAA,CAAA,CAAA,CAAA;AAC1B;MAEiD,oBAAA,GAAA,CAAA,KAAA,EAAA,MAAA,KAAA;AACjD,EAAA,IAAA,MAAoB,CAAA,IAAA,KAAA,QAAU,EAAA;AAC1B,IAAA,OAAA;SACM,KAAA;AACN,MAAA,GAAA,MAAO,CAAC;AACR,KAAA;AACJ;AAEA,EAAA,OAAA,KAAW;;AAGC,MAAA,KAAA,GAAA;AACA,EAAA,MAAA;AACJ,IAAA,cAAU,EAAE,iBACd;AACN,IAAA,WAAY;IAEZ,eAA+B;IAC/B,IAAmF;IACnF,OAAiC;IACjC,UAAK,GAAA;MACC,KAAA;AAEN,EAAA,MAAA;AACI,IAAA,EAAA,EAAA,aAAa;AAAoB,IAAA,MAAA,EAAA;AAEjC,GAAA,GAAA;AACA,EAAA,MAAA,QAAgB,GAAA,WAAA,EAAA;AAAE,EAAA,MAAA,eAAU,eAAA,EAAA;;AAI5B,EAAA,MAAA,CAAA,kBAAqB,EAAA,eAAkB,CAAA,GAAAA,cAAQ,CAAA,QAAO,CAAC,KAAA,CAAA;2BACpC,eAAe,CAAC,aAAkB,CAAA,oBAAwB,EAAA;AACzE,IAAA,uBAAe,EAAI,KAAG;qBACZ,EAAA;wBACF,EAAA;AAAyB,GAAA,CAAA;AAC7B;oBACH,GAAA,aAAA,CAAA,oBAAA,CAAA;YACD,GAAO,WAAS,CAAA,YAAA,CAAA;;QAGpB,sBAAgB,GAAS,IAAC,GAAA,CAAA,CAAA;QAC1B;IAEJ,IAAU,EAAA,YAAA;IACV,OAAS,EAAA,mBAAM;AACX,IAAA,OAAA,EAAA;4BAEuC,IAAA,EAAA;AACvC;AACI,EAAA,MAAA,QAAA,GAAA,OAAA,CAAA,MAAqB;AACjB,IAAA,IAAA,CAAA,cAAiB,cAAA,IAAA,CAAA,YAAA,EAAA,sBAAA,EAAA,OAAA,EAAA;AACjB,IAAA,OAAA,MAAA,CAAA,CAAA,IAAA,YAAiB,EAAA,sBAAA,IAAA,EAAA,CAAA,EAAA,IAAA,YAAA,EAAA,cAAA,IAAA,EAAA,CAAA,CAAA,EAAA,IAAA,CAAA;AACb,GAAA,EAAA,CAAA,YAAA,CAAA,CAAA;AACA;sBACW,GAAA,OAAA,CAAE,MAAiB;AAClC,IAAA,OAAA,QAAA,IAAA,EAAA;AACH,GAAA,EAAA,CAAA,QAAC,CAAC,CAAA;;AAEP,EAAA,MAAA,yBAAyB,MAAC;IAC9B,MAAI,OAAA,GAAa;MAE0B,GAAA;KACrC;UAEyB,WAAA,GAAA,OAAA,EAAA,IAAA,IAAA,QAAA,CAAA,MAAA;WACjB,CAAA,IAAA,GAAA,eAAkB,GAAA,CAAA,WAAA,EAAA,QAAA,CAAA,OAAA,CAAA,GAAA,WAAA;AACpB,IAAA,OAAA,OAAK;AACD,GAAA,EAAA,CAAA,iBAAQ,EAAA;AACR,EAAA,MAAA,KAAA,GAAA,OAAE,CAAM,MAAO;AACnB,IAAA,OAAA,QAAK,EAAA,MAAA,CAAA,CAAA,GAAA,EAAA,IAAA,KAAA;AACL,MAAA,MAAA,UAAE,GAAA,IAAmB,CAAA,OAAA,EAAA,MAAS,CAAA,CAAA;AAC9B,QAAA;AACJ,OAAA,KAAA,CAAA,GAAc,CAAA,IAAA,CAAA,CAAA;AAEd,QAAA;YACiE,EAAA,KAAA,IAAA,CAAA,EAAA,CAAA,CAAA,IAAA,EAAA;aACZ,CAAA,GAAA,GAAA,EAAA,GAAA,UAAA,CAAA,GAAA,CAAA,CAAA;QAErD;YACQ,IAAA,CAAC;SAEsD,CAAA,IAAA,EAAA;AAC/D,GAAA,EAAA,CAAA,QAAK,CAAA,CAAA;;AAEG;AACA;AACI;AACA,EAAA,MAAA,WAAA,GAAA,IAAA;AACA,EAAA,MAAA,WAAA,GAAA,OAAwB,CAAA,MAAA;AAC3B,IAAA,IAAA,CAAA,QAAA,IAAA,CAAA,aAAA,EAAA,OAAA,EAAA;AACD,IAAA,MAAA,WAAM,GAAA,QAAA,EAAA,IAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,aAAA,CAAA;AACF,IAAA,IAAA,CAAA,WAAA,EAAA,OAAU,EAAA;AACN,IAAA,MAAA;AACA,MAAA,OAAA;AACA,MAAA,KAAA;AACA,MAAA;AACH,KAAA,GAAA,WAAA;AACJ,IAAA,IAAA,IAAA,KAAA,QAAA,CAAA,MAAA,IAAA,OAAA,EAAA,MAAA,IAAA,CAAA,EAAA;AACJ,MAAA,MAAA,SAAE,GAAA,OAAA,CAAA,IAAA,CAAA,MAAA,IAAA,MAAA,CAAA,IAAA,CAAA,EAAA,KAAA,WAAA,EAAA,EAAA,CAAA;UACN,SAAA,EAAA,IAAA,EAAA;QAAC,MAAO;mBACiE;AACtE,UAAA;SACH,GAAA,SAAA,CAAA,IAAA;AACL,QACC,IAAQ,SAAc,IAAA,UAAS,EAAA,OAAa,CAAA,EAAA,SAAY,CAAA,CAAA,EAAA,UAC3D,CAAA,CAAA;AAEF,QAAA,8BAA6B,IACtB,KAAG,IAAC,gBAAA;;aAEoB,KAAA,IAAA;;WAIG,KAAA,IAAA,SAAA;AAE7B,GAAA,EAAA,CAAC,QACW,EAAA,aACf,EAAA,WAAA,CAAA,CAAA;AAEF;AAGQ,EAAA,SAAA,CAAA,MAAA;;;AAIC,IAAA,MAAA,OAAA,GAAA,UAAA,CAAA,MAAA;wBAEI,GAAA;AAeL,QAAA,IAAA,EAAA,WAAA;;2BAGkB;AACjB,UAAA,OAEI,EAAa,cAAG,EACb,OAAA,IAAA,OAAA,IAAiB;SAmBX,GAAA;QACV,eAAiF,EAAA,CAAA,CAAA,eAAA;AACjF,QAAA;UAKS,IAAA,EAAA,QAAA,CAAA;AACZ;AAGb,OAAE,CAAA;AAEF,KAAM,EAAA,CAAA,CAAA;IACF,OAAM,MACO,YACE,CAAA;AAYf,GAAA,EAAA,CAAA,4CAAqC,oBAAgB,CAAA,CAAA;AACrD;AAEA,EAAA,MAAA,mBAAqB,GAAA,WAAgB,CAAA,OAAQ,SAAS,EAAK,GAAA,GAAE,IAAA,KAAA;AAC7D;AAEA,IAAA,MAAM,kBAAiB,GAAA,GAAA,GAAA,CAAW,GAAE,EAAQ,OAAI,CAAA,gBAAA,EAAA,SAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,GAAA,CAAA,GAAA,EAAA,OAAA,CAAA,gBAAA,EAAA,SAAA,CAAA,CAAA,GAAA,GAAA,GAAA,CAAA,OAAA,EAAA,SAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,GAAA,CAAA,OAAA,EAAA,SAAA,CAAA,CAAA;UAC7B,QAAA,GAAA,UAAM,GAAA,CAAA,EAAA,UAAA,CAAA,EAAA,QAAA,CAAA,CAAA,GAAA,QAAA;IACzB,MAAM,YAAC,GAAA,IAAA,eAAA,EAAA;AAEP;AACI;AACJ,IAAA,MAAe,OAAA,GAAC,YAAE,CAAA,QAAA,EAAA,GAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,YAAA,CAAA,QAAA,EAAA,CAAA,CAAA,GAAA,QAAA;AAElB,IAAA,QACI,CAAA,OAAA,EAAA;aAES,EAAA;AAEA,KAAA,CAAA;;;AAKgB,MAAA,YAAA,CAAA,UAAA,CAAA;AAMO,QAAA,KAAA,EAAA,gBAAA;AAMI,QAAA,SAAA,EAAA;AASZ,UAAA,SAAA,EAAA,SAAA,CAAA,QAAA,EAAA;AAEH,UAAA,QAAA,EAAA,IAAA;eAaA,EAAA;;;;AAKG,YAAA,UAAA,EAAA,UAAA;AAQR,YAAA,IAAA,EAAA,EAAA;AAKP,YAAA,UAAa,EAAA,CAAA;YAsCL,aACT,EAAC;AAKG;AASpB;AAEA,OAAyB,CAAA;AACrB,KAAA,CAAA,OAAY,KAAE;AAEd;aACU,CAAA,KAAA,CAAA,8CAAsC,EAAA,KAAA,CAAA;AAC5C;KACH,CAAA,QAAS,cAAc,EAAE,OAAC,EAAA,WAAA,EAAA,UAAA,CAAA,CAAA;QAEvB,oBAAsB,GAAA,OAAA,CAAA,OAAA;AAAE,IAAA;IAE5B,uBAAO,EAAA,CAAA,IAAA,aAAA,CAAA;MAC8E,OAAA,EAAA;AACjF,QAAA,oBAAa,EAAA;OAMJ;MACX,IAAA,EAAA;AACN,KAAG,CAAA;AAEH,IAAM,sBAAoB,CAAK,IAAA,aAAiB,CAAE;AAC9C,MAAA,OAAQ,EAAA;AAER,QAAA;AACA,OAAA;AACA,MAAA,IAAM,EAAY;AAClB,KAAA,CAAA;AACA,IAAA,0BAA0B,EAAA,CAAA,IAAO,aAAO,CAAA;AACxC,MAAA;AAEA,QAAA,uBAAyB,EAAA;AACzB,OAAA;AACA,MAAA,IAAM,EAAQ;AAEd,KAAA;IAEA,EAA0C,CAAA,YAAA,CAAA,CAAA;AAC1C,EAAA,OAAAA,cAAc,CAAA,aAAU,CAAC,KAAK,EAAA;aACpB,EAAA,yDAA0C;AAChD,IAAA,KAAA,EAAA;MACH,MAAO,EAAE;;AAIV,GAAA,EAAAA,cAAM,CAAc,aAAA,CAAA,KAAc,EAAA;AAC9B,IAAA,SAAsB,EAAA;;gBAErB,EAAA,YAAA,IAAA,aAAA,GAAA,QAAA,GAAA,2BAAA;YACE;KAE6DA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;IACpE,aAAa,WAAE;AACX,IAAA,YAAK,EAAA,cAAkB;AACnB,IAAA,mBAAW,EAAA,mBAAoB;AAC/B,IAAA,KAAA,EAAA,KAAA;uBACH,EAAA,mBAAA;IACL,mBAAmB,aAAE;IAErB,YAAM,EAAA,CAAA;AAEE,IAAA,kBAAiB,EAAA,kBAAiB;AAC9B,IAAA,IAAA,EAAA,WAAK;iBACgB,EAAA,IAAA,GAAA,CAAA;AACjB,GAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAkB;;;AAIlB,gBAAA,EAAA,8BAAwB,GAAA,QAAA,GAAA,OAAA;AACpB,YAAA;AACI,GAAA,EAAA,aAAA,GAAAA,cAAA,CAAA,aAAW,CAAA,gBAAoB,EAAA;AAC/B,IAAA,SAAA,EAAA,aAAA;;AAEH,IAAA,WAAA,EAAA,WAAA;qBACU,CAAA,UAAA;AACP,IAAA,YAAA,EAAA,YAAoB;AAAE,IAAA,kBAAA,EAAA,kBAAY;AAElC,IAAA,oBAAA,EAAA,oBAAoB;wBACpB,kBAAM;oCAEC;AACH,IAAA,WAAA,EAAA,WAAA;AACA,IAAA,UAAA,EAAA;8CACO,EAAA,IAAA,CAAA,CAAA,EAAA,aAAwB,IAAA,IAAA,GAAA,CAAA,CAAA,IAAA,CAAA,YAAA;AAC3B;AACH,EAAAA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;yBACJ,IAAC,GAAA,CAAA,CAAA;sBACL;AACJ,IAAA,oBAAE,EAAA;;;AAIC,GAAA;AACI,CAAA;AACA,MAAA,gBAAA,GAAAA,cAAM,CAAU,IAAA,CAAA,KAAA,IAAkB;;AAElC,IAAA,SAAA;;;;AAIA,IAAA,YAAA;sBACH;wBACG;sBACX;mBAAQ;AACL,IAAA,WAAA;AACA,IAAA;;oCACO,GAAA,UAAA,GAAA,CAAA,CAAA;2BACU,GAAA,UAAO,GAAC,CAAA,CAAA;qBAC5B,EAAA,eAAA,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA;QACL;IACJ,IACC,EAAS;IAGd,OAAwC,EAAA;MAC/B,4BAAM,IAAA,EAAA;QACX,iBAAiB,eAAe,IAAI;AAChC,IAAA,eAAA,CAAA,GAAA,CAAA;AACA,GAAA,EAAA,EAAA,CAAA;AACA,EAAA,MAAA,cAAU,GAAG,cAAa;WAC7B,WAAA,EAAA,iBAAA,IAAA,IAAA;AACL,GAAA,EAAC,YAAY,EAAE;SAE4BA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAC3C,SAAS;AACL,GAAA,EAAAA,cAAA,CAAA,aAAgB,CAAkB,KAAA,EAAA;AAClC,IAAA,SAAK,EAAO;cAAS,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAEuC,EAAA;mBACtD,CAAA,aAAA,CAAA,KAAkB,EAAA;AACpB,IAAA,SAAA,EAAA;AACI,GAAA,EAAAA,cAAA,CAAA,aAAQ,CAAA,KAAA,EAAA;;AAER,GAAA,EAAA,YAAA,IAAAA,4BAAwB,CAAA,QAAA;AAExB,IAAA,SAAA,EAAA,gEAAiC;AAC7B,IAAA,OAAA,EAAA,MAAA,MAAA,CAAA,OAAY,CAAA,IAAA,EAAA;AACR,IAAA,YAAA,EAAA;iCACA,CAAU,KAAA,EAAA;sCACI;AACjB,IAAA,IAAA,EAAA,MAAA;AACD,IAAA,MAAA,EAAA,cAAA;;iCAEP,CAAA,MAAA,EAAA;AACL,IAAA,aAAE,EAAA,OAAA;kBAEyD,EAAA,OAAA;AAC3D,IAAA,WAAiB,EAAA,CAAA;AACb,IAAA,CAAA,EAAA;AACA,GAAA,CAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAY,CAAA,IAAA,EAAA;AACR,IAAA,SAAA,EAAA;AACJ,GAAA,EAAA,WAAE,CAAA,CAAA,EAAA,YAAA,IAAA,kBAAA,EAAA,uBAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;aACL,EAAA,yFAAA;AACL,IAAA,OAAc,EAAA,MAAA,eAAiB,CAAA,IAAY;KAEP,kBAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,EAAA,YAAA,IAAA,SAAA,IAAA,kBAAA,EAAA,uBAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IACpC,SAAS;AACL,GAAA,EAAAA,cAAA,CAAA,aAAY,CAAA,KAAA,EAAA;AACR,IAAA,SAAA,EAAA;AACI,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAa,EAAA;aAChB,EAAA;AACL,GAAA,EAAAA,cAAE,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;IACN,SAAO,EAAA,2FAAA;IAEP,OAAM,EAAA,MAAA,eAA8B,CAAA,IAAA;uBAE2C,EAAA,oBAAA,CAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACvE,IAAA,SAAoB,EAAA;AAChB,GAAA,CAAA,CAAA,EAAA,SAAA,IAAAA,cAAa,CAAA,aAAA,CAAAA,cAAiB,CAAA,QAAS,EAAA,IAAA,EAAA,MAAA,GAAA,MAAA,KAAA,GAAA,GAAAA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;aAC1C,EAAA,SAAA;AAED,IAAA,IAAA,EAAA,WAAA;AACI,IAAA,UAAA,EAAI;AACA,IAAA,YAAA,EAAA,MAAa,EAAA;qBACP,EAAA;qBAEgC;mCAC0B,CAAA,mBAAA,EAAA;wBAC1D;AACN,IAAA,MAAA,EAAA,MAAA;qBAEoC;iBAC9B;AACN,IAAA,UAAA,EAAA;qBAEK;AACD,IAAA,YAAA,EAAA,MAAA,EAAA;AACI,IAAA,cAAA,EAAA;AACA,GAAA,CAAA,GAAAA,cAAA,CAAA,aAAA,CAAA,iBAA4B,EAAA;wBAC5B;yBACc,mBAAU;kCACZ;kCACA;;wBAEZA,cAAO,CAAA,aAAA,CAAA,MAAA,EAAA;8BACW;AACrB,IAAA,OAAA,EAAA,MAAA,eAAE,CAAA,KAAA,CAAA;AACH,IAAA,KAAA,EAAA;iCACH,CAAA,mBAAA,EAAA;uBACJ,EAAA,mBAAA;gBACG,EAAA,YAAA;AACZ,IAAA,oBACqB,EAAA;IAGzB,CAAuD,CAAA;;yBAGM,GAAAA,cAAA,CAAA,IAAA,CAAA,CAAA;qBACxC;cAA+D;AAC5E,EAAA;;AAEA,EAAA,MAAA;AACI,IAAA;AACA,GAAA,GAAA,mBAAiB,IAAA,EAAA;AAEjB,EAAA,MAAA;AACI,IAAA,MAAA,QAAA,GAAA,IAAA,UAA2B,EAAA,IAAA,IAAA,EAAA;AAC3B,IAAA,OAAA,OAAE,OAAQ,CAAA,QAAA,EAAA,IAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA;oBACH,EAAA,IAAA,CAAA,CAAA;AACP,EAAA,IAAA,CAAA,cAAA,CAAA,MAAW,EAAA,OAAA,IAAY;AACvB,EAAA;AACA;AACI,IAAAA,cAAA,CAAA,aAAA,CAAA,YAAkC,EAAA;qBAChC,EAAA,cAAU;AACZ,MAAA,UAAA,EAAA,SAAA;AACA,MAAA,YAAA,EAAA,YAAY;AACZ,MAAA,GAAA;AACA,KAAA;AACA;AACA;AACA,CAAA,CAAA;AACA,MAAA,iBAAA,GAAMA,cAAI,CAAA,IAAA,CAAA,KAAA,IAAA;AACb,EAAA,MAAA;;AAED,IAAA;AACA,IAAA,cAAA;AACA,IAAA,cAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,kBAAA,GAAA,MAA8B,CAAA,IAAA,CAAA;AAC9B,EAAA,MAAA,cAAE,GAAW,MAAA,CAAA,IAAA,CAAA;AAChB,EAAA,eAAA;AACD,EAAA,MAAA,CAAA,cAAA,EAAA,iBAAoB,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAChB,EAAA,MAAA,iBAAA,GAAA,MAA2C,CAAA,KAAA,CAAA;AAC3C,EAAA,MAAA,gBAAI,GAAI,MAAA,CAAA,IAAA,CAAA;AACR,EAAA,MAAA,IAAA,GAAA,WAAA,CAAA,YAAmB,CAAA;AACnB,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,cAAA,EAAA;AACA,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA,uBAAe,EAAA;AAClB,EAAA,MAAA;AACD,IAAA,IAAA;AACA,IAAA,OAAA,EAAA,cAAO;AACH,IAAA,SAAA,EAAA,iBAAY;;AAEZ,GAAA,GAAA,mBAAA,IAAA,EAAY;AACf;AACD,EAAA,MAAA,QAAA,GAAA,OAAS,CAAA,MAAA;AACL,IAAA,MAAA,YAAA,GAAA,IAAA,UAA+B,EAAA,IAAA,IAAA,EAAA;AAC/B,IAAA,OAAA,OAAA,CAAA,OAAM,YAAE,EAAA,IAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AACR,GAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AACH,EAAA,MAAA,UAAA,GAAA,IAAA,EAAA,QAAA,EAAA,UAAA,IAAA,CAAA;AACJ,EAAA,MAAA,cAAE,GAAA,WAAA,CAAA,MAAA;AAEH,IAAA,IAAA,2BAAuB,EAAG;AAE1B,MAAA,kBAAW,CAAA,OAAS,CAAC,SAAG,GAAA,kBAAA,CAAA,OAAA,CAAA,YAAA;AACpB;AACI,GAAA,EAAA,EAAA,CAAA;AACA;AACA,EAAA,SAAA,CAAA,MAAA;AACH,IAAA,IAAA,CAAA,iBAAE,CAAA,OAAA,EAAA;AAEH,MAAA,MAAA,KAAA,GAAA,UAAmB,CAAA,MAAA,cAAiB,EAAC,KAA+B,CAAA;mBAChE,YAAA,CAAA,KAAgB,CAAA;AAChB;AACA,GAAA,EAAA,CAAA,QAAA,CAAA,MAAA,EAAA,cAAc,CAAA,CAAA;AACV,EAAA,MAAA,UAAA,GAAA,WAAA,CAAS,MAAU,IAAA,IAAW;AAC9B,IAAA,IAAA,SAAA,IAAA,iBAAA,IAAkB,CAAE,cAAA,EAAA;AAChB,MAAA,IAAA;AACA,QAAA,iBAAA,CAAA,IAAA,CAAA;AACH,QAAA,iBAAA,CAAA,OAAA,GAAA,IAAA;;6BAEO,GAAA,kBAA0B,EAAA,OAAA,EAAA,YAAA,IAAA,CAAA;gCAAE;;AAGhC,YAAA,SAAA,EAAA,SAAA,CAAA;AACI,YAAA,QAAA,EAAA,IAAA;AACA,YAAA;AACI,WAAA;AACA,UAAA,WAAA,EAAA,CAAA,IAAA,EAAA;AACA,YAAA;AACH,WAAA,KAAA;gCACH,EAAA,OAAA,IAAA;AAEF,YAAA,MAAA,WAAA,GAAI,eAAC,CAAA,QAAA,CAAA,IAAA;kCACK,GAAA,IAAA,CAAA,QAAY,MAAQ;AAC1B,YAAA,OAAA;;AAEQ,cAAA,QAAA,EAAA;AACA,gBAAA,GAAA,eAAA,CAAA,QAAA;AACI,gBAAA,IAAA,EAAA,MAAA,CAAA,CAAA,GAAA,WAAA,EAAA,GAAA,gBAAU,CAAA,EAAA,IAAA;;AAEN,aAAA;;AAEI,SAAA,CAAA;AACH;;AAEJ,UAAA,IAAA,kBAAA,EAAA,OAAA,EAAA;AACJ,YAAA,MAAA,eAAA,GAAA,kBAAA,CAAA,OAAA,CAAA,YAAA;AACJ,YAAA,MAAA,UAAA,GAAA,eAAE,GAAA,eAAA;;8BAEV,CAAA,OAAA,CAAA,SAAA,GAAA,UAAA;;AACG;;6BAEP,CAAA,OAAA,GAAA,KAAA;AACJ,WAAA,EAAA,EAAA,CAAA;;eAER,KAAA,EAAA;qBAAO,CAAA,gCAAA,EAAA,KAAA,CAAA;AACJ,QAAA,yBAAc,GAAA,KAAA;AACV,OAAA,SAAA;AACA,QAAA,iBAAA,CAAA,KAAA,CAAA;AACI;AACA;AACH,GAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,cAAA,CAAA,CAAA;;;6BAE0C,CAAA,MAAA,GAAA,CAAA,EAAA;wBAEvC,OAAuC,GAAA,KAAA,CAAA;AACvC,MAAA,MAAA,KAAA,GAAA,UAAM,qBAAgB,EAAA,EAAA,GAAA,CAAA;AAClB,MAAA,OAAA,MAAA,YAAA,CAAA,KAAuB,CAAA;AACvB;AACI,GAAA,EAAA,CAAA,SAAA,EAAA,cAAA,CAAA,CAAA;AACA;AACA,EAAA,SAAA,CAAA,MAAA;AACH,IAAA,MAAA,OAAA,GAAA,kBAAA,CAAA,OAAA;;AAGL;4BACI,MAAM;AACN,MAAA,IAAA,CAAA,cAAA,IAAA,OAAgB,EAAA;;AAER,UAAA;AACA,SAAA,GAAA,OAAA;AACI,QAAA,MAAA,OAAA,GAAA,IAAA,CAAA,KAAA,CAAA,SAAA,CAAA,IAAU,EAAA;6CACH,QAAA,CAAA,MAAa;AAChB,QAAA,IAAA,OAAA,IAAA,eAAA,EAAA;gEACa,EAAA;AAChB,YAAA,SAAA,EAAA,IAAA,CAAA,KAAA,CAAA,SAAA,CAAA;AACJ,YAAA,UAAA;AACJ,YAAA,cAAA,EAAA,QAAE,CAAA;;6BAEV,CAAA,MAAA,CAAA;;AACG;;;AAGX,IAAA,IAAA,aAAE,IAAA,OAAA,EAAA;aACN,CAAA,gBAAA,CAAA,WAAA,EAAA,eAAA,EAAA;QACL,OAAC,EAAA;QAAC;AACE,MAAA,OAAA,MAAO;QACX,OAAC,CAAA,mBAAA,CAAA,WAAA,EAAA,eAAA,CAAA;OAEL;;AAIJ,GAAA,EAAA,CAAA,UAAK,EAAA,QAAkB,CAAA,MAAA,EAAA,UAAe,EAAY,cAAO,CAAA,CAAA;AACrD;YAEQ,MAAC;IAGb,OAAC,MAAA;AAED,MAAA,IAAA,gBACI,CAAA,OAAA,EAAA;QACI,YACI,CAAA,gBAAA,CAAA,OAAuB,CAAA;AAOd;;AAGW,GAAA,EAAA,EAAA,CAAA;AACA,EAAA,MAAA,gBAAA,GAAA,WAAA,CAAA,MAAA,CAAA,IAAM;;AAYlB,IAAA,IAAA,gBAAA,CAAA,OAAC;mCAMqD,CAAA,OAAA,CAAA;AAC9C;AACI,IAAA,gBAAA,CAAA,OAAA,GAAO,UAAK,CAAA,YAAA;AACZ,MAAA,IAAA,kBAAA,CAAA,OAAY,IAAA,CAAA,cAAA,EAAA;qBACf,GAAA,kBAAA,CAAA,OAAA;AACD,QAAA,MAAA;AACA,UAAA,YAAA;sBAEO;AACH,UAAA;AACA,SAAA,GAAA,OAAA;;AAEI;4BACA,CAAU,IAAA,CAAA,SAAG,CAAA,IAAM,EAAA;AACtB,QAAA,MAAA,eAAA,GAAA,UAAA,GAAA,QAAA,CAAA,MAAA;;AAET,QAAA,MAAA,SACO,GAAA,UAAU,SAAE,CAAA,QAAA,CAAA,SAAA,CAAA;AACf,QAAA,MAAA,kBAAa,yBAAwB,CAAA,SAAO,CAAA,IAAA,EAAA,GAAA,OAAA;oBAElD,IAEP,kBACC,KAAA,eAAc,EAAA;iBACL,CAAA,GAAA,CAAA,uBAAA,EAAA;qBACI,EAAA,IAAA,CAAA,IAAA,CAAA,SAAA,CAAA;6BAC0C,EAAA,SAAA;AAK/D,YAAA,UAAA;AAGZ,YAAG,cAAA,EAAA,QAAA,CAAA,MAAA;AAEH,YAA8B,YAAA;AAC9B,YAAM,YAAc;AACpB,YAAA,OAAiB,EAAA,SAAc,GAAA,SAAA,GAAA,OAAmB;AAClD,YAAA,OAAkB;AAClB,YAAA;AAEA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Inbox.js","sources":["../../src/container/Inbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/tailwind-ui-inbox",
-    "version": "10.0.3-alpha.70",
+    "version": "10.0.3-alpha.71",
     "description": "Inbox UI components built with TailwindCSS",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -53,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "2e0dee183caed5aa9c8736b8a1953e147ff39aa4"
+    "gitHead": "9eee5b288321c3a3ab5b5ae6359a19a13d93eb5b"
 }

package/src/components/InboxMessage/LeftSidebar.tsx

@@ -20,6 +20,8 @@ type LeftSidebarProps = {
     supportServices?: any;
     role?: any;
     messagesQuery?: any;
+    windowHeight?: number;
+    windowWidth?: number;
 };
 
 export const LeftSidebar = React.memo((props: LeftSidebarProps) => {
@@ -33,6 +35,8 @@ export const LeftSidebar = React.memo((props: LeftSidebarProps) => {
         supportServices,
         role,
         messagesQuery,
+        windowHeight = 768,
+        windowWidth = 1024,
     } = props;
     const [keyword, setKeyword] = useState('');
     const { t } = useTranslation('translations');
@@ -59,12 +63,18 @@ export const LeftSidebar = React.memo((props: LeftSidebarProps) => {
         );
     }
     return (
-        <div className="w-full h-full flex flex-col bg-white">
-            <div className="p-3 sm:p-4 border-b border-gray-200">
+        <div className="w-full flex flex-col bg-white" style={{ height: `${windowHeight}px`, maxHeight: '100vh' }}>
+            <div className="flex-shrink-0 p-3 sm:p-4 border-b border-gray-200">
                 <SearchInput keyword={keyword} setKeyword={setKeyword} />
             </div>
-            <div className="flex-1 overflow-hidden">
-                <div className="h-full overflow-y-auto p-2 sm:p-4 space-y-1">
+            <div className="flex-1 min-h-0 overflow-hidden">
+                <div
+                    className="overflow-y-auto p-2 sm:p-4 space-y-1"
+                    style={{
+                        height: `${windowHeight - 80}px`, // Subtract header height
+                        minHeight: 0,
+                    }}
+                >
                     <>
                         {supportServices ? supportServices : <></>}
 

package/src/components/InboxMessage/Messages.tsx

@@ -15,6 +15,8 @@ interface MessagesProps {
     subscribeToNewMessages?: () => any;
     subscribeToNewServiceMessages?: () => any;
     onMessageClick: (msg) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
 }
 
 export const Messages = ({
@@ -26,6 +28,8 @@ export const Messages = ({
     subscribeToNewMessages,
     subscribeToNewServiceMessages,
     onMessageClick,
+    isDesktopView = false,
+    isSmallScreen = false,
 }: MessagesProps) => {
     const [isOpen, setIsOpen] = useState(false);
     const [selectedElement, setSelectedElement] = useState(null);
@@ -105,15 +109,17 @@ export const Messages = ({
 
     return (
         <>
-            <div className="w-full" ref={innerRef}>
+            <div
+                className={`w-full pb-8 pt-4 ${
+                    isDesktopView ? 'space-y-8 max-w-full mx-auto' : isSmallScreen ? 'space-y-4' : 'space-y-6'
+                }`}
+                ref={innerRef}
+            >
                 {messagesByDate?.map((section, sectionIndex) => (
-                    <div
-                        key={`section-${sectionIndex}`}
-                        className={sectionIndex === messagesByDate.length - 1 ? '' : 'mb-4'}
-                    >
+                    <div key={`section-${sectionIndex}`} className="w-full">
                         {/* Date separator */}
                         {section.date && (
-                            <div className="flex items-center justify-center my-4">
+                            <div className="flex items-center justify-center my-6">
                                 <div className="flex-grow border-t border-gray-200"></div>
                                 <div className="mx-4 px-3 py-1 bg-white border border-gray-200 rounded-full text-xs font-medium text-gray-600">
                                     {section.date}
@@ -123,12 +129,16 @@ export const Messages = ({
                         )}
 
                         {/* Messages grouped by user and time */}
-                        <SlackLikeMessageGroup
-                            messages={section.messages}
-                            currentUser={currentUser}
-                            onOpen={onOpen}
-                            onMessageClick={onMessageClick}
-                        />
+                        <div className={`${isDesktopView ? 'mb-6' : 'mb-4'}`}>
+                            <SlackLikeMessageGroup
+                                messages={section.messages}
+                                currentUser={currentUser}
+                                onOpen={onOpen}
+                                onMessageClick={onMessageClick}
+                                isDesktopView={isDesktopView}
+                                isSmallScreen={isSmallScreen}
+                            />
+                        </div>
                     </div>
                 ))}
             </div>