@coveo/quantic 3.27.1-pre.f83bd005a5 → 3.28.0-pre.1bf3dad955

package/docs/out/quantic-docs.json

@@ -4917,6 +4917,15 @@
                         "required": true,
                         "defaultValue": "",
                         "type": "string"
+                    },
+                    {
+                        "name": "recordId",
+                        "attribute": "record-id",
+                        "access": "@api",
+                        "description": "<p>The ID of the record used to retrieve the user ID of its creator.\nThis is required to assign the correct privileges for enabling the User Actions feature.</p>",
+                        "required": true,
+                        "defaultValue": "",
+                        "type": "string"
                     }
                 ]
             },

package/force-app/main/default/classes/IInsightTokenProvider.cls

@@ -0,0 +1,10 @@
+global interface IInsightTokenProvider {
+  /**
+   * Get the configuration object (serialized) for the initialization of Coveo Headless.
+   * @param {String} recordId – The record ID used to fetch user context or privileges for token generation.
+   * @return {String} A serialized object containing the following keys:
+   *    - `accessToken`: a search token (see https://docs.coveo.com/en/56/build-a-search-ui/search-token-authentication).
+   *    - `organizationId`: the ID of the organization to query (see https://docs.coveo.com/en/148/manage-an-organization/retrieve-the-organization-id).
+   */
+  String getHeadlessConfiguration(String recordId);
+}

package/force-app/main/default/classes/IInsightTokenProvider.cls-meta.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ApexClass xmlns="urn:metadata.tooling.soap.sforce.com">
+    <apiVersion>61.0</apiVersion>
+    <status>Active</status>
+</ApexClass>

package/force-app/main/default/classes/InsightController.cls

@@ -2,6 +2,10 @@
  * Simple Apex Controller to fetch data for Headless initialization specific to the Insight use case.
  */
 global with sharing class InsightController {
+  public static String getHeadlessConfiguration() {
+    return getHeadlessConfiguration('');
+  }
+
   /**
    * Get the configuration object (serialized) for the initialization of Coveo Headless through a class implementing `ITokenProvider`.
    * @return {String} A serialized object containing the following keys:
@@ -9,10 +13,10 @@ global with sharing class InsightController {
    *    - `organizationId`: the ID of the organization to query (see https://docs.coveo.com/en/148/manage-an-organization/retrieve-the-organization-id).
    */
   @AuraEnabled(cacheable=true)
-  public static String getHeadlessConfiguration() {
+  public static String getHeadlessConfiguration(String recordId) {
     /**
      * e.g. To switch to the Insight Token Provider, you simply need to replace the following line by:
-     * `return InsightTokenProvider.getHeadlessConfiguration();`
+     * `return InsightTokenProvider.getHeadlessConfiguration(recordId);`
      */
     return SampleTokenProvider.getHeadlessConfiguration();
   }

package/force-app/main/default/lwc/quanticCaseClassification/quanticCaseClassification.css

@@ -1,30 +1,20 @@
 lightning-icon {
   --slds-c-icon-color-foreground-default: var(--slds-g-color-brand-base-100, white);
 }
-.slds-visual-picker__figure {
+.case-classification-visual-picker__figure {
   width: 9.6rem;
   height: 2rem;
 }
 
-.slds-form-element {
-  display: flex;
-  flex-direction: column;
-}
-
 .loading-holder {
   width: 9.6rem;
   height: 2rem;
 }
 
-.slds-form-element__label {
+.text-color-inherit {
   color: unset;
 }
 
-.row {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .visual-picker__hidden {
   animation: hideAnimation 0.3s ease-in-out forwards;
 }
@@ -37,14 +27,8 @@ lightning-icon {
   }
 }
 
-.slds-visual-picker input:checked ~ label .slds-visual-picker__text:after {
+.slds-visual-picker input:checked ~ label .visual-picker__figure:after {
   border-right-color: var(--lwc-colorBorderRowSelectedHover, rgb(27, 150, 255));
   border-top-color: var(--lwc-colorBorderRowSelectedHover, rgb(27, 150, 255));
   border-radius: 4px;
-}
-
-.content-center {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+}

package/force-app/main/default/lwc/quanticCaseClassification/quanticCaseClassification.html

@@ -1,31 +1,58 @@
 <template>
   <template lwc:if={hasInitializationError}>
-    <c-quantic-component-error component-name={template.host.localName} message={initializationErrorMessage}>
+    <c-quantic-component-error
+      component-name={template.host.localName}
+      message={initializationErrorMessage}
+    >
     </c-quantic-component-error>
   </template>
   <template lwc:else>
     <fieldset class={formClass}>
-      <legend data-testid="case-classification-label" class="slds-form-element__legend slds-form-element__label slds-text-heading_small">
+      <legend
+        data-testid="case-classification-label"
+        class="slds-form-element__legend slds-form-element__label slds-text-heading_small text-color-inherit"
+      >
         {label}
       </legend>
       <template if:true={loading}>
         <div class="loading-holder slds-is-relative slds-var-m-top_x-small">
-          <lightning-spinner alternative-text={labels.loading} size="small"></lightning-spinner>
+          <lightning-spinner
+            alternative-text={labels.loading}
+            size="small"
+          ></lightning-spinner>
         </div>
       </template>
       <template if:false={loading}>
-        <div class="slds-form-element__control" aria-describedby="case-classification-error-message">
-          <div class="row">
+        <div
+          class="slds-form-element__control"
+          aria-describedby="case-classification-error-message"
+        >
+          <div class="slds-grid slds-wrap">
             <template if:false={hideSuggestions}>
               <template for:each={suggestions} for:item="suggestion">
-                <div key={suggestion.value} data-testid="case-classification-suggestion" class="case-classification-suggestion slds-visual-picker slds-scrollable_none slds-visual-picker_medium slds-m-left_none slds-var-m-right_medium slds-var-m-top_x-small">
-                  <input type="checkbox" checked={suggestion.checked} data-suggestion-id={suggestion.id}
-                    onchange={handleSelectSuggestion} id={suggestion.value} value={suggestion.value} name="options" />
+                <div
+                  key={suggestion.value}
+                  data-testid="case-classification-suggestion"
+                  class="case-classification-suggestion slds-visual-picker slds-scrollable_none slds-visual-picker_medium slds-m-left_none slds-var-m-right_medium slds-var-m-top_x-small"
+                >
+                  <input
+                    type="checkbox"
+                    checked={suggestion.checked}
+                    data-suggestion-id={suggestion.id}
+                    onchange={handleSelectSuggestion}
+                    id={suggestion.value}
+                    value={suggestion.value}
+                    name="options"
+                  />
                   <label for={suggestion.value} title={suggestion.value}>
-                    <span class="slds-visual-picker__figure slds-visual-picker__text slds-var-p-horizontal_medium content-center">
+                    <span
+                      class="slds-visual-picker__figure case-classification-visual-picker__figure slds-visual-picker__text slds-var-p-horizontal_medium slds-grid slds-grid_align-center slds-grid_vertical-align-center"
+                    >
                       <span class="slds-truncate">{suggestion.value}</span>
                     </span>
-                    <span class="slds-icon_container slds-visual-picker__text-check">
+                    <span
+                      class="slds-icon_container slds-visual-picker__text-check"
+                    >
                       <lightning-icon size="xx-small" icon-name="utility:check">
                       </lightning-icon>
                     </span>
@@ -35,25 +62,52 @@
             </template>
             <template if:true={isMoreOptionsVisible}>
               <template if:false={isSelectVisible}>
-                <lightning-button data-testid="show-select-input-button" class="slds-var-m-top_x-small" variant="base" label={selectPlaceholder}
-                  title={selectPlaceholder} onclick={showSelect}>
+                <lightning-button
+                  data-testid="show-select-input-button"
+                  class="slds-var-m-top_x-small"
+                  variant="base"
+                  label={selectPlaceholder}
+                  title={selectPlaceholder}
+                  onclick={showSelect}
+                >
                 </lightning-button>
               </template>
               <template if:true={isSelectVisible}>
-                <lightning-combobox data-testid="case-classification-all-options-combobox" class="slds-var-m-top_x-small" value={value} variant="label-hidden"
-                  placeholder={selectPlaceholder} options={options} onchange={handleSelectChange}></lightning-combobox>
+                <lightning-combobox
+                  data-testid="case-classification-all-options-combobox"
+                  class="slds-var-m-top_x-small"
+                  value={value}
+                  variant="label-hidden"
+                  placeholder={selectPlaceholder}
+                  options={options}
+                  onchange={handleSelectChange}
+                ></lightning-combobox>
               </template>
             </template>
             <template if:false={isMoreOptionsVisible}>
               <template for:each={filteredOptions} for:item="option">
-                <div key={option.value} data-testid="case-classification-option" class="case-classification-option slds-visual-picker slds-scrollable_none slds-visual-picker_medium slds-m-left_none slds-var-m-right_medium slds-var-m-top_x-small">
-                  <input type="checkbox" checked={option.checked} onchange={handleSelectSuggestion} id={option.value}
-                    value={option.value} name="options" />
+                <div
+                  key={option.value}
+                  data-testid="case-classification-option"
+                  class="case-classification-option slds-visual-picker slds-scrollable_none slds-visual-picker_medium slds-m-left_none slds-var-m-right_medium slds-var-m-top_x-small"
+                >
+                  <input
+                    type="checkbox"
+                    checked={option.checked}
+                    onchange={handleSelectSuggestion}
+                    id={option.value}
+                    value={option.value}
+                    name="options"
+                  />
                   <label for={option.value} title={option.value}>
-                    <span class="slds-visual-picker__figure slds-visual-picker__text slds-var-p-horizontal_medium content-center">
+                    <span
+                      class="slds-visual-picker__figure case-classification-visual-picker__figure slds-visual-picker__text slds-var-p-horizontal_medium slds-grid slds-grid_align-center slds-grid_vertical-align-center"
+                    >
                       <span class="slds-truncate">{option.value}</span>
                     </span>
-                    <span class="slds-icon_container slds-visual-picker__text-check">
+                    <span
+                      class="slds-icon_container slds-visual-picker__text-check"
+                    >
                       <lightning-icon size="xx-small" icon-name="utility:check">
                       </lightning-icon>
                     </span>
@@ -64,11 +118,15 @@
           </div>
         </div>
         <template if:true={hasError}>
-          <div data-testid="case-classification-error-message" class="slds-form-element__help" id="case-classification-error-message">
+          <div
+            data-testid="case-classification-error-message"
+            class="slds-form-element__help"
+            id="case-classification-error-message"
+          >
             {errorMessage}
           </div>
         </template>
       </template>
     </fieldset>
   </template>
-</template>
+</template>

package/force-app/main/default/lwc/quanticCaseClassification/quanticCaseClassification.js

@@ -319,7 +319,7 @@ export default class QuanticCaseClassification extends LightningElement {
    * @returns {string}
    */
   get formClass() {
-    return `slds-form-element ${this.hasError ? 'slds-has-error' : ''}`;
+    return `slds-form-element slds-grid slds-grid_vertical ${this.hasError ? 'slds-has-error' : ''}`;
   }
 
   /**

package/force-app/main/default/lwc/quanticDocumentSuggestion/quanticDocumentSuggestion.css

@@ -6,13 +6,7 @@
   height: 3.5rem;
 }
 
-.row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.slds-card {
+.card-border {
   border: 1px solid #dddbda;
 }
 

package/force-app/main/default/lwc/quanticDocumentSuggestion/quanticDocumentSuggestion.html

@@ -11,7 +11,7 @@
     </template>
     <template if:false={loading}>
       <template if:true={hasSuggestions}>
-        <div class="slds-card">
+        <div class="slds-card card-border">
           <lightning-accordion active-section-name={openedDocuments} allow-multiple-sections-open
             class="slds-p-vertical_xx-small">
             <template iterator:it={suggestions}>
@@ -26,7 +26,7 @@
                       slds-var-p-vertical_x-small
                     ">
                     <p class="excerpt">{it.value.excerpt}</p>
-                    <div class="row slds-var-p-top_medium">
+                    <div class="slds-grid slds-grid_align-spread slds-grid_vertical-align-center slds-var-p-top_medium">
                       <template lwc:if={quickviewIsVisible}>
                         <c-quantic-result-quickview engine-id={engineId}
                           preview-button-icon="utility:new_window" preview-button-label={labels.readMore}

package/force-app/main/default/lwc/quanticInsightInterface/quanticInsightInterface.js

@@ -35,6 +35,13 @@ export default class QuanticInsightInterface extends LightningElement {
    * @type {string}
    */
   @api insightId;
+  /**
+   * The ID of the record used to retrieve the user ID of its creator.
+   * This is required to assign the correct privileges for enabling the User Actions feature.
+   * @api
+   * @type {string}
+   */
+  @api recordId = '';
 
   /** @type {InsightEngineOptions} */
   engineOptions;
@@ -69,7 +76,7 @@ export default class QuanticInsightInterface extends LightningElement {
     loadDependencies(this, HeadlessBundleNames.insight)
       .then(() => {
         if (!getHeadlessBindings(this.engineId)?.engine) {
-          getHeadlessConfiguration()
+          getHeadlessConfiguration({recordId: this.recordId})
             .then((data) => {
               if (data) {
                 const {organizationId, accessToken, ...rest} = JSON.parse(data);

package/force-app/main/default/lwc/quanticPager/quanticPager.html

@@ -14,10 +14,17 @@
           class="slds-m-left_x-small"
           onclick={previous}
           aria-label={labels.previousPage}
+          data-testid="previous-button"
         ></lightning-button>
 
         <template for:each={currentPagesObjects} for:item="page">
-          <c-quantic-number-button key={page.number} number={page.number} selected={page.selected} onquantic__select={goto} aria-label-value={page.ariaLabelValue}></c-quantic-number-button>
+          <c-quantic-number-button
+            key={page.number}
+            number={page.number}
+            selected={page.selected}
+            onquantic__select={goto}
+            aria-label-value={page.ariaLabelValue}
+          ></c-quantic-number-button>
         </template>
 
         <lightning-button
@@ -28,6 +35,7 @@
           class="slds-m-left_x-small"
           onclick={next}
           aria-label={labels.nextPage}
+          data-testid="next-button"
         ></lightning-button>
       </lightning-button-group>
     </template>

package/force-app/main/default/lwc/quanticResultQuickview/quanticResultQuickview.css

@@ -25,7 +25,7 @@
   box-shadow: 0 0 0 0.25rem #f6f7f9;
 }
 
-.slds-modal__footer{
+.quickview-modal__footer {
   background-color: white;
   text-align: unset;
 }

package/force-app/main/default/lwc/quanticResultQuickview/quanticResultQuickview.html

@@ -47,7 +47,7 @@
           result={result} content-url={contentURL}
           onquantic__loadingstatechange={handleLoadingStateChange}></c-quantic-quickview-content>
         <template if:false={isLoading}>
-          <footer onclick={stopPropagation} class="slds-modal__footer slds-p-top_none slds-p-bottom_none">
+          <footer onclick={stopPropagation} class="slds-modal__footer quickview-modal__footer slds-p-top_none slds-p-bottom_none">
             <slot name="footer"></slot>
           </footer>
         </template>

package/force-app/main/default/lwc/quanticTabBar/quanticTabBar.css

@@ -1,11 +1,7 @@
-.tab-bar_list-container {
-  display: flex;
-}
-
 .tab-bar_dropdown {
   max-width: 150px;
 }
 
-.slds-tabs_default__overflow-button .slds-button:focus {
+.tab-bar__more-button:focus {
   text-decoration: none;
 }

package/force-app/main/default/lwc/quanticTabBar/quanticTabBar.html

@@ -1,7 +1,7 @@
 <template>
   <div class={tabBarContainerClasses}>
     <div
-      class="tab-bar_list-container slds-tabs_default slds-tabs_default__nav slds-is-relative"
+      class="tab-bar_list-container slds-grid slds-tabs_default slds-tabs_default__nav slds-is-relative"
     >
       <slot></slot>
       <div
@@ -13,7 +13,7 @@
         <div class={dropdownClasses} data-testid="tab-bar_dropdown-container">
           <button
             data-testid="tab-bar_more-button"
-            class="slds-button slds-var-p-horizontal_small"
+            class="slds-button slds-var-p-horizontal_small tab-bar__more-button"
             aria-haspopup="true"
             onclick={toggleDropdown}
             name={labels.more}

package/force-app/main/default/lwc/quanticTooltip/quanticTooltip.css

@@ -8,6 +8,7 @@
   left: 50%;
   transition: transform 0s linear 0s, opacity 0.1s linear 0s, visibility 0.1s linear 0s;
   z-index: 40;
+  width: max-content;
 }
 
 .tooltip__content--positioned-above {
@@ -24,11 +25,6 @@
   opacity: 1;
 }
 
-.tooltip__content--light,
-.slds-popover_tooltip {
-  width: max-content;
-}
-
 .tooltip__arrow {
   left: 50%;
   transform: translate(-50%, -100%);
@@ -65,18 +61,14 @@
   width: fit-content;
 }
 
-.slds-nubbin_bottom:after,
-.slds-nubbin--bottom:after,
-.slds-nubbin_bottom:before,
-.slds-nubbin--bottom:before {
+.tooltip__nubbin--bottom:before,
+.tooltip__nubbin--bottom:after {
   clip-path: polygon(100% 0, 0% 100%, 100% 100%);
   border: solid 0.5px rgba(0, 0, 0, 0.16);
 }
 
-.slds-nubbin_top:after,
-.slds-nubbin--top:after,
-.slds-nubbin_top:before,
-.slds-nubbin--top:before {
+.tooltip__nubbin--top:before,
+.tooltip__nubbin--top:after {
   clip-path: polygon(100% 0, 0 0, 0 100%);
   border: solid 0.5px rgba(0, 0, 0, 0.16);
-}
+}

package/force-app/main/default/lwc/quanticTooltip/quanticTooltip.js

@@ -139,8 +139,8 @@ export default class QuanticTooltip extends LightningElement {
   get tooltipArrowCSSClass() {
     return `tooltip__arrow slds-fall-into-ground slds-is-absolute ${
       this.displayTooltipAboveTarget
-        ? 'tooltip__arrow--positioned-above slds-nubbin_bottom'
-        : 'tooltip__arrow--positioned-below slds-nubbin_top'
+        ? 'tooltip__arrow--positioned-above slds-nubbin_bottom tooltip__nubbin--bottom'
+        : 'tooltip__arrow--positioned-below slds-nubbin_top tooltip__nubbin--top'
     } ${this.lightTheme ? 'tooltip__arrow--light' : 'tooltip__arrow--dark'} ${
       this.isVisible ? 'tooltip__content--visible' : ''
     }`;