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

package/src/container/InboxContainer.tsx

@@ -0,0 +1,35 @@
+import React, { useMemo, useCallback } from 'react';
+import Inbox from '../templates/InboxWithAi';
+
+interface InboxContainerProps {
+    channelId: string;
+    channelFilters?: Record<string, any>;
+    channelRole?: string;
+    supportServices?: boolean;
+    orgName?: string;
+    [key: string]: any;
+}
+
+const InboxSkeleton = React.memo(({ showRightSidebar = false }: { showRightSidebar?: boolean }) => (
+    <div
+        className="h-full border-t border-gray-300 flex overflow-hidden animate-pulse"
+        style={{ height: '100vh !important' }}
+    >
+        <div className="flex-1 min-w-0 bg-white border-r border-gray-300"></div>
+        {showRightSidebar && <div className="w-80 border-l border-gray-200 bg-white flex-shrink-0"></div>}
+    </div>
+));
+
+const InboxContainer: React.FC<InboxContainerProps> = (props) => {
+    const { channelId, channelFilters: channelFilterProp, channelRole, supportServices, orgName } = props;
+
+    if (!channelId) {
+        return <InboxSkeleton showRightSidebar={true} />;
+    }
+
+    return <Inbox {...props} />;
+};
+
+InboxContainer.displayName = 'InboxContainer';
+
+export default React.memo(InboxContainer);