@searchcraft/javascript-sdk 0.8.2 → 0.9.0

package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js

@@ -1,302 +0,0 @@
-import { useSearchcraftStore } from "../../provider/store";
-import { Fragment, h } from "@stencil/core";
-import { getDocumentValueFromSearchResultMapping } from "../../utils/index";
-/**
- * This web component is designed to display detailed information for a single search result.
- * Once a query is submitted, the component formats and presents the result.
- * It is consumed within the `searchcraft-base-search-results` component.
- */
-export class SearchcraftBaseSearchResult {
-    item;
-    searchResultMappings;
-    /**
-     * Where to open the link for the containing element.
-     */
-    containerTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the containing element.
-     */
-    containerRel;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present.
-     */
-    buttonTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present.
-     */
-    buttonRel;
-    /**
-     * The placement of the image.
-     */
-    imagePlacement = 'right';
-    /**
-     * A custom styles object.
-     */
-    customStyles;
-    /**
-     * The position in the document. Used with the "document_clicked" measure event.
-     */
-    documentPosition = 0;
-    titleContent;
-    subtitleContent;
-    bodyContent;
-    footerContent;
-    buttonLabel;
-    buttonHref;
-    containerHref;
-    imageSrc;
-    imageAlt;
-    searchcraftStore = useSearchcraftStore.getState();
-    connectedCallback() {
-        if (this.item) {
-            this.mapValuesFromDocument(this.item.document);
-        }
-    }
-    mapValuesFromDocument(document) {
-        this.titleContent = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.title);
-        this.subtitleContent = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.subtitle);
-        this.bodyContent = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.body);
-        this.containerHref = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.containerHref);
-        this.buttonHref = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.buttonHref);
-        this.imageSrc = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.imageSource);
-        this.footerContent = getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.footer);
-    }
-    handleLinkClick = () => {
-        const searchcraft = this.searchcraftStore.getSearchcraftInstance();
-        if (searchcraft) {
-            const document_position = this.documentPosition;
-            const search_term = this.searchcraftStore.searchTerm;
-            const number_of_documents = this.searchcraftStore.searchClientResponseItems.length;
-            searchcraft.measureClient?.sendMeasureEvent('document_clicked', {
-                document_position,
-                number_of_documents,
-                search_term,
-            });
-        }
-    };
-    parseStyles = () => {
-        if (this.customStyles) {
-            try {
-                return JSON.parse(this.customStyles);
-            }
-            catch (error) {
-                console.error('Error parsing custom styles:', error);
-                return {};
-            }
-        }
-        return {};
-    };
-    render() {
-        const styles = this.parseStyles();
-        const imageContainer = this.imageSrc && (h("img", { alt: this.imageAlt, class: 'searchcraft-search-result-image', src: this.imageSrc, style: styles.image || {} }));
-        const contentContainer = (h(Fragment, null, this.imageSrc && this.imagePlacement === 'left' && imageContainer, h("div", { class: 'searchcraft-base-search-result-content-container' }, this.titleContent && (h("h2", { class: 'searchcraft-base-search-result-title', style: styles.title || {} }, this.titleContent)), this.subtitleContent && (h("h3", { class: 'searchcraft-base-search-result-subtitle', style: styles.subtitle || {} }, this.subtitleContent)), this.bodyContent && (h("p", { class: 'searchcraft-base-search-result-body-content', style: styles.primaryContent || {} }, this.bodyContent)), this.footerContent && (h("p", { class: 'searchcraft-base-search-result-footer-content', style: styles.secondaryContent || {} }, this.footerContent)), this.buttonHref && !this.containerHref && this.buttonLabel && (h("a", { class: 'searchcraft-search-result-button', href: this.buttonHref, style: styles.button || {}, target: this.buttonTarget, rel: this.buttonRel }, this.buttonLabel))), this.imageSrc && this.imagePlacement === 'right' && imageContainer));
-        /** Render as an anchor tag if the containerHref prop is present. */
-        if (this.containerHref) {
-            return (h("a", { class: 'searchcraft-search-result-container', onClick: this.handleLinkClick, href: this.containerHref, rel: this.containerRel, style: styles.container || {}, tabindex: '0', target: this.containerTarget }, contentContainer));
-        }
-        /** Render as a div if no href prop. */
-        return (h("div", { class: 'searchcraft-search-result-container', style: styles.container || {} }, contentContainer));
-    }
-    static get is() { return "searchcraft-base-search-result"; }
-    static get properties() {
-        return {
-            "item": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchClientResponseItem | undefined",
-                    "resolved": "SearchClientResponseItem | undefined",
-                    "references": {
-                        "SearchClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "searchResultMappings": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchResultMappings | undefined",
-                    "resolved": "undefined | { body?: SearchResultMapping | undefined; buttonHref?: SearchResultMapping | undefined; containerHref?: SearchResultMapping | undefined; footer?: SearchResultMapping | undefined; imageSource?: SearchResultMapping | undefined; subtitle?: SearchResultMapping | undefined; title?: SearchResultMapping | undefined; }",
-                    "references": {
-                        "SearchResultMappings": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchResultMappings"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "containerTarget": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'_blank' | '_self' | '_top' | '_parent'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Where to open the link for the containing element."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "container-target",
-                "reflect": false,
-                "defaultValue": "'_blank'"
-            },
-            "containerRel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'noreferrer' | 'noopener' | 'nofollow' | undefined",
-                    "resolved": "\"nofollow\" | \"noopener\" | \"noreferrer\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The relationship between the current document and the link for the containing element."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "container-rel",
-                "reflect": false
-            },
-            "buttonTarget": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'_blank' | '_self' | '_top' | '_parent'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Where to open the link for the button rendered when containerHref is not present."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-target",
-                "reflect": false,
-                "defaultValue": "'_blank'"
-            },
-            "buttonRel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'noreferrer' | 'noopener' | 'nofollow' | undefined",
-                    "resolved": "\"nofollow\" | \"noopener\" | \"noreferrer\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The relationship between the current document and the link for the button rendered when containerHref is not present."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-rel",
-                "reflect": false
-            },
-            "imagePlacement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'left' | 'right'",
-                    "resolved": "\"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The placement of the image."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image-placement",
-                "reflect": false,
-                "defaultValue": "'right'"
-            },
-            "customStyles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A custom styles object."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom-styles",
-                "reflect": false
-            },
-            "documentPosition": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The position in the document. Used with the \"document_clicked\" measure event."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "document-position",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "titleContent": {},
-            "subtitleContent": {},
-            "bodyContent": {},
-            "footerContent": {},
-            "buttonLabel": {},
-            "buttonHref": {},
-            "containerHref": {},
-            "imageSrc": {},
-            "imageAlt": {}
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-base-search-result.js.map

package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-result.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport type {\n  SearchClientResponseItem,\n  SearchDocument,\n} from '@searchcraft/core';\nimport { Component, Fragment, h, Prop, State } from '@stencil/core';\nimport { getDocumentValueFromSearchResultMapping } from '@utils';\nimport type { SearchResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is designed to display detailed information for a single search result.\n * Once a query is submitted, the component formats and presents the result.\n * It is consumed within the `searchcraft-base-search-results` component.\n */\n@Component({\n  tag: 'searchcraft-base-search-result',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() item: SearchClientResponseItem | undefined;\n  @Prop() searchResultMappings: SearchResultMappings | undefined;\n  /**\n   * Where to open the link for the containing element.\n   */\n  @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the containing element.\n   */\n  @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * Where to open the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * The placement of the image.\n   */\n  @Prop() imagePlacement: 'left' | 'right' = 'right';\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStyles: string | undefined;\n  /**\n   * The position in the document. Used with the \"document_clicked\" measure event.\n   */\n  @Prop() documentPosition = 0;\n\n  @State() titleContent: string | undefined;\n  @State() subtitleContent: string | undefined;\n  @State() bodyContent: string | undefined;\n  @State() footerContent: string | undefined;\n  @State() buttonLabel: string | undefined;\n  @State() buttonHref: string | undefined;\n  @State() containerHref: string | undefined;\n  @State() imageSrc: string | undefined;\n  @State() imageAlt: string | undefined;\n\n  private searchcraftStore = useSearchcraftStore.getState();\n\n  connectedCallback() {\n    if (this.item) {\n      this.mapValuesFromDocument(this.item.document);\n    }\n  }\n\n  mapValuesFromDocument(document: SearchDocument) {\n    this.titleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.title,\n    );\n    this.subtitleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.subtitle,\n    );\n    this.bodyContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.body,\n    );\n    this.containerHref = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.containerHref,\n    );\n    this.buttonHref = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.buttonHref,\n    );\n    this.imageSrc = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.imageSource,\n    );\n    this.footerContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.footer,\n    );\n  }\n\n  private handleLinkClick = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.searchTerm;\n      const number_of_documents =\n        this.searchcraftStore.searchClientResponseItems.length;\n\n      searchcraft.measureClient?.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  private parseStyles = (): Record<string, { [key: string]: string }> => {\n    if (this.customStyles) {\n      try {\n        return JSON.parse(this.customStyles);\n      } catch (error) {\n        console.error('Error parsing custom styles:', error);\n        return {};\n      }\n    }\n    return {};\n  };\n\n  render() {\n    const styles = this.parseStyles();\n    const imageContainer = this.imageSrc && (\n      <img\n        alt={this.imageAlt}\n        class='searchcraft-search-result-image'\n        src={this.imageSrc}\n        style={styles.image || {}}\n      />\n    );\n\n    const contentContainer = (\n      <Fragment>\n        {this.imageSrc && this.imagePlacement === 'left' && imageContainer}\n        <div class='searchcraft-base-search-result-content-container'>\n          {this.titleContent && (\n            <h2\n              class='searchcraft-base-search-result-title'\n              style={styles.title || {}}\n            >\n              {this.titleContent}\n            </h2>\n          )}\n          {this.subtitleContent && (\n            <h3\n              class='searchcraft-base-search-result-subtitle'\n              style={styles.subtitle || {}}\n            >\n              {this.subtitleContent}\n            </h3>\n          )}\n          {this.bodyContent && (\n            <p\n              class='searchcraft-base-search-result-body-content'\n              style={styles.primaryContent || {}}\n            >\n              {this.bodyContent}\n            </p>\n          )}\n\n          {this.footerContent && (\n            <p\n              class='searchcraft-base-search-result-footer-content'\n              style={styles.secondaryContent || {}}\n            >\n              {this.footerContent}\n            </p>\n          )}\n          {this.buttonHref && !this.containerHref && this.buttonLabel && (\n            <a\n              class='searchcraft-search-result-button'\n              href={this.buttonHref}\n              style={styles.button || {}}\n              target={this.buttonTarget}\n              rel={this.buttonRel}\n            >\n              {this.buttonLabel}\n            </a>\n          )}\n        </div>\n        {this.imageSrc && this.imagePlacement === 'right' && imageContainer}\n      </Fragment>\n    );\n\n    /** Render as an anchor tag if the containerHref prop is present. */\n    if (this.containerHref) {\n      return (\n        <a\n          class='searchcraft-search-result-container'\n          onClick={this.handleLinkClick}\n          href={this.containerHref}\n          rel={this.containerRel}\n          style={styles.container || {}}\n          tabindex='0'\n          target={this.containerTarget}\n        >\n          {contentContainer}\n        </a>\n      );\n    }\n\n    /** Render as a div if no href prop. */\n    return (\n      <div\n        class='searchcraft-search-result-container'\n        style={styles.container || {}}\n      >\n        {contentContainer}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.js

@@ -1,73 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * A single list item rendered in a searchcraft-popover-list-view.
- */
-export class SearchcraftBaseSearchResultAd {
-    adClientResponseItem;
-    connectedCallback() {
-        if (this.adClientResponseItem?.admAd?.impression_url) {
-            fetch(this.adClientResponseItem?.admAd?.impression_url);
-        }
-    }
-    renderADMProductAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (h("a", { class: 'searchcraft-base-ad', href: ad.click_url }, ad.image_url && (h("div", { class: 'searchcraft-base-ad-image-wrapper' }, h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-base-ad-image' }))), h("div", { class: 'searchcraft-base-ad-info-wrapper' }, h("p", { class: 'searchcraft-base-ad-title' }, ad.term), h("p", { class: 'searchcraft-base-ad-subtitle' }, ad.price))));
-    }
-    renderADMTextAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (h("a", { class: 'searchcraft-base-ad', href: ad.click_url }, ad.image_url && (h("div", { class: 'searchcraft-base-ad-image-wrapper' }, h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-base-ad-image' }))), h("div", { class: 'searchcraft-base-ad-info-wrapper' }, h("p", { class: 'searchcraft-base-ad-title' }, ad.term))));
-    }
-    renderNativoAd() { }
-    renderAdPlaceholder() {
-        return h("p", null, "Ad placeholder");
-        // return;
-    }
-    render() {
-        if (!this.adClientResponseItem) {
-            return this.renderAdPlaceholder();
-        }
-        switch (this.adClientResponseItem.type) {
-            case 'adm-product-ad':
-                return this.renderADMProductAd();
-            case 'adm-text-ad':
-                return this.renderADMTextAd();
-            case 'nativo-ad':
-                return this.renderNativoAd();
-        }
-    }
-    static get is() { return "searchcraft-base-search-result-ad"; }
-    static get properties() {
-        return {
-            "adClientResponseItem": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AdClientResponseItem",
-                    "resolved": "AdClientResponseItem | undefined",
-                    "references": {
-                        "AdClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::AdClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-base-search-result-ad.js.map

package/dist/collection/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-result-ad.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAKH,MAAM,OAAO,6BAA6B;IAChC,oBAAoB,CAAwB;IAEpD,iBAAiB;QACf,IAAI,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,KAAqB,CAAC;QAC5D,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,OAAO,CACL,SAAG,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,CAAC,SAAS;YAC9C,EAAE,CAAC,SAAS,IAAI,CACf,WAAK,KAAK,EAAC,mCAAmC;gBAC5C,WACE,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,GAAG,EAAE,EAAE,CAAC,SAAS,EACjB,KAAK,EAAC,2BAA2B,GACjC,CACE,CACP;YACD,WAAK,KAAK,EAAC,kCAAkC;gBAC3C,SAAG,KAAK,EAAC,2BAA2B,IAAE,EAAE,CAAC,IAAI,CAAK;gBAClD,SAAG,KAAK,EAAC,8BAA8B,IAAE,EAAE,CAAC,KAAK,CAAK,CAClD,CACJ,CACL,CAAC;IACJ,CAAC;IAED,eAAe;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,KAAkB,CAAC;QACzD,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,OAAO,CACL,SAAG,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,CAAC,SAAS;YAC9C,EAAE,CAAC,SAAS,IAAI,CACf,WAAK,KAAK,EAAC,mCAAmC;gBAC5C,WACE,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,GAAG,EAAE,EAAE,CAAC,SAAS,EACjB,KAAK,EAAC,2BAA2B,GACjC,CACE,CACP;YACD,WAAK,KAAK,EAAC,kCAAkC;gBAC3C,SAAG,KAAK,EAAC,2BAA2B,IAAE,EAAE,CAAC,IAAI,CAAK,CAC9C,CACJ,CACL,CAAC;IACJ,CAAC;IAED,cAAc,KAAI,CAAC;IAEnB,mBAAmB;QACjB,OAAO,8BAAqB,CAAC;QAC7B,UAAU;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACpC,CAAC;QAED,QAAQ,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;YACvC,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACnC,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChC,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import type {\n  AdClientResponseItem,\n  ADMProductAd,\n  ADMTextAd,\n} from '@searchcraft/core';\nimport { Component, h, Prop } from '@stencil/core';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n  tag: 'searchcraft-base-search-result-ad',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResultAd {\n  @Prop() adClientResponseItem?: AdClientResponseItem;\n\n  connectedCallback() {\n    if (this.adClientResponseItem?.admAd?.impression_url) {\n      fetch(this.adClientResponseItem?.admAd?.impression_url);\n    }\n  }\n\n  renderADMProductAd() {\n    const ad = this.adClientResponseItem?.admAd as ADMProductAd;\n    if (!ad) {\n      return;\n    }\n\n    return (\n      <a class='searchcraft-base-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-base-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-base-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-base-ad-info-wrapper'>\n          <p class='searchcraft-base-ad-title'>{ad.term}</p>\n          <p class='searchcraft-base-ad-subtitle'>{ad.price}</p>\n        </div>\n      </a>\n    );\n  }\n\n  renderADMTextAd() {\n    const ad = this.adClientResponseItem?.admAd as ADMTextAd;\n    if (!ad) {\n      return;\n    }\n\n    return (\n      <a class='searchcraft-base-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-base-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-base-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-base-ad-info-wrapper'>\n          <p class='searchcraft-base-ad-title'>{ad.term}</p>\n        </div>\n      </a>\n    );\n  }\n\n  renderNativoAd() {}\n\n  renderAdPlaceholder() {\n    return <p>Ad placeholder</p>;\n    // return;\n  }\n\n  render() {\n    if (!this.adClientResponseItem) {\n      return this.renderAdPlaceholder();\n    }\n\n    switch (this.adClientResponseItem.type) {\n      case 'adm-product-ad':\n        return this.renderADMProductAd();\n      case 'adm-text-ad':\n        return this.renderADMTextAd();\n      case 'nativo-ad':\n        return this.renderNativoAd();\n    }\n  }\n}\n"]}