@coveo/atomic 3.51.0 → 3.52.1

package/dist/cjs/_index.cjs.js

@@ -2,11 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-f19f74c0.js');
-const eventUtils = require('./event-utils-9bfcf3c5.js');
-const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-96954751.js');
+const itemDecorators = require('@coveo/atomic-legacy/item-decorators');
 const headless = require('@coveo/headless');
-require('./index-122375df.js');
+
+function closest(element, selector) {
+    if (!element) {
+        return null;
+    }
+    if (element.matches(selector)) {
+        return element;
+    }
+    if (element.parentNode instanceof ShadowRoot) {
+        return closest(element.parentNode.host, selector);
+    }
+    return closest(element.parentElement, selector);
+}
+
+function buildCustomEvent(name, detail) {
+    return new CustomEvent(name, {
+        detail,
+        // Event will bubble up the DOM until it is caught
+        bubbles: true,
+        // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.
+        cancelable: true,
+        // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM
+        composed: true,
+    });
+}
 
 class MissingParentError extends Error {
     constructor(elementName, parentName) {
@@ -17,11 +39,11 @@ class MissingParentError extends Error {
 const itemContextEventName = 'atomic/resolveResult';
 function fetchItemContext(element, parentName) {
     return new Promise((resolve, reject) => {
-        const event = eventUtils.buildCustomEvent(itemContextEventName, (item) => {
+        const event = buildCustomEvent(itemContextEventName, (item) => {
             return resolve(item);
         });
         element.dispatchEvent(event);
-        if (!initializationLitStencilCommonUtils.closest(element, parentName)) {
+        if (!closest(element, parentName)) {
             reject(new MissingParentError(element.nodeName.toLowerCase(), parentName));
         }
     });
@@ -41,22 +63,6 @@ function fetchProductContext(element) {
     return fetchItemContext(element, 'atomic-product');
 }
 
-/**
- * Retrieves `Product` on a rendered `atomic-product`.
- *
- * This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.
- *
- * You should use the method in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).
- *
- * @param element - The element that the event is dispatched to, which must be the child of a rendered "atomic-product".
- * @returns A promise that resolves on initialization of the parent "atomic-product" element, or rejects when there is no parent "atomic-product" element.
- *
- * @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \@/src/components/commerce/product-template-component-utils/context/fetch-product-context.ts
- */
-function productContext(element) {
-    return stencilResultTemplateDecorators.itemContext(element, 'atomic-product');
-}
-
 /**
  * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.
  *
@@ -67,7 +73,7 @@ function productContext(element) {
  * @throws Error if the element is not a child of an allowed search box element
  */
 const dispatchSearchBoxSuggestionsEvent = (event, element, allowedSearchBoxElements = searchBoxElements) => {
-    const interfaceElement = initializationLitStencilCommonUtils.closest(element, searchBoxElements.join(', '));
+    const interfaceElement = closest(element, searchBoxElements.join(', '));
     if (!interfaceElement) {
         throw new Error(`The "${element.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(', ')}`);
     }
@@ -88,7 +94,7 @@ const dispatchSearchBoxSuggestionsEventEventually = async (interfaceElement, ele
     else if ('componentOnReady' in interfaceElement) {
         await interfaceElement.componentOnReady();
     }
-    element.dispatchEvent(eventUtils.buildCustomEvent('atomic/searchBoxSuggestion/register', event));
+    element.dispatchEvent(buildCustomEvent('atomic/searchBoxSuggestion/register', event));
 };
 
 /**
@@ -110,6 +116,76 @@ function elementHasQuery(el) {
     return !!el.query && el.query.trim() !== '';
 }
 
+function getWindow() {
+    return window;
+}
+function getInitQueueNamespace() {
+    if (!getWindow().initQueueNamespace) {
+        getWindow().initQueueNamespace = {
+            eventQueueMap: new Map(),
+            parentReadyMap: new Map(),
+        };
+    }
+    return getWindow().initQueueNamespace;
+}
+function getEventQueueMap() {
+    return getInitQueueNamespace().eventQueueMap;
+}
+function getParentReadyMap() {
+    return getInitQueueNamespace().parentReadyMap;
+}
+function isParentReady(parent) {
+    const parentReadyMap = getParentReadyMap();
+    return parentReadyMap.get(parent) || false;
+}
+function queueEventForParent(parent, event, element) {
+    const eventQueueMap = getEventQueueMap();
+    if (!eventQueueMap.has(parent)) {
+        eventQueueMap.set(parent, []);
+    }
+    eventQueueMap.get(parent).push({ event, element });
+}
+function enqueueOrDispatchInitializationEvent(parent, event, element) {
+    if (isParentReady(parent)) {
+        element.dispatchEvent(event);
+    }
+    else {
+        queueEventForParent(parent, event, element);
+    }
+}
+
+/**
+ * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.
+ * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.
+ * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.
+ */
+function fetchBindings(element) {
+    return new Promise((resolve, reject) => {
+        const event = buildCustomEvent(initializeEventName, (bindings) => resolve(bindings));
+        const parent = closest(element, initializableElements.join(', '));
+        if (!parent) {
+            reject(new MissingInterfaceParentError(element.nodeName.toLowerCase()));
+            return;
+        }
+        enqueueOrDispatchInitializationEvent(parent, event, element);
+    });
+}
+class MissingInterfaceParentError extends Error {
+    constructor(elementName) {
+        super(`The "${elementName}" element must be the child of the following elements: ${initializableElements.join(', ')}`);
+    }
+}
+const initializableElements = [
+    'atomic-recs-interface',
+    'atomic-search-interface',
+    'atomic-commerce-interface',
+    'atomic-commerce-recommendation-interface',
+    'atomic-relevance-inspector',
+    'atomic-insight-interface',
+    'atomic-external',
+];
+const initializeEventName = 'atomic/initializeComponent';
+
 /**
  * Binds the logging of document
  * @returns An unbind function for the events
@@ -141,14 +217,20 @@ function bindLogDocumentOpenOnResult(engine, result, resultElement, selector) {
     };
 }
 
-exports.MissingInterfaceParentError = initializationLitStencilCommonUtils.MissingInterfaceParentError;
-exports.initializeBindings = initializationLitStencilCommonUtils.fetchBindings;
-exports.resultContext = stencilResultTemplateDecorators.resultContext;
+exports.MissingInterfaceParentError = MissingInterfaceParentError;
 exports.bindLogDocumentOpenOnResult = bindLogDocumentOpenOnResult;
 exports.dispatchSearchBoxSuggestionsEvent = dispatchSearchBoxSuggestionsEvent;
 exports.elementHasNoQuery = elementHasNoQuery;
 exports.elementHasQuery = elementHasQuery;
 exports.fetchProductContext = fetchProductContext;
-exports.productContext = productContext;
+exports.initializeBindings = fetchBindings;
+Object.keys(itemDecorators).forEach(function (k) {
+    if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+        enumerable: true,
+        get: function () {
+            return itemDecorators[k];
+        }
+    });
+});
 
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/_loader.cjs.js

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-122375df.js');
-const appGlobals = require('./app-globals-3a1e7e63.js');
+const appGlobals = require('./app-globals-18f43c37.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["atomic-insight-result-action.cjs",[[0,"atomic-insight-result-action",{"icon":[1025],"tooltip":[1025],"tooltipOnClick":[1025,"tooltip-on-click"],"action":[1025],"error":[32]}]]],["atomic-insight-result-children-template.cjs",[[1,"atomic-insight-result-children-template",{"conditions":[16],"ifDefined":[513,"if-defined"],"ifNotDefined":[513,"if-not-defined"],"mustMatch":[16],"mustNotMatch":[16],"error":[32],"getTemplate":[64]}]]],["atomic-insight-timeframe-facet.cjs",[[1,"atomic-insight-timeframe-facet",{"facetId":[1537,"facet-id"],"label":[513],"field":[513],"withDatePicker":[516,"with-date-picker"],"isCollapsed":[1540,"is-collapsed"],"headingLevel":[514,"heading-level"],"filterFacetCount":[516,"filter-facet-count"],"injectionDepth":[514,"injection-depth"],"dependsOn":[16],"sortCriteria":[513,"sort-criteria"],"facetState":[32],"facetForDatePickerState":[32],"filterState":[32],"searchStatusState":[32],"error":[32]},[[0,"atomic/dateInputApply","applyDateInput"]]]]],["atomic-stencil-facet-date-input.cjs",[[0,"atomic-stencil-facet-date-input",{"bindings":[16],"rangeGetter":[16],"rangeSetter":[16],"facetId":[1,"facet-id"],"label":[1],"min":[1],"max":[1],"start":[32],"end":[32]}]]]], options);
+  return appGlobals.bootstrapLazy([], options);
 };
 
-exports.setNonce = index.setNonce;
+exports.setNonce = appGlobals.setNonce;
 exports.defineCustomElements = defineCustomElements;
 
 //# sourceMappingURL=loader.cjs.js.map