@coveo/atomic 3.28.0-pre.df6c8a3eb3 → 3.28.0-pre.f769419eb8

package/dist/atomic/components/atomic-commerce-recommendation-interface.js.map

@@ -1 +0,0 @@
-{"file":"atomic-commerce-recommendation-interface.js","mappings":"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","names":["AtomicCommerceRecommendationInterface","i18next"],"sources":["src/components/commerce/atomic-commerce-recommendation-interface/store.ts","src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.pcss?tag=atomic-commerce-recommendation-interface&encapsulation=shadow","src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tsx"],"sourcesContent":["import {\n  BaseStore,\n  createBaseStore,\n  ResultListInfo,\n  setLoadingFlag,\n  unsetLoadingFlag,\n} from '../../common/interface/store';\n\ninterface Data {\n  loadingFlags: string[];\n  iconAssetsPath: string;\n  resultList: ResultListInfo | undefined;\n}\n\nexport type CommerceRecommendationStore = BaseStore<Data> & {\n  unsetLoadingFlag(loadingFlag: string): void;\n  setLoadingFlag(flag: string): void;\n};\n\nexport function createCommerceRecommendationStore(): CommerceRecommendationStore {\n  const store = createBaseStore<Data>({\n    loadingFlags: [],\n    iconAssetsPath: '',\n    resultList: undefined,\n  });\n\n  return {\n    ...store,\n\n    unsetLoadingFlag(loadingFlag: string) {\n      unsetLoadingFlag(store, loadingFlag);\n    },\n\n    setLoadingFlag(loadingFlag: string) {\n      setLoadingFlag(store, loadingFlag);\n    },\n  };\n}\n","@import '../../../global/global.pcss';\n\n:host {\n  display: block;\n  height: inherit;\n  width: inherit;\n  & > slot {\n    height: inherit;\n  }\n}\n","import {markParentAsReady} from '@/src/utils/init-queue.js';\nimport {\n  CommerceEngine,\n  CommerceEngineConfiguration,\n  Context,\n  buildContext,\n} from '@coveo/headless/commerce';\nimport {\n  Component,\n  Prop,\n  h,\n  Listen,\n  Method,\n  Watch,\n  Element,\n  State,\n  setNonce,\n} from '@stencil/core';\nimport i18next, {i18n} from 'i18next';\nimport {InitializeEvent} from '../../../utils/initialization-utils';\nimport {\n  AdoptedStylesBindings,\n  CommonBindings,\n} from '../../common/interface/bindings';\nimport {\n  StencilBaseAtomicInterface,\n  CommonAtomicInterfaceHelper,\n} from '../../common/interface/interface-common-stencil';\nimport {AtomicCommerceInterface} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {\n  CommerceRecommendationStore,\n  createCommerceRecommendationStore,\n} from './store';\n\nexport type CommerceInitializationOptions = CommerceEngineConfiguration;\nexport type CommerceBindings = CommonBindings<\n  CommerceEngine,\n  CommerceRecommendationStore,\n  AtomicCommerceInterface\n> &\n  AdoptedStylesBindings;\n\n/**\n * @alpha\n * The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations.\n */\n@Component({\n  tag: 'atomic-commerce-recommendation-interface',\n  styleUrl: 'atomic-commerce-recommendation-interface.pcss',\n  shadow: true,\n  assetsDirs: ['lang'],\n})\nexport class AtomicCommerceRecommendationInterface\n  implements StencilBaseAtomicInterface<CommerceEngine>\n{\n  private store = createCommerceRecommendationStore();\n  private commonInterfaceHelper: CommonAtomicInterfaceHelper<CommerceEngine>;\n\n  @Element() public host!: AtomicCommerceInterface;\n\n  @State() public error?: Error;\n\n  /**\n   * The commerce interface i18next instance.\n   */\n  @Prop() public i18n: i18n;\n\n  /**\n   * The commerce interface headless engine.\n   */\n  @Prop({mutable: true}) public engine!: CommerceEngine;\n\n  /**\n   * The CSS selector for the container the interface will scroll back to.\n   */\n  @Prop({reflect: true}) public scrollContainer =\n    'atomic-commerce-recommendation-interface';\n\n  /**\n   * The language assets path. By default, this will be a relative URL pointing to `./lang`.\n   *\n   * Example: \"/mypublicpath/languages\"\n   *\n   */\n  @Prop({reflect: true}) public languageAssetsPath = './lang';\n\n  /**\n   * The icon assets path. By default, this will be a relative URL pointing to `./assets`.\n   *\n   * Example: \"/mypublicpath/icons\"\n   *\n   */\n  @Prop({reflect: true}) public iconAssetsPath = './assets';\n\n  /**\n   * The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components.\n   * If your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives,\n   * you should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers\n   * (i.e., script-src 'nonce-<YOUR_GENERATED_NONCE>' and style-src 'nonce-<YOUR_GENERATED_NONCE>').\n   * Otherwise you may see console errors such as\n   *  - Refused to execute inline script because it violates the following Content Security Policy directive: [...]\n   *  - Refused to apply inline style because it violates the following Content Security Policy directive: [...].\n   * @example:\n   * ```html\n   * <script nonce=\"<YOUR_GENERATED_NONCE>\">\n   *  import {setNonce} from '@coveo/atomic';\n   *  setNonce('<YOUR_GENERATED_NONCE>');\n   * </script>\n   * ```\n   */\n  @Prop({reflect: true}) public CspNonce?: string;\n\n  /**\n   * The commerce interface language.\n   *\n   * Will default to the value set in the Headless engine context if not provided.\n   */\n  @Prop({reflect: true, mutable: true}) public language?: string;\n\n  /**\n   * Whether to enable analytics.\n   */\n  @Prop({reflect: true}) public analytics = true;\n\n  private i18Initialized: Promise<void>;\n  private componentWillLoadCalledPromise: Promise<void>;\n  private componentWillLoadResolver: () => void;\n\n  private contextController!: Context;\n\n  public constructor() {\n    this.commonInterfaceHelper = new CommonAtomicInterfaceHelper(\n      this,\n      'CoveoAtomic'\n    );\n    ({\n      promise: this.componentWillLoadCalledPromise,\n      resolve: this.componentWillLoadResolver,\n    } = Promise.withResolvers<void>());\n    const {promise, resolve} = Promise.withResolvers<void>();\n    this.i18Initialized = promise;\n    this.i18n = i18next.createInstance(undefined, resolve);\n  }\n\n  componentWillLoad() {\n    if (this.CspNonce) {\n      setNonce(this.CspNonce);\n    }\n    this.initAriaLive();\n    this.componentWillLoadResolver();\n  }\n\n  @Watch('analytics')\n  public toggleAnalytics() {\n    this.commonInterfaceHelper.onAnalyticsChange();\n  }\n\n  @Watch('language')\n  public updateLanguage() {\n    if (!this.commonInterfaceHelper.engineIsCreated(this.engine)) {\n      return;\n    }\n\n    if (!this.language) {\n      return;\n    }\n\n    this.contextController.setLanguage(this.language);\n\n    return this.commonInterfaceHelper.onLanguageChange();\n  }\n\n  @Watch('iconAssetsPath')\n  public updateIconAssetsPath() {\n    this.store.state.iconAssetsPath = this.iconAssetsPath;\n  }\n\n  @Listen('atomic/initializeComponent')\n  public handleInitialization(event: InitializeEvent) {\n    this.commonInterfaceHelper.onComponentInitializing(event);\n  }\n\n  @Listen('atomic/scrollToTop')\n  public scrollToTop() {\n    const scrollContainerElement = document.querySelector(this.scrollContainer);\n    if (!scrollContainerElement) {\n      this.bindings.engine.logger.warn(\n        `Could not find the scroll container with the selector \"${this.scrollContainer}\". This will prevent UX interactions that require a scroll from working correctly. Please check the CSS selector in the scrollContainer option`\n      );\n      return;\n    }\n\n    scrollContainerElement.scrollIntoView({behavior: 'smooth'});\n  }\n\n  /**\n   * Initializes the connection with an already preconfigured [headless commerce engine](https://docs.coveo.com/en/headless/latest/reference/commerce/).\n   */\n  @Method() public initializeWithEngine(engine: CommerceEngine) {\n    return this.internalInitialization(() => (this.engine = engine));\n  }\n\n  public get bindings(): CommerceBindings {\n    return {\n      engine: this.engine!,\n      i18n: this.i18n,\n      store: this.store,\n      interfaceElement: this.host,\n      addAdoptedStyleSheets: (stylesheet) => {\n        const parent = this.host.getRootNode();\n        const styleSheet = stylesheet;\n        const isDocumentOrShadowRoot =\n          parent instanceof Document || parent instanceof ShadowRoot;\n\n        if (\n          styleSheet &&\n          isDocumentOrShadowRoot &&\n          !parent.adoptedStyleSheets.includes(styleSheet)\n        ) {\n          parent.adoptedStyleSheets.push(styleSheet);\n        }\n      },\n    };\n  }\n\n  private initContext() {\n    this.contextController = buildContext(this.bindings.engine);\n  }\n\n  private initLanguage() {\n    if (!this.language) {\n      this.language = this.contextController.state.language;\n    }\n  }\n\n  private initAriaLive() {\n    if (\n      Array.from(this.host.children).some(\n        (element) => element.tagName === 'ATOMIC-ARIA-LIVE'\n      )\n    ) {\n      return;\n    }\n    const ariaLive = document.createElement('atomic-aria-live');\n    this.host.prepend(ariaLive);\n  }\n\n  private async internalInitialization(initEngine: () => void) {\n    await this.componentWillLoadCalledPromise;\n    await Promise.all([\n      this.commonInterfaceHelper.onInitialization(initEngine),\n      this.i18Initialized,\n    ]);\n    this.initContext();\n    await this.updateLanguage();\n    markParentAsReady(this.host);\n\n    this.initLanguage();\n  }\n\n  public render() {\n    return [<slot></slot>];\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-commerce-text.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicCommerceText extends Components.AtomicCommerceText, HTMLElement {}
-export const AtomicCommerceText: {
-    prototype: AtomicCommerceText;
-    new (): AtomicCommerceText;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-commerce-text.js

@@ -1,8 +0,0 @@
-import { A as AtomicCommerceText$1, d as defineCustomElement$1 } from './atomic-commerce-text2.js';
-
-const AtomicCommerceText = AtomicCommerceText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicCommerceText, defineCustomElement };
-
-//# sourceMappingURL=atomic-commerce-text.js.map

package/dist/atomic/components/atomic-commerce-text.js.map

@@ -1 +0,0 @@
-{"file":"atomic-commerce-text.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-commerce-text2.js

@@ -1,60 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { I as InitializeBindings } from './initialization-utils.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicCommerceText = /*@__PURE__*/ proxyCustomElement(class AtomicCommerceText extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.strings = {
-            value: () => this.bindings.i18n.t(this.value, {
-                count: this.count,
-            }),
-        };
-        this.error = undefined;
-        this.value = undefined;
-        this.count = undefined;
-    }
-    connectedCallback() {
-        if (!this.value) {
-            this.error = new Error('The "value" attribute must be defined.');
-        }
-    }
-    render() {
-        return this.strings.value();
-    }
-}, [1, "atomic-commerce-text", {
-        "value": [513],
-        "count": [514],
-        "error": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicCommerceText.prototype, "bindings", void 0);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-commerce-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-commerce-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicCommerceText);
-            }
-            break;
-    } });
-}
-
-export { AtomicCommerceText as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-commerce-text2.js.map

package/dist/atomic/components/atomic-commerce-text2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-commerce-text2.js","mappings":";;;;;;;;;;;;;MAea,kBAAkB;;;;;QAKrB,YAAO,GAAG;YAChB,KAAK,EAAE,MACL,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC;SACL,CAAC;;;;;IAaK,iBAAiB;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;SAClE;KACF;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KAC7B;;;;;;AA5B4B;IAA5B,kBAAkB,EAAE;oDAAoC;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/commerce/atomic-commerce-text/atomic-commerce-text.tsx"],"sourcesContent":["import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * @alpha\n * The `atomic-commerce-text` component leverages the I18n translation module through the atomic-commerce-interface.\n */\n@Component({\n  tag: 'atomic-commerce-text',\n  shadow: true,\n})\nexport class AtomicCommerceText\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   * @type {number}\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-layout-section.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicLayoutSection extends Components.AtomicLayoutSection, HTMLElement {}
-export const AtomicLayoutSection: {
-    prototype: AtomicLayoutSection;
-    new (): AtomicLayoutSection;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-layout-section.js

@@ -1,35 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-
-const AtomicLayoutSection$1 = /*@__PURE__*/ proxyCustomElement(class AtomicLayoutSection extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.section = undefined;
-        this.minWidth = undefined;
-        this.maxWidth = undefined;
-    }
-}, [0, "atomic-layout-section", {
-        "section": [513],
-        "minWidth": [513, "min-width"],
-        "maxWidth": [513, "max-width"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-layout-section"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-layout-section":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicLayoutSection$1);
-            }
-            break;
-    } });
-}
-
-const AtomicLayoutSection = AtomicLayoutSection$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicLayoutSection, defineCustomElement };
-
-//# sourceMappingURL=atomic-layout-section.js.map

package/dist/atomic/components/atomic-layout-section.js.map

@@ -1 +0,0 @@
-{"file":"atomic-layout-section.js","mappings":";;MAUaA,qBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicLayoutSection"],"sources":["src/components/common/atomic-layout-section/atomic-layout-section.tsx"],"sourcesContent":["import {Component, Prop} from '@stencil/core';\nimport {Section} from './sections';\n\n/**\n * The `atomic-layout-section` lets you identify various sections for the related `atomic-layout` component.\n */\n@Component({\n  tag: 'atomic-layout-section',\n  shadow: false,\n})\nexport class AtomicLayoutSection {\n  /**\n   * The name of the layout section.\n   */\n  @Prop({reflect: true}) public section!: Section;\n  /**\n   * For column sections, the minimum horizontal space it should take.\n   * E.g. '300px'\n   */\n  @Prop({reflect: true}) public minWidth?: string;\n  /**\n   * For column sections, the maximum horizontal space it should take.\n   * E.g. '300px'\n   */\n  @Prop({reflect: true}) public maxWidth?: string;\n}\n"],"version":3}

package/dist/atomic/components/atomic-product-text.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicProductText extends Components.AtomicProductText, HTMLElement {}
-export const AtomicProductText: {
-    prototype: AtomicProductText;
-    new (): AtomicProductText;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-product-text.js

@@ -1,8 +0,0 @@
-import { A as AtomicProductText$1, d as defineCustomElement$1 } from './atomic-product-text2.js';
-
-const AtomicProductText = AtomicProductText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicProductText, defineCustomElement };
-
-//# sourceMappingURL=atomic-product-text.js.map

package/dist/atomic/components/atomic-product-text.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-text.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-product-text2.js

@@ -1,83 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { ProductTemplatesHelpers, HighlightUtils } from '@coveo/headless/commerce';
-import { g as getFieldValueCaption } from './field-utils.js';
-import { I as InitializeBindings } from './initialization-utils.js';
-import { I as ItemTextFallback, a as ItemTextHighlighted } from './stencil-item-text-highlighted.js';
-import { g as getStringValueFromProductOrNull } from './product-utils.js';
-import { P as ProductContext } from './stencil-product-template-decorators.js';
-import { d as defineCustomElement$1 } from './atomic-commerce-text2.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicProductText = /*@__PURE__*/ proxyCustomElement(class AtomicProductText extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.
-         * This property only works for the product excerpt and the ec_name field.
-         */
-        this.shouldHighlight = true;
-        this.error = undefined;
-        this.field = undefined;
-        this.shouldHighlight = true;
-        this.default = undefined;
-    }
-    get shouldRenderHighlights() {
-        return this.shouldHighlight && this.isFieldSupportedForHighlighting();
-    }
-    isFieldSupportedForHighlighting() {
-        return ['ec_name', 'excerpt'].includes(this.field);
-    }
-    render() {
-        const productValueAsString = getStringValueFromProductOrNull(this.product, this.field);
-        if (productValueAsString === null) {
-            return (h(ItemTextFallback, { field: this.field, host: this.host, logger: this.bindings.engine.logger, defaultValue: this.default, item: this.product, getProperty: ProductTemplatesHelpers.getProductProperty }, h("atomic-commerce-text", { value: getFieldValueCaption(this.field, this.default, this.bindings.i18n) })));
-        }
-        const textValue = `${productValueAsString}`;
-        const highlightKeywords = ProductTemplatesHelpers.getProductProperty(this.product, this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights');
-        return this.shouldRenderHighlights && highlightKeywords ? (h(ItemTextHighlighted, { textValue: textValue, highlightKeywords: highlightKeywords, highlightString: HighlightUtils.highlightString, onError: (error) => (this.error = error) })) : (h("atomic-commerce-text", { value: getFieldValueCaption(this.field, textValue, this.bindings.i18n) }));
-    }
-    get host() { return this; }
-}, [0, "atomic-product-text", {
-        "field": [513],
-        "shouldHighlight": [516, "should-highlight"],
-        "default": [513],
-        "error": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicProductText.prototype, "bindings", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductText.prototype, "product", void 0);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-product-text", "atomic-commerce-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-product-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicProductText);
-            }
-            break;
-        case "atomic-commerce-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AtomicProductText as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-product-text2.js.map

package/dist/atomic/components/atomic-product-text2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-text2.js","mappings":";;;;;;;;;;;;;;;;;;;MAyBa,iBAAiB;;;;;;;;QAmBE,oBAAe,GAAG,IAAI,CAAC;;;+BAAL,IAAI;;;IAMpD,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,+BAA+B,EAAE,CAAC;KACvE;IAEM,+BAA+B;QACpC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACpD;IAEM,MAAM;QACX,MAAM,oBAAoB,GAAG,+BAA+B,CAC1D,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,IAAI,oBAAoB,KAAK,IAAI,EAAE;YACjC,QACE,EAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,WAAW,EAAE,uBAAuB,CAAC,kBAAkB,IAEvD,4BACE,KAAK,EAAE,oBAAoB,CACzB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,GACqB,CACP,EACnB;SACH;QAED,MAAM,SAAS,GAAG,GAAG,oBAAoB,EAAE,CAAC;QAC5C,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,kBAAkB,CAClE,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,gBAAgB,GAAG,mBAAmB,CAC7B,CAAC;QAEvC,OAAO,IAAI,CAAC,sBAAsB,IAAI,iBAAiB,IACrD,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,cAAc,CAAC,eAAe,EAC/C,OAAO,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACnB,KAEvB,4BACE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAChD,CACzB,CAAC;KACH;;;;;;;;AA3E4B;IAA5B,kBAAkB,EAAE;mDAAoC;AAG/B;IAAzB,cAAc,EAAE;kDAA2B;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/commerce/atomic-product-text/atomic-product-text.tsx"],"sourcesContent":["import {\n  Product,\n  ProductTemplatesHelpers,\n  HighlightUtils,\n} from '@coveo/headless/commerce';\nimport {Component, h, Prop, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {ItemTextFallback} from '../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../common/item-text/stencil-item-text-highlighted';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {getStringValueFromProductOrNull} from '../product-template-component-utils/product-utils';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-text` component renders the value of a string product field.\n */\n@Component({\n  tag: 'atomic-product-text',\n  shadow: false,\n})\nexport class AtomicProductText\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @State() public error!: Error;\n\n  @ProductContext() private product!: Product;\n\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The product field which the component should use.\n   * This will look in the Product object first, and then in the product.additionalFields object for the fields.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   * This property only works for the product excerpt and the ec_name field.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  private get shouldRenderHighlights() {\n    return this.shouldHighlight && this.isFieldSupportedForHighlighting();\n  }\n\n  public isFieldSupportedForHighlighting() {\n    return ['ec_name', 'excerpt'].includes(this.field);\n  }\n\n  public render() {\n    const productValueAsString = getStringValueFromProductOrNull(\n      this.product,\n      this.field\n    );\n\n    if (productValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.product}\n          getProperty={ProductTemplatesHelpers.getProductProperty}\n        >\n          <atomic-commerce-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-commerce-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${productValueAsString}`;\n    const highlightKeywords = ProductTemplatesHelpers.getProductProperty(\n      this.product,\n      this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights'\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldRenderHighlights && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      <atomic-commerce-text\n        value={getFieldValueCaption(this.field, textValue, this.bindings.i18n)}\n      ></atomic-commerce-text>\n    );\n  }\n}\n"],"version":3}