@coveops/abi 0.1.0 → 0.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveops/abi",
   "description": "Abi project",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -26,6 +26,6 @@
     "rollup-plugin-dotenv": "0.4.1",
     "rollup-plugin-html": "0.2.1"
   },
-  "author": "",
+  "author": "hsingh@coveo.com",
   "license": "ISC"
 }

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

@@ -1,5 +1,6 @@
 
 import { Component, h, Element, State, Host } from "@stencil/core";
+import { LogClickEventActionCreatorPayload, loadGenericAnalyticsActions } from '@coveo/headless';
 import { resultContext, Bindings, initializeBindings } from "@coveo/atomic";
 
 import {
@@ -28,14 +29,24 @@ export class FaqPopupComponent {
       this.bindings = await initializeBindings(this.host);
       this.result = await resultContext(this.host);
       this.modalElement = this.bindings?.interfaceElement.querySelector('#faq-modal');
-      console.log("this.result", this.result, this.modalElement, this.bindings)
+
     } catch (error) {
       console.error(error);
       this.host.remove();
     }
   }
-  private openFAQModal() {
 
+
+
+  private openFAQModal(result: Result) {
+    if(this.bindings){
+    const { logClickEvent } = loadGenericAnalyticsActions (this.bindings.engine);
+    const logClickPayload : LogClickEventActionCreatorPayload= { 
+      evt: 'documentQuickview',
+      result: result,
+    }
+    this.bindings.engine.dispatch(logClickEvent(logClickPayload))
+  }
     this.modalElement.source = this.host; 
     this.modalElement.querySelector('[slot=header]').children[0].innerHTML = 'Question: ' + (this.result?.title || '');
     // Get the body slot
@@ -94,7 +105,7 @@ export class FaqPopupComponent {
     }
 
     return (
-      <Host className="clickable-host" onClick={() => this.openFAQModal()}>
+      <Host className="clickable-host" onClick={() => this.openFAQModal(this.result!)}>
         {this.result.title}
       </Host>
     );

package/src/pages/index.html

@@ -70,7 +70,7 @@
       }
   </style>
   <atomic-hosted-page>
-    <atomic-search-interface fields-to-include='[
+    <atomic-search-interface id="search" fields-to-include='[
       "sfcaseid", "sfppcustomlinkcpplinkurlc", "sfcaseppstatus", "sfcaseppstatusc", "sfcasestatus", 
       "sfppcustomlinkcppiconc", "sfcasenumber", "sfcaseppprocessc", "sfppleaveabsencecppactiontypec", 
       "sfppleaveabsencecppactionreasonc", "sfppleaveabsencecppenddatecfq", "sfppleaveabsencecppenddatecfy", 

package/dist/abi/p-424e40eb.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,g as i,H as o}from"./p-0ae1e588.js";import{b as e,c as n,i as a}from"./p-4da5a336.js";class c extends Error{constructor(t){super(`The "${t}" element must be the child of an "atomic-result" element.`)}}const l=class{constructor(s){t(this,s),this.closeFAQModal=()=>{this.modalElement.setAttribute("is-open","false"),this.modalElement.querySelector("#btn-done").removeEventListener("click",this.closeFAQModal)}}async connectedCallback(){var t,s;try{this.bindings=await a(this.host),this.result=await(s=this.host,new Promise(((t,i)=>{const o=e("atomic/resolveResult",(s=>t(s)));s.dispatchEvent(o),n(s,"atomic-result")||i(new c(s.nodeName.toLowerCase()))}))),this.modalElement=null===(t=this.bindings)||void 0===t?void 0:t.interfaceElement.querySelector("#faq-modal"),console.log("this.result",this.result,this.modalElement,this.bindings)}catch(t){console.error(t),this.host.remove()}}openFAQModal(){var t,s,i,o;this.modalElement.source=this.host,this.modalElement.querySelector("[slot=header]").children[0].innerHTML="Question: "+((null===(t=this.result)||void 0===t?void 0:t.title)||"");const e=this.modalElement.querySelector("[slot=body]");e.innerHTML="";const n=document.createElement("div");n.style.display="flex",n.style.gap="16px";const a=document.createElement("div");a.innerText="Answer:",n.appendChild(a);const c=(null===(s=this.result)||void 0===s?void 0:s.raw.answer)||"",l=document.createElement("div");l.innerHTML=c,n.appendChild(l),e.appendChild(n);const h=document.createElement("div");h.innerHTML="Category: "+((null===(i=this.result)||void 0===i?void 0:i.raw.category)||""),e.appendChild(h);const r=document.createElement("div"),d=(null===(o=this.result)||void 0===o?void 0:o.raw.newmoreinfo)||"";r.innerHTML=`Link: <a href="${d}" target="_blank">${d}</a>`,e.appendChild(r),this.modalElement.querySelector("#faq-modal-close").addEventListener("click",this.closeFAQModal),this.modalElement.setAttribute("is-open","true")}render(){if(this.result)return s(o,{className:"clickable-host",onClick:()=>this.openFAQModal()},this.result.title)}get host(){return i(this)}};l.style="b{color:var(--atomic-primary)}";export{l as faq_popup_component}