@messenger-box/tailwind-ui-inbox 10.0.3-alpha.0

package/lib/components/InboxMessage/ServiceConversationItem.js

@@ -0,0 +1,185 @@
+import React__default,{useMemo}from'react';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';import {useLocation}from'@remix-run/react';const createdAtText = value => {
+  if (!value) return '';
+  let date = new Date(value);
+  if (isToday(date)) return 'Today';
+  if (isYesterday(date)) return 'Yesterday';
+  return format(new Date(value), 'MMM dd, yyyy');
+};
+// Custom Skeleton component using Tailwind
+const Skeleton = () => React__default.createElement("div", {
+  className: "animate-pulse"
+}, React__default.createElement("div", {
+  className: "h-4 bg-gray-200 dark:bg-gray-700 rounded mb-2"
+}), React__default.createElement("div", {
+  className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4 mb-2"
+}), React__default.createElement("div", {
+  className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2"
+}));
+const ServiceLastMessageComponent = ({
+  subscribeToNewMessages,
+  channel,
+  channelType,
+  lastMessage
+}) => {
+  React__default.useEffect(() => subscribeToNewMessages(), []);
+  return React__default.createElement("div", {
+    className: "flex flex-col w-full"
+  }, React__default.createElement("div", {
+    className: "w-full flex justify-between items-center"
+  }, React__default.createElement("span", {
+    className: "text-xs text-green-500 truncate"
+  }, channelType), React__default.createElement("span", {
+    className: "text-xs text-gray-500"
+  }, lastMessage ? createdAtText(lastMessage?.createdAt) : '')), React__default.createElement("p", {
+    className: "text-sm text-gray-600 dark:text-gray-300 font-bold mt-1"
+  }, channel?.title), React__default.createElement("p", {
+    className: "text-sm text-gray-600 dark:text-gray-400 truncate w-4/5 mt-1"
+  }, lastMessage?.message));
+};
+const ServiceConversationItemComponent = ({
+  showBorder,
+  currentUser,
+  filter,
+  channel,
+  handleSelectChannel,
+  users,
+  selectedChannelId,
+  role
+}) => {
+  const [parentId, setParentId] = React__default.useState(null);
+  const [messages, setMessages] = React__default.useState([]);
+  const [servicePostParentId, setServicePostParentId] = React__default.useState(null);
+  const {
+    pathname
+  } = useLocation();
+  const {
+    data: threadMessages,
+    loading: threadMessageLoading,
+    fetchMore: fetchMoreMessages,
+    refetch: refetchThreadMessages,
+    subscribeToMore
+  } = useThreadMessagesQuery({
+    variables: {
+      channelId: channel?.id?.toString(),
+      role,
+      limit: 10
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  React__default.useEffect(() => {
+    if (channel) refetchThreadMessages({
+      channelId: channel?.id?.toString(),
+      role,
+      limit: 10
+    });
+  }, [channel]);
+  // }, [selectedChannelId, channel, role]);
+  React__default.useEffect(() => {
+    if (threadMessages?.threadMessages?.data?.length) {
+      const {
+        data
+      } = threadMessages.threadMessages;
+      const replies = data?.map(t => t?.replies)?.flat(1)?.filter(p => p?.message !== '') ?? [];
+      const posts = data?.map(t => t?.post)?.flat(1)?.filter(p => p?.message !== '') ?? [];
+      // const post =
+      //     data?.find((t: any) => {
+      //         return t?.post?.message !== '';
+      //     }) ??
+      //     data?.find((t: any) => {
+      //         return t?.post;
+      //     }) ??
+      //     null;
+      if (replies?.length) {
+        setMessages(pre => [...pre, ...replies]);
+      } else if (posts?.length) {
+        setMessages(pre => [...pre, ...posts]);
+      }
+    }
+  }, [threadMessages]);
+  const lastMessage = useMemo(() => {
+    const threadMessagesData = messages?.flat(1);
+    if (!threadMessagesData?.length) {
+      return null;
+    }
+    let filteredLastMessage = threadMessagesData && threadMessagesData?.length > 1 ? threadMessagesData?.reduce((a, b) => {
+      return new Date(a?.updatedAt) > new Date(b?.updatedAt) ? a : b;
+    }, []) ?? null : threadMessagesData?.length <= 1 ? threadMessagesData?.[0] ?? [] : null;
+    return filteredLastMessage;
+    // //return data[data.length - 1];
+  }, [messages]);
+  React__default.useEffect(() => {
+    if (lastMessage) {
+      const sParentId = lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id;
+      setServicePostParentId(sParentId);
+    }
+  }, [lastMessage]);
+  const creatorAndMembersId = React__default.useMemo(() => {
+    if (!channel?.members) return null;
+    const membersIds = channel?.members?.filter(m => m?.user?.id !== currentUser?.id)?.map(mu => mu?.user?.id) ?? [];
+    const creatorId = channel?.creator?.id;
+    const mergedIds = [].concat(membersIds, creatorId) ?? [];
+    return mergedIds?.filter((m, pos) => mergedIds?.indexOf(m) === pos) ?? [];
+  }, [channel]);
+  const postParentId = React__default.useMemo(() => {
+    if (!creatorAndMembersId?.length) return null;
+    return creatorAndMembersId?.length && creatorAndMembersId?.includes(currentUser?.id) ? 1 : lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id ?? 0;
+  }, [creatorAndMembersId, lastMessage]);
+  React__default.useEffect(() => {
+    if (postParentId) {
+      setParentId(postParentId);
+    }
+  }, [postParentId]);
+  const channelType = useMemo(() => {
+    return channel?.type;
+  }, [channel]);
+  // const servicePostParentId = lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id;
+  return React__default.createElement("div", {
+    key: `services_channel_${channel.id}`,
+    className: `cursor-pointer flex items-center border-b p-3 ${showBorder ? 'border-gray-300' : 'border-transparent'} ${channel.id == selectedChannelId ? 'bg-gray-300 dark:bg-gray-500' : ''}`,
+    onClick: () => handleSelectChannel(channel.id, postParentId)
+  }, React__default.createElement("div", {
+    className: "w-10 h-10 rounded-full bg-gray-400 flex-shrink-0 overflow-hidden"
+  }, channel?.creator?.picture ? React__default.createElement("img", {
+    src: channel.creator.picture,
+    alt: "Creator avatar",
+    className: "w-full h-full object-cover"
+  }) : React__default.createElement("div", {
+    className: "w-full h-full bg-gray-400"
+  })), React__default.createElement("div", {
+    className: "ml-2 flex-grow min-w-10 max-w-96"
+  }, threadMessageLoading && React__default.createElement(Skeleton, null), !threadMessageLoading && React__default.createElement(ServiceLastMessageComponent, {
+    channel: channel,
+    channelType: channelType,
+    lastMessage: lastMessage,
+    subscribeToNewMessages: () => subscribeToMore({
+      document: OnThreadCreatedUpdatedDocument,
+      variables: {
+        channelId: channel?.id?.toString(),
+        postParentId: postParentId && postParentId == 1 ? null : servicePostParentId
+      },
+      updateQuery: (prev, {
+        subscriptionData
+      }) => {
+        if (!subscriptionData.data) return prev;
+        const newPostThreadData = subscriptionData?.data?.threadCreatedUpdated?.data;
+        const newMessage = subscriptionData?.data?.threadCreatedUpdated?.lastMessage;
+        const updatedData = prev?.threadMessages?.data?.map(t => t.id === newPostThreadData?.id ? {
+          ...t,
+          replies: [...t?.replies, newMessage],
+          replyCount: newPostThreadData?.replyCount,
+          lastReplyAt: newPostThreadData?.lastReplyAt,
+          updatedAt: newPostThreadData?.updatedAt
+        } : t) ?? [];
+        return Object.assign({}, prev, {
+          threadMessages: {
+            ...prev?.threadMessages,
+            totalCount: newPostThreadData?.totalCount ?? 0,
+            //  totalCount: prev?.threadMessages?.totalCount + 1,
+            data: updatedData?.length > 0 ? updatedData : [newPostThreadData]
+          }
+        });
+      }
+    })
+  })));
+};
+const ServiceConversationItem = React__default.memo(ServiceConversationItemComponent);export{ServiceConversationItem};//# sourceMappingURL=ServiceConversationItem.js.map

package/lib/components/InboxMessage/ServiceConversationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceConversationItem.js","sources":["../../../src/components/InboxMessage/ServiceConversationItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/InboxMessage/ServiceInboxItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const ServiceInboxItem: React.MemoExoticComponent<({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, role, }: {
+    showBorder: any;
+    currentUser: any;
+    filter: any;
+    channel: any;
+    handleSelectChannel: any;
+    users: any;
+    selectedChannelId: any;
+    role: any;
+}) => React.JSX.Element>;
+//# sourceMappingURL=ServiceInboxItem.d.ts.map

package/lib/components/InboxMessage/ServiceInboxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ServiceInboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA8MvC,eAAO,MAAM,gBAAgB;;;;;;;;;wBAAwC,CAAC"}

package/lib/components/InboxMessage/ServiceInboxItem.js

@@ -0,0 +1,182 @@
+import React__default,{useMemo}from'react';import {useLocation}from'@remix-run/react';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';const createdAtText = value => {
+  if (!value) return '';
+  let date = new Date(value);
+  if (isToday(date)) return 'Today';
+  if (isYesterday(date)) return 'Yesterday';
+  return format(new Date(value), 'MMM dd, yyyy');
+};
+const ServiceInboxItemComponent = ({
+  showBorder,
+  currentUser,
+  filter,
+  channel,
+  handleSelectChannel,
+  users,
+  selectedChannelId,
+  role
+}) => {
+  const [parentId, setParentId] = React__default.useState(null);
+  const [messages, setMessages] = React__default.useState([]);
+  const [servicePostParentId, setServicePostParentId] = React__default.useState(null);
+  const {
+    pathname
+  } = useLocation();
+  const {
+    data: threadMessages,
+    loading: threadMessageLoading,
+    fetchMore: fetchMoreMessages,
+    refetch: refetchThreadMessages,
+    subscribeToMore
+  } = useThreadMessagesQuery({
+    variables: {
+      channelId: channel?.id?.toString(),
+      role,
+      limit: 10
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  React__default.useEffect(() => {
+    if (channel) refetchThreadMessages({
+      channelId: channel?.id?.toString(),
+      role,
+      limit: 10
+    });
+  }, [channel, pathname]);
+  React__default.useEffect(() => {
+    if (threadMessages?.threadMessages?.data?.length) {
+      const {
+        data
+      } = threadMessages.threadMessages;
+      const replies = data?.map(t => t?.replies)?.flat(1)?.filter(p => p?.message !== '') ?? [];
+      const post = data?.find(t => {
+        return t?.post?.message !== '';
+      }) ?? data?.find(t => {
+        return t?.post;
+      }) ?? null;
+      if (replies?.length) {
+        setMessages(pre => [...pre, ...replies]);
+      } else if (post) {
+        setMessages(pre => [...pre, ...[post]]);
+      }
+    }
+  }, [threadMessages]);
+  const lastMessage = useMemo(() => {
+    if (!messages?.length) {
+      return null;
+    }
+    let filteredLastMessage = messages && messages?.length ? messages?.reduce((a, b) => {
+      return new Date(a?.updatedAt) > new Date(b?.updatedAt) ? a : b;
+    }, []) ?? null : null;
+    return filteredLastMessage;
+  }, [messages]);
+  React__default.useEffect(() => {
+    if (lastMessage) {
+      const sParentId = lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id;
+      setServicePostParentId(sParentId);
+    }
+  }, [lastMessage]);
+  const creatorAndMembersId = React__default.useMemo(() => {
+    if (!channel?.members) return null;
+    const membersIds = channel?.members?.filter(m => m?.user?.id !== currentUser?.id)?.map(mu => mu?.user?.id) ?? [];
+    const creatorId = channel?.creator?.id;
+    const mergedIds = [].concat(membersIds, creatorId) ?? [];
+    return mergedIds?.filter((m, pos) => mergedIds?.indexOf(m) === pos) ?? [];
+  }, [channel]);
+  const postParentId = React__default.useMemo(() => {
+    if (!creatorAndMembersId?.length) return null;
+    return creatorAndMembersId?.length && creatorAndMembersId?.includes(currentUser?.id) ? 1 : lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id ?? 0;
+  }, [creatorAndMembersId, lastMessage]);
+  React__default.useEffect(() => {
+    if (postParentId) {
+      setParentId(postParentId);
+    }
+  }, [postParentId]);
+  const channelType = useMemo(() => {
+    return channel?.type;
+  }, [channel]);
+  return React__default.createElement("div", {
+    key: `services_channel_${channel.id}`,
+    className: `
+                cursor-pointer flex items-center p-3
+                border-b border-solid
+                ${showBorder ? 'border-gray-300' : 'border-transparent'}
+                ${channel.id == selectedChannelId ? 'bg-gray-300 dark:bg-gray-500' : ''}
+                hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors
+            `,
+    onClick: () => handleSelectChannel(channel.id, postParentId)
+  }, React__default.createElement("img", {
+    className: "w-10 h-10 rounded-full bg-gray-400",
+    src: channel?.creator?.picture || '/default-avatar.svg',
+    alt: "Avatar",
+    onError: e => {
+      if (e.currentTarget.src.includes('default-avatar.svg')) {
+        e.currentTarget.src = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iI0U1RTdFQiIvPgogIDxjaXJjbGUgY3g9IjIwIiBjeT0iMTYiIHI9IjYiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNOCAzMmMwLTYuNjI3IDUuMzczLTEyIDEyLTEyczEyIDUuMzczIDEyIDEyIiBmaWxsPSIjOUNBM0FGIi8+Cjwvc3ZnPgo=';
+      } else {
+        e.currentTarget.src = '/default-avatar.svg';
+      }
+    }
+  }), React__default.createElement("div", {
+    className: "ml-2 flex-grow min-w-10 max-w-96"
+  }, threadMessageLoading && React__default.createElement("div", {
+    className: "animate-pulse"
+  }, React__default.createElement("div", {
+    className: "h-4 bg-gray-300 rounded mb-2"
+  }), React__default.createElement("div", {
+    className: "h-3 bg-gray-300 rounded w-3/4 mb-2"
+  }), React__default.createElement("div", {
+    className: "h-3 bg-gray-300 rounded w-1/2"
+  })), !threadMessageLoading && React__default.createElement(ServiceLastMessageComponent, {
+    channel: channel,
+    channelType: channelType,
+    lastMessage: lastMessage,
+    subscribeToNewMessages: () => subscribeToMore({
+      document: OnThreadCreatedUpdatedDocument,
+      variables: {
+        channelId: channel?.id?.toString(),
+        postParentId: postParentId && postParentId == 1 ? null : servicePostParentId
+      },
+      updateQuery: (prev, {
+        subscriptionData
+      }) => {
+        if (!subscriptionData.data) return prev;
+        const newPostThreadData = subscriptionData?.data?.threadCreatedUpdated?.data;
+        const newMessage = subscriptionData?.data?.threadCreatedUpdated?.lastMessage;
+        const data = prev?.threadMessages?.data?.map(t => t.id === newPostThreadData?.id ? {
+          ...t,
+          replies: [...t?.replies, newMessage],
+          replyCount: newPostThreadData?.replyCount,
+          lastReplyAt: newPostThreadData?.lastReplyAt,
+          updatedAt: newPostThreadData?.updatedAt
+        } : t);
+        return Object.assign({}, prev, {
+          threadMessages: {
+            ...prev?.threadMessages,
+            data: data
+          }
+        });
+      }
+    })
+  })));
+};
+const ServiceInboxItem = React__default.memo(ServiceInboxItemComponent);
+const ServiceLastMessageComponent = ({
+  subscribeToNewMessages,
+  channel,
+  channelType,
+  lastMessage
+}) => {
+  React__default.useEffect(() => subscribeToNewMessages(), []);
+  return React__default.createElement("div", {
+    className: "flex flex-col w-full"
+  }, React__default.createElement("div", {
+    className: "w-full flex justify-between items-center"
+  }, React__default.createElement("span", {
+    className: "text-xs text-green-500 truncate"
+  }, channelType), React__default.createElement("span", {
+    className: "text-xs text-gray-500"
+  }, lastMessage ? createdAtText(lastMessage?.createdAt) : '')), React__default.createElement("h3", {
+    className: "text-sm text-gray-600 dark:text-gray-300 font-bold mt-1"
+  }, channel?.title), React__default.createElement("p", {
+    className: "text-sm text-gray-600 dark:text-gray-400 truncate w-4/5 mt-1"
+  }, lastMessage?.message));
+};export{ServiceInboxItem};//# sourceMappingURL=ServiceInboxItem.js.map

package/lib/components/InboxMessage/ServiceInboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceInboxItem.js","sources":["../../../src/components/InboxMessage/ServiceInboxItem.tsx"],"sourcesContent":[null],"names":["React","THREAD_CHAT_ADDED"],"mappings":"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"}

package/lib/components/InboxMessage/StreamingMessageBubble.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ActiveStream } from '../../hooks/useStreamAssembler';
+/**
+ * Renders a message bubble for an active (in-progress) stream.
+ * Shows:
+ * - The author name
+ * - The accumulated text so far (with basic markdown rendering)
+ * - A blinking cursor at the end
+ * - A "thinking" state with animated dots when status is 'thinking'
+ * - Chunk counter for transparency
+ */
+export declare const StreamingMessageBubble: React.FC<{
+    stream: ActiveStream;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+}>;
+export default StreamingMessageBubble;
+//# sourceMappingURL=StreamingMessageBubble.d.ts.map

package/lib/components/InboxMessage/StreamingMessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/StreamingMessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,MAAM,EAAE,YAAY,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAqGA,CAAC;AAwJF,eAAe,sBAAsB,CAAC"}

package/lib/components/InboxMessage/SubscriptionHandler.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Shared SubscriptionHandler for Apollo subscribeToMore
+ *
+ * @param subscribeToMore - Apollo subscribeToMore function
+ * @param document - GraphQL subscription document
+ * @param variables - Variables for the subscription
+ * @param updateQuery - Apollo updateQuery function
+ * @param onError - Optional error handler
+ * @param enabled - If false, disables the subscription
+ */
+export declare function SubscriptionHandler({ subscribeToMore, document, variables, updateQuery, onError, enabled, }: {
+    subscribeToMore: Function;
+    document: any;
+    variables: Record<string, any>;
+    updateQuery: (prev: any, { subscriptionData }: any) => any;
+    onError?: (error: any) => void;
+    enabled?: boolean;
+}): any;
+//# sourceMappingURL=SubscriptionHandler.d.ts.map

package/lib/components/InboxMessage/SubscriptionHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionHandler.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAc,GACjB,EAAE;IACC,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,gBAAgB,EAAE,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,OA4BA"}

package/lib/components/InboxMessage/SubscriptionHandler.js

@@ -0,0 +1,41 @@
+import {useEffect}from'react';/**
+ * Shared SubscriptionHandler for Apollo subscribeToMore
+ *
+ * @param subscribeToMore - Apollo subscribeToMore function
+ * @param document - GraphQL subscription document
+ * @param variables - Variables for the subscription
+ * @param updateQuery - Apollo updateQuery function
+ * @param onError - Optional error handler
+ * @param enabled - If false, disables the subscription
+ */
+function SubscriptionHandler({
+  subscribeToMore,
+  document,
+  variables,
+  updateQuery,
+  onError,
+  enabled = true
+}) {
+  useEffect(() => {
+    if (!enabled) return;
+    console.log('SubscriptionHandler: Setting up subscription with variables:', variables);
+    const unsubscribe = subscribeToMore({
+      document,
+      variables,
+      updateQuery,
+      onError
+    });
+    console.log('SubscriptionHandler: Subscription setup successful, unsubscribe function:', unsubscribe);
+    return () => {
+      console.log('SubscriptionHandler: Cleaning up subscription');
+      if (unsubscribe && typeof unsubscribe === 'function') {
+        try {
+          unsubscribe();
+        } catch (error) {
+          console.error('Error unsubscribing:', error);
+        }
+      }
+    };
+  }, [subscribeToMore, document, variables, updateQuery, onError, enabled]);
+  return null;
+}export{SubscriptionHandler};//# sourceMappingURL=SubscriptionHandler.js.map

package/lib/components/InboxMessage/SubscriptionHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionHandler.js","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"sourcesContent":[null],"names":[],"mappings":"8BAEA;;;;;;;;;AASG;SACa,mBAAmB,CAAC;iBAenB;AACT,EAAA,QAAA;;AAEA,EAAA,WAAA;SAEA;YACI;;YAEA,MAAA;gBACA,EAAA;AACH,IAAA,OAAE,CAAA,GAAA,CAAA,8DAAA,EAAA,SAAA,CAAA;AAEH,IAAA,MAAA;AAEA,MAAA,QAAA;AACI,MAAA,SAAA;AACA,MAAA;AACI,MAAA;AACI,KAAA,CAAA;gBACJ,2EAAC,EAAA,WAAA,CAAA;iBAAC;AACE,MAAA,OAAA,CAAA,GAAA,CAAA,+CAA6C,CAAA;qBAChD,IAAA,OAAA,WAAA,KAAA,UAAA,EAAA;YACL;AACJ,UAAE,WAAA,EAAA;AACN,QAAI,CAAA,CAAA,OAAA,KAAA,EAAe;AAEnB,UAAA,OAAY,CAAA,KAAA,CAAA,sBAAA,EAAA,KAAA,CAAA;AAChB,QAAC;;;;;"}

package/lib/components/InboxMessage/TypingIndicator.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * Animated typing indicator — three bouncing dots, similar to iMessage / Slack.
+ */
+export declare const TypingIndicator: React.FC<{
+    authorName?: string;
+    /** Extra CSS classes on container */
+    className?: string;
+}>;
+export default TypingIndicator;
+//# sourceMappingURL=TypingIndicator.d.ts.map

package/lib/components/InboxMessage/TypingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/TypingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CA0BA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/InboxMessage/UploadImageButton.d.ts

@@ -0,0 +1,7 @@
+import React, { ChangeEventHandler } from 'react';
+export interface IUploadImageButtonProps {
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode;
+}
+export declare const UploadImageButton: (props: IUploadImageButtonProps) => React.JSX.Element;
+//# sourceMappingURL=UploadImageButton.d.ts.map

package/lib/components/InboxMessage/UploadImageButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageButton.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAuB,MAAM,OAAO,CAAC;AAIvE,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,uBAAuB,sBAoC/D,CAAC"}

package/lib/components/InboxMessage/UploadImageButton.js

@@ -0,0 +1,30 @@
+import React__default,{useRef,useCallback}from'react';import {useTranslation}from'react-i18next';import {BiImage}from'@react-icons/all-files/bi/BiImage.js';const UploadImageButton = props => {
+  const fileInput = useRef();
+  const {
+    t
+  } = useTranslation('translations');
+  const selectFile = useCallback(() => {
+    if (fileInput?.current) {
+      fileInput?.current?.click();
+    }
+  }, [fileInput]);
+  return React__default.createElement("div", {
+    className: "relative group"
+  }, React__default.createElement("input", {
+    multiple: true,
+    accept: "image/apng, image/avif, image/gif, image/jpeg, image/png, image/svg+xml, image/webp",
+    type: "file",
+    style: {
+      display: 'none'
+    },
+    ref: fileInput,
+    onChange: props.onChange
+  }), React__default.createElement("button", {
+    type: "button",
+    className: "flex items-center justify-center w-8 h-8 bg-transparent hover:bg-gray-100 rounded-md focus:outline-none  focus:ring-opacity-50 transition-all duration-200 ease-in-out",
+    onClick: selectFile,
+    "aria-label": t('tailwind_ui_inbox.upload_image')
+  }, props.children || React__default.createElement(BiImage, {
+    className: "w-5 h-5 text-gray-500 hover:text-gray-700"
+  })));
+};export{UploadImageButton};//# sourceMappingURL=UploadImageButton.js.map

package/lib/components/InboxMessage/UploadImageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageButton.js","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4JASO,MAAM,iBAAiB,GAAG,KAAC,IAAgC;AAC9D,EAAA,MAAA,SAAM,GAAS,MAAG,EAAM;QACxB;AAEA,IAAA;AACI,GAAA,GAAA,cAAI,CAAS,cAAY,CAAA;AACrB,EAAA,MAAA,UAAA,GAAS,WAAW,CAAA,MAAO;QAC/B,SAAC,EAAA,OAAA,EAAA;AACL,MAAC,SAAG,EAAS,OAAG,EAAA,KAAA,EAAA;AAEhB,IAAA;AAEQ,EAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAcA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAUZ,IAAE,SAAA,EAAA;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/UserModalContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const UserModalContent: ({ username, imageUrl }: any) => React.JSX.Element;
+//# sourceMappingURL=UserModalContent.d.ts.map

package/lib/components/InboxMessage/UserModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/UserModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,gBAAgB,GAAI,wBAAwB,GAAG,sBAqD3D,CAAC"}

package/lib/components/InboxMessage/UserModalContent.js

@@ -0,0 +1,60 @@
+import React__default from'react';import {useTranslation}from'react-i18next';import {AiOutlineSecurityScan}from'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import {FiCheck}from'@react-icons/all-files/fi/FiCheck.js';import {BsFillStarFill}from'@react-icons/all-files/bs/BsFillStarFill.js';const UserModalContent = ({
+  username,
+  imageUrl
+}) => {
+  const {
+    t
+  } = useTranslation('translations');
+  return React__default.createElement("div", null, React__default.createElement("div", null, React__default.createElement("img", {
+    src: imageUrl !== '' ? imageUrl : '',
+    alt: "User avatar",
+    className: "w-50 h-50 rounded-full bg-gray-400 object-cover",
+    style: {
+      width: '200px',
+      height: '200px'
+    }
+  }), React__default.createElement("a", {
+    href: "#",
+    className: "text-blue-600 hover:text-blue-800 underline"
+  }, t('tailwind_ui_inbox.update_photo')), React__default.createElement(AiOutlineSecurityScan, {
+    className: "w-6 h-6 text-black"
+  }), React__default.createElement("div", null, React__default.createElement("span", {
+    className: "text-black font-medium"
+  }, t('tailwind_ui_inbox.identity_verification')), React__default.createElement("p", {
+    className: "text-black"
+  }, t('tailwind_ui_inbox.show_others_you_are_really_you')), React__default.createElement("button", {
+    className: "get-badge-btn text-black bg-transparent border border-gray-300 px-4 py-2 rounded hover:bg-gray-50 transition-colors"
+  }, t('tailwind_ui_inbox.get_the_badge'))), React__default.createElement("div", null, React__default.createElement("span", {
+    className: "text-black font-medium"
+  }, t('tailwind_ui_inbox.username_confirmed', {
+    username: username
+  })), React__default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, React__default.createElement(FiCheck, {
+    className: "text-black"
+  }), React__default.createElement("p", {
+    className: "text-black"
+  }, t('tailwind_ui_inbox.email_address'))))), React__default.createElement("div", null, React__default.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, React__default.createElement("span", {
+    className: "text-black font-medium"
+  }, t('tailwind_ui_inbox.hi_im_username', {
+    username: username
+  })), React__default.createElement("p", {
+    className: "text-gray-600"
+  }, t('tailwind_ui_inbox.joined_in_date', {
+    date: '2021'
+  })), React__default.createElement("a", {
+    href: "#",
+    className: "text-blue-600 hover:text-blue-800 underline"
+  }, t('tailwind_ui_inbox.edit_profile')), React__default.createElement("div", {
+    className: "flex items-center gap-1"
+  }, React__default.createElement(BsFillStarFill, {
+    className: "text-black text-base"
+  }), React__default.createElement("span", {
+    className: "text-black"
+  }, t('tailwind_ui_inbox.reviews')))), React__default.createElement("a", {
+    href: "",
+    className: "text-blue-600 hover:text-blue-800 underline"
+  }, t('tailwind_ui_inbox.reviews_by_you'))));
+};export{UserModalContent};//# sourceMappingURL=UserModalContent.js.map

package/lib/components/InboxMessage/UserModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserModalContent.js","sources":["../../../src/components/InboxMessage/UserModalContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wSAMO,MAAM,gBAAgB,GAAG,CAAC;UACvB;AAEN,EAAA;AAEQ,CAAA,KAAA;AACI,EAAA,MAAA;AAMA,IAAA;AAGA,GAAA,GAAA,cAAA,CAAA,cAAC,CAAA;AACD,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;iBACI,KAAA,EAAA,GAAA,QAAA,GAAA,EAAA;sBACA;gEACkB;AAItB,IAAA,KAAA,EAAA;AACI,MAAA,KAAA,EAAA,OAAA;;AAII;kCACA,CAAA,GAAA,EAAA;AAIZ,IAAA,IAAA,EAAA,GAAA;aACI,EAAA;AACI,GAAA,EAAA,CAAA,CAAA,gCAAA,CAAA,CAAA,EAAAA,cAAM,CAAA,aAAU,CAAA,qBAAwB,EAClC;AAEN,IAAA,SAAA,EAAA;AACA,GAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAAA,cAAG,CAAA,aAAS,CAAA,MAAU,EAAA;;AAIlB,GAAA,EAAA,CAAA,CAAA,yCAAC,CAAA,CAAA,EAAAA,cAAc,CAAC;;AAIxB,GAAA,EAAA,CAAA,CAAA,kDAAW,CAAS,GAACA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAMrC,IAAE,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}