feat(chat): add supabase story

Author: igdmdimitrov

package-lock.json

@@ -102,7 +102,8 @@
     "vite": "^6.3.5"
   },
   "peerDependencies": {
-    "marked": "^12.0.0"
+    "marked": "^12.0.0",
+    "@supabase/supabase-js": "^2.49.4"
   },
   "browserslist": [
     "defaults"

package.json

@@ -123,7 +123,6 @@ export default class IgcChatMessageListComponent extends LitElement {
                 (message) => html`
                   <igc-chat-message
                     .message=${message}
-                    .sender=${message.sender}
                     .attachmentTemplate=${this.attachmentTemplate}
                     .attachmentHeaderTemplate=${this.attachmentHeaderTemplate}
                     .attachmentActionsTemplate=${this.attachmentActionsTemplate}

src/components/chat/chat-message-list.ts

@@ -34,9 +34,6 @@ export default class IgcChatMessageComponent extends LitElement {
   @property({ reflect: true, attribute: false })
   public message: IgcMessage | undefined;
 
-  @property({ reflect: true, attribute: false })
-  public sender: string | undefined;
-
   @property({ type: Function })
   public attachmentTemplate?: AttachmentTemplate;
 
@@ -53,7 +50,7 @@ export default class IgcChatMessageComponent extends LitElement {
   public messageActionsTemplate?: MessageActionsTemplate;
 
   protected override render() {
-    const containerClass = `message-container ${this.sender !== 'bot' ? 'sent' : ''}`;
+    const containerClass = `message-container ${this.message?.sender === 'user' ? 'sent' : ''}`;
 
     return html`
       <div class=${containerClass}>