@textback/notification-widget 2.0.2 → 2.0.4-110500

package/src/widget/components/tb-notification-widget/index.js

@@ -14,7 +14,10 @@ import SDK from '../../../sdk/index.js';
 import iconBell from '../../icons/bell-icon.png';
 import iconBroadcast from '../../icons/broadcast-icon.png';
 import iconPaperPlane from '../../icons/paper-plane-icon.png';
-import iconTbLogo from '../../icons/tb-logo.svg'
+import iconTbLogoLightRu from '../../icons/tb-logo-light-ru.svg'
+import iconTbLogoLightEn from '../../icons/tb-logo-light-en.svg'
+import iconTbLogoDarkRu from '../../icons/tb-logo-dark-ru.svg'
+import iconTbLogoDarkEn from '../../icons/tb-logo-dark-en.svg'
 import iconChatWindow from '../../icons/icon_whatsapp_hollow.svg';
 import iconClose from '../../icons/icon_close.svg';
 
@@ -104,7 +107,7 @@ export default class Widget extends Component {
 
         const aiKey = widget.aiKey;
 
-        
+
 
         return appInsights.init(aiKey, this.widgetUserId, this.config.accountId);
       })
@@ -134,7 +137,7 @@ export default class Widget extends Component {
   render() {
     super.render();
 
-    const wahunterElem = this.element.querySelector('tb-nw-wahunter'); 
+    const wahunterElem = this.element.querySelector('tb-nw-wahunter');
 
     if (wahunterElem) {
       new Wahunter({
@@ -346,24 +349,24 @@ export default class Widget extends Component {
     if (widgetKind === 'WAHUNTER') {
       return `
       <a target="_blank"
-         href="//textback.ru/tool/?utm_source=TextBack_tool&utm_medium=${utmMedium}&utm_campaign=${window.location.origin}${window.location.pathname}&utm_content=${displayMode}"
+         href="//textback.ru/?utm_source=TextBack_tool&utm_medium=${utmMedium}&utm_campaign=${window.location.origin}${window.location.pathname}&utm_content=${displayMode}"
 
          id="tb-notification-brand-badge"
          style="${displayMode === 'inline' ? 'fill:inherit; color: inherit;' : ''}"
       >
-        ${this.text('worksFor')} ${iconTbLogo}
+      ${this.iconLogo }
       </a>
     `;
     } 
     
     return `
       <a target="_blank"
-         href="//textback.ru/tool/?utm_source=TextBack_tool&utm_medium=${utmMedium}&utm_campaign=${window.location.origin}${window.location.pathname}"
+         href="//textback.ru/?utm_source=TextBack_tool&utm_medium=${utmMedium}&utm_campaign=${window.location.origin}${window.location.pathname}"
 
          id="tb-notification-brand-badge"
          style="${displayMode === 'inline' ? 'fill:inherit; color: inherit;' : ''}"
       >
-        ${this.text('worksFor')} ${iconTbLogo}
+       ${this.iconLogo }
       </a>
     `;
   }
@@ -382,7 +385,20 @@ export default class Widget extends Component {
   get pallet() {
     return this.config && this.config.markUp.body.palette && this.config.markUp.body.palette === "light" ? 'tb-pallet-light' : 'tb-pallet-dark'
   }
-
+  
+  get iconLogo() {
+    if (this.pallet === 'tb-pallet-dark' && this.lang === 'ru') {
+      return iconTbLogoDarkRu;
+    } else if (this.pallet === 'tb-pallet-dark' && this.lang === 'en') {
+      return iconTbLogoDarkEn;
+    } else if (this.pallet === 'tb-pallet-light' && this.lang === 'ru') {
+      return iconTbLogoLightRu;
+    } else if (this.pallet === 'tb-pallet-light' && this.lang === 'en') {
+      return iconTbLogoLightEn;
+    } else {
+      return iconTbLogoLightEn
+    }
+  }
 
   get template() {
     if (this.ready && this.config && this.config.displayMode) {