6 | {{button?.value}}
7 |
8 |
--------------------------------------------------------------------------------
/src/models/department.ts:
--------------------------------------------------------------------------------
1 | export class DepartmentModel {
2 | constructor(
3 | public appId: string,
4 | public createdAt: string,
5 | public createdBy: string,
6 | public name: string,
7 | public updatedAt: string,
8 | public _id: string,
9 | public offline_msg: string,
10 | public online_msg: string
11 | ) { }
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/providers/brand.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { BrandService } from './brand.service';
4 |
5 | describe('BrandService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: BrandService = TestBed.get(BrandService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/src/chat21-core/models/group.ts:
--------------------------------------------------------------------------------
1 | export class GroupModel {
2 | constructor(
3 | public uid: string,
4 | public createdOn: any,
5 | public iconURL: string,
6 | public members: any[],
7 | public membersinfo: any[],
8 | public name: string,
9 | public owner: string,
10 | public color: string,
11 | public avatar: string
12 | ) { }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/component/form/inputs/form-select/form-select.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'chat-form-select',
5 | templateUrl: './form-select.component.html',
6 | styleUrls: ['./form-select.component.scss']
7 | })
8 | export class FormSelectComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/component/message/frame/frame.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
--------------------------------------------------------------------------------
/src/models/rule.ts:
--------------------------------------------------------------------------------
1 | export interface IRules {
2 | [id: string]:Rule[]
3 | }
4 |
5 | export interface Rule {
6 | uid: string,
7 | name: string,
8 | description?: string,
9 | when: {
10 | regexOption: string,
11 | text: string,
12 | urlMatches: string,
13 | triggerEvery: number
14 | },
15 | do: [
16 | // {wait: number},
17 | {message: any}
18 | ]
19 | }
--------------------------------------------------------------------------------
/src/assets/images/f21ico-done_all.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/chat21-core/utils/user-typing/user-typing.component.html:
--------------------------------------------------------------------------------
1 |
2 | {{nameUserTypingNow}}
3 | {{ translationMap?.get('LABEL_WRITING') }}
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/scripts/script.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ScriptService } from './script.service';
4 |
5 | describe('ScriptService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: ScriptService = TestBed.get(ScriptService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/src/assets/images/f21ico-schedule.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/component/message/like-unlike/like-unlike.component.scss:
--------------------------------------------------------------------------------
1 | :host{
2 | // --borderRadius: #{$border-radius-bubble-message};
3 | --borderRadius: 25px;
4 | }
5 |
6 | .like-container{
7 | background-color: #f6f7fb;
8 | border-radius: var( --borderRadius);
9 | }
10 |
11 | .menu{
12 | display: flex;
13 | padding: 8px 12px;
14 | border-radius: 16px;
15 | }
16 |
17 | .c21-like, .c21-unlike{
18 | padding: 2px;
19 | }
--------------------------------------------------------------------------------
/src/app/component/form/inputs/form-radio-button/form-radio-button.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'chat-form-radio-button',
5 | templateUrl: './form-radio-button.component.html',
6 | styleUrls: ['./form-radio-button.component.scss']
7 | })
8 | export class FormRadioButtonComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/chat21-core/models/formArray.ts:
--------------------------------------------------------------------------------
1 | export class FormArray {
2 | constructor(
3 | public label?: string | {},
4 | public errorLabel?: string | {},
5 | public text?: string,
6 | public name?: string,
7 | public type?: string,
8 | public mandatory?: boolean,
9 | public regex?: string,
10 | public value?: any,
11 | public options?: Array
2 |
3 |
6 |
7 |
8 |
9 |
12 |
13 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
3 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/env.sample:
--------------------------------------------------------------------------------
1 | CHAT21_ENGINE=mqtt
2 | UPLOAD_ENGINE=native
3 | PUSH_ENGINE=none
4 | TENANT=tilechat
5 | FILE_UPLOAD_ACCEPT=*/*
6 | LOG_LEVEL=INFO
7 | TRANSLATIONS_URL=CHANGEIT
8 | FIREBASE_APIKEY=CHANGEIT
9 | FIREBASE_AUTHDOMAIN=CHANGEIT.firebaseapp.com
10 | FIREBASE_DATABASEURL=https://CHANGEIT.firebaseio.com
11 | FIREBASE_PROJECT_ID=CHANGEIT
12 | FIREBASE_STORAGEBUCKET=CHANGEIT.appspot.com
13 | FIREBASE_APP_ID=CHANGEIT
14 | FIREBASE_MESSAGINGSENDERID=********
15 | MQTT_APPID=tilechat
16 | MQTT_ENDPOINT=CHANGEIT
17 | MQTT_APIENDPOINT=CHANGEIT
18 | API_URL=CHANGEIT
19 | API_BASEIMAGE_URL=CHANGEIT
20 | ENBED_JS=true
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/src/app/component/send-button/send-button.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, OnInit, Output } from '@angular/core';
2 | import { Globals } from '../../utils/globals';
3 |
4 | @Component({
5 | selector: 'chat-send-button',
6 | templateUrl: './send-button.component.html',
7 | styleUrls: ['./send-button.component.scss']
8 | })
9 | export class SendButtonComponent implements OnInit {
10 |
11 | @Output() onSendButtonClicked = new EventEmitter()
12 | constructor(public g: Globals) { }
13 |
14 | ngOnInit() {
15 | }
16 |
17 | onSendPressed(event){
18 | this.onSendButtonClicked.emit(true)
19 | }
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/pipe/safe-html.pipe.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 | import { BrowserModule, DomSanitizer } from '@angular/platform-browser';
3 | import { SafeHtmlPipe } from './safe-html.pipe';
4 |
5 | describe('SafeHtmlPipe', () => {
6 | beforeEach(() => {
7 | TestBed.configureTestingModule({
8 | imports: [
9 | BrowserModule
10 | ],
11 | providers: []
12 | });
13 | });
14 |
15 | it('create an instance', () => {
16 | const domSanitizer = TestBed.inject(DomSanitizer);
17 | const pipe = new SafeHtmlPipe(domSanitizer);
18 | expect(pipe).toBeTruthy();
19 | });
20 | });
21 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/abstract/conversation-handler-builder.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ConversationHandlerBuilderService } from './conversation-handler-builder.service';
4 |
5 | describe('ConversationHandlerBuilderService', () => {
6 | beforeEach(() =>
7 | TestBed.configureTestingModule({
8 | providers: [ConversationHandlerBuilderService]
9 | })
10 | );
11 |
12 | it('should be created', () => {
13 | const service: ConversationHandlerBuilderService = TestBed.get(ConversationHandlerBuilderService);
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/chat21-core/models/message.ts:
--------------------------------------------------------------------------------
1 | export class MessageModel {
2 | constructor(
3 | public uid: string,
4 | public language: string,
5 | public recipient: string,
6 | public recipient_fullname: string,
7 | public sender: string,
8 | public sender_fullname: string,
9 | public status: number,
10 | public metadata: any,
11 | public text: string,
12 | public timestamp: any,
13 | public type: string,
14 | public attributes: any,
15 | public channel_type: string,
16 | public isSender: boolean,
17 | public emoticon?: boolean
18 | ) { }
19 | }
20 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/custom-translate.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TranslateModule } from '@ngx-translate/core';
2 | import { TestBed } from '@angular/core/testing';
3 |
4 | import { CustomTranslateService } from './custom-translate.service';
5 |
6 | describe('CustomTranslateService', () => {
7 | beforeEach(() =>
8 | TestBed.configureTestingModule({
9 | imports: [ TranslateModule.forRoot()],
10 | providers: [CustomTranslateService]
11 | })
12 | );
13 |
14 | it('should be created', () => {
15 | const service: CustomTranslateService = TestBed.get(CustomTranslateService);
16 | expect(service).toBeTruthy();
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/abstract/archivedconversations-handler.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, inject } from '@angular/core/testing';
2 |
3 | import { ArchivedConversationsHandlerService } from './archivedconversations-handler.service';
4 |
5 | describe('ArchivedconversationsHandlerService', () => {
6 | beforeEach(() => {
7 | TestBed.configureTestingModule({
8 | providers: [ArchivedConversationsHandlerService]
9 | });
10 | });
11 |
12 | it('should be created', () => {
13 | const service: ArchivedConversationsHandlerService = TestBed.get(ArchivedConversationsHandlerService);
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/abstract/app-storage.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable()
4 | export abstract class AppStorageService {
5 |
6 |
7 | constructor() { }
8 |
9 | abstract initialize(storagePrefix: string, persistence: string, projectID?: string): void;
10 | abstract getItem(key: string): any;
11 | abstract setItem(key: string, value: any): void;
12 | /** @deprecated */
13 | abstract getItemWithoutProjectID(key: string): any;
14 | /** @deprecated */
15 | abstract setItemWithoutProjectID(key: string, value: any): void;
16 | abstract removeItem(key: string): void;
17 | abstract clear(): void;
18 |
19 | }
20 |
--------------------------------------------------------------------------------
/.github/workflows/docker-community-push-latest.yml:
--------------------------------------------------------------------------------
1 | name: Docker Image Community latest CI
2 |
3 | on:
4 | push:
5 | branches: [ master ]
6 | pull_request:
7 | branches: [ master ]
8 |
9 | jobs:
10 | push_to_registry:
11 | name: Push Docker image to Docker Hub
12 | runs-on: ubuntu-latest
13 |
14 | steps:
15 | - uses: actions/checkout@v2
16 | name: Check out the repo
17 | - uses: docker/build-push-action@v1
18 | with:
19 | username: ${{ secrets.DOCKERHUB_USERNAME }}
20 | password: ${{ secrets.DOCKERHUB_TOKEN }}
21 | repository: chat21/chat21-web-widget
22 | push: true
23 | tags: latest
24 |
--------------------------------------------------------------------------------
/src/app/providers/app-config.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
2 | import { TestBed } from '@angular/core/testing';
3 | import { Globals } from '../utils/globals';
4 |
5 | import { AppConfigService } from './app-config.service';
6 |
7 | describe('AppConfigService', () => {
8 | beforeEach(() => TestBed.configureTestingModule({
9 | imports: [],
10 | providers: [
11 | Globals,
12 | provideHttpClient(withInterceptorsFromDi())
13 | ]
14 | }));
15 |
16 | it('should be created', () => {
17 | const service: AppConfigService = TestBed.get(AppConfigService);
18 | expect(service).toBeTruthy();
19 | });
20 | });
21 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 |
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 |
--------------------------------------------------------------------------------
/nginx.conf:
--------------------------------------------------------------------------------
1 | worker_processes 1;
2 |
3 | events {
4 | worker_connections 1024;
5 | }
6 |
7 | http {
8 | server {
9 | listen 80;
10 | server_name localhost;
11 |
12 | root /usr/share/nginx/html;
13 | index index.html index.htm;
14 | include /etc/nginx/mime.types;
15 |
16 | gzip on;
17 | gzip_min_length 1000;
18 | gzip_proxied expired no-cache no-store private auth;
19 | gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
20 |
21 | location / {
22 | try_files $uri $uri/ /index.html;
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/.github/workflows/docker-image-tag-community-tag-push.yml:
--------------------------------------------------------------------------------
1 | name: Publish Docker Community image tags
2 |
3 | on:
4 | push:
5 | tags:
6 | - '**' # Push events to every tag including hierarchical tags like
7 | jobs:
8 |
9 | push_to_registry:
10 | name: Push Docker image to Docker Hub
11 | runs-on: ubuntu-latest
12 | steps:
13 | - name: Check out the repo
14 | uses: actions/checkout@v2
15 | - name: Push to Docker Hub
16 | uses: docker/build-push-action@v1
17 | with:
18 | username: ${{ secrets.DOCKERHUB_USERNAME }}
19 | password: ${{ secrets.DOCKERHUB_TOKEN }}
20 | repository: chat21/chat21-web-widget
21 | push: true
22 | tag_with_ref: true
23 |
--------------------------------------------------------------------------------
/src/app/component/error-alert/error-alert.component.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/app/component/message/audio/audio.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { AudioComponent } from './audio.component';
4 |
5 | describe('AudioTrackComponent', () => {
6 | let component: AudioComponent;
7 | let fixture: ComponentFixture
6 | {{ errorMessage }}
7 |
8 |
2 |
22 |
--------------------------------------------------------------------------------
/src/chat21-core/providers/tiledesk/tiledesk-requests.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { provideHttpClientTesting } from '@angular/common/http/testing';
2 | import { TestBed, inject } from '@angular/core/testing';
3 | import { AppStorageService } from '../abstract/app-storage.service';
4 |
5 | import { TiledeskRequestsService } from './tiledesk-requests.service';
6 | import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
7 |
8 | describe('TiledeskRequestsService', () => {
9 | beforeEach(() => {
10 | TestBed.configureTestingModule({
11 | imports: [],
12 | providers: [
13 | TiledeskRequestsService,
14 | AppStorageService,
15 | provideHttpClient(withInterceptorsFromDi()),
16 | provideHttpClientTesting()
17 | ]
18 | });
19 | });
20 |
21 | it('should be created', inject([TiledeskRequestsService], (service: TiledeskRequestsService) => {
22 | expect(service).toBeTruthy();
23 | }));
24 | });
25 |
--------------------------------------------------------------------------------
/src/app/component/form/inputs/form-textarea/form-textarea.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
2 | import { FormGroup, FormGroupDirective } from '@angular/forms';
3 |
4 | import { FormTextareaComponent } from './form-textarea.component';
5 |
6 | describe('FormTextareaComponent', () => {
7 | let component: FormTextareaComponent;
8 | let fixture: ComponentFixture
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
2 |
9 |
10 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/component/message/bubble-message/bubble-message.component.scss:
--------------------------------------------------------------------------------
1 | /* ====== SET MESSAGES ====== */
2 |
3 | .messages {
4 | border-radius: var(--border-radius-bubble-message);
5 | padding: 0;
6 | word-wrap: break-word;
7 |
8 | background: transparent;
9 |
10 | // padding: 14px;
11 | // padding: 6px 6px 6px 6px;
12 | // box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
13 | // -webkit-animation: heartbeat 1.5s ease-in-out both;
14 | // animation: heartbeat 1.5s ease-in-out both;
15 |
16 |
17 | .message_sender_fullname{
18 | font-size: 12px;
19 | font-weight: 400;
20 | }
21 |
22 | img {
23 | border-radius: var(--border-radius-bubble-message);
24 | padding: 3px;
25 | margin-bottom: 0px;
26 | max-width: calc(100% - 6px);
27 | width: auto;
28 | height: auto;
29 | object-fit: cover;
30 | }
31 |
32 | chat-audio {
33 | display: flex;
34 | }
35 | }
--------------------------------------------------------------------------------
/src/widget-config.json:
--------------------------------------------------------------------------------
1 | {
2 | "chatEngine": "mqtt",
3 | "uploadEngine": "native",
4 | "pushEngine":"none",
5 | "logLevel":"INFO",
6 | "remoteTranslationsUrl": "http://localhost:3000/",
7 | "firebaseConfig": {
8 | "apiKey": "CHANGEIT",
9 | "authDomain": "CHANGEIT",
10 | "databaseURL": "CHANGEIT",
11 | "projectId": "CHANGEIT",
12 | "storageBucket": "CHANGEIT",
13 | "messagingSenderId": "CHANGEIT",
14 | "appId": "CHANGEIT",
15 | "tenant": "CHANGEIT"
16 | },
17 | "chat21Config": {
18 | "appId": "tilechat",
19 | "MQTTendpoint": "ws://localhost:15675/ws",
20 | "APIendpoint": "http://localhost:8004/api"
21 | },
22 | "apiUrl": "http://localhost:3000/",
23 | "baseImageUrl": "http://localhost:3000/",
24 | "dashboardUrl": "http://localhost:4500/",
25 | "authPersistence": "LOCAL",
26 | "enbedJs": true,
27 | "brandSrc": "${BRAND_SRC}"
28 |
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/providers/global-settings.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { Globals } from './../utils/globals';
2 | import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
3 | import { TestBed, inject } from '@angular/core/testing';
4 | import { AppStorageService } from '../../chat21-core/providers/abstract/app-storage.service';
5 | import { AppConfigService } from './app-config.service';
6 |
7 | import { GlobalSettingsService } from './global-settings.service';
8 |
9 | describe('GlobalSettingsService', () => {
10 | beforeEach(() => {
11 | TestBed.configureTestingModule({
12 | imports: [],
13 | providers: [
14 | GlobalSettingsService,
15 | AppStorageService,
16 | AppConfigService,
17 | Globals,
18 | provideHttpClient(withInterceptorsFromDi())
19 | ]
20 | });
21 | });
22 |
23 | it('should be created', inject([GlobalSettingsService], (service: GlobalSettingsService) => {
24 | expect(service).toBeTruthy();
25 | }));
26 | });
27 |
--------------------------------------------------------------------------------
/.README.md.swp:
--------------------------------------------------------------------------------
1 | b0nano 2.5.3 R parallels ubuntu /home/parallels/dev/chat21-web-widget/README.md U
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/deploy_prod.sh:
--------------------------------------------------------------------------------
1 | # npm version prerelease --preid=beta
2 | version=`node -e 'console.log(require("./package.json").version)'`
3 | echo "version $version"
4 | echo "____________WIDGET-V5______________"
5 | echo "CREATING TAG ON GIT FOR version: $version"
6 |
7 | # Get curent branch name
8 | current_branch=$(git rev-parse --abbrev-ref HEAD)
9 | remote_name=$(git config --get branch.$current_branch.remote)
10 |
11 | ## Push commit to git
12 | git add .
13 | git commit -m "version added: ### $version"
14 | git push "$remote_name" "$current_branch"
15 |
16 | # Get curent branch name
17 | current_branch=$(git rev-parse --abbrev-ref HEAD)
18 | remote_name=$(git config --get branch.$current_branch.remote)
19 |
20 | ## Push commit to git
21 | git add .
22 | git commit -m "version added: ### $version"
23 | git push "$remote_name" "$current_branch"
24 |
25 | if [ "$version" != "" ]; then
26 | git tag -a "$version" -m "`git log -1 --format=%s`"
27 | echo "Created a new tag, $version"
28 | git push --tags
29 | npm publish
30 | fi
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | #f you want to include something that is excluded by your .gitignore file, you can create an empty .npmignore file to override it.
2 | # See http://help.github.com/ignore-files/ for more about ignoring files.
3 |
4 | # compiled output
5 | /dist
6 | /tmp
7 | /out-tsc
8 | .angular/
9 |
10 | # dependencies
11 | /node_modules
12 |
13 | # IDEs and editors
14 | /.idea
15 | .project
16 | .classpath
17 | .c9/
18 | *.launch
19 | .settings/
20 | *.sublime-workspace
21 |
22 | # IDE - VSCode
23 | .vscode/*
24 | !.vscode/settings.json
25 | !.vscode/tasks.json
26 | !.vscode/launch.json
27 | !.vscode/extensions.json
28 |
29 | # misc
30 | /.sass-cache
31 | /connect.lock
32 | /coverage
33 | /libpeerconnection.log
34 | npm-debug.log
35 | testem.log
36 | /typings
37 |
38 | # e2e
39 | /e2e/*.js
40 | /e2e/*.map
41 |
42 | # System Files
43 | .DS_Store
44 | Thumbs.db
45 | test_widget.php
46 |
47 | src/environments
48 | src/environments/real_data
49 | src/widget-config-docker.json
50 | src/widget-config-native-mqtt.json
51 |
52 | ./deploy*.sh
53 |
--------------------------------------------------------------------------------
/deploy_beta.sh:
--------------------------------------------------------------------------------
1 | # npm version prerelease --preid=beta
2 | version=`node -e 'console.log(require("./package.json").version)'`
3 | echo "version $version"
4 | echo "____________WIDGET-V5______________"
5 | echo "CREATING TAG ON GIT FOR version: $version"
6 |
7 | # Get curent branch name
8 | current_branch=$(git rev-parse --abbrev-ref HEAD)
9 | remote_name=$(git config --get branch.$current_branch.remote)
10 |
11 | ## Push commit to git
12 | git add .
13 | git commit -m "version added: ### $version"
14 | git push "$remote_name" "$current_branch"
15 |
16 |
17 | # Get curent branch name
18 | current_branch=$(git rev-parse --abbrev-ref HEAD)
19 | remote_name=$(git config --get branch.$current_branch.remote)
20 |
21 | ## Push commit to git
22 | git add .
23 | git commit -m "version added: ### $version"
24 | git push "$remote_name" "$current_branch"
25 |
26 | if [ "$version" != "" ]; then
27 | git tag -a "$version" -m "`git log -1 --format=%s`"
28 | echo "Created a new tag, $version"
29 | git push --tags
30 | npm publish
31 | fi
--------------------------------------------------------------------------------
/src/app/component/message-attachment/message-attachment.component.scss:
--------------------------------------------------------------------------------
1 | #buttons-in-message {
2 | text-align: right;
3 | display: block;
4 | // margin-right: 16px; //align attachment-buttons to bubble sent message
5 | height: auto;
6 | // width: 85%;
7 | max-width: 95%;
8 | float: left;
9 | padding-left: calc(var(--avatar-width) + 10px);
10 |
11 | .buttons-wrapper {
12 | margin-top: 0px;
13 | display: flex;
14 | flex-wrap: wrap;
15 | -webkit-box-pack: end;
16 | // justify-content: flex-end;
17 | justify-content: flex-start;
18 | width: 100%;
19 | border: none;
20 | }
21 |
22 | .div-button {
23 | // display: inline-block;
24 | // overflow: hidden;
25 | // text-overflow: ellipsis;
26 | // min-width: inherit;
27 | .button-in-msg {
28 | padding: 8px 16px!important;
29 | }
30 | }
31 |
32 | &.align-left{
33 | text-align: left;
34 | margin: 4px 50px;
35 | }
36 |
37 | }
38 |
--------------------------------------------------------------------------------
/src/app/component/launcher-button/launcher-button.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 | import { AppStorageService } from '../../../chat21-core/providers/abstract/app-storage.service';
3 | import { Globals } from '../../utils/globals';
4 |
5 | import { LauncherButtonComponent } from './launcher-button.component';
6 |
7 | describe('LauncherButtonComponent', () => {
8 | let component: LauncherButtonComponent;
9 | let fixture: ComponentFixture
3 |
4 | ![]()
5 |
6 | ![]()
7 |
8 |
6 |
7 |
--------------------------------------------------------------------------------
/src/app/component/send-button/send-button.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
25 |
--------------------------------------------------------------------------------
/src/app/component/menu-options/menu-options.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
2 | import { Globals } from 'src/app/utils/globals';
3 | import { convertColorToRGBA } from 'src/chat21-core/utils/utils';
4 |
5 |
6 |
7 | @Component({
8 | selector: 'chat-menu-options',
9 | templateUrl: './menu-options.component.html',
10 | styleUrls: ['./menu-options.component.scss']
11 | })
12 | export class MenuOptionsComponent implements OnInit {
13 |
14 | @Input() isHover: boolean = false;
15 | @Output() onSignOut = new EventEmitter();
16 |
17 | themeColor50: string;
18 |
19 | constructor(
20 | public g: Globals
21 | ) { }
22 |
23 | ngOnInit() {
24 | this.themeColor50 = convertColorToRGBA(this.g.themeColor, 50);
25 | }
26 |
27 | f21_toggle_options() {
28 | this.g.setParameter('isOpenMenuOptions', !this.g.isOpenMenuOptions, true);
29 | }
30 |
31 | toggleSound() {
32 | this.g.setParameter('soundEnabled', !this.g.soundEnabled, true);
33 | this.g.setParameter('isOpenMenuOptions', false, true);
34 | // this.g.soundEnabled = !this.g.soundEnabled;
35 | // if ( this.g.soundEnabled === false ) {
36 | // this.storageService.setItem('soundEnabled', false);
37 | // } else {
38 | // this.storageService.setItem('soundEnabled', true);
39 | // }
40 | }
41 |
42 | signOut() {
43 | this.g.setParameter('isOpenMenuOptions', false, true);
44 | this.onSignOut.emit();
45 | }
46 |
47 | }
48 |
--------------------------------------------------------------------------------
/src/app/component/message/info-message/info-message.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { CustomLogger } from './../../../../chat21-core/providers/logger/customLogger';
2 | import { LoggerInstance } from './../../../../chat21-core/providers/logger/loggerInstance';
3 | import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
4 | import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
5 | import { MarkedPipe } from '../../../pipe/marked.pipe';
6 |
7 | import { InfoMessageComponent } from './info-message.component';
8 | import { NGXLogger } from 'ngx-logger';
9 |
10 | describe('InfoMessageComponent', () => {
11 | let component: InfoMessageComponent;
12 | let fixture: ComponentFixture
8 |
14 |
20 |
26 |
27 |
21 | {{ audioDuration ? formatTime(audioDuration) : '00:00' }}
22 | {{ formatTime(currentTime) }}
23 |
24 |
25 |
28 |
29 |
30 |
31 |
32 | 
Powered by Tiledesk",
11 | }
12 |
13 | export const LOGOS_ITEMS: { [key: string] : { label: string, icon: string }} ={
14 | COMPANY_LOGO: {label: BRAND_BASE_INFO.COMPANY_NAME, icon: 'assets/logos/tiledesk_logo.svg'},
15 | COMPANY_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.COMPANY_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
16 | BASE_LOGO: {label: BRAND_BASE_INFO.BRAND_NAME, icon: 'assets/logos/tiledesk_logo.svg'},
17 | BASE_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.BRAND_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
18 | BASE_LOGO_WHITE: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
19 | BASE_LOGO_WHITE_NO_TEXT: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
20 | BASE_LOGO_GRAY: { label: BRAND_BASE_INFO.BRAND_NAME, icon: 'https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-logo_new_gray.svg'}
21 | }
--------------------------------------------------------------------------------
/src/chat21-core/providers/abstract/archivedconversations-handler.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { BehaviorSubject } from 'rxjs';
3 | import { ConversationModel } from '../../models/conversation';
4 | import { ImageRepoService } from './image-repo.service';
5 |
6 | @Injectable()
7 | export abstract class ArchivedConversationsHandlerService {
8 |
9 | // BehaviorSubject
10 | abstract BSConversationDetail: BehaviorSubject
26 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/src/app/component/list-all-conversations/list-all-conversations.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { CustomTranslateService } from './../../../chat21-core/providers/custom-translate.service';
2 | import { NO_ERRORS_SCHEMA, IterableDiffers, IterableDifferFactory } from '@angular/core';
3 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
4 | import { Globals } from '../../utils/globals';
5 |
6 | import { ListAllConversationsComponent } from './list-all-conversations.component';
7 | import { TranslateModule, TranslateService } from '@ngx-translate/core';
8 | import { NGXLogger } from 'ngx-logger';
9 | import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
10 | import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
11 |
12 | describe('ListAllConversationsComponent', () => {
13 | let component: ListAllConversationsComponent;
14 | let fixture: ComponentFixture404
27 |Page Not Found
28 |The specified file was not found on this website. Please check the URL for mistakes and try again.
29 |Why am I seeing this?
30 |This page was generated by the Firebase Command-Line Interface. To modify it, edit the 404.html file in your project's configured public directory.
2 |
10 |
11 |
15 |
16 |
17 |
22 |
23 |
24 |
31 |
32 |
--------------------------------------------------------------------------------
/src/app/component/message/avatar/avatar.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit } from '@angular/core';
2 | import { ImageRepoService } from '../../../../chat21-core/providers/abstract/image-repo.service';
3 | @Component({
4 | selector: 'chat-avatar-image',
5 | templateUrl: './avatar.component.html',
6 | styleUrls: ['./avatar.component.scss']
7 | })
8 | export class AvatarComponent implements OnInit {
9 |
10 | @Input() senderID: string;
11 | @Input() senderFullname: string;
12 | @Input() baseLocation: string;
13 | url: string;
14 | constructor(private imageRepoService: ImageRepoService) { }
15 |
16 | ngOnInit() {
17 | if(this.senderID){
18 | if(this.senderID.indexOf('bot_') !== -1 || this.senderFullname.toLowerCase().includes('bot')){
19 | this.url = this.baseLocation +'/assets/images/tommy_bot_tiledesk.svg'
20 | }else if( this.senderID.indexOf('bot_') == -1){
21 | this.url = this.baseLocation +'/assets/images/chat_human_avatar.svg'
22 | }
23 | let url = this.imageRepoService.getImagePhotoUrl(this.senderID)
24 | // this.imageRepoService.checkImageExists(url, (existImage)=> {
25 | // existImage? this.url = url: null;
26 | // })
27 | this.checkImageExists(url, (existImage)=> {
28 | existImage? this.url = url: null;
29 | })
30 | }
31 |
32 | }
33 |
34 | onBotImgError(event){
35 | event.target.src = this.baseLocation +'/assets/images/tommy_bot_tiledesk.svg'
36 | }
37 | onHumanImgError(event) {
38 | event.target.src = this.baseLocation + "/assets/images/chat_human_avatar.svg"
39 | }
40 |
41 | onLoadedBot(event){
42 | // console.log('LOADED Bot avatar image...')
43 | }
44 |
45 | onLoadedHuman(event){
46 | // console.log('LOADED Bot human image...')
47 | }
48 |
49 |
50 | checkImageExists(imageUrl, callBack) {
51 | var imageData = new Image();
52 | imageData.onload = function () {
53 | callBack(true);
54 | };
55 | imageData.onerror = function () {
56 | callBack(false);
57 | };
58 | imageData.src = imageUrl;
59 | }
60 |
61 | }
62 |
--------------------------------------------------------------------------------
/src/app/component/message/buttons/text-button/text-button.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | --backgroundColor: #{var(--blue)};
3 | --buttonTextColor: #{var(--bck-msg-sent)};
4 | --buttonHoverBackgroundColor: #{var(--bck-msg-sent)};
5 | --buttonHoverTextColor: #{var(--blue)};
6 | --buttonFontSize: #{var(--button-font-size)};
7 | --max-width: #{var(--button-in-msg-max-width)};
8 | --padding: #{var(--button-in-msg-padding)};
9 | --font-family: #{var(--button-in-msg-font-family)};
10 | --buttonBorderColor: #{var(--button-border-color)};
11 | --buttonBackgroundColor: #{var(--button-background-color)};
12 | --buttonColor: #{var(--button-color)};
13 | }
14 |
15 |
16 | .button-in-msg {
17 | padding: var(--padding);
18 | position: relative;
19 | min-width: inherit;
20 | cursor: pointer;
21 | border: 1px solid var(--buttonBorderColor);
22 | background: var(--buttonBackgroundColor);
23 | font-family: var(--font-family);
24 | font-size: var(--buttonFontSize);
25 | color: var(--buttonTextColor);
26 | overflow: hidden;
27 | -o-text-overflow: ellipsis;
28 | text-overflow: ellipsis;
29 | // white-space: nowrap;
30 | word-wrap: break-word;
31 | // letter-spacing: -0.24px;
32 | -webkit-font-smoothing: antialiased;
33 | line-height: 16px;
34 | font-weight: 500;
35 | border-radius: 12px;
36 | box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
37 | padding: 10px 16px;
38 | margin: 3px;
39 | transition: background-color .2s ease;
40 | }
41 |
42 | .text {
43 | // color: rgb(42, 106, 193);
44 | transition: background-color .6s ease;
45 | &:focus,
46 | &:hover {
47 | color: var(--buttonHoverTextColor);
48 | background: var(--buttonHoverBackgroundColor);
49 | // transform: scale(1.05);
50 | .icon-button-action {
51 | svg {
52 | fill: var(--black);
53 | }
54 | }
55 | }
56 | }
57 |
58 | .disabled {
59 | // border: 1px solid #999999;
60 | // background-color: #cccccc;
61 | // color: #666666;
62 | pointer-events: none;
63 | }
64 |
--------------------------------------------------------------------------------
/src/app/component/message-attachment/message-attachment.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/sass/_variables.scss:
--------------------------------------------------------------------------------
1 | // =========== COLORS =============== //
2 | :root{
3 | --black: #1a1a1a;
4 | --light-white: #f7f7f7;
5 | --gray: #aaaaaa;
6 | --dark-gray: #5f6368;
7 | --light-gray: #eeeeee;
8 | --base-gray: #666666;
9 | --danger: #a94442;
10 | --blue: rgb(42, 106, 193);
11 |
12 | --trasp-light-gray: rgba(191, 191, 191, 0.2);
13 | $trasp-black:rgba(0,0,0,0.8);
14 | --trasp-light-black:rgba(0,0,0,0.2);
15 |
16 | // $theme-color: rgb(42, 106, 193);
17 | /** conversation **/
18 | --bck-msg-sent: rgb(98, 168, 234);
19 | --col-msg-sent: #ffffff;
20 |
21 | --border-radius-bubble-message: 20px;
22 | --button-in-msg-font-size: 13px;
23 | --button-in-msg-font-family: 'Roboto','Google Sans', Helvetica, Arial, sans-serif;
24 | --button-in-msg-max-width: 280px;
25 | --button-in-msg-padding: 8px 16px;
26 | --button-color: #5c6c73;
27 | --button-background-color: #ffffff;//#f5f5f5; // #f9fcff;
28 | --button-border-color: #0000000f; //#e4ebf2;
29 | --button-font-size: 13px;
30 |
31 | --max-width-images: 230px; //change also MAX_WIDTH_IMAGES in constants.ts
32 |
33 | --bkg-color-info-message: rgba(24, 119, 242, 0.1);
34 |
35 | --chat-header-height: 52px;
36 |
37 | --chat-footer-height: 64px;
38 | --chat-footer-logo-height: 30px;
39 | --chat-footer-border-radius: 16px;
40 | --chat-footer-background-color: #f6f7fb;
41 | --chat-footer-color: #1a1a1a;
42 | --chat-footer-border-color-error: #aa0404;
43 |
44 | --icon-fill-color: #5f6368;
45 |
46 | --content-background-color: #fff;
47 | --content-text-color: var(--black);
48 |
49 | --avatar-height: 20px;
50 | --avatar-width: 20px;
51 |
52 |
53 | --font-family: 'Roboto','Google Sans', Helvetica, Arial, sans-serif; //Mulish, sans-serif;
54 | --font-family-bubble-message: 'Roboto','Google Sans', Helvetica, Arial, sans-serif;
55 | --font-family-callout: 'Helvetica Neue', 'Apple Color Emoji', Helvetica, Arial, sans-serif;
56 | --font-family-powered-by: Mulish, sans-serif;
57 |
58 | --font-size-bubble-message: 1.4em;
59 | }
60 |
61 | $trasp-black:rgba(0,0,0,0.8);
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------