ajaxter-chat 3.0.9 → 3.0.10

package/src/components/UserListScreen/index.tsx

@@ -12,10 +12,13 @@ interface UserListScreenProps {
   onSelectUser: (user: ChatUser) => void;
   /** Shown on “New Conversation” list — opens block list */
   onBlockList?: () => void;
+  /** “Need Support” (user → agents): show home icon instead of back arrow */
+  useHomeHeader?: boolean;
 }
 
 export const UserListScreen: React.FC<UserListScreenProps> = ({
   context, users, primaryColor, viewerType = 'user', onBack, onSelectUser, onBlockList,
+  useHomeHeader = false,
 }) => {
   const isStaff = viewerType === 'developer';
   const title    = context === 'support'
@@ -29,7 +32,7 @@ export const UserListScreen: React.FC<UserListScreenProps> = ({
     <div style={{ display:'flex', flexDirection:'column', height:'100%', animation:'cw-slideIn 0.22s ease' }}>
       {/* Header */}
       <div style={{ background:`linear-gradient(135deg,${primaryColor},${primaryColor}cc)`, padding:'14px 18px', display:'flex', alignItems:'center', gap:12, flexShrink:0, position:'relative' }}>
-        <BackBtn onClick={onBack} />
+        {useHomeHeader ? <HomeBtn onClick={onBack} /> : <BackBtn onClick={onBack} />}
         <div style={{ flex: 1, minWidth: 0 }}>
           <div style={{ fontWeight:700, fontSize:16, color:'#fff' }}>{title}</div>
           <div style={{ fontSize:12, color:'rgba(255,255,255,0.8)' }}>{subtitle}</div>
@@ -119,7 +122,7 @@ export const UserListScreen: React.FC<UserListScreenProps> = ({
 };
 
 const BackBtn: React.FC<{ onClick: () => void }> = ({ onClick }) => (
-  <button onClick={onClick} style={{
+  <button type="button" onClick={onClick} style={{
     background:'rgba(255,255,255,0.22)', border:'none', borderRadius:'50%',
     width:32, height:32, display:'flex', alignItems:'center', justifyContent:'center',
     cursor:'pointer', flexShrink:0,
@@ -130,6 +133,20 @@ const BackBtn: React.FC<{ onClick: () => void }> = ({ onClick }) => (
   </button>
 );
 
+const HomeBtn: React.FC<{ onClick: () => void }> = ({ onClick }) => (
+  <button type="button" onClick={onClick} title="Home" aria-label="Home" style={{
+    background:'rgba(255,255,255,0.22)', border:'none', borderRadius:'50%',
+    width:32, height:32, display:'flex', alignItems:'center', justifyContent:'center',
+    cursor:'pointer', flexShrink:0,
+  }}>
+    <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
+      <path d="M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V9.5z"
+        stroke="#fff" strokeWidth="2.2" fill="none" strokeLinecap="round" strokeLinejoin="round" />
+      <path d="M9 21V12h6v9" stroke="#fff" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  </button>
+);
+
 const Empty: React.FC = () => (
   <div style={{ padding:'50px 24px', textAlign:'center' }}>
     <div style={{ fontSize:36, marginBottom:10 }}>👥</div>

package/src/types/index.ts

@@ -98,6 +98,8 @@ export interface ChatMessage {
   attachmentSize?: string;
   /** Blob URL for attachment download (local send) */
   attachmentUrl?: string;
+  /** e.g. image/png — used for inline image preview in bubbles */
+  attachmentMime?: string;
   voiceDuration?: number;  // seconds
   /** Blob URL for in-bubble audio playback (local recording) */
   voiceUrl?: string;