@aakash58/chatbot 1.1.20 → 1.1.21

package/projects/doohbot/src/lib/styles/utility.scss

@@ -0,0 +1,588 @@
+/*
+================================
+    Custom Utility Class
+================================
+*/
+
+$colors: (
+  'blue': var(--blue),
+  'blue-dark': var(--blue),
+  // Simplified for now
+  'blue-grey': var(--grey),
+  'sky-blue': var(--blue),
+  'green': var(--green),
+  'green-dark-1': var(--green),
+  'green-light': var(--green),
+  'green-light-1': var(--green),
+  'orange': var(--orange),
+  'yellow': var(--orange),
+  // map to orange or add yellow
+  'yellow-dark-1': var(--orange),
+  'red': var(--red),
+  'red-light': var(--light-red),
+  'red-dark': var(--red),
+  'white': var(--white),
+  'grey': var(--grey),
+  'purple': var(--primary-color),
+  // map to primary or add purple
+  'grey-dark': var(--grey),
+  'grey-light': var(--grey),
+  'black': var(--black),
+  'pink': var(--light-red),
+  'pink-dark-1': var(--red),
+);
+
+// Text Color
+@each $color-name, $value in $colors {
+  .txt-#{$color-name} {
+    color: #{$value} !important;
+  }
+}
+
+// Bg Color
+@each $color-name, $value in $colors {
+  .bg-#{$color-name} {
+    background-color: #{$value} !important;
+
+    @if $color-name ==white {
+      color: var(--black) !important;
+    }
+
+    @else if $color-name =='sky-blue' {
+      color: var(--black) !important;
+    }
+
+    @else {
+      color: var(--white) !important;
+    }
+  }
+}
+
+// Border
+$border-position: (
+  top: 't',
+  right: 'r',
+  left: 'l',
+  bottom: 'b',
+);
+
+@for $size from 1 through 10 {
+  @each $color, $col in $colors {
+    @each $position, $pos in $border-position {
+      .border-#{$pos}-#{$color}-#{$size}px {
+        border-#{$position}: solid #{$size}px #{$col} !important;
+      }
+    }
+
+    .border-#{$color}-#{$size}px {
+      border: solid #{$size}px #{$col} !important;
+    }
+
+    .border-t-b-#{$color}-#{$size}px {
+      border-top: solid #{$size}px #{$col} !important;
+      border-bottom: solid #{$size}px #{$col} !important;
+    }
+
+    .border-l-r-#{$color}-#{$size}px {
+      border-left: solid #{$size}px #{$col} !important;
+      border-right: solid #{$size}px #{$col} !important;
+    }
+  }
+}
+
+// Height, Width
+$unit: (
+  rem: 'rem',
+  per: '%',
+  px: 'px',
+);
+
+@for $size from 0 through 50 {
+  @each $unit, $ut in $unit {
+    .h-#{$size}#{$unit} {
+      height: #{$size}#{$ut} !important;
+    }
+
+    .w-#{$size}#{$unit} {
+      width: #{$size}#{$ut} !important;
+    }
+  }
+}
+
+// Margin, Padding
+$position: (
+  top: 't',
+  right: 'r',
+  left: 'l',
+  bottom: 'b',
+);
+
+$unit: (
+  rem: 'rem',
+  per: '%',
+  px: 'px',
+);
+
+@for $size from 0 through 100 {
+  @each $unit, $ut in $unit {
+    @each $position, $pos in $position {
+      .m-#{$pos}-#{$size}#{$unit} {
+        margin-#{$position}: #{$size}#{$ut} !important;
+      }
+
+      .p-#{$pos}-#{$size}#{$unit} {
+        padding-#{$position}: #{$size}#{$ut} !important;
+      }
+    }
+
+    .m-#{$size}#{$unit} {
+      margin: #{$size}#{$ut} !important;
+    }
+
+    .p-#{$size}#{$unit} {
+      padding: #{$size}#{$ut} !important;
+    }
+  }
+}
+
+// Font Size
+$unit: (
+  rem: 'rem',
+  px: 'px',
+  pt: 'pt',
+);
+
+@for $size from 0 through 50 {
+  @each $unit, $ut in $unit {
+    .f-s-#{$size}#{$unit} {
+      font-size: #{$size}#{$ut} !important;
+    }
+  }
+}
+
+/*
+================================
+    Utility Css
+================================
+*/
+
+// Gradient | Background | Color
+.gradient-green-linear {
+  background-image: linear-gradient(to right, var(--green), var(--green)) !important;
+
+  // mat.define-palette(mat.$green-palette, 900),
+  // mat.define-palette(mat.$green-palette, 500)
+}
+
+.gradient-orange-linear {
+  background-image: linear-gradient(to right, var(--orange), var(--orange)) !important;
+  // mat.define-palette(mat.$orange-palette, 900),
+  // mat.define-palette(mat.$orange-palette, 500)
+}
+
+.gradient-red-linear {
+  background-image: linear-gradient(to right, var(--red), var(--red)) !important;
+  // mat.define-palette(mat.$red-palette, 900),
+  // mat.define-palette(mat.$red-palette, 500)
+}
+
+.gradient-blue-linear {
+  background-image: linear-gradient(to right, var(--blue), var(--blue)) !important;
+
+  // mat.define-palette(mat.$blue-palette, 900),
+  // mat.define-palette(mat.$blue-palette, 500)
+}
+
+// Gradient | Background | Color
+
+// Flex
+.d-flex {
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.flex-none {
+  flex: none !important;
+}
+
+.flex-0-0-16vw {
+  flex: 0 0 16vw !important;
+}
+
+.flex-1 {
+  flex: 1 !important;
+}
+
+.flex-dir-col {
+  flex-direction: column !important;
+}
+
+.flex-dir-row {
+  flex-direction: row !important;
+}
+
+.flex-spacer {
+  flex-grow: 1;
+}
+
+.center-wrapper-column {
+  display: flex !important;
+  align-items: center !important;
+  flex-direction: column !important;
+  justify-content: center !important;
+}
+
+.center-wrapper-row {
+  display: flex !important;
+  align-items: center !important;
+  flex-direction: row !important;
+  justify-content: center !important;
+}
+
+.justify-start {
+  -ms-flex-pack: start !important;
+  justify-content: flex-start !important;
+}
+
+.justify-end {
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+}
+
+.justify-center {
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+}
+
+.justify-space-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.justify-around {
+  -ms-flex-pack: distribute !important;
+  justify-content: space-around !important;
+}
+
+// Input
+.input-prefix {
+  font-weight: 500;
+  margin-right: 5px;
+}
+
+.input-suffix {
+  font-weight: 500;
+  margin-left: 5px;
+}
+
+// Text
+.text-right {
+  text-align: right !important;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.float-right {
+  float: right !important;
+}
+
+.float-left {
+  float: left !important;
+}
+
+.text-end {
+  text-align: end !important;
+}
+
+.text-start {
+  text-align: start !important;
+}
+
+.txt-center {
+  text-align: center !important;
+}
+
+.txt-decoration-none {
+  text-decoration: none !important;
+}
+
+.f-w-b {
+  font-weight: bold !important;
+}
+
+.f-w-500 {
+  font-weight: 500 !important;
+}
+
+// Width & Height
+.w-100 {
+  width: 100% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+// Alignment
+.align-items-center {
+  align-items: center !important;
+}
+
+.card-title-text {
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  color: var(--secondary-text-color);
+}
+
+.pointer-event-none {
+  pointer-events: none !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.d-none-1 {
+  display: none;
+}
+
+.radius-none {
+  border-radius: 0;
+}
+
+.radius-round {
+  border-radius: 2px;
+}
+
+.rad-full {
+  border-radius: 100%;
+}
+
+.radius-circle {
+  border-radius: 50%;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.block {
+  display: block;
+}
+
+.button-block {
+  display: block;
+  width: 100%;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.center-block {
+  display: block;
+  margin: 0 auto;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.border-none {
+  border: 0 !important;
+}
+
+.background-none {
+  background-color: transparent !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.align-items-start {
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  -ms-flex-align: stretch !important;
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  -ms-flex-line-pack: start !important;
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  -ms-flex-line-pack: end !important;
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  -ms-flex-line-pack: center !important;
+  align-content: center !important;
+}
+
+.align-content-between {
+  -ms-flex-line-pack: justify !important;
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  -ms-flex-line-pack: distribute !important;
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  -ms-flex-line-pack: stretch !important;
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  -ms-flex-item-align: auto !important;
+  align-self: auto !important;
+}
+
+.align-self-start {
+  -ms-flex-item-align: start !important;
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  -ms-flex-item-align: end !important;
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  -ms-flex-item-align: center !important;
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  -ms-flex-item-align: baseline !important;
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  -ms-flex-item-align: stretch !important;
+  align-self: stretch !important;
+}
+
+.h-300px {
+  height: 300px;
+}
+
+.transition {
+  -webkit-transition:
+    width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
+  transition:
+    width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
+}
+
+.fade-in {
+  animation: fadeIn 5s;
+}
+
+.fade-out {
+  animation: fadeOut 5s;
+}
+
+.opacity-1 {
+  opacity: 1 !important;
+}
+
+.show {
+  opacity: 1 !important;
+  transition: opacity 0.3s ease-in !important;
+  pointer-events: auto !important;
+}
+
+.hide {
+  opacity: 0 !important;
+  transition: opacity 0.3s ease-out !important;
+  pointer-events: none !important;
+}
+
+// Marquee Text
+.marquee-container {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.marquee-text {
+  display: inline-block;
+  padding-left: 100%;
+  animation: marquee 15s linear infinite;
+}
+
+@keyframes marquee {
+  0% {
+    transform: translate(0, 0);
+  }
+
+  100% {
+    transform: translate(-100%, 0);
+  }
+}

package/projects/doohbot/src/public-api.ts

@@ -0,0 +1,42 @@
+// /*
+/* Public API Surface of chatbot
+ */
+
+// Main component
+export * from './lib/doohbot.component';
+
+export * from './lib/doohbot-input';
+export * from './lib/core/models/api-config.model';
+export * from './lib/constant/doohbot-constant';
+export * from './lib/core/models/theme-config.model';
+export * from './lib/shared/dialog/dialog.component';
+export * from './lib/shared/dialog/dialog.service';
+export * from './lib/shared/chips/chips.component';
+export * from './lib/shared/snackbar/snackbar.component';
+export * from './lib/shared/dropdown-menu/dropdown-menu.component';
+export * from './lib/shared/menu-item/menu-item.component';
+
+// // Services
+// export * from './lib/core/services/doohbot-api.service';
+// export * from './lib/core/auth/auth.service';
+// export * from './lib/core/auth/account-api.service';
+// export * from './lib/core/services/theme.service';
+// export * from './lib/core/chat/chat-facade.service';
+// export * from './lib/core/chat/chat-helper.service';
+// export * from './lib/core/services/storage.service';
+
+// // Helpers
+// export * from './lib/predefined_messages';
+
+// // Components
+// export * from './lib/components/chat-button/chat-button.component';
+// export * from './lib/components/chat-window/chat-window.component';
+// export * from './lib/components/message-list/message-list.component';
+// export * from './lib/components/message-input/message-input.component';
+// export * from './lib/components/chat-history-sidebar/chat-history-sidebar.component';
+
+// // Directives
+// export * from './lib/directives/fullscreen/fullscreen.directive';
+// export * from './lib/directives/popout/popout.directive';
+// export * from './lib/directives/draggable/draggable-dialog.directive';
+// export * from './lib/directives/resizable/resizable-dialog.directive';

package/projects/doohbot/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "sourceMap": true,
+    "types": ["crypto-js"]
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["**/*.spec.ts"]
+}

package/projects/doohbot/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/doohbot/tsconfig.spec.json

@@ -0,0 +1,10 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": ["jasmine"]
+  },
+  "include": ["src/**/*.ts"]
+}

package/proxy.conf.json

@@ -0,0 +1,8 @@
+{
+  "/api": {
+    "target": "http://localhost:4000",
+    "secure": false,
+    "changeOrigin": true,
+    "logLevel": "debug"
+  }
+}

package/publish.config.js

@@ -0,0 +1,25 @@
+module.exports = {
+    projects: {
+        doohbot: {
+            path: 'projects/doohbot',
+            distPath: 'dist/doohbot',
+            packageJson: 'projects/doohbot/package.json',
+            ngPackageJson: 'projects/doohbot/ng-package.json',
+            validate: {
+                peerDependencies: ['@angular/core', '@angular/common', '@angular/material', '@angular/cdk'],
+                forbiddenDependencies: ['@angular/core', '@angular/common', '@angular/platform-browser'],
+                allowedNonPeerDependencies: ['crypto-js', '@auth0/angular-jwt'],
+                checkRuntimeInDist: true,
+                checkPlatformCreation: true
+            }
+        }
+    },
+    publishing: {
+        registry: 'https://registry.npmjs.org/',
+        vcs: {
+            provider: 'github',
+            tag: true,
+            push: true
+        }
+    }
+};