From 1cd6c65a3c2db4cba87bb2a1a5416964b5ff9767 Mon Sep 17 00:00:00 2001
From: AcacioFernando <afo.fernando@gmail.com>
Date: Fri, 7 May 2021 16:44:50 -0300
Subject: [PATCH] Change blip chat logo

---
 index.html                |  4 +---
 src/images/brand-logo.svg | 17 +++--------------
 src/static/chat.html      |  4 +++-
 src/styles/main.scss      |  8 +++++++-
 4 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 6a6e5f6..7632196 100644
--- a/index.html
+++ b/index.html
@@ -211,9 +211,7 @@ <h1>For connection data tests (*optional)</h1>
             builder = new BlipChat()
               .withAppKey(appKey)
               .withButton({
-                color: '#2f8413',
-                icon:
-                  'https://s3-sa-east-1.amazonaws.com/msging.net/Services/Images/32659305-1594-439e-b4b4-047f592d5787'
+                color: '#2f8413'
               })
               .withTarget(target)
               .withEnvironment(environment)
diff --git a/src/images/brand-logo.svg b/src/images/brand-logo.svg
index 7c27306..a030cc3 100644
--- a/src/images/brand-logo.svg
+++ b/src/images/brand-logo.svg
@@ -1,14 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="48px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 48 (47235) - http://www.bohemiancoding.com/sketch -->
-    <title>BLiP</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="BLiP" fill="#FFFFFF" fill-rule="nonzero">
-            <g id="brand-logo-(1)" transform="translate(9.000000, 9.000000)">
-                <path d="M11.1710324,0 C8.50311934,0 5.73814719,0.419047618 3.8539867,1.55833333 C0.797837127,3.4047619 -0.0963201702,7.01071429 0.00801840166,10.3309524 C0.0977981032,13.202381 0.88276387,16.2857143 2.96832206,18.4071429 C4.95803438,20.4297619 9.04907698,21.3392857 11.8383139,21.3392857 C11.9644908,21.3392857 12.0979471,21.4285714 12.0979471,21.5940476 L12.0979471,24.4916667 C12.0979471,24.777381 12.3248228,25 12.6160002,25 C12.6329856,25 12.6487577,24.9964286 12.6645298,24.9952381 C12.7749346,24.9857143 12.8719937,24.9452381 12.949641,24.8821429 C14.3557853,23.7035714 15.7607163,22.5035714 17.1171177,21.2702381 C18.4177101,20.0869048 19.8905825,18.8714286 20.907277,17.4547619 C23.0522839,14.4666667 23.3701526,10.2416667 22.6591944,6.73928571 C21.9749275,3.36904761 19.5351035,1.175 16.1149821,0.476190475 C14.7076247,0.189285714 12.9617734,0 11.1710324,0 M11.1710324,1.21309524 C12.7737213,1.21309524 14.4394988,1.37261905 15.8638416,1.66309524 C18.8945131,2.28214286 20.876946,4.16904761 21.4471685,6.97619047 C21.7953681,8.69166668 21.8584565,10.472619 21.6303676,12.1261905 C21.3780138,13.9488095 20.7944457,15.5059524 19.8966487,16.7559524 C19.1274551,17.8285714 18.0185544,18.8202381 16.946051,19.7797619 C16.7203885,19.9809524 16.4959392,20.1821429 16.2763429,20.3809524 C15.2802735,21.2880952 14.2720718,22.1619048 13.3330246,22.9595238 L13.3330246,21.5940476 C13.3330246,20.7845238 12.6633166,20.127381 11.8383139,20.127381 C9.19102597,20.127381 5.4942861,19.2285714 3.8576264,17.5654762 C1.82059778,15.4928571 1.31103731,12.4666667 1.24309592,10.2940476 C1.177581,8.19166668 1.51364826,4.39642857 4.50306966,2.59047619 C5.97230236,1.70238095 8.34054527,1.21309524 11.1710324,1.21309524" id="Fill-20"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="74" height="82" viewBox="0 0 74 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.7738 0C27.2363 0 18.4009 1.38983 12.3452 5.06295C2.51716 11.1186 -0.361774 22.9322 0.0353209 33.8523C0.333142 43.2833 2.81499 53.4092 9.56559 60.3583C15.9191 67.0097 29.0232 69.9879 38.0571 69.9879C38.4542 69.9879 38.8513 70.2857 38.8513 70.7821V80.3124C38.8513 81.2058 39.5462 82 40.539 82C40.6382 82 40.6382 82 40.7375 82C41.1346 82 41.4324 81.8015 41.631 81.6029C46.0983 77.7312 50.6649 73.7603 55.0329 69.7893C59.2024 65.9177 63.9675 61.9467 67.1443 57.2809C73.9942 47.4528 75.0862 33.6538 72.8029 22.138C70.6189 11.1186 62.7763 3.87167 51.8562 1.58838C47.1903 0.59564 41.5317 0 35.7738 0Z" fill="white"/>
+</svg>
diff --git a/src/static/chat.html b/src/static/chat.html
index c0101e4..0d63b38 100644
--- a/src/static/chat.html
+++ b/src/static/chat.html
@@ -1,6 +1,8 @@
 <div id="blip-chat-open-iframe">
   <div id="blip-chat-notifications"></div>
-  <img id="blip-chat-icon" src="{{ buttonIcon }}" alt="">
+  <div class="blip-container-img">
+    <img id="blip-chat-icon" src="{{ buttonIcon }}" alt="">
+  </div>
   <svg id="blip-chat-close-icon" viewBox="0 0 40 40" style="display:none;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
       <g id="Close" fill="#FFFFFF" fill-rule="nonzero">
diff --git a/src/styles/main.scss b/src/styles/main.scss
index ba3340e..305fc56 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -109,7 +109,13 @@ $maxHeight: 420px;
     img, svg {
       width: 100%;
       height: 100%;
-      border-radius: 50%;
+      border-radius: 0%;
+    }
+    .blip-container-img{
+      max-width: 27px;
+      max-height: 29.97px;
+      width: auto;
+      height: auto;
     }
 
   }