@searchcraft/javascript-sdk 0.7.2 → 0.8.1

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

@@ -1,47 +1,14 @@
 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 {
-    /**
-     * The title content.
-     */
-    titleContent;
-    /**
-     * The subtitle content.
-     */
-    subtitleContent;
-    /**
-     * The body content.
-     */
-    bodyContent;
-    /**
-     * The footer content.
-     */
-    footerContent;
-    /**
-     * The label for the button rendered when containerHref is not present.
-     */
-    buttonLabel;
-    /**
-     * The link for the button rendered when containerHref is not present.
-     */
-    buttonHref;
-    /**
-     * 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 link for the containing element.
-     */
-    containerHref;
+    item;
+    searchResultMappings;
     /**
      * Where to open the link for the containing element.
      */
@@ -51,13 +18,13 @@ export class SearchcraftBaseSearchResult {
      */
     containerRel;
     /**
-     * The image source.
+     * Where to open the link for the button rendered when containerHref is not present.
      */
-    imageSrc;
+    buttonTarget = '_blank';
     /**
-     * The image alternative text.
+     * The relationship between the current document and the link for the button rendered when containerHref is not present.
      */
-    imageAlt;
+    buttonRel;
     /**
      * The placement of the image.
      */
@@ -70,14 +37,37 @@ export class SearchcraftBaseSearchResult {
      * 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();
-    recordMeasureEvent = () => {
+    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.query;
-            const number_of_documents = this.searchcraftStore.searchResults?.data?.hits?.length || 0;
-            searchcraft.sendMeasureEvent('document_clicked', {
+            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,
@@ -102,7 +92,7 @@ export class SearchcraftBaseSearchResult {
         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.recordMeasureEvent, href: this.containerHref, rel: this.containerRel, style: styles.container || {}, tabindex: '0', target: this.containerTarget }, contentContainer));
+            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));
@@ -110,177 +100,51 @@ export class SearchcraftBaseSearchResult {
     static get is() { return "searchcraft-base-search-result"; }
     static get properties() {
         return {
-            "titleContent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The title content."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "title-content",
-                "reflect": false
-            },
-            "subtitleContent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The subtitle content."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "subtitle-content",
-                "reflect": false
-            },
-            "bodyContent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The body content."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body-content",
-                "reflect": false
-            },
-            "footerContent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The footer content."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "footer-content",
-                "reflect": false
-            },
-            "buttonLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label for the button rendered when containerHref is not present."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-label",
-                "reflect": false
-            },
-            "buttonHref": {
-                "type": "string",
+            "item": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
+                    "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": "The link for the button rendered when containerHref is not present."
+                    "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "button-href",
-                "reflect": false
+                "setter": false
             },
-            "buttonTarget": {
-                "type": "string",
+            "searchResultMappings": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "'_blank' | '_self' | '_top' | '_parent'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
+                    "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": "Where to open the link for the button rendered when containerHref is not present."
+                    "text": ""
                 },
                 "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
-            },
-            "containerHref": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The link for the containing element."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "container-href",
-                "reflect": false
+                "setter": false
             },
             "containerTarget": {
                 "type": "string",
@@ -321,42 +185,43 @@ export class SearchcraftBaseSearchResult {
                 "attribute": "container-rel",
                 "reflect": false
             },
-            "imageSrc": {
+            "buttonTarget": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
+                    "original": "'_blank' | '_self' | '_top' | '_parent'",
+                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The image source."
+                    "text": "Where to open the link for the button rendered when containerHref is not present."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "image-src",
-                "reflect": false
+                "attribute": "button-target",
+                "reflect": false,
+                "defaultValue": "'_blank'"
             },
-            "imageAlt": {
+            "buttonRel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
+                    "original": "'noreferrer' | 'noopener' | 'nofollow' | undefined",
+                    "resolved": "\"nofollow\" | \"noopener\" | \"noreferrer\" | undefined",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The image alternative text."
+                    "text": "The relationship between the current document and the link for the button rendered when containerHref is not present."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "image-alt",
+                "attribute": "button-rel",
                 "reflect": false
             },
             "imagePlacement": {
@@ -420,5 +285,18 @@ export class SearchcraftBaseSearchResult {
             }
         };
     }
+    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 +1 @@
-{"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 { Component, Fragment, h, Prop } from '@stencil/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  /**\n   * The title content.\n   */\n  @Prop() titleContent: string | undefined;\n  /**\n   * The subtitle content.\n   */\n  @Prop() subtitleContent: string | undefined;\n  /**\n   * The body content.\n   */\n  @Prop() bodyContent: string | undefined;\n  /**\n   * The footer content.\n   */\n  @Prop() footerContent: string | undefined;\n  /**\n   * The label for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonLabel: string | undefined;\n  /**\n   * The link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonHref: string | 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 link for the containing element.\n   */\n  @Prop() containerHref: string | 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   * The image source.\n   */\n  @Prop() imageSrc: string | undefined;\n  /**\n   * The image alternative text.\n   */\n  @Prop() imageAlt: string | 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  private searchcraftStore = useSearchcraftStore.getState();\n\n  private recordMeasureEvent = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.query;\n      const number_of_documents =\n        this.searchcraftStore.searchResults?.data?.hits?.length || 0;\n\n      searchcraft.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.recordMeasureEvent}\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"]}
+{"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

@@ -0,0 +1,73 @@
+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

@@ -0,0 +1 @@
+{"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"]}