MessageBoxes of Chat are added

projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html

@@ -29,4 +29,117 @@
     >
     </ucap-profile-user-list-item>
   </div>
+  <h3>Chat::MessageBox</h3>
+  <div>
+    <div>
+      <div>
+        date splitter
+      </div>
+      <div>
+        <ucap-chat-message-box-date-splitter></ucap-chat-message-box-date-splitter>
+      </div>
+    </div>
+    <div>
+      <div>
+        file
+      </div>
+      <div>
+        <ucap-chat-message-box-file></ucap-chat-message-box-file>
+      </div>
+    </div>
+    <div>
+      <div>
+        image
+      </div>
+      <div>
+        <ucap-chat-message-box-image></ucap-chat-message-box-image>
+      </div>
+    </div>
+    <div>
+      <div>
+        information
+      </div>
+      <div>
+        <ucap-chat-message-box-information></ucap-chat-message-box-information>
+      </div>
+    </div>
+    <div>
+      <div>
+        mass-translation
+      </div>
+      <div>
+        <ucap-chat-message-box-mass-translation></ucap-chat-message-box-mass-translation>
+      </div>
+    </div>
+    <div>
+      <div>
+        mass
+      </div>
+      <div>
+        <ucap-chat-message-box-mass></ucap-chat-message-box-mass>
+      </div>
+    </div>
+    <div>
+      <div>
+        notice
+      </div>
+      <div>
+        <ucap-chat-message-box-notice></ucap-chat-message-box-notice>
+      </div>
+    </div>
+    <div>
+      <div>
+        recall
+      </div>
+      <div>
+        <ucap-chat-message-box-recall></ucap-chat-message-box-recall>
+      </div>
+    </div>
+    <div>
+      <div>schedule</div>
+      <div>
+        <ucap-chat-message-box-schedule></ucap-chat-message-box-schedule>
+      </div>
+    </div>
+    <div>
+      <div>
+        sticker
+      </div>
+      <div>
+        <ucap-chat-message-box-sticker></ucap-chat-message-box-sticker>
+      </div>
+    </div>
+    <div>
+      <div>
+        text
+      </div>
+      <div>
+        <ucap-chat-message-box-text></ucap-chat-message-box-text>
+      </div>
+    </div>
+    <div>
+      <div>
+        translation
+      </div>
+      <div>
+        <ucap-chat-message-box-translation></ucap-chat-message-box-translation>
+      </div>
+    </div>
+    <div>
+      <div>
+        video
+      </div>
+      <div>
+        <ucap-chat-message-box-video></ucap-chat-message-box-video>
+      </div>
+    </div>
+    <div>
+      <div>
+        video-conference
+      </div>
+      <div>
+        <ucap-chat-message-box-video-conference></ucap-chat-message-box-video-conference>
+      </div>
+    </div>
+  </div>
 </div>

projects/ucap-webmessenger-app/src/app/pages/template/template.page.module.ts

@@ -5,12 +5,13 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { MatButtonModule } from '@angular/material/button';
 
+import { UCapUiChatModule } from '@ucap-webmessenger/ui-chat';
 import { UCapUiGroupModule } from '@ucap-webmessenger/ui-group';
+import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile';
 
 import { AppTemplateRoutingPageModule } from './template-routing.page.module';
 
 import { COMPONENTS, MET_MODULES } from './components';
-import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile';
 
 @NgModule({
   imports: [
@@ -18,6 +19,7 @@ import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile';
     CommonModule,
     FlexLayoutModule,
     MatButtonModule,
+    UCapUiChatModule,
     UCapUiGroupModule,
     UcapUiProfileModule,
     AppTemplateRoutingPageModule

projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.ts

@@ -1,12 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'ucap-chat-intro',
-  templateUrl: './intro.component.html',
-  styleUrls: ['./intro.component.scss']
-})
-export class IntroComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit() {}
-}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DateSplitterComponent } from './date-splitter.component';
+
+describe('Chat::MessageBox::DateSplitterComponent', () => {
+  let component: DateSplitterComponent;
+  let fixture: ComponentFixture<DateSplitterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [DateSplitterComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DateSplitterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-date-splitter',
+  templateUrl: './date-splitter.component.html',
+  styleUrls: ['./date-splitter.component.scss']
+})
+export class DateSplitterComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.spec.ts

@@ -1,19 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { IntroComponent } from './intro.component';
+import { FileComponent } from './file.component';
 
-describe('Chat::IntroComponent', () => {
+describe('Chat::MessageBox::FileComponent', () => {
-  let component: IntroComponent;
+  let component: FileComponent;
-  let fixture: ComponentFixture<IntroComponent>;
+  let fixture: ComponentFixture<FileComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [IntroComponent]
+      declarations: [FileComponent]
     }).compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(IntroComponent);
+    fixture = TestBed.createComponent(FileComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-file',
+  templateUrl: './file.component.html',
+  styleUrls: ['./file.component.scss']
+})
+export class FileComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ImageComponent } from './image.component';
+
+describe('Chat::MessageBox::ImageComponent', () => {
+  let component: ImageComponent;
+  let fixture: ComponentFixture<ImageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ImageComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ImageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-image',
+  templateUrl: './image.component.html',
+  styleUrls: ['./image.component.scss']
+})
+export class ImageComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InformationComponent } from './information.component';
+
+describe('Chat::MessageBox::InformationComponent', () => {
+  let component: InformationComponent;
+  let fixture: ComponentFixture<InformationComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [InformationComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InformationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-information',
+  templateUrl: './information.component.html',
+  styleUrls: ['./information.component.scss']
+})
+export class InformationComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MassTranslationComponent } from './mass-translation.component';
+
+describe('Chat::MessageBox::MassTranslationComponent', () => {
+  let component: MassTranslationComponent;
+  let fixture: ComponentFixture<MassTranslationComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [MassTranslationComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MassTranslationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-mass-translation',
+  templateUrl: './mass-translation.component.html',
+  styleUrls: ['./mass-translation.component.scss']
+})
+export class MassTranslationComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MassComponent } from './mass.component';
+
+describe('Chat::MessageBox::MassComponent', () => {
+  let component: MassComponent;
+  let fixture: ComponentFixture<MassComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [MassComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MassComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-mass',
+  templateUrl: './mass.component.html',
+  styleUrls: ['./mass.component.scss']
+})
+export class MassComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NoticeComponent } from './notice.component';
+
+describe('Chat::MessageBox::NoticeComponent', () => {
+  let component: NoticeComponent;
+  let fixture: ComponentFixture<NoticeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [NoticeComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NoticeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-notice',
+  templateUrl: './notice.component.html',
+  styleUrls: ['./notice.component.scss']
+})
+export class NoticeComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RecallComponent } from './recall.component';
+
+describe('Chat::MessageBox::RecallComponent', () => {
+  let component: RecallComponent;
+  let fixture: ComponentFixture<RecallComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [RecallComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RecallComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-recall',
+  templateUrl: './recall.component.html',
+  styleUrls: ['./recall.component.scss']
+})
+export class RecallComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ScheduleComponent } from './schedule.component';
+
+describe('Chat::MessageBox::ScheduleComponent', () => {
+  let component: ScheduleComponent;
+  let fixture: ComponentFixture<ScheduleComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ScheduleComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ScheduleComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-schedule',
+  templateUrl: './schedule.component.html',
+  styleUrls: ['./schedule.component.scss']
+})
+export class ScheduleComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StickerComponent } from './sticker.component';
+
+describe('Chat::MessageBox::StickerComponent', () => {
+  let component: StickerComponent;
+  let fixture: ComponentFixture<StickerComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [StickerComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StickerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-sticker',
+  templateUrl: './sticker.component.html',
+  styleUrls: ['./sticker.component.scss']
+})
+export class StickerComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TextComponent } from './text.component';
+
+describe('Chat::MessageBox::TextComponent', () => {
+  let component: TextComponent;
+  let fixture: ComponentFixture<TextComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [TextComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TextComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-text',
+  templateUrl: './text.component.html',
+  styleUrls: ['./text.component.scss']
+})
+export class TextComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TranslationComponent } from './translation.component';
+
+describe('Chat::MessageBox::TranslationComponent', () => {
+  let component: TranslationComponent;
+  let fixture: ComponentFixture<TranslationComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [TranslationComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TranslationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-translation',
+  templateUrl: './translation.component.html',
+  styleUrls: ['./translation.component.scss']
+})
+export class TranslationComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VideoConferenceComponent } from './video-conference.component';
+
+describe('Chat::MessageBox::VideoConferenceComponent', () => {
+  let component: VideoConferenceComponent;
+  let fixture: ComponentFixture<VideoConferenceComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [VideoConferenceComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VideoConferenceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-video-conference',
+  templateUrl: './video-conference.component.html',
+  styleUrls: ['./video-conference.component.scss']
+})
+export class VideoConferenceComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VideoComponent } from './video.component';
+
+describe('Chat::MessageBox::VideoComponent', () => {
+  let component: VideoComponent;
+  let fixture: ComponentFixture<VideoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [VideoComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VideoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ucap-chat-message-box-video',
+  templateUrl: './video.component.html',
+  styleUrls: ['./video.component.scss']
+})
+export class VideoComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/ucap-webmessenger-ui-chat/src/lib/ucap-ui-chat.module.ts

@@ -9,10 +9,42 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 
 import { FormComponent } from './components/form.component';
-import { IntroComponent } from './components/intro.component';
 import { MessagesComponent } from './components/messages.component';
 
-const COMPONENTS = [FormComponent, IntroComponent, MessagesComponent];
+import { DateSplitterComponent as MBDateSplitterComponent } from './components/message-box/date-splitter.component';
+import { FileComponent as MBFileComponent } from './components/message-box/file.component';
+import { ImageComponent as MBImageComponent } from './components/message-box/image.component';
+import { InformationComponent as MBInformationComponent } from './components/message-box/information.component';
+import { MassTranslationComponent as MBMassTranslationComponent } from './components/message-box/mass-translation.component';
+import { MassComponent as MBMassComponent } from './components/message-box/mass.component';
+import { NoticeComponent as MBNoticeComponent } from './components/message-box/notice.component';
+import { RecallComponent as MBRecallComponent } from './components/message-box/recall.component';
+import { ScheduleComponent as MBScheduleComponent } from './components/message-box/schedule.component';
+import { StickerComponent as MBStickerComponent } from './components/message-box/sticker.component';
+import { TextComponent as MBTextComponent } from './components/message-box/text.component';
+import { TranslationComponent as MBTranslationComponent } from './components/message-box/translation.component';
+import { VideoComponent as MBVideoComponent } from './components/message-box/video.component';
+import { VideoConferenceComponent as MBVideoConferenceComponent } from './components/message-box/video-conference.component';
+
+const COMPONENTS = [
+  FormComponent,
+  MessagesComponent,
+
+  MBDateSplitterComponent,
+  MBFileComponent,
+  MBImageComponent,
+  MBInformationComponent,
+  MBMassTranslationComponent,
+  MBMassComponent,
+  MBNoticeComponent,
+  MBRecallComponent,
+  MBScheduleComponent,
+  MBStickerComponent,
+  MBTextComponent,
+  MBTranslationComponent,
+  MBVideoComponent,
+  MBVideoConferenceComponent
+];
 const SERVICES = [];
 
 @NgModule({

projects/ucap-webmessenger-ui-chat/src/public-api.ts

@@ -2,8 +2,22 @@
  * Public API Surface of ucap-webmessenger-ui-chat
  */
 
+export * from './lib/components/message-box/date-splitter.component';
+export * from './lib/components/message-box/file.component';
+export * from './lib/components/message-box/image.component';
+export * from './lib/components/message-box/information.component';
+export * from './lib/components/message-box/mass-translation.component';
+export * from './lib/components/message-box/mass.component';
+export * from './lib/components/message-box/notice.component';
+export * from './lib/components/message-box/recall.component';
+export * from './lib/components/message-box/schedule.component';
+export * from './lib/components/message-box/sticker.component';
+export * from './lib/components/message-box/text.component';
+export * from './lib/components/message-box/translation.component';
+export * from './lib/components/message-box/video-conference.component';
+export * from './lib/components/message-box/video.component';
+
 export * from './lib/components/form.component';
-export * from './lib/components/intro.component';
 export * from './lib/components/messages.component';
 
 export * from './lib/ucap-ui-chat.module';