Chore: Update swagger API documentation (#745)

* Chore: Update swagger documentation

app/javascript/widget/components/ChatHeader.vue

@@ -1,8 +1,11 @@
 <template>
   <header class="header-collapsed">
-    <h2 class="title">
-      {{ title }}
-    </h2>
+    <div class="header-branding">
+      <img v-if="avatarUrl" :src="avatarUrl" alt="avatar" />
+      <h2 class="title">
+        {{ title }}
+      </h2>
+    </div>
     <span class="close-button" @click="closeWindow"></span>
   </header>
 </template>
@@ -13,17 +16,21 @@ import { IFrameHelper } from 'widget/helpers/utils';
 
 export default {
   name: 'ChatHeader',
-  computed: {
-    ...mapGetters({
-      widgetColor: 'appConfig/getWidgetColor',
-    }),
-  },
   props: {
+    avatarUrl: {
+      type: String,
+      default: '',
+    },
     title: {
       type: String,
       default: '',
     },
   },
+  computed: {
+    ...mapGetters({
+      widgetColor: 'appConfig/getWidgetColor',
+    }),
+  },
   methods: {
     closeWindow() {
       if (IFrameHelper.isIFrame()) {
@@ -48,12 +55,23 @@ export default {
   box-sizing: border-box;
   color: $color-white;
 
+  .header-branding {
+    display: flex;
+    align-items: center;
+  }
+
   .title {
     font-size: $font-size-large;
     font-weight: $font-weight-medium;
     color: $color-heading;
   }
 
+  img {
+    height: 24px;
+    width: 24px;
+    margin-right: $space-small;
+  }
+
   .close-button {
     display: none;
   }

app/javascript/widget/components/ChatHeaderExpanded.vue

@@ -1,9 +1,6 @@
 <template>
   <header class="header-expanded">
-    <!-- <img
-        class="logo"
-        src=""
-      /> -->
+    <img v-if="avatarUrl" class="logo" :src="avatarUrl" />
     <span class="close close-button" @click="closeWindow"></span>
     <h2 class="title">
       {{ introHeading }}
@@ -21,14 +18,17 @@ import { IFrameHelper } from 'widget/helpers/utils';
 export default {
   name: 'ChatHeaderExpanded',
   props: {
+    avatarUrl: {
+      type: String,
+      default: '',
+    },
     introHeading: {
       type: String,
-      default: 'Hi there ! 🙌🏼',
+      default: '',
     },
     introBody: {
       type: String,
-      default:
-        'We make it simple to connect with us. Ask us anything, or share your feedback.',
+      default: '',
     },
   },
   computed: {
@@ -53,14 +53,14 @@ export default {
 @import '~widget/assets/scss/mixins.scss';
 
 .header-expanded {
-  padding: $space-larger $space-medium $space-large;
+  padding: $space-large $space-medium $space-large;
   width: 100%;
   box-sizing: border-box;
   position: relative;
 
   .logo {
-    width: 64px;
-    height: 64px;
+    width: 56px;
+    height: 56px;
   }
 
   .close {
@@ -74,7 +74,7 @@ export default {
     font-size: $font-size-mega;
     font-weight: $font-weight-normal;
     margin-bottom: $space-slab;
-    margin-top: $space-large;
+    margin-top: $space-medium;
   }
 
   .body {