@messenger-box/slack-ui-browser 10.0.3-alpha.176

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [10.0.3-alpha.176](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.175...v10.0.3-alpha.176) (2026-01-03)
+
+**Note:** Version bump only for package @messenger-box/slack-ui-browser

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/lib/components/Home/Channels.js

@@ -0,0 +1,62 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React,{useState,useMemo,useCallback}from'react';import {useLocation,useNavigate,Link}from'@remix-run/react';import {FiChevronDown}from'@react-icons/all-files/fi/FiChevronDown.js';import {FiChevronRight}from'@react-icons/all-files/fi/FiChevronRight.js';import'@react-icons/all-files/fi/FiChevronLeft.js';import {FiPlus}from'@react-icons/all-files/fi/FiPlus.js';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import {FiHash}from'@react-icons/all-files/fi/FiHash.js';import'@react-icons/all-files/fi/FiLock.js';import {FiRefreshCw}from'@react-icons/all-files/fi/FiRefreshCw.js';import'@react-icons/all-files/fi/FiUser.js';import'@react-icons/all-files/fi/FiUserPlus.js';import'@react-icons/all-files/fi/FiShare2.js';import'@react-icons/all-files/fi/FiMail.js';import'@react-icons/all-files/fi/FiX.js';import'@react-icons/all-files/fi/FiEdit.js';import'@react-icons/all-files/fi/FiEdit2.js';import'@react-icons/all-files/fi/FiMessageSquare.js';import'@react-icons/all-files/fi/FiBookmark.js';import'@react-icons/all-files/fi/FiSend.js';import'@react-icons/all-files/fi/FiMoreHorizontal.js';import'@react-icons/all-files/fi/FiMoreVertical.js';import'@react-icons/all-files/fi/FiSettings.js';import'@react-icons/all-files/fi/FiHome.js';import'@react-icons/all-files/fi/FiInbox.js';import'@react-icons/all-files/fi/FiUsers.js';import'@react-icons/all-files/fi/FiMessageCircle.js';import'@react-icons/all-files/fi/FiBell.js';import'@react-icons/all-files/fi/FiLogOut.js';import'@react-icons/all-files/fi/FiMenu.js';import'@react-icons/all-files/fi/FiTrash2.js';import'@react-icons/all-files/fi/FiCopy.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiInfo.js';import'@react-icons/all-files/vsc/VscChromeClose.js';import'@react-icons/all-files/vsc/VscAdd.js';import'@react-icons/all-files/vsc/VscSearch.js';import'@react-icons/all-files/vsc/VscMenu.js';import'@react-icons/all-files/go/GoGlobe.js';import'@react-icons/all-files/go/GoOrganization.js';import'@react-icons/all-files/go/GoPerson.js';import'@react-icons/all-files/go/GoComment.js';import'@react-icons/all-files/ri/RiAdminFill.js';import'@react-icons/all-files/ri/RiAdminLine.js';import'@react-icons/all-files/ri/RiTeamLine.js';import'@react-icons/all-files/ri/RiTeamFill.js';import'@react-icons/all-files/ai/AiOutlineHome.js';import'@react-icons/all-files/ai/AiOutlineInbox.js';import'@react-icons/all-files/ai/AiOutlineMessage.js';import'@react-icons/all-files/ai/AiOutlineTeam.js';import'@react-icons/all-files/ai/AiOutlineSetting.js';import'@react-icons/all-files/ai/AiOutlineUser.js';import'@react-icons/all-files/ai/AiOutlinePlus.js';import'@react-icons/all-files/ai/AiOutlineClose.js';import'@react-icons/all-files/ai/AiOutlineSearch.js';import'@react-icons/all-files/ai/AiOutlineEdit.js';import'@react-icons/all-files/ai/AiOutlineDelete.js';import'@react-icons/all-files/ai/AiOutlineSend.js';import'@react-icons/all-files/ai/AiOutlineBell.js';import'@react-icons/all-files/ai/AiOutlineLogout.js';import'@react-icons/all-files/ai/AiOutlineMenu.js';import'@react-icons/all-files/ai/AiOutlineCopy.js';import'@react-icons/all-files/ai/AiOutlineCheck.js';import'@react-icons/all-files/ai/AiOutlineWarning.js';import'@react-icons/all-files/ai/AiOutlineInfoCircle.js';import'@react-icons/all-files/bs/BsHash.js';import'@react-icons/all-files/bs/BsLock.js';import'@react-icons/all-files/bs/BsPeople.js';import'@react-icons/all-files/bs/BsPerson.js';import'@react-icons/all-files/bs/BsChat.js';import'@react-icons/all-files/bs/BsChatDots.js';import'@react-icons/all-files/bs/BsThreeDots.js';import'@react-icons/all-files/bs/BsThreeDotsVertical.js';import'@react-icons/all-files/hi/HiOutlineHashtag.js';import'@react-icons/all-files/hi/HiOutlineLockClosed.js';import'@react-icons/all-files/hi/HiOutlineUserGroup.js';import'@react-icons/all-files/hi/HiOutlineUser.js';import'@react-icons/all-files/hi/HiOutlineChat.js';import'@react-icons/all-files/hi/HiOutlinePencil.js';import'@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';import'@react-icons/all-files/hi/HiOutlineDotsVertical.js';import'@react-icons/all-files/hi/HiOutlinePlus.js';import'@react-icons/all-files/hi/HiOutlineX.js';import'@react-icons/all-files/hi/HiOutlineSearch.js';import'@react-icons/all-files/hi/HiOutlineHome.js';import'@react-icons/all-files/hi/HiOutlineInbox.js';import'@react-icons/all-files/hi/HiOutlineBell.js';import'@react-icons/all-files/hi/HiOutlineCog.js';import'@react-icons/all-files/io/IoMdAdd.js';import'@react-icons/all-files/io/IoMdClose.js';import'@react-icons/all-files/io/IoMdSearch.js';import'@react-icons/all-files/io/IoMdMenu.js';import'@react-icons/all-files/io/IoMdSettings.js';import'@react-icons/all-files/io/IoMdPerson.js';import'@react-icons/all-files/io/IoMdPeople.js';import'@react-icons/all-files/io/IoMdChatbubbles.js';import'@react-icons/all-files/io/IoMdNotifications.js';import'@react-icons/all-files/md/MdAdd.js';import'@react-icons/all-files/md/MdClose.js';import'@react-icons/all-files/md/MdSearch.js';import'@react-icons/all-files/md/MdMenu.js';import'@react-icons/all-files/md/MdSettings.js';import'@react-icons/all-files/md/MdPerson.js';import'@react-icons/all-files/md/MdPeople.js';import'@react-icons/all-files/md/MdChat.js';import'@react-icons/all-files/md/MdNotifications.js';import'@react-icons/all-files/md/MdHome.js';import'@react-icons/all-files/md/MdInbox.js';import'@react-icons/all-files/md/MdEdit.js';import'@react-icons/all-files/md/MdDelete.js';import'@react-icons/all-files/md/MdSend.js';import'@react-icons/all-files/md/MdRefresh.js';import'@react-icons/all-files/md/MdMoreHoriz.js';import'@react-icons/all-files/md/MdMoreVert.js';import'@react-icons/all-files/md/MdLock.js';import'@react-icons/all-files/md/MdPublic.js';import {useTranslation}from'react-i18next';const Channels = ({
+  channels = [],
+  loading = false,
+  error = null,
+  onRefetch,
+  currentUser
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [isExpanded, setIsExpanded] = useState(true);
+  const orgSlug = location.pathname.split("/")[2];
+  const publicChannels = useMemo(() => {
+    return channels.filter((channel) => channel.type !== "DIRECT").slice(0, 10);
+  }, [channels]);
+  const handleRefetch = useCallback(() => {
+    onRefetch == null ? void 0 : onRefetch();
+  }, [onRefetch]);
+  const ListEmptyComponent = () => {
+    if (error) {
+      return /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "p-2 bg-red-50 rounded", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "Channel service is temporarily unavailable." }),
+        /* @__PURE__ */ jsxs("button", { onClick: handleRefetch, className: "flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline", children: [
+          /* @__PURE__ */ jsx(FiRefreshCw, { className: "w-4 h-4" }),
+          "Retry"
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-4 px-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-3 mb-2 rounded-full bg-gray-100", children: /* @__PURE__ */ jsx(FiHash, { className: "w-5 h-5 text-gray-500" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-sm text-center", children: "No channels available" })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "py-2", children: [
+    /* @__PURE__ */ jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: t("messenger_box_browser.PUBLIC_CHANNELS", "Channels") }),
+      isExpanded ? /* @__PURE__ */ jsx(FiChevronDown, { className: "w-4 h-4 text-gray-600" }) : /* @__PURE__ */ jsx(FiChevronRight, { className: "w-4 h-4 text-gray-600" })
+    ] }),
+    isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+      loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500" }) }) : publicChannels.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        publicChannels.map((channel) => /* @__PURE__ */ jsxs(Link, { to: `/o/${orgSlug}/home/channel/${channel.title}`, state: {
+          channel,
+          currentUser
+        }, className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-500 text-base flex-shrink-0", children: "#" }),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-900 text-sm truncate", children: channel.title })
+        ] }, channel.id)),
+        channels.length > 10 && /* @__PURE__ */ jsxs("button", { onClick: () => navigate(`/o/${orgSlug}/home/channels`), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+          /* @__PURE__ */ jsx(FiSearch, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Browse all Channels" })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(ListEmptyComponent, {}),
+      /* @__PURE__ */ jsxs("button", { onClick: () => navigate(`/o/${orgSlug}/home/channels/new`), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+        /* @__PURE__ */ jsx(FiPlus, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Add Channels" })
+      ] })
+    ] })
+  ] });
+};
+React.memo(Channels);export{Channels};//# sourceMappingURL=Channels.js.map

package/lib/components/Home/Channels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Channels.js","sources":["../../../src/components/Home/Channels.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react';\nimport { Link, useLocation, useNavigate } from '@remix-run/react';\nimport { FiChevronDown, FiChevronRight, FiPlus, FiSearch, FiHash, FiRefreshCw } from '../../icons';\nimport { useTranslation } from 'react-i18next';\n\ninterface ChannelsProps {\n    channels?: any[];\n    loading?: boolean;\n    error?: any;\n    onRefetch?: () => void;\n    currentUser?: any;\n}\n\nexport const Channels: React.FC<ChannelsProps> = ({ \n    channels = [], \n    loading = false, \n    error = null,\n    onRefetch,\n    currentUser \n}) => {\n    const { t } = useTranslation();\n    const location = useLocation();\n    const navigate = useNavigate();\n    const [isExpanded, setIsExpanded] = useState(true);\n    const orgSlug = location.pathname.split('/')[2];\n\n    // Filter to get only public/channel type (not direct messages)\n    const publicChannels = useMemo(() => {\n        return channels\n            .filter((channel: any) => channel.type !== 'DIRECT')\n            .slice(0, 10);\n    }, [channels]);\n\n    const handleRefetch = useCallback(() => {\n        onRefetch?.();\n    }, [onRefetch]);\n\n    const ListEmptyComponent = () => {\n        if (error) {\n            return (\n                <div className=\"p-3\">\n                    <div className=\"p-2 bg-red-50 rounded\">\n                        <p className=\"text-red-600 text-sm mb-2 font-medium\">\n                            Channel service is temporarily unavailable.\n                        </p>\n                        <button \n                            onClick={handleRefetch}\n                            className=\"flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline\"\n                        >\n                            <FiRefreshCw className=\"w-4 h-4\" />\n                            Retry\n                        </button>\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-col items-center py-4 px-3\">\n                <div className=\"p-3 mb-2 rounded-full bg-gray-100\">\n                    <FiHash className=\"w-5 h-5 text-gray-500\" />\n                </div>\n                <p className=\"text-gray-500 text-sm text-center\">No channels available</p>\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"py-2\">\n            {/* Section Header */}\n            <button\n                onClick={() => setIsExpanded(!isExpanded)}\n                className=\"w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50\"\n            >\n                <span className=\"font-semibold text-gray-900\">\n                    {t('messenger_box_browser.PUBLIC_CHANNELS', 'Channels')}\n                </span>\n                {isExpanded ? (\n                    <FiChevronDown className=\"w-4 h-4 text-gray-600\" />\n                ) : (\n                    <FiChevronRight className=\"w-4 h-4 text-gray-600\" />\n                )}\n            </button>\n\n            {/* Channels List */}\n            {isExpanded && (\n                <div className=\"mt-1\">\n                    {loading ? (\n                        <div className=\"flex items-center justify-center py-4\">\n                            <div className=\"animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500\"></div>\n                        </div>\n                    ) : publicChannels.length > 0 ? (\n                        <>\n                            {publicChannels.map((channel: any) => (\n                                <Link\n                                    key={channel.id}\n                                    to={`/o/${orgSlug}/home/channel/${channel.title}`}\n                                    state={{ channel, currentUser }}\n                                    className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors\"\n                                >\n                                    <span className=\"text-gray-500 text-base flex-shrink-0\">#</span>\n                                    <span className=\"text-gray-900 text-sm truncate\">{channel.title}</span>\n                                </Link>\n                            ))}\n                            \n                            {/* Browse all channels */}\n                            {channels.length > 10 && (\n                                <button\n                                    onClick={() => navigate(`/o/${orgSlug}/home/channels`)}\n                                    className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                                >\n                                    <FiSearch className=\"w-4 h-4\" />\n                                    <span className=\"text-sm\">Browse all Channels</span>\n                                </button>\n                            )}\n                        </>\n                    ) : (\n                        <ListEmptyComponent />\n                    )}\n\n                    {/* Add Channel */}\n                    <button\n                        onClick={() => navigate(`/o/${orgSlug}/home/channels/new`)}\n                        className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                    >\n                        <FiPlus className=\"w-4 h-4\" />\n                        <span className=\"text-sm\">Add Channels</span>\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default React.memo(Channels);\n"],"names":[],"mappings":"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"}

package/lib/components/Home/DirectChannels.js

@@ -0,0 +1,92 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React,{useState,useMemo,useCallback}from'react';import {useLocation,useNavigate,Link}from'@remix-run/react';import {FiChevronDown}from'@react-icons/all-files/fi/FiChevronDown.js';import {FiChevronRight}from'@react-icons/all-files/fi/FiChevronRight.js';import'@react-icons/all-files/fi/FiChevronLeft.js';import {FiPlus}from'@react-icons/all-files/fi/FiPlus.js';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import'@react-icons/all-files/fi/FiHash.js';import'@react-icons/all-files/fi/FiLock.js';import {FiRefreshCw}from'@react-icons/all-files/fi/FiRefreshCw.js';import {FiUser}from'@react-icons/all-files/fi/FiUser.js';import'@react-icons/all-files/fi/FiUserPlus.js';import'@react-icons/all-files/fi/FiShare2.js';import'@react-icons/all-files/fi/FiMail.js';import'@react-icons/all-files/fi/FiX.js';import'@react-icons/all-files/fi/FiEdit.js';import'@react-icons/all-files/fi/FiEdit2.js';import'@react-icons/all-files/fi/FiMessageSquare.js';import'@react-icons/all-files/fi/FiBookmark.js';import'@react-icons/all-files/fi/FiSend.js';import'@react-icons/all-files/fi/FiMoreHorizontal.js';import'@react-icons/all-files/fi/FiMoreVertical.js';import'@react-icons/all-files/fi/FiSettings.js';import'@react-icons/all-files/fi/FiHome.js';import'@react-icons/all-files/fi/FiInbox.js';import'@react-icons/all-files/fi/FiUsers.js';import'@react-icons/all-files/fi/FiMessageCircle.js';import'@react-icons/all-files/fi/FiBell.js';import'@react-icons/all-files/fi/FiLogOut.js';import'@react-icons/all-files/fi/FiMenu.js';import'@react-icons/all-files/fi/FiTrash2.js';import'@react-icons/all-files/fi/FiCopy.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiInfo.js';import'@react-icons/all-files/vsc/VscChromeClose.js';import'@react-icons/all-files/vsc/VscAdd.js';import'@react-icons/all-files/vsc/VscSearch.js';import'@react-icons/all-files/vsc/VscMenu.js';import'@react-icons/all-files/go/GoGlobe.js';import'@react-icons/all-files/go/GoOrganization.js';import'@react-icons/all-files/go/GoPerson.js';import'@react-icons/all-files/go/GoComment.js';import'@react-icons/all-files/ri/RiAdminFill.js';import'@react-icons/all-files/ri/RiAdminLine.js';import'@react-icons/all-files/ri/RiTeamLine.js';import'@react-icons/all-files/ri/RiTeamFill.js';import'@react-icons/all-files/ai/AiOutlineHome.js';import'@react-icons/all-files/ai/AiOutlineInbox.js';import'@react-icons/all-files/ai/AiOutlineMessage.js';import'@react-icons/all-files/ai/AiOutlineTeam.js';import'@react-icons/all-files/ai/AiOutlineSetting.js';import'@react-icons/all-files/ai/AiOutlineUser.js';import'@react-icons/all-files/ai/AiOutlinePlus.js';import'@react-icons/all-files/ai/AiOutlineClose.js';import'@react-icons/all-files/ai/AiOutlineSearch.js';import'@react-icons/all-files/ai/AiOutlineEdit.js';import'@react-icons/all-files/ai/AiOutlineDelete.js';import'@react-icons/all-files/ai/AiOutlineSend.js';import'@react-icons/all-files/ai/AiOutlineBell.js';import'@react-icons/all-files/ai/AiOutlineLogout.js';import'@react-icons/all-files/ai/AiOutlineMenu.js';import'@react-icons/all-files/ai/AiOutlineCopy.js';import'@react-icons/all-files/ai/AiOutlineCheck.js';import'@react-icons/all-files/ai/AiOutlineWarning.js';import'@react-icons/all-files/ai/AiOutlineInfoCircle.js';import'@react-icons/all-files/bs/BsHash.js';import'@react-icons/all-files/bs/BsLock.js';import'@react-icons/all-files/bs/BsPeople.js';import'@react-icons/all-files/bs/BsPerson.js';import'@react-icons/all-files/bs/BsChat.js';import'@react-icons/all-files/bs/BsChatDots.js';import'@react-icons/all-files/bs/BsThreeDots.js';import'@react-icons/all-files/bs/BsThreeDotsVertical.js';import'@react-icons/all-files/hi/HiOutlineHashtag.js';import'@react-icons/all-files/hi/HiOutlineLockClosed.js';import'@react-icons/all-files/hi/HiOutlineUserGroup.js';import'@react-icons/all-files/hi/HiOutlineUser.js';import'@react-icons/all-files/hi/HiOutlineChat.js';import'@react-icons/all-files/hi/HiOutlinePencil.js';import'@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';import'@react-icons/all-files/hi/HiOutlineDotsVertical.js';import'@react-icons/all-files/hi/HiOutlinePlus.js';import'@react-icons/all-files/hi/HiOutlineX.js';import'@react-icons/all-files/hi/HiOutlineSearch.js';import'@react-icons/all-files/hi/HiOutlineHome.js';import'@react-icons/all-files/hi/HiOutlineInbox.js';import'@react-icons/all-files/hi/HiOutlineBell.js';import'@react-icons/all-files/hi/HiOutlineCog.js';import'@react-icons/all-files/io/IoMdAdd.js';import'@react-icons/all-files/io/IoMdClose.js';import'@react-icons/all-files/io/IoMdSearch.js';import'@react-icons/all-files/io/IoMdMenu.js';import'@react-icons/all-files/io/IoMdSettings.js';import'@react-icons/all-files/io/IoMdPerson.js';import'@react-icons/all-files/io/IoMdPeople.js';import'@react-icons/all-files/io/IoMdChatbubbles.js';import'@react-icons/all-files/io/IoMdNotifications.js';import'@react-icons/all-files/md/MdAdd.js';import'@react-icons/all-files/md/MdClose.js';import'@react-icons/all-files/md/MdSearch.js';import'@react-icons/all-files/md/MdMenu.js';import'@react-icons/all-files/md/MdSettings.js';import'@react-icons/all-files/md/MdPerson.js';import'@react-icons/all-files/md/MdPeople.js';import'@react-icons/all-files/md/MdChat.js';import'@react-icons/all-files/md/MdNotifications.js';import'@react-icons/all-files/md/MdHome.js';import'@react-icons/all-files/md/MdInbox.js';import'@react-icons/all-files/md/MdEdit.js';import'@react-icons/all-files/md/MdDelete.js';import'@react-icons/all-files/md/MdSend.js';import'@react-icons/all-files/md/MdRefresh.js';import'@react-icons/all-files/md/MdMoreHoriz.js';import'@react-icons/all-files/md/MdMoreVert.js';import'@react-icons/all-files/md/MdLock.js';import'@react-icons/all-files/md/MdPublic.js';import {useTranslation}from'react-i18next';const getDirectChannelDisplayName = (channel, currentUserId) => {
+  if (!channel.displayName) return channel.title || "Direct Message";
+  const parts = channel.displayName.split("_");
+  if (parts.length === 2) {
+    const [first, second] = parts;
+    const firstParts = first.split("-");
+    const secondParts = second.split("-");
+    if (firstParts[0] !== currentUserId) {
+      return firstParts[1] || first;
+    }
+    return secondParts[1] || second;
+  }
+  return channel.displayName;
+};
+const getInitials = (name) => {
+  if (!name) return "?";
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+};
+const DirectChannels = ({
+  directChannels = [],
+  loading = false,
+  error = null,
+  onRefetch,
+  currentUser
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [isExpanded, setIsExpanded] = useState(true);
+  const orgSlug = location.pathname.split("/")[2];
+  const limitedDirectChannels = useMemo(() => {
+    return directChannels.slice(0, 20);
+  }, [directChannels]);
+  const handleNewDirectMessage = useCallback(() => {
+    navigate(`/o/${orgSlug}/home/messages/new`);
+  }, [navigate, orgSlug]);
+  const handleRefetch = useCallback(() => {
+    onRefetch == null ? void 0 : onRefetch();
+  }, [onRefetch]);
+  const getChannelRoute = useCallback((channel) => {
+    const displayName = getDirectChannelDisplayName(channel, currentUser == null ? void 0 : currentUser.id);
+    return `/o/${orgSlug}/home/message/${displayName}`;
+  }, [orgSlug, currentUser == null ? void 0 : currentUser.id]);
+  const ListEmptyComponent = () => {
+    if (error) {
+      return /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "p-2 bg-red-50 rounded", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "Unable to load direct messages." }),
+        /* @__PURE__ */ jsxs("button", { onClick: handleRefetch, className: "flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline", children: [
+          /* @__PURE__ */ jsx(FiRefreshCw, { className: "w-4 h-4" }),
+          "Retry"
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-4 px-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-3 mb-2 rounded-full bg-gray-100", children: /* @__PURE__ */ jsx(FiUser, { className: "w-5 h-5 text-gray-500" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-sm text-center", children: "No direct messages yet" })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "py-2", children: [
+    /* @__PURE__ */ jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: t("messenger_box_browser.DIRECT_MESSAGES", "Direct Messages") }),
+      isExpanded ? /* @__PURE__ */ jsx(FiChevronDown, { className: "w-4 h-4 text-gray-600" }) : /* @__PURE__ */ jsx(FiChevronRight, { className: "w-4 h-4 text-gray-600" })
+    ] }),
+    isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+      loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500" }) }) : limitedDirectChannels.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        limitedDirectChannels.map((channel) => {
+          var _a;
+          const displayName = getDirectChannelDisplayName(channel, currentUser == null ? void 0 : currentUser.id);
+          const memberCount = ((_a = channel.displayName) == null ? void 0 : _a.split(",").length) || 1;
+          return /* @__PURE__ */ jsxs(Link, { to: getChannelRoute(channel), state: {
+            channel,
+            currentUser
+          }, className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors", children: [
+            memberCount > 1 ? /* @__PURE__ */ jsx("span", { className: "w-6 h-6 flex items-center justify-center bg-gray-200 rounded-full text-xs text-gray-700 flex-shrink-0", children: memberCount }) : /* @__PURE__ */ jsx("span", { className: "w-6 h-6 flex items-center justify-center bg-blue-100 rounded-full text-xs text-blue-700 flex-shrink-0", children: getInitials(displayName) }),
+            /* @__PURE__ */ jsx("span", { className: "text-gray-900 text-sm truncate", children: displayName })
+          ] }, channel.id);
+        }),
+        directChannels.length > 20 && /* @__PURE__ */ jsxs("button", { onClick: () => navigate(`/o/${orgSlug}/home/messages`), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+          /* @__PURE__ */ jsx(FiSearch, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Browse all Messages" })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(ListEmptyComponent, {}),
+      /* @__PURE__ */ jsxs("button", { onClick: handleNewDirectMessage, className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+        /* @__PURE__ */ jsx(FiPlus, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "New Message" })
+      ] })
+    ] })
+  ] });
+};
+React.memo(DirectChannels);export{DirectChannels};//# sourceMappingURL=DirectChannels.js.map

package/lib/components/Home/DirectChannels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectChannels.js","sources":["../../../src/components/Home/DirectChannels.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react';\nimport { Link, useLocation, useNavigate } from '@remix-run/react';\nimport { FiChevronDown, FiChevronRight, FiPlus, FiSearch, FiRefreshCw, FiUser } from '../../icons';\nimport { useTranslation } from 'react-i18next';\n\n// Helper to get the other user's display name from a direct channel\nconst getDirectChannelDisplayName = (channel: any, currentUserId: string) => {\n    if (!channel.displayName) return channel.title || 'Direct Message';\n    \n    const parts = channel.displayName.split('_');\n    if (parts.length === 2) {\n        const [first, second] = parts;\n        const firstParts = first.split('-');\n        const secondParts = second.split('-');\n        \n        if (firstParts[0] !== currentUserId) {\n            return firstParts[1] || first;\n        }\n        return secondParts[1] || second;\n    }\n    \n    return channel.displayName;\n};\n\n// Helper to get initials from a name\nconst getInitials = (name: string) => {\n    if (!name) return '?';\n    return name\n        .split(' ')\n        .map(n => n[0])\n        .join('')\n        .toUpperCase()\n        .slice(0, 2);\n};\n\ninterface DirectChannelsProps {\n    directChannels?: any[];\n    loading?: boolean;\n    error?: any;\n    onRefetch?: () => void;\n    currentUser?: any;\n}\n\nexport const DirectChannels: React.FC<DirectChannelsProps> = ({\n    directChannels = [],\n    loading = false,\n    error = null,\n    onRefetch,\n    currentUser\n}) => {\n    const { t } = useTranslation();\n    const location = useLocation();\n    const navigate = useNavigate();\n    const [isExpanded, setIsExpanded] = useState(true);\n    const orgSlug = location.pathname.split('/')[2];\n\n    // Limit to 20 direct channels\n    const limitedDirectChannels = useMemo(() => {\n        return directChannels.slice(0, 20);\n    }, [directChannels]);\n\n    const handleNewDirectMessage = useCallback(() => {\n        navigate(`/o/${orgSlug}/home/messages/new`);\n    }, [navigate, orgSlug]);\n\n    const handleRefetch = useCallback(() => {\n        onRefetch?.();\n    }, [onRefetch]);\n\n    const getChannelRoute = useCallback((channel: any) => {\n        const displayName = getDirectChannelDisplayName(channel, currentUser?.id);\n        return `/o/${orgSlug}/home/message/${displayName}`;\n    }, [orgSlug, currentUser?.id]);\n\n    const ListEmptyComponent = () => {\n        if (error) {\n            return (\n                <div className=\"p-3\">\n                    <div className=\"p-2 bg-red-50 rounded\">\n                        <p className=\"text-red-600 text-sm mb-2 font-medium\">\n                            Unable to load direct messages.\n                        </p>\n                        <button \n                            onClick={handleRefetch}\n                            className=\"flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline\"\n                        >\n                            <FiRefreshCw className=\"w-4 h-4\" />\n                            Retry\n                        </button>\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-col items-center py-4 px-3\">\n                <div className=\"p-3 mb-2 rounded-full bg-gray-100\">\n                    <FiUser className=\"w-5 h-5 text-gray-500\" />\n                </div>\n                <p className=\"text-gray-500 text-sm text-center\">No direct messages yet</p>\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"py-2\">\n            {/* Section Header */}\n            <button\n                onClick={() => setIsExpanded(!isExpanded)}\n                className=\"w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50\"\n            >\n                <span className=\"font-semibold text-gray-900\">\n                    {t('messenger_box_browser.DIRECT_MESSAGES', 'Direct Messages')}\n                </span>\n                {isExpanded ? (\n                    <FiChevronDown className=\"w-4 h-4 text-gray-600\" />\n                ) : (\n                    <FiChevronRight className=\"w-4 h-4 text-gray-600\" />\n                )}\n            </button>\n\n            {/* Direct Channels List */}\n            {isExpanded && (\n                <div className=\"mt-1\">\n                    {loading ? (\n                        <div className=\"flex items-center justify-center py-4\">\n                            <div className=\"animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500\"></div>\n                        </div>\n                    ) : limitedDirectChannels.length > 0 ? (\n                        <>\n                            {limitedDirectChannels.map((channel: any) => {\n                                const displayName = getDirectChannelDisplayName(channel, currentUser?.id);\n                                const memberCount = channel.displayName?.split(',').length || 1;\n                                \n                                return (\n                                    <Link\n                                        key={channel.id}\n                                        to={getChannelRoute(channel)}\n                                        state={{ channel, currentUser }}\n                                        className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors\"\n                                    >\n                                        {memberCount > 1 ? (\n                                            <span className=\"w-6 h-6 flex items-center justify-center bg-gray-200 rounded-full text-xs text-gray-700 flex-shrink-0\">\n                                                {memberCount}\n                                            </span>\n                                        ) : (\n                                            <span className=\"w-6 h-6 flex items-center justify-center bg-blue-100 rounded-full text-xs text-blue-700 flex-shrink-0\">\n                                                {getInitials(displayName)}\n                                            </span>\n                                        )}\n                                        <span className=\"text-gray-900 text-sm truncate\">{displayName}</span>\n                                    </Link>\n                                );\n                            })}\n                            \n                            {/* Browse all messages */}\n                            {directChannels.length > 20 && (\n                                <button\n                                    onClick={() => navigate(`/o/${orgSlug}/home/messages`)}\n                                    className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                                >\n                                    <FiSearch className=\"w-4 h-4\" />\n                                    <span className=\"text-sm\">Browse all Messages</span>\n                                </button>\n                            )}\n                        </>\n                    ) : (\n                        <ListEmptyComponent />\n                    )}\n\n                    {/* New Direct Message */}\n                    <button\n                        onClick={handleNewDirectMessage}\n                        className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                    >\n                        <FiPlus className=\"w-4 h-4\" />\n                        <span className=\"text-sm\">New Message</span>\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default React.memo(DirectChannels);\n"],"names":[],"mappings":"oxLAMA,MAAM,2BAAA,GAA8B,CAAC,OAAA,EAAc,aAAA,KAA0B;AAC3E,EAAA,IAAI,CAAC,OAAA,CAAQ,WAAA,EAAa,OAAO,QAAQ,KAAA,IAAS,gBAAA;AAClD,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,WAAA,CAAY,KAAA,CAAM,GAAG,CAAA;AAC3C,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,MAAM,CAAC,KAAA,EAAO,MAAM,CAAA,GAAI,KAAA;AACxB,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,KAAA,CAAM,GAAG,CAAA;AAClC,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,CAAM,GAAG,CAAA;AACpC,IAAA,IAAI,UAAA,CAAW,CAAC,CAAA,KAAM,aAAA,EAAe;AACnC,MAAA,OAAO,UAAA,CAAW,CAAC,CAAA,IAAK,KAAA;AAAA,IAC1B;AACA,IAAA,OAAO,WAAA,CAAY,CAAC,CAAA,IAAK,MAAA;AAAA,EAC3B;AACA,EAAA,OAAO,OAAA,CAAQ,WAAA;AACjB,CAAA;AAGA,MAAM,WAAA,GAAc,CAAC,IAAA,KAAiB;AACpC,EAAA,IAAI,CAAC,MAAM,OAAO,GAAA;AAClB,EAAA,OAAO,KAAK,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,OAAK,CAAA,CAAE,CAAC,CAAC,CAAA,CAAE,KAAK,EAAE,CAAA,CAAE,aAAY,CAAE,KAAA,CAAM,GAAG,CAAC,CAAA;AACzE,CAAA;AAQO,MAAM,iBAAgD,CAAC;AAAA,EAC5D,iBAAiB,EAAC;AAAA,EAClB,OAAA,GAAU,KAAA;AAAA,EACV,KAAA,GAAQ,IAAA;AAAA,EACR,SAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM;AAAA,IACJ;AAAA,MACE,cAAA,EAAe;AACnB,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AACjD,EAAA,MAAM,UAAU,QAAA,CAAS,QAAA,CAAS,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAG9C,EAAA,MAAM,qBAAA,GAAwB,QAAQ,MAAM;AAC1C,IAAA,OAAO,cAAA,CAAe,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAA,MAAM,sBAAA,GAAyB,YAAY,MAAM;AAC/C,IAAA,QAAA,CAAS,CAAA,GAAA,EAAM,OAAO,CAAA,kBAAA,CAAoB,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,QAAA,EAAU,OAAO,CAAC,CAAA;AACtB,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,EAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AACd,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,CAAC,OAAA,KAAiB;AACpD,IAAA,MAAM,WAAA,GAAc,2BAAA,CAA4B,OAAA,EAAS,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,EAAE,CAAA;AACxE,IAAA,OAAO,CAAA,GAAA,EAAM,OAAO,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAA;AAAA,EAClD,CAAA,EAAG,CAAC,OAAA,EAAS,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,EAAE,CAAC,CAAA;AAC7B,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAU,OACR,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uCAAA,EAAwC,QAAA,EAAA,iCAAA,EAErD,CAAA;AAAA,wBACA,IAAA,CAAC,QAAA,EAAA,EAAO,OAAA,EAAS,aAAA,EAAe,WAAU,2EAAA,EACtC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,SAAA,EAAU,CAAA;AAAA,UAAE;AAAA,SAAA,EAEvC;AAAA,OAAA,EACJ,CAAA,EACJ,CAAA;AAAA,IACZ;AACA,IAAA,uBAAO,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACV,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACX,8BAAC,MAAA,EAAA,EAAO,SAAA,EAAU,yBAAwB,CAAA,EAC9C,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAA,EAAoC,QAAA,EAAA,wBAAA,EAAsB;AAAA,KAAA,EAC3E,CAAA;AAAA,EACV,CAAA;AACA,EAAA,uBAAO,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAEZ,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,SAAS,MAAM,aAAA,CAAc,CAAC,UAAU,CAAA,EAAG,WAAU,qEAAA,EACzD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,6BAAA,EACX,QAAA,EAAA,CAAA,CAAE,uCAAA,EAAyC,iBAAiB,CAAA,EACjE,CAAA;AAAA,MACC,UAAA,uBAAc,aAAA,EAAA,EAAc,SAAA,EAAU,yBAAwB,CAAA,mBAAK,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,uBAAA,EAAwB;AAAA,KAAA,EAC1H,CAAA;AAAA,IAGC,UAAA,oBAAc,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACrB,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uCAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEAAA,EAA0E,CAAA,EAC7F,CAAA,GAAS,qBAAA,CAAsB,MAAA,GAAS,oBAAI,IAAA,CAAA,QAAA,EAAA,EACvC,QAAA,EAAA;AAAA,QAAA,qBAAA,CAAsB,GAAA,CAAI,CAAC,OAAA,KAAiB;AAjGzE,UAAA,IAAA,EAAA;AAkGU,UAAA,MAAM,WAAA,GAAc,2BAAA,CAA4B,OAAA,EAAS,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,EAAE,CAAA;AACxE,UAAA,MAAM,gBAAc,EAAA,GAAA,OAAA,CAAQ,WAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqB,KAAA,CAAM,KAAK,MAAA,KAAU,CAAA;AAC9D,UAAA,4BAAQ,IAAA,EAAA,EAAsB,EAAA,EAAI,eAAA,CAAgB,OAAO,GAAG,KAAA,EAAO;AAAA,YACjE,OAAA;AAAA,YACA;AAAA,WACF,EAAG,WAAU,6EAAA,EACkB,QAAA,EAAA;AAAA,YAAA,WAAA,GAAc,CAAA,mBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uGAAA,EAC1B,QAAA,EAAA,WAAA,EACL,CAAA,mBAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uGAAA,EACrB,QAAA,EAAA,WAAA,CAAY,WAAW,CAAA,EAC5B,CAAA;AAAA,4BACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAkC,QAAA,EAAA,WAAA,EAAY;AAAA,WAAA,EAAA,EAT1E,QAAQ,EAUA,CAAA;AAAA,QAC5B,CAAC,CAAA;AAAA,QAGoB,cAAA,CAAe,MAAA,GAAS,EAAA,oBAAM,IAAA,CAAC,QAAA,EAAA,EAAO,OAAA,EAAS,MAAM,QAAA,CAAS,CAAA,GAAA,EAAM,OAAO,CAAA,cAAA,CAAgB,CAAA,EAAG,WAAU,yEAAA,EACjG,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,SAAA,EAAU,CAAA;AAAA,0BAC9B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,qBAAA,EAAmB;AAAA,SAAA,EACjD;AAAA,OAAA,EACR,CAAA,uBAAO,kBAAA,EAAA,EAAmB,CAAA;AAAA,sBAG9B,IAAA,CAAC,QAAA,EAAA,EAAO,OAAA,EAAS,sBAAA,EAAwB,WAAU,yEAAA,EAC/C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,SAAA,EAAU,CAAA;AAAA,wBAC5B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,EAAW;AAAA,OAAA,EACzC;AAAA,KAAA,EACJ;AAAA,GAAA,EACR,CAAA;AACR;AACe,KAAA,CAAM,KAAK,cAAc,CAAA"}

package/lib/components/Home/InviteMembers.js

@@ -0,0 +1,70 @@
+import {jsxs,jsx}from'react/jsx-runtime';import React,{useState,useCallback}from'react';import {useLocation,useNavigate}from'@remix-run/react';import'@react-icons/all-files/fi/FiChevronDown.js';import'@react-icons/all-files/fi/FiChevronRight.js';import'@react-icons/all-files/fi/FiChevronLeft.js';import'@react-icons/all-files/fi/FiPlus.js';import'@react-icons/all-files/fi/FiSearch.js';import'@react-icons/all-files/fi/FiHash.js';import'@react-icons/all-files/fi/FiLock.js';import'@react-icons/all-files/fi/FiRefreshCw.js';import'@react-icons/all-files/fi/FiUser.js';import {FiUserPlus}from'@react-icons/all-files/fi/FiUserPlus.js';import {FiShare2}from'@react-icons/all-files/fi/FiShare2.js';import {FiMail}from'@react-icons/all-files/fi/FiMail.js';import {FiX}from'@react-icons/all-files/fi/FiX.js';import'@react-icons/all-files/fi/FiEdit.js';import'@react-icons/all-files/fi/FiEdit2.js';import'@react-icons/all-files/fi/FiMessageSquare.js';import'@react-icons/all-files/fi/FiBookmark.js';import'@react-icons/all-files/fi/FiSend.js';import'@react-icons/all-files/fi/FiMoreHorizontal.js';import'@react-icons/all-files/fi/FiMoreVertical.js';import'@react-icons/all-files/fi/FiSettings.js';import'@react-icons/all-files/fi/FiHome.js';import'@react-icons/all-files/fi/FiInbox.js';import'@react-icons/all-files/fi/FiUsers.js';import'@react-icons/all-files/fi/FiMessageCircle.js';import'@react-icons/all-files/fi/FiBell.js';import'@react-icons/all-files/fi/FiLogOut.js';import'@react-icons/all-files/fi/FiMenu.js';import'@react-icons/all-files/fi/FiTrash2.js';import'@react-icons/all-files/fi/FiCopy.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiInfo.js';import'@react-icons/all-files/vsc/VscChromeClose.js';import'@react-icons/all-files/vsc/VscAdd.js';import'@react-icons/all-files/vsc/VscSearch.js';import'@react-icons/all-files/vsc/VscMenu.js';import'@react-icons/all-files/go/GoGlobe.js';import'@react-icons/all-files/go/GoOrganization.js';import'@react-icons/all-files/go/GoPerson.js';import'@react-icons/all-files/go/GoComment.js';import'@react-icons/all-files/ri/RiAdminFill.js';import'@react-icons/all-files/ri/RiAdminLine.js';import'@react-icons/all-files/ri/RiTeamLine.js';import'@react-icons/all-files/ri/RiTeamFill.js';import'@react-icons/all-files/ai/AiOutlineHome.js';import'@react-icons/all-files/ai/AiOutlineInbox.js';import'@react-icons/all-files/ai/AiOutlineMessage.js';import'@react-icons/all-files/ai/AiOutlineTeam.js';import'@react-icons/all-files/ai/AiOutlineSetting.js';import'@react-icons/all-files/ai/AiOutlineUser.js';import'@react-icons/all-files/ai/AiOutlinePlus.js';import'@react-icons/all-files/ai/AiOutlineClose.js';import'@react-icons/all-files/ai/AiOutlineSearch.js';import'@react-icons/all-files/ai/AiOutlineEdit.js';import'@react-icons/all-files/ai/AiOutlineDelete.js';import'@react-icons/all-files/ai/AiOutlineSend.js';import'@react-icons/all-files/ai/AiOutlineBell.js';import'@react-icons/all-files/ai/AiOutlineLogout.js';import'@react-icons/all-files/ai/AiOutlineMenu.js';import'@react-icons/all-files/ai/AiOutlineCopy.js';import'@react-icons/all-files/ai/AiOutlineCheck.js';import'@react-icons/all-files/ai/AiOutlineWarning.js';import'@react-icons/all-files/ai/AiOutlineInfoCircle.js';import'@react-icons/all-files/bs/BsHash.js';import'@react-icons/all-files/bs/BsLock.js';import'@react-icons/all-files/bs/BsPeople.js';import'@react-icons/all-files/bs/BsPerson.js';import'@react-icons/all-files/bs/BsChat.js';import'@react-icons/all-files/bs/BsChatDots.js';import'@react-icons/all-files/bs/BsThreeDots.js';import'@react-icons/all-files/bs/BsThreeDotsVertical.js';import'@react-icons/all-files/hi/HiOutlineHashtag.js';import'@react-icons/all-files/hi/HiOutlineLockClosed.js';import'@react-icons/all-files/hi/HiOutlineUserGroup.js';import'@react-icons/all-files/hi/HiOutlineUser.js';import'@react-icons/all-files/hi/HiOutlineChat.js';import'@react-icons/all-files/hi/HiOutlinePencil.js';import'@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';import'@react-icons/all-files/hi/HiOutlineDotsVertical.js';import'@react-icons/all-files/hi/HiOutlinePlus.js';import'@react-icons/all-files/hi/HiOutlineX.js';import'@react-icons/all-files/hi/HiOutlineSearch.js';import'@react-icons/all-files/hi/HiOutlineHome.js';import'@react-icons/all-files/hi/HiOutlineInbox.js';import'@react-icons/all-files/hi/HiOutlineBell.js';import'@react-icons/all-files/hi/HiOutlineCog.js';import'@react-icons/all-files/io/IoMdAdd.js';import'@react-icons/all-files/io/IoMdClose.js';import'@react-icons/all-files/io/IoMdSearch.js';import'@react-icons/all-files/io/IoMdMenu.js';import'@react-icons/all-files/io/IoMdSettings.js';import'@react-icons/all-files/io/IoMdPerson.js';import'@react-icons/all-files/io/IoMdPeople.js';import'@react-icons/all-files/io/IoMdChatbubbles.js';import'@react-icons/all-files/io/IoMdNotifications.js';import'@react-icons/all-files/md/MdAdd.js';import'@react-icons/all-files/md/MdClose.js';import'@react-icons/all-files/md/MdSearch.js';import'@react-icons/all-files/md/MdMenu.js';import'@react-icons/all-files/md/MdSettings.js';import'@react-icons/all-files/md/MdPerson.js';import'@react-icons/all-files/md/MdPeople.js';import'@react-icons/all-files/md/MdChat.js';import'@react-icons/all-files/md/MdNotifications.js';import'@react-icons/all-files/md/MdHome.js';import'@react-icons/all-files/md/MdInbox.js';import'@react-icons/all-files/md/MdEdit.js';import'@react-icons/all-files/md/MdDelete.js';import'@react-icons/all-files/md/MdSend.js';import'@react-icons/all-files/md/MdRefresh.js';import'@react-icons/all-files/md/MdMoreHoriz.js';import'@react-icons/all-files/md/MdMoreVert.js';import'@react-icons/all-files/md/MdLock.js';import'@react-icons/all-files/md/MdPublic.js';import {useTranslation}from'react-i18next';const InviteMembers = ({
+  organizationName,
+  sharableLink
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const orgSlug = location.pathname.split("/")[2];
+  const handleShareLink = useCallback(async () => {
+    if (sharableLink) {
+      try {
+        if (navigator.share) {
+          await navigator.share({
+            title: `Join ${organizationName || "our team"}`,
+            text: `Join us on the messenger platform`,
+            url: sharableLink
+          });
+        } else {
+          await navigator.clipboard.writeText(sharableLink);
+          alert("Link copied to clipboard!");
+        }
+      } catch (error) {
+        console.error("Error sharing:", error);
+      }
+    }
+    setIsModalOpen(false);
+  }, [sharableLink, organizationName]);
+  const handleAddFromContacts = useCallback(() => {
+    navigate(`/o/${orgSlug}/home/invite/contacts`);
+    setIsModalOpen(false);
+  }, [navigate, orgSlug]);
+  const handleAddByEmail = useCallback(() => {
+    navigate(`/o/${orgSlug}/home/invite/email`);
+    setIsModalOpen(false);
+  }, [navigate, orgSlug]);
+  return /* @__PURE__ */ jsxs("div", { className: "py-2 px-4", children: [
+    /* @__PURE__ */ jsxs("button", { onClick: () => setIsModalOpen(true), className: "w-full flex items-center gap-3 py-3 px-3 hover:bg-gray-50 rounded-lg transition-colors", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx(FiUserPlus, { className: "w-5 h-5 text-gray-600" }) }),
+      /* @__PURE__ */ jsx("span", { className: "text-gray-800 font-medium text-sm", children: "Add teammates" })
+    ] }),
+    isModalOpen && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50", onClick: () => setIsModalOpen(false) }),
+      /* @__PURE__ */ jsxs("div", { className: "relative bg-white rounded-xl shadow-xl w-full max-w-md mx-4 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-200", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Invite people to join your team" }),
+          /* @__PURE__ */ jsx("button", { onClick: () => setIsModalOpen(false), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsx(FiX, { className: "w-5 h-5 text-gray-500" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("button", { onClick: handleShareLink, className: "w-full flex items-center justify-center gap-2 py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium", children: [
+            /* @__PURE__ */ jsx(FiShare2, { className: "w-5 h-5" }),
+            "Share a Link"
+          ] }),
+          /* @__PURE__ */ jsxs("button", { onClick: handleAddFromContacts, className: "w-full flex items-center justify-center gap-2 py-3 px-4 bg-gray-100 hover:bg-gray-200 text-gray-900 rounded-lg transition-colors font-medium", children: [
+            /* @__PURE__ */ jsx(FiUserPlus, { className: "w-5 h-5" }),
+            "Add from Contacts"
+          ] }),
+          /* @__PURE__ */ jsxs("button", { onClick: handleAddByEmail, className: "w-full flex items-center justify-center gap-2 py-3 px-4 bg-gray-100 hover:bg-gray-200 text-gray-900 rounded-lg transition-colors font-medium", children: [
+            /* @__PURE__ */ jsx(FiMail, { className: "w-5 h-5" }),
+            "Add by Email"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "px-6 py-4 border-t border-gray-200", children: /* @__PURE__ */ jsx("button", { onClick: () => setIsModalOpen(false), className: "w-full py-2 text-gray-500 hover:text-gray-700 font-medium transition-colors", children: "Cancel" }) })
+      ] })
+    ] })
+  ] });
+};
+React.memo(InviteMembers);export{InviteMembers};//# sourceMappingURL=InviteMembers.js.map

package/lib/components/Home/InviteMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteMembers.js","sources":["../../../src/components/Home/InviteMembers.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { useLocation, useNavigate } from '@remix-run/react';\nimport { FiShare2, FiUserPlus, FiMail, FiX } from '../../icons';\nimport { useTranslation } from 'react-i18next';\n\ninterface InviteMembersProps {\n    organizationName?: string;\n    sharableLink?: string;\n}\n\nexport const InviteMembers: React.FC<InviteMembersProps> = ({ \n    organizationName,\n    sharableLink \n}) => {\n    const { t } = useTranslation();\n    const location = useLocation();\n    const navigate = useNavigate();\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const orgSlug = location.pathname.split('/')[2];\n\n    const handleShareLink = useCallback(async () => {\n        if (sharableLink) {\n            try {\n                if (navigator.share) {\n                    await navigator.share({\n                        title: `Join ${organizationName || 'our team'}`,\n                        text: `Join us on the messenger platform`,\n                        url: sharableLink,\n                    });\n                } else {\n                    // Fallback to copying to clipboard\n                    await navigator.clipboard.writeText(sharableLink);\n                    alert('Link copied to clipboard!');\n                }\n            } catch (error) {\n                console.error('Error sharing:', error);\n            }\n        }\n        setIsModalOpen(false);\n    }, [sharableLink, organizationName]);\n\n    const handleAddFromContacts = useCallback(() => {\n        navigate(`/o/${orgSlug}/home/invite/contacts`);\n        setIsModalOpen(false);\n    }, [navigate, orgSlug]);\n\n    const handleAddByEmail = useCallback(() => {\n        navigate(`/o/${orgSlug}/home/invite/email`);\n        setIsModalOpen(false);\n    }, [navigate, orgSlug]);\n\n    return (\n        <div className=\"py-2 px-4\">\n            <button\n                onClick={() => setIsModalOpen(true)}\n                className=\"w-full flex items-center gap-3 py-3 px-3 hover:bg-gray-50 rounded-lg transition-colors\"\n            >\n                <div className=\"p-2 bg-gray-100 rounded-full\">\n                    <FiUserPlus className=\"w-5 h-5 text-gray-600\" />\n                </div>\n                <span className=\"text-gray-800 font-medium text-sm\">Add teammates</span>\n            </button>\n\n            {/* Modal */}\n            {isModalOpen && (\n                <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n                    {/* Backdrop */}\n                    <div \n                        className=\"absolute inset-0 bg-black/50\"\n                        onClick={() => setIsModalOpen(false)}\n                    />\n                    \n                    {/* Modal Content */}\n                    <div className=\"relative bg-white rounded-xl shadow-xl w-full max-w-md mx-4 overflow-hidden\">\n                        {/* Header */}\n                        <div className=\"flex items-center justify-between px-6 py-4 border-b border-gray-200\">\n                            <h3 className=\"text-lg font-semibold text-gray-900\">\n                                Invite people to join your team\n                            </h3>\n                            <button\n                                onClick={() => setIsModalOpen(false)}\n                                className=\"p-2 hover:bg-gray-100 rounded-full transition-colors\"\n                            >\n                                <FiX className=\"w-5 h-5 text-gray-500\" />\n                            </button>\n                        </div>\n\n                        {/* Actions */}\n                        <div className=\"p-4 space-y-3\">\n                            {/* Share Link */}\n                            <button\n                                onClick={handleShareLink}\n                                className=\"w-full flex items-center justify-center gap-2 py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium\"\n                            >\n                                <FiShare2 className=\"w-5 h-5\" />\n                                Share a Link\n                            </button>\n\n                            {/* Add from Contacts */}\n                            <button\n                                onClick={handleAddFromContacts}\n                                className=\"w-full flex items-center justify-center gap-2 py-3 px-4 bg-gray-100 hover:bg-gray-200 text-gray-900 rounded-lg transition-colors font-medium\"\n                            >\n                                <FiUserPlus className=\"w-5 h-5\" />\n                                Add from Contacts\n                            </button>\n\n                            {/* Add by Email */}\n                            <button\n                                onClick={handleAddByEmail}\n                                className=\"w-full flex items-center justify-center gap-2 py-3 px-4 bg-gray-100 hover:bg-gray-200 text-gray-900 rounded-lg transition-colors font-medium\"\n                            >\n                                <FiMail className=\"w-5 h-5\" />\n                                Add by Email\n                            </button>\n                        </div>\n\n                        {/* Footer */}\n                        <div className=\"px-6 py-4 border-t border-gray-200\">\n                            <button\n                                onClick={() => setIsModalOpen(false)}\n                                className=\"w-full py-2 text-gray-500 hover:text-gray-700 font-medium transition-colors\"\n                            >\n                                Cancel\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default React.memo(InviteMembers);\n"],"names":[],"mappings":"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"}

package/lib/components/Home/Teams.js

@@ -0,0 +1,62 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React,{useState,useCallback}from'react';import {useLocation,useNavigate}from'@remix-run/react';import {FiChevronDown}from'@react-icons/all-files/fi/FiChevronDown.js';import {FiChevronRight}from'@react-icons/all-files/fi/FiChevronRight.js';import'@react-icons/all-files/fi/FiChevronLeft.js';import {FiPlus}from'@react-icons/all-files/fi/FiPlus.js';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import'@react-icons/all-files/fi/FiHash.js';import {FiLock}from'@react-icons/all-files/fi/FiLock.js';import {FiRefreshCw}from'@react-icons/all-files/fi/FiRefreshCw.js';import'@react-icons/all-files/fi/FiUser.js';import'@react-icons/all-files/fi/FiUserPlus.js';import'@react-icons/all-files/fi/FiShare2.js';import'@react-icons/all-files/fi/FiMail.js';import'@react-icons/all-files/fi/FiX.js';import'@react-icons/all-files/fi/FiEdit.js';import'@react-icons/all-files/fi/FiEdit2.js';import'@react-icons/all-files/fi/FiMessageSquare.js';import'@react-icons/all-files/fi/FiBookmark.js';import'@react-icons/all-files/fi/FiSend.js';import'@react-icons/all-files/fi/FiMoreHorizontal.js';import'@react-icons/all-files/fi/FiMoreVertical.js';import'@react-icons/all-files/fi/FiSettings.js';import'@react-icons/all-files/fi/FiHome.js';import'@react-icons/all-files/fi/FiInbox.js';import'@react-icons/all-files/fi/FiUsers.js';import'@react-icons/all-files/fi/FiMessageCircle.js';import'@react-icons/all-files/fi/FiBell.js';import'@react-icons/all-files/fi/FiLogOut.js';import'@react-icons/all-files/fi/FiMenu.js';import'@react-icons/all-files/fi/FiTrash2.js';import'@react-icons/all-files/fi/FiCopy.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiInfo.js';import'@react-icons/all-files/vsc/VscChromeClose.js';import'@react-icons/all-files/vsc/VscAdd.js';import'@react-icons/all-files/vsc/VscSearch.js';import'@react-icons/all-files/vsc/VscMenu.js';import'@react-icons/all-files/go/GoGlobe.js';import'@react-icons/all-files/go/GoOrganization.js';import'@react-icons/all-files/go/GoPerson.js';import'@react-icons/all-files/go/GoComment.js';import'@react-icons/all-files/ri/RiAdminFill.js';import'@react-icons/all-files/ri/RiAdminLine.js';import'@react-icons/all-files/ri/RiTeamLine.js';import'@react-icons/all-files/ri/RiTeamFill.js';import'@react-icons/all-files/ai/AiOutlineHome.js';import'@react-icons/all-files/ai/AiOutlineInbox.js';import'@react-icons/all-files/ai/AiOutlineMessage.js';import'@react-icons/all-files/ai/AiOutlineTeam.js';import'@react-icons/all-files/ai/AiOutlineSetting.js';import'@react-icons/all-files/ai/AiOutlineUser.js';import'@react-icons/all-files/ai/AiOutlinePlus.js';import'@react-icons/all-files/ai/AiOutlineClose.js';import'@react-icons/all-files/ai/AiOutlineSearch.js';import'@react-icons/all-files/ai/AiOutlineEdit.js';import'@react-icons/all-files/ai/AiOutlineDelete.js';import'@react-icons/all-files/ai/AiOutlineSend.js';import'@react-icons/all-files/ai/AiOutlineBell.js';import'@react-icons/all-files/ai/AiOutlineLogout.js';import'@react-icons/all-files/ai/AiOutlineMenu.js';import'@react-icons/all-files/ai/AiOutlineCopy.js';import'@react-icons/all-files/ai/AiOutlineCheck.js';import'@react-icons/all-files/ai/AiOutlineWarning.js';import'@react-icons/all-files/ai/AiOutlineInfoCircle.js';import'@react-icons/all-files/bs/BsHash.js';import'@react-icons/all-files/bs/BsLock.js';import'@react-icons/all-files/bs/BsPeople.js';import'@react-icons/all-files/bs/BsPerson.js';import'@react-icons/all-files/bs/BsChat.js';import'@react-icons/all-files/bs/BsChatDots.js';import'@react-icons/all-files/bs/BsThreeDots.js';import'@react-icons/all-files/bs/BsThreeDotsVertical.js';import'@react-icons/all-files/hi/HiOutlineHashtag.js';import'@react-icons/all-files/hi/HiOutlineLockClosed.js';import'@react-icons/all-files/hi/HiOutlineUserGroup.js';import'@react-icons/all-files/hi/HiOutlineUser.js';import'@react-icons/all-files/hi/HiOutlineChat.js';import'@react-icons/all-files/hi/HiOutlinePencil.js';import'@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';import'@react-icons/all-files/hi/HiOutlineDotsVertical.js';import'@react-icons/all-files/hi/HiOutlinePlus.js';import'@react-icons/all-files/hi/HiOutlineX.js';import'@react-icons/all-files/hi/HiOutlineSearch.js';import'@react-icons/all-files/hi/HiOutlineHome.js';import'@react-icons/all-files/hi/HiOutlineInbox.js';import'@react-icons/all-files/hi/HiOutlineBell.js';import'@react-icons/all-files/hi/HiOutlineCog.js';import'@react-icons/all-files/io/IoMdAdd.js';import'@react-icons/all-files/io/IoMdClose.js';import'@react-icons/all-files/io/IoMdSearch.js';import'@react-icons/all-files/io/IoMdMenu.js';import'@react-icons/all-files/io/IoMdSettings.js';import'@react-icons/all-files/io/IoMdPerson.js';import'@react-icons/all-files/io/IoMdPeople.js';import'@react-icons/all-files/io/IoMdChatbubbles.js';import'@react-icons/all-files/io/IoMdNotifications.js';import'@react-icons/all-files/md/MdAdd.js';import'@react-icons/all-files/md/MdClose.js';import'@react-icons/all-files/md/MdSearch.js';import'@react-icons/all-files/md/MdMenu.js';import'@react-icons/all-files/md/MdSettings.js';import'@react-icons/all-files/md/MdPerson.js';import'@react-icons/all-files/md/MdPeople.js';import'@react-icons/all-files/md/MdChat.js';import'@react-icons/all-files/md/MdNotifications.js';import'@react-icons/all-files/md/MdHome.js';import'@react-icons/all-files/md/MdInbox.js';import'@react-icons/all-files/md/MdEdit.js';import'@react-icons/all-files/md/MdDelete.js';import'@react-icons/all-files/md/MdSend.js';import'@react-icons/all-files/md/MdRefresh.js';import'@react-icons/all-files/md/MdMoreHoriz.js';import'@react-icons/all-files/md/MdMoreVert.js';import'@react-icons/all-files/md/MdLock.js';import'@react-icons/all-files/md/MdPublic.js';import {useTranslation}from'react-i18next';const Teams = ({
+  teams = [],
+  loading = false,
+  error = null,
+  onRefetch
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [isExpanded, setIsExpanded] = useState(true);
+  const orgSlug = location.pathname.split("/")[2];
+  const handleTeamClick = useCallback((team) => {
+    navigate(`/o/${orgSlug}/home/team/${team.id}`, {
+      state: {
+        team
+      }
+    });
+  }, [navigate, orgSlug]);
+  const handleRefetch = useCallback(() => {
+    onRefetch == null ? void 0 : onRefetch();
+  }, [onRefetch]);
+  const ListEmptyComponent = () => {
+    if (error) {
+      return /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "p-2 bg-red-50 rounded", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "Team service is temporarily unavailable." }),
+        /* @__PURE__ */ jsxs("button", { onClick: handleRefetch, className: "flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline", children: [
+          /* @__PURE__ */ jsx(FiRefreshCw, { className: "w-4 h-4" }),
+          "Retry"
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-4 px-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-3 mb-2 rounded-full bg-gray-100", children: /* @__PURE__ */ jsx(FiLock, { className: "w-5 h-5 text-gray-500" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-sm text-center", children: "No teams available" })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "py-2", children: [
+    /* @__PURE__ */ jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: "Teams" }),
+      isExpanded ? /* @__PURE__ */ jsx(FiChevronDown, { className: "w-4 h-4 text-gray-600" }) : /* @__PURE__ */ jsx(FiChevronRight, { className: "w-4 h-4 text-gray-600" })
+    ] }),
+    isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+      loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500" }) }) : teams.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        teams.map((team) => /* @__PURE__ */ jsxs("button", { onClick: () => handleTeamClick(team), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors", children: [
+          /* @__PURE__ */ jsx(FiLock, { className: "w-4 h-4 text-gray-500 flex-shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-900 text-sm truncate", children: team.title })
+        ] }, team.id)),
+        teams.length >= 10 && /* @__PURE__ */ jsxs("button", { onClick: () => navigate(`/o/${orgSlug}/home/teams`), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+          /* @__PURE__ */ jsx(FiSearch, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Browse all Teams" })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(ListEmptyComponent, {}),
+      /* @__PURE__ */ jsxs("button", { onClick: () => navigate(`/o/${orgSlug}/home/teams/new`), className: "w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500", children: [
+        /* @__PURE__ */ jsx(FiPlus, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Add Team" })
+      ] })
+    ] })
+  ] });
+};
+React.memo(Teams);export{Teams};//# sourceMappingURL=Teams.js.map

package/lib/components/Home/Teams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teams.js","sources":["../../../src/components/Home/Teams.tsx"],"sourcesContent":["import React, { useState, useCallback, useContext } from 'react';\nimport { useLocation, useNavigate } from '@remix-run/react';\nimport { FiChevronDown, FiChevronRight, FiPlus, FiSearch, FiLock, FiRefreshCw } from '../../icons';\nimport { useTranslation } from 'react-i18next';\n\ninterface TeamsProps {\n    teams?: any[];\n    loading?: boolean;\n    error?: any;\n    onRefetch?: () => void;\n}\n\nexport const Teams: React.FC<TeamsProps> = ({ \n    teams = [], \n    loading = false, \n    error = null,\n    onRefetch \n}) => {\n    const { t } = useTranslation();\n    const location = useLocation();\n    const navigate = useNavigate();\n    const [isExpanded, setIsExpanded] = useState(true);\n    const orgSlug = location.pathname.split('/')[2];\n\n    const handleTeamClick = useCallback((team: any) => {\n        navigate(`/o/${orgSlug}/home/team/${team.id}`, {\n            state: { team }\n        });\n    }, [navigate, orgSlug]);\n\n    const handleRefetch = useCallback(() => {\n        onRefetch?.();\n    }, [onRefetch]);\n\n    const ListEmptyComponent = () => {\n        if (error) {\n            return (\n                <div className=\"p-3\">\n                    <div className=\"p-2 bg-red-50 rounded\">\n                        <p className=\"text-red-600 text-sm mb-2 font-medium\">\n                            Team service is temporarily unavailable.\n                        </p>\n                        <button \n                            onClick={handleRefetch}\n                            className=\"flex items-center gap-1 text-blue-600 text-sm font-medium hover:underline\"\n                        >\n                            <FiRefreshCw className=\"w-4 h-4\" />\n                            Retry\n                        </button>\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-col items-center py-4 px-3\">\n                <div className=\"p-3 mb-2 rounded-full bg-gray-100\">\n                    <FiLock className=\"w-5 h-5 text-gray-500\" />\n                </div>\n                <p className=\"text-gray-500 text-sm text-center\">No teams available</p>\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"py-2\">\n            {/* Section Header */}\n            <button\n                onClick={() => setIsExpanded(!isExpanded)}\n                className=\"w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50\"\n            >\n                <span className=\"font-semibold text-gray-900\">Teams</span>\n                {isExpanded ? (\n                    <FiChevronDown className=\"w-4 h-4 text-gray-600\" />\n                ) : (\n                    <FiChevronRight className=\"w-4 h-4 text-gray-600\" />\n                )}\n            </button>\n\n            {/* Teams List */}\n            {isExpanded && (\n                <div className=\"mt-1\">\n                    {loading ? (\n                        <div className=\"flex items-center justify-center py-4\">\n                            <div className=\"animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500\"></div>\n                        </div>\n                    ) : teams.length > 0 ? (\n                        <>\n                            {teams.map((team) => (\n                                <button\n                                    key={team.id}\n                                    onClick={() => handleTeamClick(team)}\n                                    className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition-colors\"\n                                >\n                                    <FiLock className=\"w-4 h-4 text-gray-500 flex-shrink-0\" />\n                                    <span className=\"text-gray-900 text-sm truncate\">{team.title}</span>\n                                </button>\n                            ))}\n                            \n                            {/* Browse all teams */}\n                            {teams.length >= 10 && (\n                                <button\n                                    onClick={() => navigate(`/o/${orgSlug}/home/teams`)}\n                                    className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                                >\n                                    <FiSearch className=\"w-4 h-4\" />\n                                    <span className=\"text-sm\">Browse all Teams</span>\n                                </button>\n                            )}\n                        </>\n                    ) : (\n                        <ListEmptyComponent />\n                    )}\n\n                    {/* Add Team */}\n                    <button\n                        onClick={() => navigate(`/o/${orgSlug}/home/teams/new`)}\n                        className=\"w-full flex items-center gap-3 px-4 py-2 hover:bg-gray-50 text-gray-500\"\n                    >\n                        <FiPlus className=\"w-4 h-4\" />\n                        <span className=\"text-sm\">Add Team</span>\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default React.memo(Teams);\n"],"names":[],"mappings":"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"}

package/lib/components/Home/TopCommonSlider.js

@@ -0,0 +1,35 @@
+import {jsx,jsxs}from'react/jsx-runtime';import React from'react';import {useNavigate,useLocation}from'@remix-run/react';import'@react-icons/all-files/fi/FiChevronDown.js';import'@react-icons/all-files/fi/FiChevronRight.js';import'@react-icons/all-files/fi/FiChevronLeft.js';import'@react-icons/all-files/fi/FiPlus.js';import'@react-icons/all-files/fi/FiSearch.js';import'@react-icons/all-files/fi/FiHash.js';import'@react-icons/all-files/fi/FiLock.js';import'@react-icons/all-files/fi/FiRefreshCw.js';import'@react-icons/all-files/fi/FiUser.js';import'@react-icons/all-files/fi/FiUserPlus.js';import'@react-icons/all-files/fi/FiShare2.js';import'@react-icons/all-files/fi/FiMail.js';import'@react-icons/all-files/fi/FiX.js';import'@react-icons/all-files/fi/FiEdit.js';import'@react-icons/all-files/fi/FiEdit2.js';import {FiMessageSquare}from'@react-icons/all-files/fi/FiMessageSquare.js';import {FiBookmark}from'@react-icons/all-files/fi/FiBookmark.js';import {FiSend}from'@react-icons/all-files/fi/FiSend.js';import'@react-icons/all-files/fi/FiMoreHorizontal.js';import'@react-icons/all-files/fi/FiMoreVertical.js';import'@react-icons/all-files/fi/FiSettings.js';import'@react-icons/all-files/fi/FiHome.js';import'@react-icons/all-files/fi/FiInbox.js';import'@react-icons/all-files/fi/FiUsers.js';import'@react-icons/all-files/fi/FiMessageCircle.js';import'@react-icons/all-files/fi/FiBell.js';import'@react-icons/all-files/fi/FiLogOut.js';import'@react-icons/all-files/fi/FiMenu.js';import'@react-icons/all-files/fi/FiTrash2.js';import'@react-icons/all-files/fi/FiCopy.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiInfo.js';import'@react-icons/all-files/vsc/VscChromeClose.js';import'@react-icons/all-files/vsc/VscAdd.js';import'@react-icons/all-files/vsc/VscSearch.js';import'@react-icons/all-files/vsc/VscMenu.js';import'@react-icons/all-files/go/GoGlobe.js';import'@react-icons/all-files/go/GoOrganization.js';import'@react-icons/all-files/go/GoPerson.js';import'@react-icons/all-files/go/GoComment.js';import'@react-icons/all-files/ri/RiAdminFill.js';import'@react-icons/all-files/ri/RiAdminLine.js';import'@react-icons/all-files/ri/RiTeamLine.js';import'@react-icons/all-files/ri/RiTeamFill.js';import'@react-icons/all-files/ai/AiOutlineHome.js';import'@react-icons/all-files/ai/AiOutlineInbox.js';import'@react-icons/all-files/ai/AiOutlineMessage.js';import'@react-icons/all-files/ai/AiOutlineTeam.js';import'@react-icons/all-files/ai/AiOutlineSetting.js';import'@react-icons/all-files/ai/AiOutlineUser.js';import'@react-icons/all-files/ai/AiOutlinePlus.js';import'@react-icons/all-files/ai/AiOutlineClose.js';import'@react-icons/all-files/ai/AiOutlineSearch.js';import'@react-icons/all-files/ai/AiOutlineEdit.js';import'@react-icons/all-files/ai/AiOutlineDelete.js';import'@react-icons/all-files/ai/AiOutlineSend.js';import'@react-icons/all-files/ai/AiOutlineBell.js';import'@react-icons/all-files/ai/AiOutlineLogout.js';import'@react-icons/all-files/ai/AiOutlineMenu.js';import'@react-icons/all-files/ai/AiOutlineCopy.js';import'@react-icons/all-files/ai/AiOutlineCheck.js';import'@react-icons/all-files/ai/AiOutlineWarning.js';import'@react-icons/all-files/ai/AiOutlineInfoCircle.js';import'@react-icons/all-files/bs/BsHash.js';import'@react-icons/all-files/bs/BsLock.js';import'@react-icons/all-files/bs/BsPeople.js';import'@react-icons/all-files/bs/BsPerson.js';import'@react-icons/all-files/bs/BsChat.js';import'@react-icons/all-files/bs/BsChatDots.js';import'@react-icons/all-files/bs/BsThreeDots.js';import'@react-icons/all-files/bs/BsThreeDotsVertical.js';import'@react-icons/all-files/hi/HiOutlineHashtag.js';import'@react-icons/all-files/hi/HiOutlineLockClosed.js';import'@react-icons/all-files/hi/HiOutlineUserGroup.js';import'@react-icons/all-files/hi/HiOutlineUser.js';import'@react-icons/all-files/hi/HiOutlineChat.js';import'@react-icons/all-files/hi/HiOutlinePencil.js';import'@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';import'@react-icons/all-files/hi/HiOutlineDotsVertical.js';import'@react-icons/all-files/hi/HiOutlinePlus.js';import'@react-icons/all-files/hi/HiOutlineX.js';import'@react-icons/all-files/hi/HiOutlineSearch.js';import'@react-icons/all-files/hi/HiOutlineHome.js';import'@react-icons/all-files/hi/HiOutlineInbox.js';import'@react-icons/all-files/hi/HiOutlineBell.js';import'@react-icons/all-files/hi/HiOutlineCog.js';import'@react-icons/all-files/io/IoMdAdd.js';import'@react-icons/all-files/io/IoMdClose.js';import'@react-icons/all-files/io/IoMdSearch.js';import'@react-icons/all-files/io/IoMdMenu.js';import'@react-icons/all-files/io/IoMdSettings.js';import'@react-icons/all-files/io/IoMdPerson.js';import'@react-icons/all-files/io/IoMdPeople.js';import'@react-icons/all-files/io/IoMdChatbubbles.js';import'@react-icons/all-files/io/IoMdNotifications.js';import'@react-icons/all-files/md/MdAdd.js';import'@react-icons/all-files/md/MdClose.js';import'@react-icons/all-files/md/MdSearch.js';import'@react-icons/all-files/md/MdMenu.js';import'@react-icons/all-files/md/MdSettings.js';import'@react-icons/all-files/md/MdPerson.js';import'@react-icons/all-files/md/MdPeople.js';import'@react-icons/all-files/md/MdChat.js';import'@react-icons/all-files/md/MdNotifications.js';import'@react-icons/all-files/md/MdHome.js';import'@react-icons/all-files/md/MdInbox.js';import'@react-icons/all-files/md/MdEdit.js';import'@react-icons/all-files/md/MdDelete.js';import'@react-icons/all-files/md/MdSend.js';import'@react-icons/all-files/md/MdRefresh.js';import'@react-icons/all-files/md/MdMoreHoriz.js';import'@react-icons/all-files/md/MdMoreVert.js';import'@react-icons/all-files/md/MdLock.js';import'@react-icons/all-files/md/MdPublic.js';const SLIDER_ITEMS = [{
+  id: 1,
+  icon: FiMessageSquare,
+  title: "Threads",
+  subTitle: "0 New",
+  route: "threads"
+}, {
+  id: 2,
+  icon: FiBookmark,
+  title: "Later",
+  subTitle: "0 items",
+  route: null
+}, {
+  id: 3,
+  icon: FiSend,
+  title: "Draft & Sent",
+  subTitle: "0 drafts",
+  route: null
+}];
+const TopCommonSlider = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const orgSlug = location.pathname.split("/")[2];
+  const handleClick = (route) => {
+    if (route) {
+      navigate(`/o/${orgSlug}/home/${route}`);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex gap-3 px-4 py-3", children: SLIDER_ITEMS.map((item) => /* @__PURE__ */ jsxs("button", { onClick: () => handleClick(item.route), disabled: !item.route, className: `flex-1 flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg transition-all ${item.route ? "hover:border-blue-400 hover:bg-blue-50 cursor-pointer" : "opacity-60 cursor-not-allowed"}`, children: [
+    /* @__PURE__ */ jsx(item.icon, { className: "w-8 h-8 text-gray-700 mb-2" }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-800", children: item.title }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: item.subTitle })
+  ] }, item.id)) });
+};
+React.memo(TopCommonSlider);export{TopCommonSlider};//# sourceMappingURL=TopCommonSlider.js.map

package/lib/components/Home/TopCommonSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopCommonSlider.js","sources":["../../../src/components/Home/TopCommonSlider.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavigate, useLocation } from '@remix-run/react';\nimport { FiMessageSquare, FiBookmark, FiSend } from '../../icons';\n\ntype SliderItem = {\n    id: number;\n    icon: React.ComponentType<{ className?: string }>;\n    title: string;\n    subTitle: string;\n    route: string | null;\n};\n\nconst SLIDER_ITEMS: SliderItem[] = [\n    {\n        id: 1,\n        icon: FiMessageSquare,\n        title: 'Threads',\n        subTitle: '0 New',\n        route: 'threads',\n    },\n    {\n        id: 2,\n        icon: FiBookmark,\n        title: 'Later',\n        subTitle: '0 items',\n        route: null,\n    },\n    {\n        id: 3,\n        icon: FiSend,\n        title: 'Draft & Sent',\n        subTitle: '0 drafts',\n        route: null,\n    },\n];\n\nexport const TopCommonSlider: React.FC = () => {\n    const navigate = useNavigate();\n    const location = useLocation();\n    const orgSlug = location.pathname.split('/')[2];\n\n    const handleClick = (route: string | null) => {\n        if (route) {\n            navigate(`/o/${orgSlug}/home/${route}`);\n        }\n    };\n\n    return (\n        <div className=\"flex gap-3 px-4 py-3\">\n            {SLIDER_ITEMS.map((item) => (\n                <button\n                    key={item.id}\n                    onClick={() => handleClick(item.route)}\n                    disabled={!item.route}\n                    className={`flex-1 flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg transition-all ${\n                        item.route \n                            ? 'hover:border-blue-400 hover:bg-blue-50 cursor-pointer' \n                            : 'opacity-60 cursor-not-allowed'\n                    }`}\n                >\n                    <item.icon className=\"w-8 h-8 text-gray-700 mb-2\" />\n                    <span className=\"text-sm font-medium text-gray-800\">{item.title}</span>\n                    <span className=\"text-xs text-gray-500\">{item.subTitle}</span>\n                </button>\n            ))}\n        </div>\n    );\n};\n\nexport default React.memo(TopCommonSlider);\n"],"names":[],"mappings":"6oLAYA,MAAM,eAA6B,CAAC;AAAA,EAClC,EAAA,EAAI,CAAA;AAAA,EACJ,IAAA,EAAM,eAAA;AAAA,EACN,KAAA,EAAO,SAAA;AAAA,EACP,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AACT,CAAA,EAAG;AAAA,EACD,EAAA,EAAI,CAAA;AAAA,EACJ,IAAA,EAAM,UAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU,SAAA;AAAA,EACV,KAAA,EAAO;AACT,CAAA,EAAG;AAAA,EACD,EAAA,EAAI,CAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,cAAA;AAAA,EACP,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO;AACT,CAAC,CAAA;AACM,MAAM,kBAA4B,MAAM;AAC7C,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,UAAU,QAAA,CAAS,QAAA,CAAS,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAC9C,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyB;AAC5C,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,QAAA,CAAS,CAAA,GAAA,EAAM,OAAO,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAA;AAAA,IACxC;AAAA,EACF,CAAA;AACA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACX,QAAA,EAAA,YAAA,CAAa,IAAI,CAAA,IAAA,qBAAQ,IAAA,CAAC,QAAA,EAAA,EAAqB,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,KAAK,CAAA,EAAG,QAAA,EAAU,CAAC,IAAA,CAAK,KAAA,EAAO,SAAA,EAAW,CAAA,sGAAA,EAAyG,IAAA,CAAK,KAAA,GAAQ,uDAAA,GAA0D,+BAA+B,CAAA,CAAA,EACjU,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,SAAA,EAAU,4BAAA,EAA6B,CAAA;AAAA,oBAClD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,eAAK,KAAA,EAAM,CAAA;AAAA,oBAChE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,eAAK,QAAA,EAAS;AAAA,GAAA,EAAA,EAHxB,IAAA,CAAK,EAIxC,CAAS,CAAA,EACjB,CAAA;AACR;AACe,KAAA,CAAM,KAAK,eAAe,CAAA"}