@coveops/abi 1.0.1 → 1.0.3

package/dist/esm/faq-popup-component.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-3c594d24.js';
-import { i as initializeBindings, F as Fde } from './index-886ab6f0.js';
+import { i as initializeBindings, F as Fde } from './index-4e0bf5cd.js';
 import { r as resultContext } from './result-template-decorators-881a4c8e-ed85ad21.js';
 import './headless.esm-085e70ed-c4dfb380.js';
 
@@ -31,7 +31,7 @@ const FaqPopupComponent = class {
     }
   }
   openFAQModal(result) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (this.bindings) {
       const { logClickEvent } = Fde(this.bindings.engine);
       const logClickPayload = {
@@ -48,7 +48,7 @@ const FaqPopupComponent = class {
     const tableEl = document.createElement('table');
     const questionElement = document.createElement("tr");
     questionElement.className = "question-row";
-    questionElement.innerHTML = '<td>Question: </td> <td>' + (((_a = this.result) === null || _a === void 0 ? void 0 : _a.title) || '') + '</td>'
+    questionElement.innerHTML = '<td>Question: <a href="https://anheuserbuschinbev.sharepoint.com" autofocus="true" style="display:none;"></a></td> <td>' + (((_a = this.result) === null || _a === void 0 ? void 0 : _a.title) || '') + '</td>'
       + '<div id="faq-modal-close-button"><svg width="48" height="49" viewBox="0 0 48 49" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="0.5" width="48" height="48" rx="24" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5382 24.5L15 16.9618L16.4618 15.5L24 23.0382L31.5382 15.5L33 16.9618L25.4618 24.5L33 32.0382L31.5382 33.5L24 25.9618L16.4618 33.5L15 32.0382L22.5382 24.5Z" fill="#17171A"/></svg></div>';
     tableEl.appendChild(questionElement);
     const answerElement = document.createElement('tr');
@@ -58,17 +58,48 @@ const FaqPopupComponent = class {
     answerElement.appendChild(answerTitleElement);
     // Create a new element to contain the answer content
     const answerContentElement = document.createElement('td');
-    answerContentElement.innerHTML = ((_b = this.result) === null || _b === void 0 ? void 0 : _b.raw.answer) || '';
+    if ((_c = (_b = this.result) === null || _b === void 0 ? void 0 : _b.raw) === null || _c === void 0 ? void 0 : _c.answer) {
+      let value = (_e = (_d = this.result) === null || _d === void 0 ? void 0 : _d.raw) === null || _e === void 0 ? void 0 : _e.answer;
+      try {
+        var els = new DOMParser().parseFromString(value, 'text/html');
+        var html = '';
+        Array.from(els.children).forEach(el => {
+          var _a;
+          el.querySelectorAll('a').forEach(a => {
+            if (a.href.startsWith(window.location.origin) && a.href.indexOf('/sites/') > -1) {
+              a.href = a.href.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
+            }
+            if (a.href.startsWith(window.location.origin) && a.href.match(/:.:\/./)) {
+              a.href = a.href.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
+            }
+          });
+          el.querySelectorAll('img').forEach(a => {
+            if (a.src.startsWith(window.location.origin) && a.src.indexOf('/sites/') > -1) {
+              a.src = a.src.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
+            }
+            if (a.src.startsWith(window.location.origin) && a.src.match(/:.:\/./)) {
+              a.src = a.src.replace(window.location.origin, 'https://anheuserbuschinbev.sharepoint.com');
+            }
+          });
+          html = html + ((_a = el.querySelector('body')) === null || _a === void 0 ? void 0 : _a.innerHTML);
+        });
+        answerContentElement.innerHTML = html;
+      }
+      catch (e) {
+        console.log(e);
+        answerContentElement.innerHTML = value;
+      }
+    }
     // Append the answer content element to the answer element
     answerElement.appendChild(answerContentElement);
     // Now, the answer element has the title and the content properly appended
     tableEl.appendChild(answerElement);
-    if ((_c = this.result) === null || _c === void 0 ? void 0 : _c.raw.category) {
+    if ((_f = this.result) === null || _f === void 0 ? void 0 : _f.raw.category) {
       const categoryElement = document.createElement("tr");
       categoryElement.innerHTML = '<td> Category: </td><td>' + this.result.raw.category + '</td>';
       tableEl.appendChild(categoryElement);
     }
-    if ((_d = this.result) === null || _d === void 0 ? void 0 : _d.raw.newmoreinfo) {
+    if ((_g = this.result) === null || _g === void 0 ? void 0 : _g.raw.newmoreinfo) {
       const linkElement = document.createElement("tr");
       const linkUrl = this.result.raw.newmoreinfo;
       linkElement.innerHTML = '<td> Link: </td><td> <a href="' + linkUrl + '" target="_blank">' + linkUrl + '</a> </td>';