@coveo/atomic 3.61.0 → 3.61.1

package/dist/cjs/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.cjs

@@ -208,6 +208,9 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
         const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductReady);
         return (0, item_layout_utils_cjs_namespaceObject.getItemListDisplayClasses)(this.display, this.density, this.imageSize, this.searchOrListingState?.isLoading, displayPlaceholders);
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.searchOrListingState.responseId, this.density, this.imageSize);
+    }
     renderGrid() {
         return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, grid_layout_cjs_namespaceObject.renderGridLayout)({
                 props: {
@@ -220,7 +223,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
                         element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index);
                     }
                 }
-            })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
+            })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
             .content=${this.productTemplateProvider.getTemplateContent(product)}
             .density=${this.density}
             .display=${this.display}
@@ -238,7 +241,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
           ></atomic-product>`)}`))}`;
     }
     renderList() {
-        return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
+        return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
           part="outline"
           ${(0, ref_js_namespaceObject.ref)((element)=>element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index))}
           .content=${this.productTemplateProvider.getTemplateContent(product)}
@@ -273,7 +276,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
                     templateContentForFirstItem
                 }
             })((0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>{
-                const key = this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize);
+                const key = this.getProductId(product);
                 return (0, table_layout_cjs_namespaceObject.renderTableRow)({
                     props: {
                         key,

package/dist/cjs/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.cjs

@@ -187,6 +187,9 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
             if (this.summaryState.firstRequestExecuted) this.bindings.store.unsetLoadingFlag(this.loadingFlag);
         });
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.recommendationsState.responseId, this.density, this.imageSize);
+    }
     getAtomicProductProps(product) {
         const linkContent = this.productTemplateProvider.getLinkTemplateContent(product);
         return {
@@ -198,7 +201,7 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
             product: product,
             renderingFunction: this.itemRenderingFunction,
             loadingFlag: this.loadingFlag,
-            key: this.productListCommon.getResultId(product.permanentid, this.recommendationsState.responseId, this.density, this.imageSize),
+            key: this.getProductId(product),
             content: this.productTemplateProvider.getTemplateContent(product),
             linkContent,
             stopPropagation: !!linkContent,

package/dist/cjs/components/commerce/atomic-product-field-condition/atomic-product-field-condition.cjs

@@ -58,8 +58,13 @@ class AtomicProductFieldCondition extends (0, light_dom_cjs_namespaceObject.Ligh
     }
     render() {
         const product = this.productController.item;
-        if (!product || !this.conditions.every((condition)=>condition(product))) this.remove();
-        return (0, external_lit_namespaceObject.html)`<slot></slot>`;
+        if (!product) {
+            this.hidden = true;
+            return external_lit_namespaceObject.nothing;
+        }
+        const conditionsMet = this.conditions.every((condition)=>condition(product));
+        this.hidden = !conditionsMet;
+        return conditionsMet ? (0, external_lit_namespaceObject.html)`<slot></slot>` : external_lit_namespaceObject.nothing;
     }
     constructor(...args){
         super(...args), this.productController = (0, product_context_controller_cjs_namespaceObject.createProductContextController)(this);

package/dist/cjs/components/search/atomic-field-condition/atomic-field-condition.cjs

@@ -63,11 +63,13 @@ class AtomicFieldCondition extends (0, light_dom_cjs_namespaceObject.LightDomMix
     }
     render() {
         const result = this.getResult();
-        if (!result || !this.conditions.every((condition)=>condition(result))) {
+        if (!result) {
             this.hidden = true;
-            return (0, external_lit_namespaceObject.html)``;
+            return external_lit_namespaceObject.nothing;
         }
-        return (0, external_lit_namespaceObject.html)`<slot></slot>`;
+        const conditionsMet = this.conditions.every((condition)=>condition(result));
+        this.hidden = !conditionsMet;
+        return conditionsMet ? (0, external_lit_namespaceObject.html)`<slot></slot>` : external_lit_namespaceObject.nothing;
     }
     constructor(...args){
         super(...args), this.resultController = (0, result_context_controller_cjs_namespaceObject.createResultContextController)(this);

package/dist/cjs/components/search/result-template-components/quickview-iframe/quickview-iframe.cjs

@@ -65,7 +65,6 @@ const iframeConnectedEvent = async (iframe, logger)=>{
 };
 const renderQuickviewIframe = ({ props })=>{
     const { title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger } = props;
-    const waitForIframeContentToBeWritten = ()=>new Promise((resolve)=>setTimeout(resolve));
     const handleRef = (el)=>{
         if (!el) return;
         const iframeRef = el;
@@ -81,9 +80,12 @@ const renderQuickviewIframe = ({ props })=>{
                 return;
             }
             if (currentResultAlreadyWrittenToDocument(documentWriter, uniqueIdentifier)) return;
+            const contentLoaded = (0, event_utils_cjs_namespaceObject.eventPromise)(iframeRef, 'load', 5000);
             writeDocument(documentWriter, content);
             ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);
-            await waitForIframeContentToBeWritten();
+            await contentLoaded.catch(()=>{
+                logger?.warn('Quickview timed out waiting for the iframe content to load.');
+            });
             onSetIframeRef(iframeRef);
         };
         writeContentWhenReady();

package/dist/cjs/generated/dayjs-locales-data.cjs

@@ -30,8 +30,8 @@ __webpack_require__.r(__webpack_exports__);
 const locales = {
     af: ()=>import("dayjs/locale/af"),
     am: ()=>import("dayjs/locale/am"),
-    'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
     'ar-IQ': ()=>import("dayjs/locale/ar-iq"),
+    'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
     'ar-KW': ()=>import("dayjs/locale/ar-kw"),
     'ar-LY': ()=>import("dayjs/locale/ar-ly"),
     'ar-MA': ()=>import("dayjs/locale/ar-ma"),
@@ -54,12 +54,11 @@ const locales = {
     cy: ()=>import("dayjs/locale/cy"),
     da: ()=>import("dayjs/locale/da"),
     'de-AT': ()=>import("dayjs/locale/de-at"),
-    de: ()=>import("dayjs/locale/de"),
     'de-CH': ()=>import("dayjs/locale/de-ch"),
+    de: ()=>import("dayjs/locale/de"),
     dv: ()=>import("dayjs/locale/dv"),
     'en-AU': ()=>import("dayjs/locale/en-au"),
     el: ()=>import("dayjs/locale/el"),
-    'en-CA': ()=>import("dayjs/locale/en-ca"),
     'en-GB': ()=>import("dayjs/locale/en-gb"),
     'en-IE': ()=>import("dayjs/locale/en-ie"),
     'en-IL': ()=>import("dayjs/locale/en-il"),
@@ -67,26 +66,26 @@ const locales = {
     'en-NZ': ()=>import("dayjs/locale/en-nz"),
     'en-SG': ()=>import("dayjs/locale/en-sg"),
     'en-TT': ()=>import("dayjs/locale/en-tt"),
+    'en-CA': ()=>import("dayjs/locale/en-ca"),
     en: ()=>import("dayjs/locale/en"),
     eo: ()=>import("dayjs/locale/eo"),
-    'es-DO': ()=>import("dayjs/locale/es-do"),
     'es-MX': ()=>import("dayjs/locale/es-mx"),
     'es-PR': ()=>import("dayjs/locale/es-pr"),
     'es-US': ()=>import("dayjs/locale/es-us"),
-    es: ()=>import("dayjs/locale/es"),
+    'es-DO': ()=>import("dayjs/locale/es-do"),
     et: ()=>import("dayjs/locale/et"),
     eu: ()=>import("dayjs/locale/eu"),
     fa: ()=>import("dayjs/locale/fa"),
     fi: ()=>import("dayjs/locale/fi"),
-    fo: ()=>import("dayjs/locale/fo"),
     'fr-CA': ()=>import("dayjs/locale/fr-ca"),
     'fr-CH': ()=>import("dayjs/locale/fr-ch"),
     fr: ()=>import("dayjs/locale/fr"),
+    fo: ()=>import("dayjs/locale/fo"),
     fy: ()=>import("dayjs/locale/fy"),
     ga: ()=>import("dayjs/locale/ga"),
+    gd: ()=>import("dayjs/locale/gd"),
     gl: ()=>import("dayjs/locale/gl"),
     'gom-LATN': ()=>import("dayjs/locale/gom-latn"),
-    gd: ()=>import("dayjs/locale/gd"),
     gu: ()=>import("dayjs/locale/gu"),
     he: ()=>import("dayjs/locale/he"),
     hi: ()=>import("dayjs/locale/hi"),
@@ -98,17 +97,16 @@ const locales = {
     is: ()=>import("dayjs/locale/is"),
     'it-CH': ()=>import("dayjs/locale/it-ch"),
     it: ()=>import("dayjs/locale/it"),
-    ja: ()=>import("dayjs/locale/ja"),
     jv: ()=>import("dayjs/locale/jv"),
     ka: ()=>import("dayjs/locale/ka"),
     kk: ()=>import("dayjs/locale/kk"),
     km: ()=>import("dayjs/locale/km"),
-    kn: ()=>import("dayjs/locale/kn"),
     ko: ()=>import("dayjs/locale/ko"),
     ku: ()=>import("dayjs/locale/ku"),
     ky: ()=>import("dayjs/locale/ky"),
+    kn: ()=>import("dayjs/locale/kn"),
     lb: ()=>import("dayjs/locale/lb"),
-    lo: ()=>import("dayjs/locale/lo"),
+    ja: ()=>import("dayjs/locale/ja"),
     lt: ()=>import("dayjs/locale/lt"),
     lv: ()=>import("dayjs/locale/lv"),
     me: ()=>import("dayjs/locale/me"),
@@ -120,19 +118,20 @@ const locales = {
     'ms-MY': ()=>import("dayjs/locale/ms-my"),
     ms: ()=>import("dayjs/locale/ms"),
     mt: ()=>import("dayjs/locale/mt"),
+    lo: ()=>import("dayjs/locale/lo"),
     my: ()=>import("dayjs/locale/my"),
     nb: ()=>import("dayjs/locale/nb"),
     ne: ()=>import("dayjs/locale/ne"),
-    'nl-BE': ()=>import("dayjs/locale/nl-be"),
     nl: ()=>import("dayjs/locale/nl"),
+    'nl-BE': ()=>import("dayjs/locale/nl-be"),
     nn: ()=>import("dayjs/locale/nn"),
-    'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
     'pa-IN': ()=>import("dayjs/locale/pa-in"),
     pl: ()=>import("dayjs/locale/pl"),
     'pt-BR': ()=>import("dayjs/locale/pt-br"),
     pt: ()=>import("dayjs/locale/pt"),
     rn: ()=>import("dayjs/locale/rn"),
     ro: ()=>import("dayjs/locale/ro"),
+    es: ()=>import("dayjs/locale/es"),
     ru: ()=>import("dayjs/locale/ru"),
     rw: ()=>import("dayjs/locale/rw"),
     sd: ()=>import("dayjs/locale/sd"),
@@ -140,6 +139,7 @@ const locales = {
     si: ()=>import("dayjs/locale/si"),
     sk: ()=>import("dayjs/locale/sk"),
     sl: ()=>import("dayjs/locale/sl"),
+    'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
     sq: ()=>import("dayjs/locale/sq"),
     'sr-CYRL': ()=>import("dayjs/locale/sr-cyrl"),
     sr: ()=>import("dayjs/locale/sr"),
@@ -151,21 +151,21 @@ const locales = {
     te: ()=>import("dayjs/locale/te"),
     tet: ()=>import("dayjs/locale/tet"),
     tg: ()=>import("dayjs/locale/tg"),
-    tk: ()=>import("dayjs/locale/tk"),
     th: ()=>import("dayjs/locale/th"),
     'tl-PH': ()=>import("dayjs/locale/tl-ph"),
-    tr: ()=>import("dayjs/locale/tr"),
     tlh: ()=>import("dayjs/locale/tlh"),
-    'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
-    tzm: ()=>import("dayjs/locale/tzm"),
+    tr: ()=>import("dayjs/locale/tr"),
     tzl: ()=>import("dayjs/locale/tzl"),
+    tzm: ()=>import("dayjs/locale/tzm"),
     'ug-CN': ()=>import("dayjs/locale/ug-cn"),
     uk: ()=>import("dayjs/locale/uk"),
+    tk: ()=>import("dayjs/locale/tk"),
     ur: ()=>import("dayjs/locale/ur"),
     'uz-LATN': ()=>import("dayjs/locale/uz-latn"),
     uz: ()=>import("dayjs/locale/uz"),
     vi: ()=>import("dayjs/locale/vi"),
     'x-PSEUDO': ()=>import("dayjs/locale/x-pseudo"),
+    'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
     yo: ()=>import("dayjs/locale/yo"),
     'zh-CN': ()=>import("dayjs/locale/zh-cn"),
     'zh-HK': ()=>import("dayjs/locale/zh-hk"),

package/dist/cjs/global/environment.cjs

@@ -32,7 +32,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.61.0",
+        version: "3.61.1",
         headlessVersion
     };
 }

package/dist/cjs/versions.cjs

@@ -32,7 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
     headlessVersion: ()=>package_json_namespaceObject.version
 });
 const package_json_namespaceObject = require("@coveo/headless/package.json");
-const atomicVersion = "3.61.0";
+const atomicVersion = "3.61.1";
 exports.atomicVersion = __webpack_exports__.atomicVersion;
 exports.headlessVersion = __webpack_exports__.headlessVersion;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/esm/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js

@@ -163,6 +163,9 @@ class AtomicCommerceProductList extends ChildrenUpdateCompleteMixin(LitElement)
         const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductReady);
         return getItemListDisplayClasses(this.display, this.density, this.imageSize, this.searchOrListingState?.isLoading, displayPlaceholders);
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.searchOrListingState.responseId, this.density, this.imageSize);
+    }
     renderGrid() {
         return html`${map(this.searchOrListingState.products, (product, index)=>renderGridLayout({
                 props: {
@@ -175,7 +178,7 @@ class AtomicCommerceProductList extends ChildrenUpdateCompleteMixin(LitElement)
                         element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index);
                     }
                 }
-            })(html`${keyed(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), html`<atomic-product
+            })(html`${keyed(this.getProductId(product), html`<atomic-product
             .content=${this.productTemplateProvider.getTemplateContent(product)}
             .density=${this.density}
             .display=${this.display}
@@ -193,7 +196,7 @@ class AtomicCommerceProductList extends ChildrenUpdateCompleteMixin(LitElement)
           ></atomic-product>`)}`))}`;
     }
     renderList() {
-        return html`${map(this.searchOrListingState.products, (product, index)=>html`${keyed(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), html`<atomic-product
+        return html`${map(this.searchOrListingState.products, (product, index)=>html`${keyed(this.getProductId(product), html`<atomic-product
           part="outline"
           ${ref((element)=>element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index))}
           .content=${this.productTemplateProvider.getTemplateContent(product)}
@@ -228,7 +231,7 @@ class AtomicCommerceProductList extends ChildrenUpdateCompleteMixin(LitElement)
                     templateContentForFirstItem
                 }
             })(html`${map(this.searchOrListingState.products, (product, index)=>{
-                const key = this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize);
+                const key = this.getProductId(product);
                 return renderTableRow({
                     props: {
                         key,

package/dist/esm/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js

@@ -145,6 +145,9 @@ class AtomicCommerceRecommendationList extends ChildrenUpdateCompleteMixin(LitEl
             if (this.summaryState.firstRequestExecuted) this.bindings.store.unsetLoadingFlag(this.loadingFlag);
         });
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.recommendationsState.responseId, this.density, this.imageSize);
+    }
     getAtomicProductProps(product) {
         const linkContent = this.productTemplateProvider.getLinkTemplateContent(product);
         return {
@@ -156,7 +159,7 @@ class AtomicCommerceRecommendationList extends ChildrenUpdateCompleteMixin(LitEl
             product: product,
             renderingFunction: this.itemRenderingFunction,
             loadingFlag: this.loadingFlag,
-            key: this.productListCommon.getResultId(product.permanentid, this.recommendationsState.responseId, this.density, this.imageSize),
+            key: this.getProductId(product),
             content: this.productTemplateProvider.getTemplateContent(product),
             linkContent,
             stopPropagation: !!linkContent,

package/dist/esm/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js

@@ -1,5 +1,5 @@
 import { ProductTemplatesHelpers } from "@coveo/headless/commerce";
-import { LitElement, html } from "lit";
+import { LitElement, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createProductContextController } from "../product-template-component-utils/context/product-context-controller.js";
 import { makeDefinedConditions, makeMatchConditions } from "../../common/template-controller/template-utils.js";
@@ -26,8 +26,13 @@ class AtomicProductFieldCondition extends LightDomMixin(LitElement) {
     }
     render() {
         const product = this.productController.item;
-        if (!product || !this.conditions.every((condition)=>condition(product))) this.remove();
-        return html`<slot></slot>`;
+        if (!product) {
+            this.hidden = true;
+            return nothing;
+        }
+        const conditionsMet = this.conditions.every((condition)=>condition(product));
+        this.hidden = !conditionsMet;
+        return conditionsMet ? html`<slot></slot>` : nothing;
     }
     constructor(...args){
         super(...args), this.productController = createProductContextController(this);

package/dist/esm/components/search/atomic-field-condition/atomic-field-condition.js

@@ -1,5 +1,5 @@
 import { ResultTemplatesHelpers } from "@coveo/headless";
-import { LitElement, html } from "lit";
+import { LitElement, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { makeDefinedConditions, makeMatchConditions } from "../../common/template-controller/template-utils.js";
 import { createResultContextController } from "../result-template-component-utils/context/result-context-controller.js";
@@ -31,11 +31,13 @@ class AtomicFieldCondition extends LightDomMixin(LitElement) {
     }
     render() {
         const result = this.getResult();
-        if (!result || !this.conditions.every((condition)=>condition(result))) {
+        if (!result) {
             this.hidden = true;
-            return html``;
+            return nothing;
         }
-        return html`<slot></slot>`;
+        const conditionsMet = this.conditions.every((condition)=>condition(result));
+        this.hidden = !conditionsMet;
+        return conditionsMet ? html`<slot></slot>` : nothing;
     }
     constructor(...args){
         super(...args), this.resultController = createResultContextController(this);

package/dist/esm/components/search/result-template-components/quickview-iframe/quickview-iframe.js

@@ -33,7 +33,6 @@ const iframeConnectedEvent = async (iframe, logger)=>{
 };
 const renderQuickviewIframe = ({ props })=>{
     const { title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger } = props;
-    const waitForIframeContentToBeWritten = ()=>new Promise((resolve)=>setTimeout(resolve));
     const handleRef = (el)=>{
         if (!el) return;
         const iframeRef = el;
@@ -49,9 +48,12 @@ const renderQuickviewIframe = ({ props })=>{
                 return;
             }
             if (currentResultAlreadyWrittenToDocument(documentWriter, uniqueIdentifier)) return;
+            const contentLoaded = eventPromise(iframeRef, 'load', 5000);
             writeDocument(documentWriter, content);
             ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);
-            await waitForIframeContentToBeWritten();
+            await contentLoaded.catch(()=>{
+                logger?.warn('Quickview timed out waiting for the iframe content to load.');
+            });
             onSetIframeRef(iframeRef);
         };
         writeContentWhenReady();

package/dist/esm/generated/dayjs-locales-data.js

@@ -1,8 +1,8 @@
 const locales = {
     af: ()=>import("dayjs/locale/af"),
     am: ()=>import("dayjs/locale/am"),
-    'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
     'ar-IQ': ()=>import("dayjs/locale/ar-iq"),
+    'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
     'ar-KW': ()=>import("dayjs/locale/ar-kw"),
     'ar-LY': ()=>import("dayjs/locale/ar-ly"),
     'ar-MA': ()=>import("dayjs/locale/ar-ma"),
@@ -25,12 +25,11 @@ const locales = {
     cy: ()=>import("dayjs/locale/cy"),
     da: ()=>import("dayjs/locale/da"),
     'de-AT': ()=>import("dayjs/locale/de-at"),
-    de: ()=>import("dayjs/locale/de"),
     'de-CH': ()=>import("dayjs/locale/de-ch"),
+    de: ()=>import("dayjs/locale/de"),
     dv: ()=>import("dayjs/locale/dv"),
     'en-AU': ()=>import("dayjs/locale/en-au"),
     el: ()=>import("dayjs/locale/el"),
-    'en-CA': ()=>import("dayjs/locale/en-ca"),
     'en-GB': ()=>import("dayjs/locale/en-gb"),
     'en-IE': ()=>import("dayjs/locale/en-ie"),
     'en-IL': ()=>import("dayjs/locale/en-il"),
@@ -38,26 +37,26 @@ const locales = {
     'en-NZ': ()=>import("dayjs/locale/en-nz"),
     'en-SG': ()=>import("dayjs/locale/en-sg"),
     'en-TT': ()=>import("dayjs/locale/en-tt"),
+    'en-CA': ()=>import("dayjs/locale/en-ca"),
     en: ()=>import("dayjs/locale/en"),
     eo: ()=>import("dayjs/locale/eo"),
-    'es-DO': ()=>import("dayjs/locale/es-do"),
     'es-MX': ()=>import("dayjs/locale/es-mx"),
     'es-PR': ()=>import("dayjs/locale/es-pr"),
     'es-US': ()=>import("dayjs/locale/es-us"),
-    es: ()=>import("dayjs/locale/es"),
+    'es-DO': ()=>import("dayjs/locale/es-do"),
     et: ()=>import("dayjs/locale/et"),
     eu: ()=>import("dayjs/locale/eu"),
     fa: ()=>import("dayjs/locale/fa"),
     fi: ()=>import("dayjs/locale/fi"),
-    fo: ()=>import("dayjs/locale/fo"),
     'fr-CA': ()=>import("dayjs/locale/fr-ca"),
     'fr-CH': ()=>import("dayjs/locale/fr-ch"),
     fr: ()=>import("dayjs/locale/fr"),
+    fo: ()=>import("dayjs/locale/fo"),
     fy: ()=>import("dayjs/locale/fy"),
     ga: ()=>import("dayjs/locale/ga"),
+    gd: ()=>import("dayjs/locale/gd"),
     gl: ()=>import("dayjs/locale/gl"),
     'gom-LATN': ()=>import("dayjs/locale/gom-latn"),
-    gd: ()=>import("dayjs/locale/gd"),
     gu: ()=>import("dayjs/locale/gu"),
     he: ()=>import("dayjs/locale/he"),
     hi: ()=>import("dayjs/locale/hi"),
@@ -69,17 +68,16 @@ const locales = {
     is: ()=>import("dayjs/locale/is"),
     'it-CH': ()=>import("dayjs/locale/it-ch"),
     it: ()=>import("dayjs/locale/it"),
-    ja: ()=>import("dayjs/locale/ja"),
     jv: ()=>import("dayjs/locale/jv"),
     ka: ()=>import("dayjs/locale/ka"),
     kk: ()=>import("dayjs/locale/kk"),
     km: ()=>import("dayjs/locale/km"),
-    kn: ()=>import("dayjs/locale/kn"),
     ko: ()=>import("dayjs/locale/ko"),
     ku: ()=>import("dayjs/locale/ku"),
     ky: ()=>import("dayjs/locale/ky"),
+    kn: ()=>import("dayjs/locale/kn"),
     lb: ()=>import("dayjs/locale/lb"),
-    lo: ()=>import("dayjs/locale/lo"),
+    ja: ()=>import("dayjs/locale/ja"),
     lt: ()=>import("dayjs/locale/lt"),
     lv: ()=>import("dayjs/locale/lv"),
     me: ()=>import("dayjs/locale/me"),
@@ -91,19 +89,20 @@ const locales = {
     'ms-MY': ()=>import("dayjs/locale/ms-my"),
     ms: ()=>import("dayjs/locale/ms"),
     mt: ()=>import("dayjs/locale/mt"),
+    lo: ()=>import("dayjs/locale/lo"),
     my: ()=>import("dayjs/locale/my"),
     nb: ()=>import("dayjs/locale/nb"),
     ne: ()=>import("dayjs/locale/ne"),
-    'nl-BE': ()=>import("dayjs/locale/nl-be"),
     nl: ()=>import("dayjs/locale/nl"),
+    'nl-BE': ()=>import("dayjs/locale/nl-be"),
     nn: ()=>import("dayjs/locale/nn"),
-    'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
     'pa-IN': ()=>import("dayjs/locale/pa-in"),
     pl: ()=>import("dayjs/locale/pl"),
     'pt-BR': ()=>import("dayjs/locale/pt-br"),
     pt: ()=>import("dayjs/locale/pt"),
     rn: ()=>import("dayjs/locale/rn"),
     ro: ()=>import("dayjs/locale/ro"),
+    es: ()=>import("dayjs/locale/es"),
     ru: ()=>import("dayjs/locale/ru"),
     rw: ()=>import("dayjs/locale/rw"),
     sd: ()=>import("dayjs/locale/sd"),
@@ -111,6 +110,7 @@ const locales = {
     si: ()=>import("dayjs/locale/si"),
     sk: ()=>import("dayjs/locale/sk"),
     sl: ()=>import("dayjs/locale/sl"),
+    'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
     sq: ()=>import("dayjs/locale/sq"),
     'sr-CYRL': ()=>import("dayjs/locale/sr-cyrl"),
     sr: ()=>import("dayjs/locale/sr"),
@@ -122,21 +122,21 @@ const locales = {
     te: ()=>import("dayjs/locale/te"),
     tet: ()=>import("dayjs/locale/tet"),
     tg: ()=>import("dayjs/locale/tg"),
-    tk: ()=>import("dayjs/locale/tk"),
     th: ()=>import("dayjs/locale/th"),
     'tl-PH': ()=>import("dayjs/locale/tl-ph"),
-    tr: ()=>import("dayjs/locale/tr"),
     tlh: ()=>import("dayjs/locale/tlh"),
-    'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
-    tzm: ()=>import("dayjs/locale/tzm"),
+    tr: ()=>import("dayjs/locale/tr"),
     tzl: ()=>import("dayjs/locale/tzl"),
+    tzm: ()=>import("dayjs/locale/tzm"),
     'ug-CN': ()=>import("dayjs/locale/ug-cn"),
     uk: ()=>import("dayjs/locale/uk"),
+    tk: ()=>import("dayjs/locale/tk"),
     ur: ()=>import("dayjs/locale/ur"),
     'uz-LATN': ()=>import("dayjs/locale/uz-latn"),
     uz: ()=>import("dayjs/locale/uz"),
     vi: ()=>import("dayjs/locale/vi"),
     'x-PSEUDO': ()=>import("dayjs/locale/x-pseudo"),
+    'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
     yo: ()=>import("dayjs/locale/yo"),
     'zh-CN': ()=>import("dayjs/locale/zh-cn"),
     'zh-HK': ()=>import("dayjs/locale/zh-hk"),

package/dist/esm/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.61.0",
+        version: "3.61.1",
         headlessVersion
     };
 }

package/dist/esm/versions.js

@@ -1,3 +1,3 @@
-const atomicVersion = "3.61.0";
+const atomicVersion = "3.61.1";
 export { version as headlessVersion } from "@coveo/headless/package.json";
 export { atomicVersion };

package/dist/types/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.d.ts

@@ -85,6 +85,7 @@ export declare class AtomicCommerceProductList extends AtomicCommerceProductList
     private createSelectChildProductListener;
     private selectChildProductCallback;
     private computeListDisplayClasses;
+    private getProductId;
     private renderGrid;
     private renderList;
     private renderTable;

package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.d.ts

@@ -114,6 +114,7 @@ export declare class AtomicCommerceRecommendationList extends AtomicCommerceReco
     private get hasNoProducts();
     private initRecommendations;
     private initSummary;
+    private getProductId;
     private getAtomicProductProps;
     private initProductTemplateProvider;
     private initProductListCommon;

package/dist/types/components/commerce/atomic-product-field-condition/atomic-product-field-condition.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, nothing } from 'lit';
 import type { InitializableComponent } from '../../../decorators/types';
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 declare const AtomicProductFieldCondition_base: import("../../../mixins/mixin-common").Constructor<{
@@ -34,7 +34,7 @@ export declare class AtomicProductFieldCondition extends AtomicProductFieldCondi
     mustNotMatch: Record<string, string[]>;
     initialize(): void;
     private get conditions();
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/search/atomic-field-condition/atomic-field-condition.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, nothing } from 'lit';
 import type { Bindings } from '../atomic-search-interface/interfaces';
 import type { InitializableComponent } from '../../../decorators/types';
 declare const AtomicFieldCondition_base: import("../../../mixins/mixin-common").Constructor<{
@@ -35,7 +35,7 @@ export declare class AtomicFieldCondition extends AtomicFieldCondition_base impl
     initialize(): void;
     private get conditions();
     private getResult;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {