@searchcraft/javascript-sdk 0.10.6 → 0.11.0

package/dist/components/searchcraft-search-results.js

@@ -1,14 +1,18 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { n as nanoid, d as defineCustomElement$4 } from './p-6e5ed641.js';
-import { s as searchcraftStore } from './p-b54873ff.js';
+import { r as registry } from './p-e30203b1.js';
+import { d as defineCustomElement$4 } from './p-87435aac.js';
 import { d as defineCustomElement$3 } from './p-f2585cdf.js';
-import { d as defineCustomElement$2 } from './p-f2976b33.js';
+import { d as defineCustomElement$2 } from './p-3286bbb3.js';
 
 const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftSearchResults extends H {
     constructor() {
         super();
         this.__registerHost();
     }
+    /**
+     * The id of the Searchcraft instance that this component should use.
+     */
+    searchcraftId;
     /**
      * A query that will appears when the component initializes or the search term is ''..
      */
@@ -19,35 +23,31 @@ const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Search
     template;
     adClientResponseItems = [];
     config;
-    initialSearchClientResponseItems;
     isSearchInProgress = true;
     searchClientResponseItems;
     searchResultsPage;
     searchResultsPerPage;
     searchTerm = '';
-    unsubscribe = () => { };
-    componentDidLoad() {
-        const state = searchcraftStore.getState();
+    unsubscribe;
+    cleanupCore;
+    onCoreAvailable(core) {
+        const state = core.store.getState();
         this.handleStateChange(state);
         this.searchClientResponseItems = state.searchClientResponseItems;
         this.searchTerm = state.searchTerm;
         this.config = state.core?.config;
-        state.afterInit = (state) => {
-            if (this.initialQuery) {
-                state.setInitialQuery(this.initialQuery);
-            }
-        };
-        this.unsubscribe = searchcraftStore.subscribe((state) => this.handleStateChange(state));
+        this.unsubscribe = core.store.subscribe((state) => this.handleStateChange(state));
+    }
+    connectedCallback() {
+        this.cleanupCore = registry.useCoreInstance(this.searchcraftId, this.onCoreAvailable.bind(this));
     }
     disconnectedCallback() {
         this.unsubscribe?.();
+        this.cleanupCore?.();
     }
     handleStateChange(state) {
         this.adClientResponseItems = [...state.adClientResponseItems];
         this.config = state.core?.config;
-        this.initialSearchClientResponseItems = [
-            ...state.initialSearchClientResponseItems,
-        ];
         this.isSearchInProgress = state.isSearchInProgress;
         this.searchClientResponseItems = [...state.searchClientResponseItems];
         this.searchResultsPage = state.searchResultsPage;
@@ -61,27 +61,19 @@ const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Search
         return (h("div", { class: 'searchcraft-search-results' }, h("div", { class: 'searchcraft-search-results-error-message' }, h("searchcraft-error-message", null, "No search results found for \"", this.searchTerm, "\" query."))));
     }
     renderWithADMAds() {
-        const items = this.searchClientResponseItems?.length
-            ? this.searchClientResponseItems
-            : this.initialSearchClientResponseItems?.length
-                ? this.initialSearchClientResponseItems
-                : [];
-        return (h("div", { class: 'searchcraft-search-results' }, this.adClientResponseItems?.map((item) => (h("searchcraft-ad", { adSource: 'adMarketplace', adClientResponseItem: item, adContainerId: nanoid(), key: item.id }))), items.map((item, index) => (h("searchcraft-search-result", { key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template })))));
+        const items = this.searchClientResponseItems || [];
+        return (h("div", { class: 'searchcraft-search-results' }, this.adClientResponseItems?.map((item) => (h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'adMarketplace', adClientResponseItem: item, key: item.id, renderPosition: 'top' }))), items.map((item, index) => (h("searchcraft-search-result", { "searchcraft-id": this.searchcraftId, key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template })))));
     }
     renderWithCustomAds() {
         const itemsToRender = [];
-        const interstitialInterval = this.config?.customAdInterstitialInterval || 0;
-        const interstitialQuantity = this.config?.customAdInterstitialQuantity || 1;
-        const adStartQuantity = this.config?.customAdStartQuantity || 0;
-        const adEndQuantity = this.config?.customAdEndQuantity || 0;
-        const items = this.searchClientResponseItems?.length
-            ? this.searchClientResponseItems
-            : this.initialSearchClientResponseItems?.length
-                ? this.initialSearchClientResponseItems
-                : [];
+        const interstitialInterval = this.config?.customAdConfig?.adInterstitialInterval || 0;
+        const interstitialQuantity = this.config?.customAdConfig?.adInterstitialQuantity || 1;
+        const adStartQuantity = this.config?.customAdConfig?.adStartQuantity || 0;
+        const adEndQuantity = this.config?.customAdConfig?.adEndQuantity || 0;
+        const items = this.searchClientResponseItems || [];
         // Renders ads at beginning
         for (let n = 0; n < adStartQuantity; n++) {
-            itemsToRender.push(h("searchcraft-ad", { adSource: 'Custom', adContainerId: nanoid(), key: `${n}-ad` }));
+            itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Custom', key: `${n}-ad`, renderPosition: 'top' }));
         }
         // Renders search results + interstitial ads
         items.forEach((item, index) => {
@@ -90,32 +82,28 @@ const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Search
                 index + interstitialInterval < items.length &&
                 index >= interstitialInterval) {
                 for (let n = 0; n < interstitialQuantity; n++) {
-                    itemsToRender.push(h("searchcraft-ad", { adSource: 'Custom', adContainerId: nanoid(), key: `${item.id}-ad-${n}` }));
+                    itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Custom', key: `${item.id}-ad-${n}`, renderPosition: 'interstitial' }));
                 }
             }
-            itemsToRender.push(h("searchcraft-search-result", { key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template }));
+            itemsToRender.push(h("searchcraft-search-result", { "searchcraft-id": this.searchcraftId, key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template }));
         });
         // Renders ads at end
         for (let n = 0; n < adEndQuantity; n++) {
-            itemsToRender.push(h("searchcraft-ad", { adSource: 'Custom', adContainerId: nanoid(), key: `${n}-ad` }));
+            itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Custom', key: `${n}-ad`, renderPosition: 'bottom' }));
         }
         return h("div", { class: 'searchcraft-search-results' }, itemsToRender);
     }
     renderWithNativoAds() {
         const itemsToRender = [];
-        const interstitialStartIndex = this.config?.nativoAdInterstialStartIndex || 0;
-        const interstitialInterval = this.config?.nativoAdInterstitialInterval || 0;
-        const interstitialQuantity = this.config?.nativoAdInterstitialQuantity || 1;
-        const adStartQuantity = this.config?.nativoAdStartQuantity || 0;
-        const adEndQuantity = this.config?.nativoAdEndQuantity || 0;
-        const items = this.searchClientResponseItems?.length
-            ? this.searchClientResponseItems
-            : this.initialSearchClientResponseItems?.length
-                ? this.initialSearchClientResponseItems
-                : [];
+        const interstitialStartIndex = this.config?.nativoConfig?.adInterstialStartIndex || 0;
+        const interstitialInterval = this.config?.nativoConfig?.adInterstitialInterval || 0;
+        const interstitialQuantity = this.config?.nativoConfig?.adInterstitialQuantity || 1;
+        const adStartQuantity = this.config?.nativoConfig?.adStartQuantity || 0;
+        const adEndQuantity = this.config?.nativoConfig?.adEndQuantity || 0;
+        const items = this.searchClientResponseItems || [];
         // Renders ads at beginning
         for (let n = 0; n < adStartQuantity; n++) {
-            itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', adContainerId: nanoid(), key: `${n}-ad` }));
+            itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Nativo', key: `${n}-ad`, renderPosition: 'top' }));
         }
         // Renders search results + interstitial ads
         items.forEach((item, index) => {
@@ -124,31 +112,24 @@ const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Search
                 index + interstitialInterval < items.length &&
                 index >= interstitialInterval) {
                 for (let n = 0; n < interstitialQuantity; n++) {
-                    itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', adContainerId: nanoid(), key: `${item.id}-ad-${n}` }));
+                    itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Nativo', key: `${item.id}-ad-${n}`, renderPosition: 'interstitial' }));
                 }
             }
-            itemsToRender.push(h("searchcraft-search-result", { key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template }));
+            itemsToRender.push(h("searchcraft-search-result", { "searchcraft-id": this.searchcraftId, key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template }));
         });
         // Renders ads at end
         for (let n = 0; n < adEndQuantity; n++) {
-            itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', adContainerId: nanoid(), key: `${n}-ad` }));
+            itemsToRender.push(h("searchcraft-ad", { "searchcraft-id": this.searchcraftId, adSource: 'Nativo', key: `${n}-ad`, renderPosition: 'bottom' }));
         }
         return h("div", { class: 'searchcraft-search-results' }, itemsToRender);
     }
     renderWithNoAds() {
-        const items = this.searchClientResponseItems?.length
-            ? this.searchClientResponseItems
-            : this.initialSearchClientResponseItems?.length
-                ? this.initialSearchClientResponseItems
-                : [];
-        return (h("div", { class: 'searchcraft-search-results' }, items.map((item, index) => (h("searchcraft-search-result", { key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template })))));
+        const items = this.searchClientResponseItems || [];
+        return (h("div", { class: 'searchcraft-search-results' }, items.map((item, index) => (h("searchcraft-search-result", { "searchcraft-id": this.searchcraftId, key: item.id, "document-position": this.searchResultsPerPage * (this.searchResultsPage - 1) + index, index: index, item: item, template: this.template })))));
     }
     render() {
         const searchClientResponseItems = this.searchClientResponseItems || [];
-        const initialSearchClientResponseItems = this.initialSearchClientResponseItems || [];
-        if (this.searchTerm === '' &&
-            initialSearchClientResponseItems.length === 0 &&
-            !this.isSearchInProgress) {
+        if (searchClientResponseItems.length === 0 && !this.isSearchInProgress) {
             return this.renderEmptyState();
         }
         if (this.searchTerm.length > 0 &&
@@ -156,23 +137,23 @@ const SearchcraftSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Search
             !this.isSearchInProgress) {
             return this.renderNoResultsFoundState();
         }
-        switch (this.config?.adSource || 'None') {
-            case 'adMarketplace':
-                return this.renderWithADMAds();
-            case 'Custom':
-                return this.renderWithCustomAds();
-            case 'Nativo':
-                return this.renderWithNativoAds();
-            default:
-                return this.renderWithNoAds();
+        if (this.config?.customAdConfig) {
+            return this.renderWithCustomAds();
+        }
+        if (this.config?.admAdConfig) {
+            return this.renderWithNativoAds();
+        }
+        if (this.config?.nativoConfig) {
+            return this.renderWithNativoAds();
         }
+        return this.renderWithNoAds();
     }
 }, [4, "searchcraft-search-results", {
+        "searchcraftId": [1, "searchcraft-id"],
         "initialQuery": [1, "initial-query"],
         "template": [16],
         "adClientResponseItems": [32],
         "config": [32],
-        "initialSearchClientResponseItems": [32],
         "isSearchInProgress": [32],
         "searchClientResponseItems": [32],
         "searchResultsPage": [32],

package/dist/components/searchcraft-search-results.js.map

@@ -1 +1 @@
-{"file":"searchcraft-search-results.js","mappings":"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","names":["SearchcraftSearchResults"],"sources":["src/components/searchcraft-search-results/searchcraft-search-results.tsx"],"sourcesContent":["import { Component, h, Prop, State, type JSX } from '@stencil/core';\nimport { nanoid } from 'nanoid';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n  SearchcraftConfig,\n  SearchResultTemplate,\n  SearchResultTemplateData,\n} from '@searchcraft/core';\n\nimport { type SearchcraftState, searchcraftStore } from '@store';\n\n/**\n * This web component is responsible for displaying the results of a search query. Once a query is submitted, the component formats and presents an ordered list of the results.\n *\n *\n * @react-import\n * ```jsx\n * import { SearchcraftSearchResults } from \"@searchcraft/react-sdk\";\n * ```\n *\n * @vue-import\n * ```jsx\n * import { SearchcraftSearchResults } from \"@searchcraft/vue-sdk\";\n * ```\n *\n * @js-example\n * ```html\n * <!-- index.html -->\n * <searchcraft-search-results\n *   ad-interval=\"4\"\n *   place-ad-at-start=\"true\"\n * />\n * ```\n *\n * ```js\n * // index.js\n * const searchResults = document.querySelector('searchcraft-search-results');\n *\n * searchResults.template = (item, index, { html }) => html`\n *  <h2>${item.title}</h2>\n * `;\n * ```\n *\n * @react-example\n * ```jsx\n * <SearchcraftSearchResults\n *   adInterval={4}\n *   placeAdAtState={true}\n *   template={(item, index, { html }) => html`\n *     <h2>${item.title}</h2>\n *   `}\n * />\n * ```\n *\n * @vue-example\n * ```jsx\n * <SearchcraftSearchResults\n *   adInterval={4}\n *   placeAdAtState={true}\n *   :template={(item, index, { html }) => html`\n *     <h2>${item.title}</h2>\n *   `}\n * />\n * ```\n */\n@Component({\n  tag: 'searchcraft-search-results',\n})\nexport class SearchcraftSearchResults {\n  /**\n   * A query that will appears when the component initializes or the search term is ''..\n   */\n  @Prop() initialQuery?: string;\n\n  /**\n   * A callback function responsible for rendering a result. Passed to `searchcraft-search-result`.\n   */\n  @Prop() template?: SearchResultTemplate<SearchResultTemplateData>;\n\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() config?: SearchcraftConfig;\n  @State() initialSearchClientResponseItems?: SearchClientResponseItem[];\n  @State() isSearchInProgress = true;\n  @State() searchClientResponseItems?: SearchClientResponseItem[];\n  @State() searchResultsPage;\n  @State() searchResultsPerPage;\n  @State() searchTerm = '';\n\n  private unsubscribe: () => void = () => {};\n\n  componentDidLoad() {\n    const state = searchcraftStore.getState();\n    this.handleStateChange(state);\n    this.searchClientResponseItems = state.searchClientResponseItems;\n    this.searchTerm = state.searchTerm;\n    this.config = state.core?.config;\n\n    state.afterInit = (state) => {\n      if (this.initialQuery) {\n        state.setInitialQuery(this.initialQuery);\n      }\n    };\n\n    this.unsubscribe = searchcraftStore.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  handleStateChange(state: SearchcraftState) {\n    this.adClientResponseItems = [...state.adClientResponseItems];\n    this.config = state.core?.config;\n    this.initialSearchClientResponseItems = [\n      ...state.initialSearchClientResponseItems,\n    ];\n    this.isSearchInProgress = state.isSearchInProgress;\n    this.searchClientResponseItems = [...state.searchClientResponseItems];\n    this.searchResultsPage = state.searchResultsPage;\n    this.searchResultsPerPage = state.searchResultsPerPage;\n    this.searchTerm = state.searchTerm;\n  }\n\n  renderEmptyState() {\n    return (\n      <div class='searchcraft-search-results-empty-state'>\n        <slot name='empty-search' />\n      </div>\n    );\n  }\n\n  renderNoResultsFoundState() {\n    return (\n      <div class='searchcraft-search-results'>\n        <div class='searchcraft-search-results-error-message'>\n          <searchcraft-error-message>\n            No search results found for \"{this.searchTerm}\" query.\n          </searchcraft-error-message>\n        </div>\n      </div>\n    );\n  }\n\n  renderWithADMAds() {\n    const items = this.searchClientResponseItems?.length\n      ? this.searchClientResponseItems\n      : this.initialSearchClientResponseItems?.length\n        ? this.initialSearchClientResponseItems\n        : [];\n\n    return (\n      <div class='searchcraft-search-results'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-ad\n            adSource='adMarketplace'\n            adClientResponseItem={item}\n            adContainerId={nanoid()}\n            key={item.id}\n          />\n        ))}\n        {items.map((item, index) => (\n          <searchcraft-search-result\n            key={item.id}\n            document-position={\n              this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n            }\n            index={index}\n            item={item}\n            template={this.template}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  renderWithCustomAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialInterval = this.config?.customAdInterstitialInterval || 0;\n    const interstitialQuantity = this.config?.customAdInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.customAdStartQuantity || 0;\n    const adEndQuantity = this.config?.customAdEndQuantity || 0;\n    const items = this.searchClientResponseItems?.length\n      ? this.searchClientResponseItems\n      : this.initialSearchClientResponseItems?.length\n        ? this.initialSearchClientResponseItems\n        : [];\n\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          adSource='Custom'\n          adContainerId={nanoid()}\n          key={`${n}-ad`}\n        />,\n      );\n    }\n\n    // Renders search results + interstitial ads\n    items.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        index % interstitialInterval === 0 &&\n        index + interstitialInterval < items.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad\n              adSource='Custom'\n              adContainerId={nanoid()}\n              key={`${item.id}-ad-${n}`}\n            />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-search-result\n          key={item.id}\n          document-position={\n            this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n          }\n          index={index}\n          item={item}\n          template={this.template}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          adSource='Custom'\n          adContainerId={nanoid()}\n          key={`${n}-ad`}\n        />,\n      );\n    }\n\n    return <div class='searchcraft-search-results'>{itemsToRender}</div>;\n  }\n\n  renderWithNativoAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialStartIndex =\n      this.config?.nativoAdInterstialStartIndex || 0;\n    const interstitialInterval = this.config?.nativoAdInterstitialInterval || 0;\n    const interstitialQuantity = this.config?.nativoAdInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.nativoAdStartQuantity || 0;\n    const adEndQuantity = this.config?.nativoAdEndQuantity || 0;\n    const items = this.searchClientResponseItems?.length\n      ? this.searchClientResponseItems\n      : this.initialSearchClientResponseItems?.length\n        ? this.initialSearchClientResponseItems\n        : [];\n\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          adSource='Nativo'\n          adContainerId={nanoid()}\n          key={`${n}-ad`}\n        />,\n      );\n    }\n\n    // Renders search results + interstitial ads\n    items.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        (index + interstitialStartIndex) % interstitialInterval === 0 &&\n        index + interstitialInterval < items.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad\n              adSource='Nativo'\n              adContainerId={nanoid()}\n              key={`${item.id}-ad-${n}`}\n            />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-search-result\n          key={item.id}\n          document-position={\n            this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n          }\n          index={index}\n          item={item}\n          template={this.template}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          adSource='Nativo'\n          adContainerId={nanoid()}\n          key={`${n}-ad`}\n        />,\n      );\n    }\n\n    return <div class='searchcraft-search-results'>{itemsToRender}</div>;\n  }\n\n  renderWithNoAds() {\n    const items = this.searchClientResponseItems?.length\n      ? this.searchClientResponseItems\n      : this.initialSearchClientResponseItems?.length\n        ? this.initialSearchClientResponseItems\n        : [];\n\n    return (\n      <div class='searchcraft-search-results'>\n        {items.map((item, index) => (\n          <searchcraft-search-result\n            key={item.id}\n            document-position={\n              this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n            }\n            index={index}\n            item={item}\n            template={this.template}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    const searchClientResponseItems = this.searchClientResponseItems || [];\n    const initialSearchClientResponseItems =\n      this.initialSearchClientResponseItems || [];\n\n    if (\n      this.searchTerm === '' &&\n      initialSearchClientResponseItems.length === 0 &&\n      !this.isSearchInProgress\n    ) {\n      return this.renderEmptyState();\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      searchClientResponseItems.length === 0 &&\n      !this.isSearchInProgress\n    ) {\n      return this.renderNoResultsFoundState();\n    }\n\n    switch (this.config?.adSource || 'None') {\n      case 'adMarketplace':\n        return this.renderWithADMAds();\n      case 'Custom':\n        return this.renderWithCustomAds();\n      case 'Nativo':\n        return this.renderWithNativoAds();\n      default:\n        return this.renderWithNoAds();\n    }\n  }\n}\n"],"version":3}
+{"file":"searchcraft-search-results.js","mappings":"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","names":["SearchcraftSearchResults"],"sources":["src/components/searchcraft-search-results/searchcraft-search-results.tsx"],"sourcesContent":["import { Component, h, Prop, State, type JSX } from '@stencil/core';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n  SearchcraftConfig,\n  SearchResultTemplate,\n  SearchResultTemplateData,\n} from '@types';\n\nimport type { SearchcraftState } from '@store';\nimport type { SearchcraftCore } from '@classes';\nimport { registry } from '@classes/CoreInstanceRegistry';\n\n/**\n * This web component is responsible for displaying the results of a search query. Once a query is submitted, the component formats and presents an ordered list of the results.\n *\n *\n * @react-import\n * ```jsx\n * import { SearchcraftSearchResults } from \"@searchcraft/react-sdk\";\n * ```\n *\n * @vue-import\n * ```jsx\n * import { SearchcraftSearchResults } from \"@searchcraft/vue-sdk\";\n * ```\n *\n * @js-example\n * ```html\n * <!-- index.html -->\n * <searchcraft-search-results\n *   ad-interval=\"4\"\n *   place-ad-at-start=\"true\"\n * />\n * ```\n *\n * ```js\n * // index.js\n * const searchResults = document.querySelector('searchcraft-search-results');\n *\n * searchResults.template = (item, index, { html }) => html`\n *  <h2>${item.title}</h2>\n * `;\n * ```\n *\n * @react-example\n * ```jsx\n * <SearchcraftSearchResults\n *   adInterval={4}\n *   placeAdAtState={true}\n *   template={(item, index, { html }) => html`\n *     <h2>${item.title}</h2>\n *   `}\n * />\n * ```\n *\n * @vue-example\n * ```jsx\n * <SearchcraftSearchResults\n *   adInterval={4}\n *   placeAdAtState={true}\n *   :template={(item, index, { html }) => html`\n *     <h2>${item.title}</h2>\n *   `}\n * />\n * ```\n */\n@Component({\n  tag: 'searchcraft-search-results',\n})\nexport class SearchcraftSearchResults {\n  /**\n   * The id of the Searchcraft instance that this component should use.\n   */\n  @Prop() searchcraftId?: string;\n  /**\n   * A query that will appears when the component initializes or the search term is ''..\n   */\n  @Prop() initialQuery?: string;\n\n  /**\n   * A callback function responsible for rendering a result. Passed to `searchcraft-search-result`.\n   */\n  @Prop() template?: SearchResultTemplate<SearchResultTemplateData>;\n\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() config?: SearchcraftConfig;\n  @State() isSearchInProgress = true;\n  @State() searchClientResponseItems?: SearchClientResponseItem[];\n  @State() searchResultsPage;\n  @State() searchResultsPerPage;\n  @State() searchTerm = '';\n\n  private unsubscribe?: () => void;\n  private cleanupCore?: () => void;\n\n  onCoreAvailable(core: SearchcraftCore) {\n    const state = core.store.getState();\n    this.handleStateChange(state);\n    this.searchClientResponseItems = state.searchClientResponseItems;\n    this.searchTerm = state.searchTerm;\n    this.config = state.core?.config;\n\n    this.unsubscribe = core.store.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n  }\n\n  connectedCallback() {\n    this.cleanupCore = registry.useCoreInstance(\n      this.searchcraftId,\n      this.onCoreAvailable.bind(this),\n    );\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n    this.cleanupCore?.();\n  }\n\n  handleStateChange(state: SearchcraftState) {\n    this.adClientResponseItems = [...state.adClientResponseItems];\n    this.config = state.core?.config;\n    this.isSearchInProgress = state.isSearchInProgress;\n    this.searchClientResponseItems = [...state.searchClientResponseItems];\n    this.searchResultsPage = state.searchResultsPage;\n    this.searchResultsPerPage = state.searchResultsPerPage;\n    this.searchTerm = state.searchTerm;\n  }\n\n  renderEmptyState() {\n    return (\n      <div class='searchcraft-search-results-empty-state'>\n        <slot name='empty-search' />\n      </div>\n    );\n  }\n\n  renderNoResultsFoundState() {\n    return (\n      <div class='searchcraft-search-results'>\n        <div class='searchcraft-search-results-error-message'>\n          <searchcraft-error-message>\n            No search results found for \"{this.searchTerm}\" query.\n          </searchcraft-error-message>\n        </div>\n      </div>\n    );\n  }\n\n  renderWithADMAds() {\n    const items = this.searchClientResponseItems || [];\n\n    return (\n      <div class='searchcraft-search-results'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-ad\n            searchcraft-id={this.searchcraftId}\n            adSource='adMarketplace'\n            adClientResponseItem={item}\n            key={item.id}\n            renderPosition='top'\n          />\n        ))}\n        {items.map((item, index) => (\n          <searchcraft-search-result\n            searchcraft-id={this.searchcraftId}\n            key={item.id}\n            document-position={\n              this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n            }\n            index={index}\n            item={item}\n            template={this.template}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  renderWithCustomAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialInterval =\n      this.config?.customAdConfig?.adInterstitialInterval || 0;\n    const interstitialQuantity =\n      this.config?.customAdConfig?.adInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.customAdConfig?.adStartQuantity || 0;\n    const adEndQuantity = this.config?.customAdConfig?.adEndQuantity || 0;\n    const items = this.searchClientResponseItems || [];\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          searchcraft-id={this.searchcraftId}\n          adSource='Custom'\n          key={`${n}-ad`}\n          renderPosition='top'\n        />,\n      );\n    }\n\n    // Renders search results + interstitial ads\n    items.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        index % interstitialInterval === 0 &&\n        index + interstitialInterval < items.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad\n              searchcraft-id={this.searchcraftId}\n              adSource='Custom'\n              key={`${item.id}-ad-${n}`}\n              renderPosition='interstitial'\n            />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-search-result\n          searchcraft-id={this.searchcraftId}\n          key={item.id}\n          document-position={\n            this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n          }\n          index={index}\n          item={item}\n          template={this.template}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          searchcraft-id={this.searchcraftId}\n          adSource='Custom'\n          key={`${n}-ad`}\n          renderPosition='bottom'\n        />,\n      );\n    }\n\n    return <div class='searchcraft-search-results'>{itemsToRender}</div>;\n  }\n\n  renderWithNativoAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialStartIndex =\n      this.config?.nativoConfig?.adInterstialStartIndex || 0;\n    const interstitialInterval =\n      this.config?.nativoConfig?.adInterstitialInterval || 0;\n    const interstitialQuantity =\n      this.config?.nativoConfig?.adInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.nativoConfig?.adStartQuantity || 0;\n    const adEndQuantity = this.config?.nativoConfig?.adEndQuantity || 0;\n    const items = this.searchClientResponseItems || [];\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          searchcraft-id={this.searchcraftId}\n          adSource='Nativo'\n          key={`${n}-ad`}\n          renderPosition='top'\n        />,\n      );\n    }\n\n    // Renders search results + interstitial ads\n    items.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        (index + interstitialStartIndex) % interstitialInterval === 0 &&\n        index + interstitialInterval < items.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad\n              searchcraft-id={this.searchcraftId}\n              adSource='Nativo'\n              key={`${item.id}-ad-${n}`}\n              renderPosition='interstitial'\n            />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-search-result\n          searchcraft-id={this.searchcraftId}\n          key={item.id}\n          document-position={\n            this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n          }\n          index={index}\n          item={item}\n          template={this.template}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(\n        <searchcraft-ad\n          searchcraft-id={this.searchcraftId}\n          adSource='Nativo'\n          key={`${n}-ad`}\n          renderPosition='bottom'\n        />,\n      );\n    }\n\n    return <div class='searchcraft-search-results'>{itemsToRender}</div>;\n  }\n\n  renderWithNoAds() {\n    const items = this.searchClientResponseItems || [];\n\n    return (\n      <div class='searchcraft-search-results'>\n        {items.map((item, index) => (\n          <searchcraft-search-result\n            searchcraft-id={this.searchcraftId}\n            key={item.id}\n            document-position={\n              this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n            }\n            index={index}\n            item={item}\n            template={this.template}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    const searchClientResponseItems = this.searchClientResponseItems || [];\n\n    if (searchClientResponseItems.length === 0 && !this.isSearchInProgress) {\n      return this.renderEmptyState();\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      searchClientResponseItems.length === 0 &&\n      !this.isSearchInProgress\n    ) {\n      return this.renderNoResultsFoundState();\n    }\n\n    if (this.config?.customAdConfig) {\n      return this.renderWithCustomAds();\n    }\n    if (this.config?.admAdConfig) {\n      return this.renderWithNativoAds();\n    }\n    if (this.config?.nativoConfig) {\n      return this.renderWithNativoAds();\n    }\n    return this.renderWithNoAds();\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-slider.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftSlider$1, d as defineCustomElement$1 } from './p-4dd1995c.js';
+import { S as SearchcraftSlider$1, d as defineCustomElement$1 } from './p-c9b65e8f.js';
 
 const SearchcraftSlider = SearchcraftSlider$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/searchcraft-summary-box.d.ts

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