@coveo/atomic 3.38.0 → 3.39.1

package/dist/esm/initialization-utils-de209ce3.js.map

@@ -0,0 +1 @@
+{"file":"initialization-utils-de209ce3.js","mappings":"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","names":["forceUpdate","forceUpdateComponent"],"sources":["src/components/common/stencil-hidden.tsx","src/utils/initialization-utils.tsx"],"sourcesContent":["import {FunctionalComponent, Host, h} from '@stencil/core';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nexport const Hidden: FunctionalComponent = () => (\n  <Host class=\"atomic-hidden\"></Host>\n);\n","import {\n  ComponentInterface,\n  getElement,\n  h,\n  forceUpdate as forceUpdateComponent,\n} from '@stencil/core';\nimport {TOptions} from 'i18next';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {Hidden} from '../components/common/stencil-hidden';\nimport {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\nimport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializableElements,\n  initializeEventName,\n  fetchBindings,\n} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function initializeBindings<\n  SpecificBindings extends AnyBindings = Bindings,\n>(element: Element) {\n  return fetchBindings<SpecificBindings>(element);\n}\n\nexport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializeEventName,\n} from './initialization-lit-stencil-common-utils';\n\n/**\n * Necessary interface an Atomic Component must have to initialize itself correctly.\n * @deprecated To be used for Stencil components. For Lit components. use `InitializableComponent` from './decorators/types/'\n */\nexport interface InitializableComponent<\n  SpecificBindings extends AnyBindings = Bindings,\n> extends ComponentInterface {\n  /**\n   * Bindings passed from the `AtomicSearchInterface` to its children components.\n   */\n  bindings: SpecificBindings;\n  /**\n   * Method called right after the `bindings` property is defined. This is the method where Headless Framework controllers should be initialized.\n   */\n  initialize?: () => void;\n  error: Error;\n}\n\ntype InitializeBindingsProps = {\n  forceUpdate?: boolean;\n};\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nexport function InitializeBindings<SpecificBindings extends AnyBindings>({\n  forceUpdate,\n}: InitializeBindingsProps = {}) {\n  return (\n    component: InitializableComponent<SpecificBindings>,\n    bindingsProperty: string\n  ) => {\n    const {\n      componentWillLoad,\n      render,\n      componentDidRender,\n      componentDidLoad,\n      disconnectedCallback,\n    } = component;\n    let unsubscribeLanguage = () => {};\n\n    if (bindingsProperty !== 'bindings') {\n      return console.error(\n        `The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`,\n        component\n      );\n    }\n\n    component.componentWillLoad = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      const event = buildCustomEvent(\n        initializeEventName,\n        (bindings: SpecificBindings) => {\n          this.bindings = bindings;\n\n          const updateLanguage = () => forceUpdateComponent(this);\n          this.bindings.i18n.on('languageChanged', updateLanguage);\n          unsubscribeLanguage = () =>\n            this.bindings.i18n.off('languageChanged', updateLanguage);\n\n          try {\n            // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n            // In this case, we have to manually trigger it.\n            if (this.initialize) {\n              this.initialize();\n              if (forceUpdate) {\n                forceUpdateComponent(this);\n              }\n            } else {\n              forceUpdateComponent(this);\n            }\n          } catch (e) {\n            this.error = e as Error;\n          }\n        }\n      );\n      const parent = closest(element, initializableElements.join(', '));\n      if (!parent) {\n        this.error = new MissingInterfaceParentError(\n          element.nodeName.toLowerCase()\n        );\n        return;\n      }\n      enqueueOrDispatchInitializationEvent(\n        parent,\n        event as InitializeEvent,\n        element\n      );\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        return (\n          <atomic-component-error\n            element={getElement(this)}\n            error={this.error}\n          ></atomic-component-error>\n        );\n      }\n\n      if (!this.bindings) {\n        return <Hidden></Hidden>;\n      }\n\n      getElement(this).setAttribute(renderedAttribute, 'true');\n      return render && render.call(this);\n    };\n\n    component.disconnectedCallback = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      unsubscribeLanguage();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      const element = getElement(this);\n      if (element.getAttribute(renderedAttribute) === 'false') {\n        return;\n      }\n\n      componentDidRender && componentDidRender.call(this);\n      if (element.getAttribute(loadedAttribute) === 'false') {\n        element.setAttribute(loadedAttribute, 'true');\n        componentDidLoad && componentDidLoad.call(this);\n      }\n    };\n\n    component.componentDidLoad = function () {};\n  };\n}\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nexport function BindStateToController(\n  controllerProperty: string,\n  options?: {\n    /**\n     * Component's method to be called when state is updated.\n     */\n    onUpdateCallbackMethod?: string;\n  }\n) {\n  return (\n    component: InitializableComponent<AnyBindings>,\n    stateProperty: string\n  ) => {\n    const {disconnectedCallback, initialize} = component;\n\n    component.initialize = function () {\n      initialize && initialize.call(this);\n\n      if (!initialize) {\n        return console.error(\n          `ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`,\n          component\n        );\n      }\n\n      if (!this[controllerProperty]) {\n        return;\n      }\n\n      if (\n        options?.onUpdateCallbackMethod &&\n        !this[options.onUpdateCallbackMethod]\n      ) {\n        return console.error(\n          `ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`,\n          component\n        );\n      }\n\n      this.unsubscribeController = this[controllerProperty].subscribe(() => {\n        this[stateProperty] = this[controllerProperty].state;\n        options?.onUpdateCallbackMethod &&\n          this[options.onUpdateCallbackMethod]();\n      });\n    };\n\n    component.disconnectedCallback = function () {\n      !getElement(this).isConnected && this.unsubscribeController?.();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n\ninterface DeferredExecution {\n  args: unknown[];\n}\n\nexport function DeferUntilRender() {\n  return (component: ComponentInterface, methodName: string) => {\n    const {componentDidRender, connectedCallback} = component;\n    const originalMethod = component[methodName] as Function;\n    let deferredExecutions: DeferredExecution[] = [];\n\n    component.connectedCallback = function () {\n      this[methodName] = function (...args: unknown[]) {\n        deferredExecutions.push({args});\n      };\n      connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      deferredExecutions.forEach(({args}) =>\n        originalMethod.call(this, ...args)\n      );\n      deferredExecutions = [];\n      componentDidRender && componentDidRender.call(this);\n    };\n  };\n}\n\nexport type I18nState = Record<string, (variables?: TOptions) => string>;\n"],"version":3}

package/dist/esm/item-layout-sections-7f3f07d2.js

@@ -0,0 +1,41 @@
+import { i as isElementNode } from './utils-b6c5d1af.js';
+
+const resultSectionTags = new Set([
+    'atomic-result-section-visual',
+    'atomic-result-section-badges',
+    'atomic-result-section-actions',
+    'atomic-result-section-title',
+    'atomic-result-section-title-metadata',
+    'atomic-result-section-emphasized',
+    'atomic-result-section-excerpt',
+    'atomic-result-section-bottom-metadata',
+    'atomic-result-section-children',
+]);
+const productSectionTags = new Set([
+    'atomic-product-section-visual',
+    'atomic-product-section-badges',
+    'atomic-product-section-actions',
+    'atomic-product-section-name',
+    'atomic-product-section-metadata',
+    'atomic-product-section-emphasized',
+    'atomic-product-section-description',
+    'atomic-product-section-bottom-metadata',
+    'atomic-product-section-children',
+]);
+const allTags = new Set([...resultSectionTags, ...productSectionTags]);
+function isResultSectionNode(element) {
+    if (!isElementNode(element)) {
+        return false;
+    }
+    return allTags.has(element.tagName.toLowerCase());
+}
+function containsSections(content) {
+    if (typeof content === 'string') {
+        return Array.from(allTags.values()).some((tag) => content.includes(tag));
+    }
+    return Array.from(content).some((child) => isResultSectionNode(child));
+}
+
+export { containsSections as c, isResultSectionNode as i };
+
+//# sourceMappingURL=item-layout-sections-7f3f07d2.js.map

package/dist/esm/item-layout-sections-7f3f07d2.js.map

@@ -0,0 +1 @@
+{"file":"item-layout-sections-7f3f07d2.js","mappings":";;AAEA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,+BAA+B;IAC/B,6BAA6B;IAC7B,sCAAsC;IACtC,kCAAkC;IAClC,+BAA+B;IAC/B,uCAAuC;IACvC,gCAAgC;CACxB,CAAC,CAAC;AAEZ,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,+BAA+B;IAC/B,+BAA+B;IAC/B,gCAAgC;IAChC,6BAA6B;IAC7B,iCAAiC;IACjC,mCAAmC;IACnC,oCAAoC;IACpC,wCAAwC;IACxC,iCAAiC;CACzB,CAAC,CAAC;AAEZ,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,CAAC,CAAC;SAMvD,mBAAmB,CAAC,OAAa;IAC/C,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC3B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAwB,CAAC,CAAC;AAC1E,CAAC;SAEe,gBAAgB,CAAC,OAA2C;IAC1E,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;KAC1E;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE;;;;","names":[],"sources":["src/components/common/layout/item-layout-sections.ts"],"sourcesContent":["import {isElementNode} from '@/src/utils/utils';\n\nconst resultSectionTags = new Set([\n  'atomic-result-section-visual',\n  'atomic-result-section-badges',\n  'atomic-result-section-actions',\n  'atomic-result-section-title',\n  'atomic-result-section-title-metadata',\n  'atomic-result-section-emphasized',\n  'atomic-result-section-excerpt',\n  'atomic-result-section-bottom-metadata',\n  'atomic-result-section-children',\n] as const);\n\nconst productSectionTags = new Set([\n  'atomic-product-section-visual',\n  'atomic-product-section-badges',\n  'atomic-product-section-actions',\n  'atomic-product-section-name',\n  'atomic-product-section-metadata',\n  'atomic-product-section-emphasized',\n  'atomic-product-section-description',\n  'atomic-product-section-bottom-metadata',\n  'atomic-product-section-children',\n] as const);\n\nconst allTags = new Set([...resultSectionTags, ...productSectionTags]);\n\ntype SetValueType<T> = T extends Set<infer U> ? U : never;\n\nexport type ItemSectionTagName = SetValueType<typeof allTags>;\n\nexport function isResultSectionNode(element: Node) {\n  if (!isElementNode(element)) {\n    return false;\n  }\n  return allTags.has(element.tagName.toLowerCase() as ItemSectionTagName);\n}\n\nexport function containsSections(content: string | NodeList | HTMLCollection) {\n  if (typeof content === 'string') {\n    return Array.from(allTags.values()).some((tag) => content.includes(tag));\n  }\n  return Array.from(content).some((child) => isResultSectionNode(child));\n}\n"],"version":3}

package/dist/esm/jsx-utils-60f0f9d1.js

@@ -0,0 +1,29 @@
+import { h, F as Fragment } from './index-62c2216d.js';
+
+/**
+ * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead
+ */
+const LocalizedString = ({ i18n, key, params, count, }) => {
+    const delimitingCharacter = '\u001d'; // Unicode group separator
+    const placeholderPrefixCharacter = '\u001a'; // Unicode substitute character
+    const getPlaceholderForParamKey = (paramKey) => `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;
+    const getParamFromPlaceholder = (placeholder) => params[placeholder.slice(1)];
+    const placeholdersMap = Object.fromEntries(Object.keys(params).map((paramKey) => [
+        paramKey,
+        getPlaceholderForParamKey(paramKey),
+    ]));
+    const localizedStringWithPlaceholders = i18n.t(key, {
+        interpolation: { escapeValue: false },
+        count,
+        ...placeholdersMap,
+    });
+    return (h(Fragment, null, localizedStringWithPlaceholders
+        .split(delimitingCharacter)
+        .map((text) => text.startsWith(placeholderPrefixCharacter)
+        ? getParamFromPlaceholder(text)
+        : text)));
+};
+
+export { LocalizedString as L };
+
+//# sourceMappingURL=jsx-utils-60f0f9d1.js.map

package/dist/esm/jsx-utils-60f0f9d1.js.map

@@ -0,0 +1 @@
+{"file":"jsx-utils-60f0f9d1.js","mappings":";;AAGA;;;MAGa,eAAe,GAA8C,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,GACN;IACC,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACrC,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAC5C,MAAM,yBAAyB,GAAG,CAAC,QAAgB,KACjD,GAAG,mBAAmB,GAAG,0BAA0B,GAAG,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACzF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,KAClD,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK;QACpC,QAAQ;QACR,yBAAyB,CAAC,QAAQ,CAAC;KACpC,CAAC,CACH,CAAC;IACF,MAAM,+BAA+B,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;QAClD,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;QACnC,KAAK;QACL,GAAG,eAAe;KACnB,CAAC,CAAC;IAEH,QACE,EAAC,QAAQ,QACN,+BAA+B;SAC7B,KAAK,CAAC,mBAAmB,CAAC;SAC1B,GAAG,CAAC,CAAC,IAAI,KACR,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC;UACvC,uBAAuB,CAAC,IAAI,CAAC;UAC7B,IAAI,CACT,CACM,EACX;AACJ;;;;","names":[],"sources":["src/utils/jsx-utils.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {LocalizedStringProps} from '../directives/localized-string';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead\n */\nexport const LocalizedString: FunctionalComponent<LocalizedStringProps> = ({\n  i18n,\n  key,\n  params,\n  count,\n}) => {\n  const delimitingCharacter = '\\u001d'; // Unicode group separator\n  const placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n  const getPlaceholderForParamKey = (paramKey: string) =>\n    `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;\n  const getParamFromPlaceholder = (placeholder: string) =>\n    params[placeholder.slice(1)];\n\n  const placeholdersMap = Object.fromEntries(\n    Object.keys(params).map((paramKey) => [\n      paramKey,\n      getPlaceholderForParamKey(paramKey),\n    ])\n  );\n  const localizedStringWithPlaceholders = i18n.t(key, {\n    interpolation: {escapeValue: false},\n    count,\n    ...placeholdersMap,\n  });\n\n  return (\n    <Fragment>\n      {localizedStringWithPlaceholders\n        .split(delimitingCharacter)\n        .map((text) =>\n          text.startsWith(placeholderPrefixCharacter)\n            ? getParamFromPlaceholder(text)\n            : text\n        )}\n    </Fragment>\n  );\n};\n"],"version":3}

package/dist/esm/props-utils-b663ca01.js

@@ -0,0 +1,86 @@
+import { isArray } from '@coveo/bueno';
+import { g as getElement } from './index-62c2216d.js';
+import { c as camelToKebab, k as kebabToCamel } from './utils-b6c5d1af.js';
+
+/**
+ * @deprecated Use the `mapProperty` decorator instead.
+ */
+function MapProp(opts) {
+    return (component, variableName) => {
+        const { componentWillLoad } = component;
+        if (!componentWillLoad) {
+            console.error('The "componentWillLoad" lifecycle method has to be defined for the MapProp decorator to work.');
+            return;
+        }
+        component.componentWillLoad = function () {
+            const prefix = opts?.attributePrefix || variableName;
+            const variable = this[variableName];
+            const attributes = getElement(this).attributes;
+            mapAttributesToProp(prefix, variable, Array.from(attributes), opts?.splitValues ?? false);
+            componentWillLoad.call(this);
+        };
+    };
+}
+/**
+ * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.
+ */
+function ArrayProp() {
+    return (component, variableName) => {
+        const { componentWillLoad } = component;
+        const attributeWithBrackets = camelToKebab(variableName);
+        component.componentWillLoad = function () {
+            const value = this[variableName];
+            if (!value || isArray(value)) {
+                componentWillLoad?.call(this);
+                return;
+            }
+            try {
+                const valueAsArray = JSON.parse(value);
+                if (isArray(valueAsArray)) {
+                    this[variableName] = valueAsArray;
+                }
+                else {
+                    console.error(`Property ${attributeWithBrackets} should be an array`, getElement(this));
+                }
+            }
+            catch (e) {
+                console.error(`Error while parsing attribute ${attributeWithBrackets} as array`, e);
+            }
+            componentWillLoad?.call(this);
+        };
+    };
+}
+function splitAttributeValueOnCommas(attributeValue) {
+    const splitButIgnoreEscapeSymbolsExpression = /(?:\\.|[^,])+/g;
+    const [...valuesWithEscapeSymbols] = attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];
+    const removeEscapeSymbolsExpression = /\\(.)/g;
+    return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) => valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1'));
+}
+function mapAttributesToProp(prefix, mapVariable, attributes, splitValues) {
+    const map = attributesToStringMap(prefix, attributes);
+    Object.assign(mapVariable, splitValues ? stringMapToStringArrayMap(map) : map);
+}
+function stringMapToStringArrayMap(map) {
+    return Object.entries(map).reduce((acc, [key, value]) => ({
+        // biome-ignore lint/performance/noAccumulatingSpread: <>
+        ...acc,
+        [key]: splitAttributeValueOnCommas(value).map((subValue) => subValue.trim()),
+    }), {});
+}
+function attributesToStringMap(prefix, attributes) {
+    const mapVariable = {};
+    const kebabPrefix = `${camelToKebab(prefix)}-`;
+    for (let i = 0; i < attributes.length; i++) {
+        const attribute = attributes[i];
+        if (attribute.name.indexOf(kebabPrefix) !== 0) {
+            continue;
+        }
+        const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));
+        mapVariable[property] = `${attribute.value}`;
+    }
+    return mapVariable;
+}
+
+export { ArrayProp as A, MapProp as M };
+
+//# sourceMappingURL=props-utils-b663ca01.js.map

package/dist/esm/props-utils-b663ca01.js.map

@@ -0,0 +1 @@
+{"file":"props-utils-b663ca01.js","mappings":"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","names":[],"sources":["src/utils/props-utils.ts"],"sourcesContent":["import {isArray} from '@coveo/bueno';\nimport {type ComponentInterface, getElement} from '@stencil/core';\nimport type {ReactiveElement} from 'lit';\nimport {camelToKebab, kebabToCamel} from './utils';\n\ninterface MapPropOptions {\n  attributePrefix?: string;\n  splitValues?: boolean;\n}\n\nexport function mapProperty<Element extends ReactiveElement>(\n  options?: MapPropOptions\n) {\n  return <\n    Instance extends Element & Record<string, unknown>,\n    K extends keyof Instance,\n  >(\n    proto: ReactiveElement,\n    propertyKey: K\n  ) => {\n    const ctor = proto.constructor as typeof ReactiveElement;\n    ctor.addInitializer((instance) => {\n      const props = {};\n      const prefix =\n        options?.attributePrefix || camelToKebab(propertyKey.toString());\n\n      mapAttributesToProp(\n        prefix,\n        props,\n        Array.from(instance.attributes),\n        options?.splitValues ?? false\n      );\n\n      (instance as Instance)[propertyKey] = props as Instance[K];\n    });\n  };\n}\n\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nexport function MapProp(opts?: MapPropOptions) {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n    if (!componentWillLoad) {\n      console.error(\n        'The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.'\n      );\n      return;\n    }\n\n    component.componentWillLoad = function () {\n      const prefix = opts?.attributePrefix || variableName;\n      const variable = this[variableName];\n      const attributes = getElement(this).attributes;\n      mapAttributesToProp(\n        prefix,\n        variable,\n        Array.from(attributes),\n        opts?.splitValues ?? false\n      );\n      componentWillLoad.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nexport function ArrayProp() {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n\n    const attributeWithBrackets = camelToKebab(variableName);\n\n    component.componentWillLoad = function () {\n      const value = this[variableName];\n      if (!value || isArray(value)) {\n        componentWillLoad?.call(this);\n        return;\n      }\n\n      try {\n        const valueAsArray = JSON.parse(value);\n        if (isArray(valueAsArray)) {\n          this[variableName] = valueAsArray;\n        } else {\n          console.error(\n            `Property ${attributeWithBrackets} should be an array`,\n            getElement(this)\n          );\n        }\n      } catch (e) {\n        console.error(\n          `Error while parsing attribute ${attributeWithBrackets} as array`,\n          e\n        );\n      }\n\n      componentWillLoad?.call(this);\n    };\n  };\n}\n\nfunction splitAttributeValueOnCommas(attributeValue: string) {\n  const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n  const [...valuesWithEscapeSymbols] =\n    attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n\n  const removeEscapeSymbolsExpression = /\\\\(.)/g;\n  return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) =>\n    valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1')\n  );\n}\n\nexport function mapAttributesToProp(\n  prefix: string,\n  mapVariable: Record<string, string | string[]>,\n  attributes: {name: string; value: string}[],\n  splitValues: boolean\n) {\n  const map = attributesToStringMap(prefix, attributes);\n  Object.assign(\n    mapVariable,\n    splitValues ? stringMapToStringArrayMap(map) : map\n  );\n}\n\nfunction stringMapToStringArrayMap(map: Record<string, string>) {\n  return Object.entries(map).reduce(\n    (acc, [key, value]) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: <>\n      ...acc,\n      [key]: splitAttributeValueOnCommas(value).map((subValue) =>\n        subValue.trim()\n      ),\n    }),\n    {}\n  );\n}\n\nfunction attributesToStringMap(\n  prefix: string,\n  attributes: {name: string; value: string}[]\n) {\n  const mapVariable: Record<string, string> = {};\n  const kebabPrefix = `${camelToKebab(prefix)}-`;\n  for (let i = 0; i < attributes.length; i++) {\n    const attribute = attributes[i];\n    if (attribute.name.indexOf(kebabPrefix) !== 0) {\n      continue;\n    }\n\n    const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n    mapVariable[property] = `${attribute.value}`;\n  }\n  return mapVariable;\n}\n"],"version":3}

package/dist/esm/result-template-provider-7edb85e2.js

@@ -0,0 +1,99 @@
+import { h } from './index-62c2216d.js';
+import { buildResultTemplatesManager } from '@coveo/headless';
+
+// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ResultsPlaceholdersGuard = (props) => {
+    if (!props.displayPlaceholders) {
+        return;
+    }
+    switch (props.display) {
+        case 'table':
+            return h(TableDisplayResultsPlaceholder, { ...props });
+        default:
+            return h(ResultsPlaceholder, { ...props });
+    }
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ResultsPlaceholder = (props) => {
+    return Array.from({ length: props.numberOfPlaceholders }, (_, i) => (h("atomic-result-placeholder", { key: `placeholder-${i}`, density: props.density, display: props.display || 'list', imageSize: props.imageSize })));
+};
+const TableDisplayResultsPlaceholder = (props) => {
+    return (h("atomic-result-table-placeholder", { density: props.density, imageSize: props.imageSize, rows: props.numberOfPlaceholders }));
+};
+
+class TemplateProvider {
+    constructor(props, buildManager) {
+        this.props = props;
+        this.buildManager = buildManager;
+        this.templateManager = this.buildManager();
+        this.registerResultTemplates();
+    }
+    async registerResultTemplates() {
+        const customTemplates = await Promise.all(this.props.templateElements.map(async (resultTemplateElement) => {
+            if (!('getTemplate' in resultTemplateElement)) {
+                await customElements.whenDefined(resultTemplateElement.tagName.toLowerCase());
+            }
+            const template = await resultTemplateElement.getTemplate();
+            if (!template) {
+                this.props.setTemplateHasError(true);
+            }
+            return template;
+        }));
+        const templates = (!customTemplates.length && this.props.includeDefaultTemplate
+            ? [this.makeDefaultTemplate()]
+            : []).concat(customTemplates.filter((template) => template));
+        this.templateManager.registerTemplates(...templates);
+        this.props.setResultTemplateRegistered(true);
+    }
+    getTemplateContent(item) {
+        return this.templateManager.selectTemplate(item);
+    }
+    getLinkTemplateContent(item) {
+        return this.templateManager.selectLinkTemplate(item);
+    }
+    getEmptyLinkTemplateContent() {
+        return document.createDocumentFragment();
+    }
+    get templatesRegistered() {
+        return this.props.getResultTemplateRegistered();
+    }
+    get hasError() {
+        return this.props.getTemplateHasError();
+    }
+}
+
+class ResultTemplateProvider extends TemplateProvider {
+    constructor(props, gridCellLinkTarget) {
+        super(props, () => buildResultTemplatesManager(props.bindings.engine));
+        this.gridCellLinkTarget = gridCellLinkTarget;
+    }
+    // TODO: Add JSX support for default template
+    makeDefaultTemplate() {
+        const content = document.createDocumentFragment();
+        const linkEl = document.createElement('atomic-result-link');
+        content.appendChild(linkEl);
+        const linkContent = document.createDocumentFragment();
+        const linkMarkup = `
+      <atomic-result-link>
+      ${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}
+      </atomic-result-link>
+    `;
+        const linkTemplate = document.createElement('template');
+        linkTemplate.innerHTML = linkMarkup.trim();
+        linkContent.appendChild(linkTemplate.content);
+        return {
+            content,
+            linkContent,
+            conditions: [],
+        };
+    }
+}
+
+export { ResultTemplateProvider as R, ResultsPlaceholdersGuard as a, ResultsPlaceholder as b };
+
+//# sourceMappingURL=result-template-provider-7edb85e2.js.map

package/dist/esm/result-template-provider-7edb85e2.js.map

@@ -0,0 +1 @@
+{"file":"result-template-provider-7edb85e2.js","mappings":"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","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/result-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n  getTemplate(): Promise<Template<ItemType, DocumentFragment> | null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n  getResultTemplateRegistered(): boolean;\n  setResultTemplateRegistered(value: boolean): void;\n  getTemplateHasError(): boolean;\n  setTemplateHasError(value: boolean): void;\n  templateElements: TemplateElement<ItemType>[];\n  includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n  private templateManager: TemplatesManager<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  protected abstract makeDefaultTemplate(): Template<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  constructor(\n    private props: TemplateProviderProps<ItemType>,\n    private buildManager: () => TemplatesManager<\n      ItemType,\n      DocumentFragment,\n      DocumentFragment\n    >\n  ) {\n    this.templateManager = this.buildManager();\n    this.registerResultTemplates();\n  }\n\n  private async registerResultTemplates() {\n    const customTemplates = await Promise.all(\n      this.props.templateElements.map(async (resultTemplateElement) => {\n        if (!('getTemplate' in resultTemplateElement)) {\n          await customElements.whenDefined(\n            (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n          );\n        }\n\n        const template = await resultTemplateElement.getTemplate();\n        if (!template) {\n          this.props.setTemplateHasError(true);\n        }\n        return template;\n      })\n    );\n\n    const templates = (\n      !customTemplates.length && this.props.includeDefaultTemplate\n        ? [this.makeDefaultTemplate()]\n        : []\n    ).concat(\n      customTemplates.filter((template) => template) as Template<\n        ItemType,\n        DocumentFragment,\n        DocumentFragment\n      >[]\n    );\n\n    this.templateManager.registerTemplates(...templates);\n    this.props.setResultTemplateRegistered(true);\n  }\n\n  public getTemplateContent(item: ItemType) {\n    return this.templateManager.selectTemplate(item)!;\n  }\n\n  public getLinkTemplateContent(item: ItemType) {\n    return this.templateManager.selectLinkTemplate(item)!;\n  }\n\n  public getEmptyLinkTemplateContent() {\n    return document.createDocumentFragment();\n  }\n\n  public get templatesRegistered() {\n    return this.props.getResultTemplateRegistered();\n  }\n\n  public get hasError() {\n    return this.props.getTemplateHasError();\n  }\n}\n","import {\n  buildResultTemplatesManager,\n  type Result,\n  type Template,\n} from '@coveo/headless';\nimport type {ItemTarget} from '@/src/components/common/layout/item-layout-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport {\n  TemplateProvider,\n  type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ResultTemplateProvider extends TemplateProvider<Result> {\n  constructor(\n    props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n    private gridCellLinkTarget?: ItemTarget\n  ) {\n    super(props, () => buildResultTemplatesManager(props.bindings.engine));\n  }\n\n  // TODO: Add JSX support for default template\n  protected makeDefaultTemplate(): Template<\n    Result,\n    DocumentFragment,\n    DocumentFragment\n  > {\n    const content = document.createDocumentFragment();\n    const linkEl = document.createElement('atomic-result-link');\n    content.appendChild(linkEl);\n\n    const linkContent = document.createDocumentFragment();\n    const linkMarkup = `\n      <atomic-result-link>\n      ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n      </atomic-result-link>\n    `;\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = linkMarkup.trim();\n    linkContent.appendChild(linkTemplate.content);\n    return {\n      content,\n      linkContent,\n      conditions: [],\n    };\n  }\n}\n"],"version":3}

package/dist/esm/result-utils-8978d15e.js

@@ -0,0 +1,64 @@
+import { buildInteractiveResult } from '@coveo/headless';
+
+function readFromObject(object, key) {
+    const keys = key.split('.');
+    let current = object;
+    for (const k of keys) {
+        if (current && typeof current === 'object' && k in current) {
+            current = current[k];
+        }
+        else {
+            return undefined;
+        }
+    }
+    return typeof current === 'string' ? current : undefined;
+}
+
+/**
+ * Binds the logging of document
+ * @returns An unbind function for the events
+ * @param engine A headless search engine instance.
+ * @param result The result object
+ * @param resultElement Parent result element
+ * @param selector Optional. Css selector that selects all links to the document. Default: "a" tags with the clickUri as "href" parameter.
+ */
+function bindLogDocumentOpenOnResult(engine, result, resultElement, selector) {
+    const interactiveResult = buildInteractiveResult(engine, {
+        options: { result },
+    });
+    const eventsMap = {
+        contextmenu: () => interactiveResult.select(),
+        click: () => interactiveResult.select(),
+        mouseup: () => interactiveResult.select(),
+        mousedown: () => interactiveResult.select(),
+        touchstart: () => interactiveResult.beginDelayedSelect(),
+        touchend: () => interactiveResult.cancelPendingSelect(),
+    };
+    const elements = resultElement.querySelectorAll(selector || 'a');
+    elements.forEach((element) => {
+        Object.keys(eventsMap).forEach((key) => element.addEventListener(key, eventsMap[key]));
+    });
+    return () => {
+        elements.forEach((element) => {
+            Object.keys(eventsMap).forEach((key) => element.removeEventListener(key, eventsMap[key]));
+        });
+    };
+}
+function buildStringTemplateFromResult(template, result, bindings) {
+    return template.replace(/\${(.*?)}/g, (value) => {
+        const key = value.substring(2, value.length - 1);
+        let newValue = readFromObject(result, key);
+        if (!newValue && typeof window !== 'undefined') {
+            newValue = readFromObject(window, key);
+        }
+        if (!newValue) {
+            bindings.engine.logger.warn(`${key} used in the href template is undefined for this result: ${result.uniqueId} and could not be found in the window object.`);
+            return '';
+        }
+        return newValue;
+    });
+}
+
+export { buildStringTemplateFromResult as a, bindLogDocumentOpenOnResult as b };
+
+//# sourceMappingURL=result-utils-8978d15e.js.map

package/dist/esm/result-utils-8978d15e.js.map

@@ -0,0 +1 @@
+{"file":"result-utils-8978d15e.js","mappings":";;SAAgB,cAAc,CAC5B,MAAS,EACT,GAAW;IAEX,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,OAAO,GAAY,MAAM,CAAC;IAE9B,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;QACpB,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,IAAI,OAAO,EAAE;YAC1D,OAAO,GAAI,OAAmC,CAAC,CAAC,CAAC,CAAC;SACnD;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;IAED,OAAO,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D;;ACNA;;;;;;;;SAQgB,2BAA2B,CACzC,MAAoB,EACpB,MAAc,EACd,aAAmC,EACnC,QAAiB;IAEjB,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,MAAM,EAAE;QACvD,OAAO,EAAE,EAAC,MAAM,EAAC;KAClB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAuD;QACpE,WAAW,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QAC7C,KAAK,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QACvC,OAAO,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QACzC,SAAS,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QAC3C,UAAU,EAAE,MAAM,iBAAiB,CAAC,kBAAkB,EAAE;QACxD,QAAQ,EAAE,MAAM,iBAAiB,CAAC,mBAAmB,EAAE;KACxD,CAAC;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,gBAAgB,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;IAEjE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO;QACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KACjC,OAAO,CAAC,gBAAgB,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAC9C,CAAC;KACH,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO;YACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KACjC,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CACjD,CAAC;SACH,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC;SAEe,6BAA6B,CAC3C,QAAgB,EAChB,MAAc,EACd,QAAiC;IAEjC,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAa;QAClD,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC9C,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACxC;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACzB,GAAG,GAAG,4DAA4D,MAAM,CAAC,QAAQ,+CAA+C,CACjI,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QAED,OAAO,QAAQ,CAAC;KACjB,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/utils/object-utils.ts","src/utils/result-utils.ts"],"sourcesContent":["export function readFromObject<T extends object>(\n  object: T,\n  key: string\n): string | undefined {\n  const keys = key.split('.');\n  let current: unknown = object;\n\n  for (const k of keys) {\n    if (current && typeof current === 'object' && k in current) {\n      current = (current as Record<string, unknown>)[k];\n    } else {\n      return undefined;\n    }\n  }\n\n  return typeof current === 'string' ? current : undefined;\n}\n","import {\n  buildInteractiveResult,\n  type Result,\n  ResultTemplatesHelpers,\n  type SearchEngine,\n} from '@coveo/headless';\nimport type {RecsBindings} from '../components/recommendations/atomic-recs-interface/interfaces';\nimport type {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {readFromObject} from './object-utils';\n\n/**\n * Binds the logging of document\n * @returns An unbind function for the events\n * @param engine A headless search engine instance.\n * @param result The result object\n * @param resultElement Parent result element\n * @param selector Optional. Css selector that selects all links to the document. Default: \"a\" tags with the clickUri as \"href\" parameter.\n */\nexport function bindLogDocumentOpenOnResult(\n  engine: SearchEngine,\n  result: Result,\n  resultElement: Element | ShadowRoot,\n  selector?: string\n) {\n  const interactiveResult = buildInteractiveResult(engine, {\n    options: {result},\n  });\n\n  const eventsMap: Record<string, EventListenerOrEventListenerObject> = {\n    contextmenu: () => interactiveResult.select(),\n    click: () => interactiveResult.select(),\n    mouseup: () => interactiveResult.select(),\n    mousedown: () => interactiveResult.select(),\n    touchstart: () => interactiveResult.beginDelayedSelect(),\n    touchend: () => interactiveResult.cancelPendingSelect(),\n  };\n  const elements = resultElement.querySelectorAll(selector || 'a');\n\n  elements.forEach((element) => {\n    Object.keys(eventsMap).forEach((key) =>\n      element.addEventListener(key, eventsMap[key])\n    );\n  });\n\n  return () => {\n    elements.forEach((element) => {\n      Object.keys(eventsMap).forEach((key) =>\n        element.removeEventListener(key, eventsMap[key])\n      );\n    });\n  };\n}\n\nexport function buildStringTemplateFromResult(\n  template: string,\n  result: Result,\n  bindings: Bindings | RecsBindings\n) {\n  return template.replace(/\\${(.*?)}/g, (value: string) => {\n    const key = value.substring(2, value.length - 1);\n    let newValue = readFromObject(result, key);\n    if (!newValue && typeof window !== 'undefined') {\n      newValue = readFromObject(window, key);\n    }\n\n    if (!newValue) {\n      bindings.engine.logger.warn(\n        `${key} used in the href template is undefined for this result: ${result.uniqueId} and could not be found in the window object.`\n      );\n      return '';\n    }\n\n    return newValue;\n  });\n}\n\nexport function getStringValueFromResultOrNull(result: Result, field: string) {\n  const value = ResultTemplatesHelpers.getResultProperty(result, field);\n\n  if (typeof value !== 'string' || value.trim() === '') {\n    return null;\n  }\n\n  return value;\n}\n"],"version":3}

package/dist/esm/smart-snippet-common-03e33c52.js

@@ -0,0 +1,69 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+import { R as RadioButton } from './stencil-radio-button-bd9a5704.js';
+import { H as Heading } from './stencil-heading-b741d578.js';
+
+const Checkmark = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M4 7.07692L6 9L10 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+const Cross = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M5 9L9 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackBanner = (props) => {
+    const inquiryId = 'feedback-inquiry-' + props.id;
+    const thankYouId = 'feedback-thank-you-' + props.id;
+    const radioGroupName = 'feedback-options-' + props.id;
+    const Inquiry = () => (h("span", { id: inquiryId, part: "feedback-inquiry", class: "shrink-0" }, props.i18n.t('smart-snippet-feedback-inquiry')));
+    const Buttons = () => (h("div", { part: "feedback-buttons", class: "flex gap-x-4" },
+        h("label", { part: "feedback-like-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.liked ? 'text-success' : 'cursor-pointer hover:underline') },
+            h("atomic-icon", { icon: Checkmark, class: "w-3.5" }),
+            h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('yes'), checked: props.liked, onChecked: () => props.onLike(), class: "cursor-[inherit] text-[inherit]" })),
+        h("label", { part: "feedback-dislike-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.disliked ? 'text-error' : 'cursor-pointer hover:underline') },
+            h("atomic-icon", { icon: Cross, class: "w-3.5" }),
+            h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('no'), checked: props.disliked, onChecked: () => props.onDislike(), class: "cursor-[inherit] text-[inherit]" }))));
+    const ThankYouMessage = () => (h("span", { id: thankYouId, part: "feedback-thank-you", class: "inline-flex" }, props.i18n.t('smart-snippet-feedback-thanks')));
+    const ExplainWhyButton = () => (h(Button, { part: "feedback-explain-why-button", style: "text-primary", onClick: () => props.onPressExplainWhy(), ref: (element) => props.explainWhyRef?.(element) }, props.i18n.t('smart-snippet-feedback-explain-why')));
+    const ThankYouContainer = ({ visible }) => visible ? (h("div", { part: "feedback-thank-you-wrapper", class: "flex flex-wrap gap-1" },
+        h(ThankYouMessage, null),
+        props.disliked && !props.feedbackSent ? (h(ExplainWhyButton, null)) : ([]))) : ([]);
+    return (h("div", { part: "feedback-banner", class: "flex flex-wrap items-center gap-4 text-sm leading-4" },
+        h("div", { part: "feedback-inquiry-and-buttons", role: "radiogroup", "aria-labelledby": inquiryId, class: "inline-flex flex-wrap gap-4" },
+            h(Inquiry, null),
+            h(Buttons, null)),
+        h(ThankYouContainer, { visible: props.liked || props.disliked })));
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {
+    return (h("aside", { "aria-label": i18n.t('smart-snippet') },
+        h(Heading, { level: headingLevel ?? 0, class: "sr-only" }, i18n.t('smart-snippet')),
+        h("article", { class: "bg-background border-neutral text-on-background rounded-lg border p-6 pb-4", part: "smart-snippet" }, children)));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetQuestion = ({ headingLevel, question }) => {
+    return (h(Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "text-xl font-bold", part: "question" }, question));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetTruncatedAnswer = ({ answer, style }) => {
+    return (h("div", { part: "truncated-answer" },
+        h("atomic-smart-snippet-answer", { exportparts: "answer", part: "body", htmlContent: answer, innerStyle: style })));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFooter = ({ i18n }, children) => {
+    return (h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
+};
+
+export { SmartSnippetQuestion as S, SmartSnippetFooter as a, SmartSnippetFeedbackBanner as b, SmartSnippetWrapper as c, SmartSnippetTruncatedAnswer as d };
+
+//# sourceMappingURL=smart-snippet-common-03e33c52.js.map

package/dist/esm/smart-snippet-common-03e33c52.js.map

@@ -0,0 +1 @@
+{"file":"smart-snippet-common-03e33c52.js","mappings":"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","names":[],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner.tsx","src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Checkmark from '../../../images/checkmark.svg';\nimport Cross from '../../../images/cross.svg';\nimport {Button} from '../stencil-button';\nimport {RadioButton} from '../stencil-radio-button';\n\ninterface SmartSnippetFeedbackBannerProps {\n  i18n: i18n;\n  id: string;\n  liked: boolean;\n  disliked: boolean;\n  feedbackSent: boolean;\n  onLike(): void;\n  onDislike(): void;\n  onPressExplainWhy(): void;\n  explainWhyRef?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackBanner: FunctionalComponent<\n  SmartSnippetFeedbackBannerProps\n> = (props) => {\n  const inquiryId = 'feedback-inquiry-' + props.id;\n  const thankYouId = 'feedback-thank-you-' + props.id;\n  const radioGroupName = 'feedback-options-' + props.id;\n\n  const Inquiry = () => (\n    <span id={inquiryId} part=\"feedback-inquiry\" class=\"shrink-0\">\n      {props.i18n.t('smart-snippet-feedback-inquiry')}\n    </span>\n  );\n\n  const Buttons = () => (\n    <div part=\"feedback-buttons\" class=\"flex gap-x-4\">\n      <label\n        part=\"feedback-like-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.liked ? 'text-success' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Checkmark} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('yes')}\n          checked={props.liked}\n          onChecked={() => props.onLike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n      <label\n        part=\"feedback-dislike-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.disliked ? 'text-error' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Cross} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('no')}\n          checked={props.disliked}\n          onChecked={() => props.onDislike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n    </div>\n  );\n\n  const ThankYouMessage = () => (\n    <span id={thankYouId} part=\"feedback-thank-you\" class=\"inline-flex\">\n      {props.i18n.t('smart-snippet-feedback-thanks')}\n    </span>\n  );\n\n  const ExplainWhyButton = () => (\n    <Button\n      part=\"feedback-explain-why-button\"\n      style=\"text-primary\"\n      onClick={() => props.onPressExplainWhy()}\n      ref={(element) => props.explainWhyRef?.(element)}\n    >\n      {props.i18n.t('smart-snippet-feedback-explain-why')}\n    </Button>\n  );\n\n  const ThankYouContainer = ({visible}: {visible: boolean}) =>\n    visible ? (\n      <div part=\"feedback-thank-you-wrapper\" class=\"flex flex-wrap gap-1\">\n        <ThankYouMessage></ThankYouMessage>\n        {props.disliked && !props.feedbackSent ? (\n          <ExplainWhyButton></ExplainWhyButton>\n        ) : (\n          []\n        )}\n      </div>\n    ) : (\n      []\n    );\n\n  return (\n    <div\n      part=\"feedback-banner\"\n      class=\"flex flex-wrap items-center gap-4 text-sm leading-4\"\n    >\n      <div\n        part=\"feedback-inquiry-and-buttons\"\n        role=\"radiogroup\"\n        aria-labelledby={inquiryId}\n        class=\"inline-flex flex-wrap gap-4\"\n      >\n        <Inquiry></Inquiry>\n        <Buttons></Buttons>\n      </div>\n      <ThankYouContainer\n        visible={props.liked || props.disliked}\n      ></ThankYouContainer>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Heading} from '../../stencil-heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetWrapper: FunctionalComponent<{\n  headingLevel?: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside aria-label={i18n.t('smart-snippet')}>\n      <Heading level={headingLevel ?? 0} class=\"sr-only\">\n        {i18n.t('smart-snippet')}\n      </Heading>\n      <article\n        class=\"bg-background border-neutral text-on-background rounded-lg border p-6 pb-4\"\n        part=\"smart-snippet\"\n      >\n        {children}\n      </article>\n    </aside>\n  );\n};\n\ninterface SmartSnippetQuestionProps {\n  headingLevel?: number;\n  question: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetQuestion: FunctionalComponent<SmartSnippetQuestionProps> = ({headingLevel, question}) => {\n  return (\n    <Heading\n      level={headingLevel ? headingLevel + 1 : 0}\n      class=\"text-xl font-bold\"\n      part=\"question\"\n    >\n      {question}\n    </Heading>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetTruncatedAnswer: FunctionalComponent<{\n  answer: string;\n  style?: string;\n}> = ({answer, style}) => {\n  return (\n    <div part=\"truncated-answer\">\n      <atomic-smart-snippet-answer\n        exportparts=\"answer\"\n        part=\"body\"\n        htmlContent={answer}\n        innerStyle={style}\n      ></atomic-smart-snippet-answer>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFooter: FunctionalComponent<{i18n: i18n}> = (\n  {i18n},\n  children\n) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n"],"version":3}

package/dist/esm/smart-snippet-feedback-modal-common-9f6df720.js

@@ -0,0 +1,79 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackModalHeader = ({ i18n }) => {
+    return h("h1", { slot: "header" }, i18n.t('smart-snippet-feedback-explain-why'));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackModalBody = ({ formId, onSubmit }, children) => {
+    return (h("form", { part: "form", id: formId, slot: "body", onSubmit: onSubmit, class: "flex flex-col gap-8" }, children));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeebackModalOptions = ({ i18n }, children) => {
+    return (h("fieldset", null,
+        h("legend", { part: "reason-title", class: "text-on-background text-lg font-bold" }, i18n.t('smart-snippet-feedback-select-reason')),
+        children));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackModalOption = ({ correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange }) => {
+    return (h("div", { class: "flex items-center", key: id, part: "reason" },
+        h("input", { part: "reason-radio", type: "radio", name: "answer", id: id, checked: currentAnswer === correspondingAnswer, onChange: onChange, class: "mr-2 h-4 w-4", required: true }),
+        h("label", { part: "reason-label", htmlFor: id }, i18n.t(localeKey))));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackModalDetails = ({ currentAnswer, i18n, setDetailsInputRef }) => {
+    if (currentAnswer !== 'other') {
+        return;
+    }
+    return (h("fieldset", null,
+        h("legend", { part: "details-title", class: "text-on-background text-lg font-bold" }, i18n.t('details')),
+        h("textarea", { part: "details-input", name: "answer-details", ref: setDetailsInputRef, class: "border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5", rows: 4, required: true })));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackModalFooter = ({ formId, i18n, onClick }) => {
+    return (h("div", { part: "buttons", slot: "footer", class: "flex justify-end gap-2" },
+        h(Button, { part: "cancel-button", style: "outline-neutral", class: "text-primary", onClick: onClick }, i18n.t('cancel')),
+        h(Button, { part: "submit-button", style: "primary", type: "submit", form: formId }, i18n.t('feedback-send'))));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const smartSnippetFeedbackOptions = [
+    {
+        id: 'does-not-answer',
+        localeKey: 'smart-snippet-feedback-reason-does-not-answer',
+        correspondingAnswer: 'does_not_answer',
+    },
+    {
+        id: 'partially-answers',
+        localeKey: 'smart-snippet-feedback-reason-partially-answers',
+        correspondingAnswer: 'partially_answers',
+    },
+    {
+        id: 'was-not-a-question',
+        localeKey: 'smart-snippet-feedback-reason-was-not-a-question',
+        correspondingAnswer: 'was_not_a_question',
+    },
+    {
+        id: 'other',
+        localeKey: 'smart-snippet-feedback-reason-other',
+        correspondingAnswer: 'other',
+    },
+];
+
+export { SmartSnippetFeedbackModalFooter as S, SmartSnippetFeedbackModalBody as a, SmartSnippetFeebackModalOptions as b, SmartSnippetFeedbackModalOption as c, SmartSnippetFeedbackModalDetails as d, SmartSnippetFeedbackModalHeader as e, smartSnippetFeedbackOptions as s };
+
+//# sourceMappingURL=smart-snippet-feedback-modal-common-9f6df720.js.map

package/dist/esm/smart-snippet-feedback-modal-common-9f6df720.js.map

@@ -0,0 +1 @@
+{"file":"smart-snippet-feedback-modal-common-9f6df720.js","mappings":"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","names":[],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx"],"sourcesContent":["import type {SmartSnippetFeedback} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}) => {\n  return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalBody: FunctionalComponent<{\n  formId: string;\n  onSubmit: (e: Event) => void;\n}> = ({formId, onSubmit}, children) => {\n  return (\n    <form\n      part=\"form\"\n      id={formId}\n      slot=\"body\"\n      onSubmit={onSubmit}\n      class=\"flex flex-col gap-8\"\n    >\n      {children}\n    </form>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeebackModalOptions: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <fieldset>\n      <legend part=\"reason-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('smart-snippet-feedback-select-reason')}\n      </legend>\n      {children}\n    </fieldset>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalOption: FunctionalComponent<{\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  id: string;\n  localeKey: string;\n  onChange: (e: Event) => void;\n}> = ({correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange}) => {\n  return (\n    <div class=\"flex items-center\" key={id} part=\"reason\">\n      <input\n        part=\"reason-radio\"\n        type=\"radio\"\n        name=\"answer\"\n        id={id}\n        checked={currentAnswer === correspondingAnswer}\n        onChange={onChange}\n        class=\"mr-2 h-4 w-4\"\n        required\n      />\n      <label part=\"reason-label\" htmlFor={id}>\n        {i18n.t(localeKey)}\n      </label>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalDetails: FunctionalComponent<{\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;\n}> = ({currentAnswer, i18n, setDetailsInputRef}) => {\n  if (currentAnswer !== 'other') {\n    return;\n  }\n\n  return (\n    <fieldset>\n      <legend part=\"details-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('details')}\n      </legend>\n      <textarea\n        part=\"details-input\"\n        name=\"answer-details\"\n        ref={setDetailsInputRef}\n        class=\"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\"\n        rows={4}\n        required\n      ></textarea>\n    </fieldset>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalFooter: FunctionalComponent<{\n  formId: string;\n  i18n: i18n;\n  onClick: (e: MouseEvent) => void;\n}> = ({formId, i18n, onClick}) => {\n  return (\n    <div part=\"buttons\" slot=\"footer\" class=\"flex justify-end gap-2\">\n      <Button\n        part=\"cancel-button\"\n        style=\"outline-neutral\"\n        class=\"text-primary\"\n        onClick={onClick}\n      >\n        {i18n.t('cancel')}\n      </Button>\n      <Button part=\"submit-button\" style=\"primary\" type=\"submit\" form={formId}>\n        {i18n.t('feedback-send')}\n      </Button>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const smartSnippetFeedbackOptions: {\n  id: string;\n  localeKey: string;\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n}[] = [\n  {\n    id: 'does-not-answer',\n    localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n    correspondingAnswer: 'does_not_answer',\n  },\n  {\n    id: 'partially-answers',\n    localeKey: 'smart-snippet-feedback-reason-partially-answers',\n    correspondingAnswer: 'partially_answers',\n  },\n  {\n    id: 'was-not-a-question',\n    localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n    correspondingAnswer: 'was_not_a_question',\n  },\n  {\n    id: 'other',\n    localeKey: 'smart-snippet-feedback-reason-other',\n    correspondingAnswer: 'other',\n  },\n];\n"],"version":3}