@social.io/catalog 1.3.0 → 2.1.0

package/dist_ts_web/elements/sio-conversation-view.d.ts

@@ -1,4 +1,6 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './sio-icon.js';
+import './sio-avatar.js';
 export interface IAttachment {
     id: string;
     name: string;
@@ -19,38 +21,64 @@ export interface IConversationData {
     id: string;
     title: string;
     messages: IMessage[];
+    /** agent initials for the header + bubble avatars (falls back to title initials) */
+    agentInitials?: string;
+    /** agent accent color (data-driven) */
+    agentTint?: string;
+    /** centered date stamp above the thread, e.g. "Today, 14:02" */
+    dateStamp?: string;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'sio-conversation-view': SioConversationView;
     }
 }
+/**
+ * sio-conversation-view — the widget's conversation state
+ * (v7 SocialIOWidget.jsx SIOWidgetChat).
+ *
+ * Glass header (back chevron in tint, 30px agent avatar, name 14/600,
+ * status line green "Online now" / orange "Away · replies by email",
+ * overflow dots), centered 11px date stamp, bubbles at max-width 76%
+ * (mine: solid tint right; theirs: grouped fill left with 24px avatar),
+ * typing indicator, the orange mail-fallback notice when away, and the
+ * composer via sio-message-input (email capture while away).
+ *
+ * Events (bubbles, composed):
+ *   back                                   — back chevron
+ *   send-message      { message }          — user sent a message
+ *   email-submitted   { email }            — away email capture
+ *   open-image / open-file { attachment }  — attachment click
+ *   conversation-action { action, conversationId } — overflow menu
+ */
 export declare class SioConversationView extends DeesElement {
     static demo: () => TemplateResult<1>;
     accessor conversation: IConversationData | null;
-    private accessor isTyping;
+    /** team is away — orange status, mail-fallback notice, email composer */
+    accessor away: boolean;
+    /** show the agent typing indicator */
+    accessor typing: boolean;
     private accessor isDragging;
-    private accessor uploadingFiles;
     private accessor pendingAttachments;
     private dropdownMenuItems;
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
+    updated(): void;
+    private deriveInitials;
     private handleBack;
     private handleMessageSend;
     private handleFilesSelected;
-    updated(): void;
     private handleDragOver;
     private handleDragLeave;
     private handleDrop;
-    private openFileSelector;
-    private handleFileSelect;
     private processFiles;
     private fileToDataUrl;
     private removeAttachment;
     private isImage;
+    private isPdf;
     private formatFileSize;
     private getFileIcon;
-    private openImage;
+    private openAttachment;
     private downloadFile;
     private handleDropdownAction;
     private exportConversation;