@coveops/abi 1.0.2 → 1.0.4

package/dist/esm/index.js

@@ -6,7 +6,7 @@ async function main() {
   const searchBox = document.querySelector("#searchbox");
   const platformUrl = "https://platform.cloud.coveo.com";
   const organizationId = "anheuserbuschinbevprod";
-  const accessToken = "xf75e8727-ecce-4f14-afea-19a62c17334c";
+  const accessToken = "x7e95c452-b717-4459-a9a1-a808b74c2242";
   await searchInterface.initialize({
     accessToken,
     organizationId,
@@ -24,6 +24,9 @@ async function main() {
     }
   });
   searchInterface.executeFirstSearch();
+  searchInterface.i18n.addResourceBundle('en', 'translation', {
+    'no-results-for': 'No results for {{query}}'
+  });
   await searchBox.initialize({
     accessToken,
     organizationId,

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, f as forceUpdate } from './index-3c594d24.js';
-import { i as initializeBindings, n as nw, D as DI } from './index-886ab6f0.js';
+import { i as initializeBindings, n as nw, D as DI } from './index-4e0bf5cd.js';
 import { w as waitForAtomic } from './atomic-0e957d02.js';
 import './headless.esm-085e70ed-c4dfb380.js';
 

package/dist/esm/standalone-searchbox-listener.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 fce, m as mde, $ as $ce } from './index-886ab6f0.js';
+import { i as initializeBindings, f as fce, a as nce, m as mde, $ as $ce } from './index-4e0bf5cd.js';
 import { w as waitForAtomic } from './atomic-0e957d02.js';
 import './headless.esm-085e70ed-c4dfb380.js';
 
@@ -19,15 +19,16 @@ const StandaloneSearchboxListener = class {
     }
   }
   async handleStandaloneSearchbox(ev) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    debugger;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     let queryActionCreator = fce((_a = this.bindings) === null || _a === void 0 ? void 0 : _a.engine);
     (_c = (_b = this.bindings) === null || _b === void 0 ? void 0 : _b.engine) === null || _c === void 0 ? void 0 : _c.dispatch(queryActionCreator.updateQuery({
       q: ev.detail
     }));
-    let analyticsActionCreator = mde((_d = this.bindings) === null || _d === void 0 ? void 0 : _d.engine);
-    let searchActionCreator = $ce((_e = this.bindings) === null || _e === void 0 ? void 0 : _e.engine);
-    (_g = (_f = this.bindings) === null || _f === void 0 ? void 0 : _f.engine) === null || _g === void 0 ? void 0 : _g.dispatch(searchActionCreator.executeSearch(analyticsActionCreator.logSearchboxSubmit()));
+    let paginationActionCreator = nce((_d = this.bindings) === null || _d === void 0 ? void 0 : _d.engine);
+    (_f = (_e = this.bindings) === null || _e === void 0 ? void 0 : _e.engine) === null || _f === void 0 ? void 0 : _f.dispatch(paginationActionCreator.updatePage(1));
+    let analyticsActionCreator = mde((_g = this.bindings) === null || _g === void 0 ? void 0 : _g.engine);
+    let searchActionCreator = $ce((_h = this.bindings) === null || _h === void 0 ? void 0 : _h.engine);
+    (_k = (_j = this.bindings) === null || _j === void 0 ? void 0 : _j.engine) === null || _k === void 0 ? void 0 : _k.dispatch(searchActionCreator.executeSearch(analyticsActionCreator.logSearchboxSubmit()));
   }
   render() {
     return (h(Host, null));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveops/abi",
   "description": "Abi project",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/src/components/faq-popup-component/faq-popup-component.tsx

@@ -62,7 +62,7 @@ export class FaqPopupComponent {
 
     const questionElement = document.createElement("tr");
     questionElement.className = "question-row";
-    questionElement.innerHTML = '<td>Question: </td> <td>' + (this.result?.title || '') + '</td>'
+    questionElement.innerHTML = '<td>Question: <a href="https://anheuserbuschinbev.sharepoint.com" autofocus="true" style="display:none;"></a></td> <td>' + (this.result?.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);
@@ -76,14 +76,12 @@ export class FaqPopupComponent {
 
     // Create a new element to contain the answer content
     const answerContentElement = document.createElement('td');
-    debugger;
     if(this.result?.raw?.answer) {
       let value = this.result?.raw?.answer as string;
       try {
         var els = new DOMParser().parseFromString(value,'text/html');
         var html = '';
         Array.from(els.children).forEach(el => {
-          debugger;
           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');

package/src/components/standalone-searchbox-listener/standalone-searchbox-listener.tsx

@@ -1,7 +1,7 @@
 import { Bindings, initializeBindings } from "@coveo/atomic";
 import { Component, Element, h, Host, Listen } from "@stencil/core";
 import { waitForAtomic } from "../../utils/atomic";
-import { loadQueryActions, loadSearchActions, loadSearchAnalyticsActions } from "@coveo/headless";
+import { loadPaginationActions, loadQueryActions, loadSearchActions, loadSearchAnalyticsActions } from "@coveo/headless";
 
 @Component({
   tag: "standalone-searchbox-listener",
@@ -27,13 +27,16 @@ export class StandaloneSearchboxListener {
 
   @Listen('header/searchbox/query', { target: 'window' })
   async handleStandaloneSearchbox(ev: CustomEvent) {
-    debugger;
     let queryActionCreator = loadQueryActions(this.bindings?.engine!);
     this.bindings?.engine?.dispatch(
       queryActionCreator.updateQuery({
         q: ev.detail
       })
     );
+    let paginationActionCreator = loadPaginationActions(this.bindings?.engine!);
+    this.bindings?.engine?.dispatch(
+      paginationActionCreator.updatePage(1)
+    );
     let analyticsActionCreator = loadSearchAnalyticsActions(this.bindings?.engine!);
     let searchActionCreator = loadSearchActions(this.bindings?.engine!);
     this.bindings?.engine?.dispatch(

package/src/index.ts

@@ -30,6 +30,13 @@ async function main() {
 
   searchInterface.executeFirstSearch();
 
+  searchInterface.i18n.addResourceBundle('en', 'translation', {
+    'no-results-for': 'No results for {{query}}'
+  });
+
+  
+
+
   await searchBox.initialize({
     accessToken,
     organizationId,

package/src/pages/index.html

@@ -41,7 +41,7 @@
       </atomic-search-interface>
     </section>
     <section>
-      <atomic-search-interface id="search" fields-to-include='[
+      <atomic-search-interface search-hub="communityCoveo" id="search"   fields-to-include='[
         "sfcaseid", "sfppcustomlinkcpplinkurlc", "sfcaseppstatus", "sfcaseppstatusc", "sfcasestatus", 
         "sfppcustomlinkcppiconc", "sfcasenumber", "sfcaseppprocessc", "sfppleaveabsencecppactiontypec", 
         "sfppleaveabsencecppactionreasonc", "sfppleaveabsencecppenddatecfq", "sfppleaveabsencecppenddatecfy", 
@@ -90,7 +90,9 @@
             <atomic-layout-section section="results">
               <results-manager></results-manager>
               <atomic-query-error></atomic-query-error>
+              <div class="align">
               <atomic-no-results></atomic-no-results>
+            </div>
             </atomic-layout-section>
             <atomic-layout-section section="pagination">
               <atomic-pager></atomic-pager>

package/src/style/index.css

@@ -115,4 +115,26 @@ atomic-search-box::part(query-suggestion-text) {
   font-size: 1.3rem !important
 }
 
-
+atomic-no-results::part(icon){ 
+display: none;  
+}
+atomic-no-results::part(search-tips){ 
+  display: none;  
+  }
+atomic-no-results::part(no-results){ 
+ font-size: 1.3rem !important;
+ padding-bottom: -5px  !important;;
+  }
+atomic-no-results::part(cancel-button){ 
+  margin-right: auto !important;
+  background-color: white !important;
+  color: #CAA144 !important;
+  padding-top: 0px !important;
+  padding-left: 0px !important;
+  font-size: 1rem !important;
+  margin-top:0px !important;
+  }
+  .align{
+    display: flex !important;
+    align-items: start !important;
+  }

package/dist/abi/p-50003f11.entry.js

@@ -1 +0,0 @@
-import{r as s,h as o,g as t,H as a}from"./p-d6d34d34.js";import{i,f as l,m as n,$ as d}from"./p-ddacae1a.js";import{w as e}from"./p-38555fec.js";import"./p-d20ee37c.js";const r=class{constructor(o){s(this,o)}async connectedCallback(){try{await e(),this.bindings=await i(this.host)}catch(s){console.error(s)}}async handleStandaloneSearchbox(s){var o,t,a,i,e,r,c;let h=l(null===(o=this.bindings)||void 0===o?void 0:o.engine);null===(a=null===(t=this.bindings)||void 0===t?void 0:t.engine)||void 0===a||a.dispatch(h.updateQuery({q:s.detail}));let v=n(null===(i=this.bindings)||void 0===i?void 0:i.engine),u=d(null===(e=this.bindings)||void 0===e?void 0:e.engine);null===(c=null===(r=this.bindings)||void 0===r?void 0:r.engine)||void 0===c||c.dispatch(u.executeSearch(v.logSearchboxSubmit()))}render(){return o(a,null)}get host(){return t(this)}};r.style="";export{r as standalone_searchbox_listener}

package/dist/abi/p-cd8cdf0e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as o,H as s}from"./p-d6d34d34.js";import{i as e,F as n}from"./p-ddacae1a.js";import{r as d}from"./p-b83bab81.js";import"./p-d20ee37c.js";const h=class{constructor(i){t(this,i),this.closeFAQModal=()=>{this.modalElement.setAttribute("is-open","false"),this.modalElement.querySelector("#btn-done").removeEventListener("click",this.closeFAQModal)}}async connectedCallback(){var t;try{this.bindings=await e(this.host),this.result=await d(this.host),this.modalElement=null===(t=this.bindings)||void 0===t?void 0:t.interfaceElement.querySelector("#faq-modal"),this.result&&localStorage.getItem(`visited-${this.result.title}`)&&this.host.classList.add("visited-title")}catch(t){console.error(t),this.host.remove()}}openFAQModal(t){var i,o,s,e,d,h,a;if(this.bindings){const{logClickEvent:i}=n(this.bindings.engine);this.bindings.engine.dispatch(i({evt:"documentQuickview",result:t}))}this.modalElement.source=this.host;const l=this.modalElement.querySelector("[slot=body]");l.innerHTML="";const r=document.createElement("table"),c=document.createElement("tr");c.className="question-row",c.innerHTML="<td>Question: </td> <td>"+((null===(i=this.result)||void 0===i?void 0:i.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>',r.appendChild(c);const v=document.createElement("tr"),u=document.createElement("td");u.innerText="Answer:",v.appendChild(u);const m=document.createElement("td");if(null===(s=null===(o=this.result)||void 0===o?void 0:o.raw)||void 0===s?void 0:s.answer){let t=null===(d=null===(e=this.result)||void 0===e?void 0:e.raw)||void 0===d?void 0:d.answer;try{var p=(new DOMParser).parseFromString(t,"text/html"),w="";Array.from(p.children).forEach((t=>{var i;t.querySelectorAll("a").forEach((t=>{t.href.startsWith(window.location.origin)&&t.href.indexOf("/sites/")>-1&&(t.href=t.href.replace(window.location.origin,"https://anheuserbuschinbev.sharepoint.com")),t.href.startsWith(window.location.origin)&&t.href.match(/:.:\/./)&&(t.href=t.href.replace(window.location.origin,"https://anheuserbuschinbev.sharepoint.com"))})),t.querySelectorAll("img").forEach((t=>{t.src.startsWith(window.location.origin)&&t.src.indexOf("/sites/")>-1&&(t.src=t.src.replace(window.location.origin,"https://anheuserbuschinbev.sharepoint.com")),t.src.startsWith(window.location.origin)&&t.src.match(/:.:\/./)&&(t.src=t.src.replace(window.location.origin,"https://anheuserbuschinbev.sharepoint.com"))})),w+=null===(i=t.querySelector("body"))||void 0===i?void 0:i.innerHTML})),m.innerHTML=w}catch(i){console.log(i),m.innerHTML=t}}if(v.appendChild(m),r.appendChild(v),null===(h=this.result)||void 0===h?void 0:h.raw.category){const t=document.createElement("tr");t.innerHTML="<td> Category: </td><td>"+this.result.raw.category+"</td>",r.appendChild(t)}if(null===(a=this.result)||void 0===a?void 0:a.raw.newmoreinfo){const t=document.createElement("tr"),i=this.result.raw.newmoreinfo;t.innerHTML='<td> Link: </td><td> <a href="'+i+'" target="_blank">'+i+"</a> </td>",r.appendChild(t)}l.appendChild(r),this.modalElement.querySelector("#faq-modal-close-button").addEventListener("click",this.closeFAQModal),this.modalElement.setAttribute("is-open","true"),this.result&&localStorage.setItem(`visited-${this.result.title}`,"true"),this.host.classList.add("visited-title")}render(){if(this.result)return i(s,{className:"clickable-host",onClick:()=>this.openFAQModal(this.result)},this.result.title)}get host(){return o(this)}};h.style="b{color:var(--atomic-primary)}:host{color:#CAA144 !important;font-size:1.7rem !important;max-height:unset !important;line-height:normal !important}";export{h as faq_popup_component}