@coveops/abi 0.6.0 → 0.8.0

package/dist/cjs/sample-component.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9c1d2337.js');
+const index = require('./index-87155b50.js');
 const index$1 = require('./index-03be0841.js');
 const atomic = require('./atomic-7321a250.js');
 require('./headless.esm-085e70ed-f2e18485.js');

package/dist/cjs/strip-html-component.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9c1d2337.js');
+const index = require('./index-87155b50.js');
 require('./headless.esm-085e70ed-f2e18485.js');
 const resultTemplateDecorators881a4c8e = require('./result-template-decorators-881a4c8e-4ff46481.js');
 

package/dist/collection/components/faq-popup-component/faq-popup-component.js

@@ -36,36 +36,53 @@ export class FaqPopupComponent {
       this.bindings.engine.dispatch(logClickEvent(logClickPayload));
     }
     this.modalElement.source = this.host;
-    this.modalElement.querySelector('[slot=header]').children[0].innerHTML = 'Question: ' + (((_a = this.result) === null || _a === void 0 ? void 0 : _a.title) || '');
     // Get the body slot
     const bodySlot = this.modalElement.querySelector('[slot=body]');
     // Clear any existing content
     bodySlot.innerHTML = '';
-    const answerElement = document.createElement('div');
-    answerElement.style.display = 'flex';
-    answerElement.style.gap = '16px';
+    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>'
+      + '<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');
     // Create the answer title element and set its text
-    const answerTitleElement = document.createElement('div');
+    const answerTitleElement = document.createElement('td');
     answerTitleElement.innerText = 'Answer:';
     answerElement.appendChild(answerTitleElement);
-    // Get the answer from the result object
-    const answerContent = ((_b = this.result) === null || _b === void 0 ? void 0 : _b.raw.answer) || '';
     // Create a new element to contain the answer content
-    const answerContentElement = document.createElement('div');
-    answerContentElement.innerHTML = answerContent;
+    const answerContentElement = document.createElement('td');
+    answerContentElement.innerHTML = ((_b = this.result) === null || _b === void 0 ? void 0 : _b.raw.answer) || '';
     // Append the answer content element to the answer element
     answerElement.appendChild(answerContentElement);
     // Now, the answer element has the title and the content properly appended
-    bodySlot.appendChild(answerElement);
+    tableEl.appendChild(answerElement);
+    if ((_c = this.result) === null || _c === void 0 ? void 0 : _c.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) {
+      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>';
+      tableEl.appendChild(linkElement);
+    }
     // Create and append the category element
-    const categoryElement = document.createElement('div');
-    categoryElement.innerHTML = 'Category: ' + (((_c = this.result) === null || _c === void 0 ? void 0 : _c.raw.category) || '');
+    /*const categoryElement = document.createElement('div');
+    categoryElement.innerHTML = 'Category: ' + (this.result?.raw.category || '');
     bodySlot.appendChild(categoryElement);
+
+
+
+
     const linkElement = document.createElement('div');
-    const linkUrl = ((_d = this.result) === null || _d === void 0 ? void 0 : _d.raw.newmoreinfo) || '';
+    const linkUrl = this.result?.raw.newmoreinfo || '';
     linkElement.innerHTML = `Link: <a href="${linkUrl}" target="_blank">${linkUrl}</a>`;
-    bodySlot.appendChild(linkElement);
-    this.modalElement.querySelector('#faq-modal-close').addEventListener('click', this.closeFAQModal);
+    bodySlot.appendChild(linkElement);*/
+    bodySlot.appendChild(tableEl);
+    this.modalElement.querySelector('#faq-modal-close-button').addEventListener('click', this.closeFAQModal);
     this.modalElement.setAttribute('is-open', 'true');
     if (this.result) {
       localStorage.setItem(`visited-${this.result.title}`, 'true');