@searchcraft/javascript-sdk 0.1.1 → 0.1.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-form.js","sourceRoot":"","sources":["../../../src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Event, Prop, State } from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    return (\n      <form\n        class={this.rightToLeftOrientation ? 'formRTL' : 'formLTR'}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          {this.rightToLeftOrientation && <searchcraft-button />}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {!this.rightToLeftOrientation && (\n            <searchcraft-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.module.css

@@ -1,14 +0,0 @@
-.formLTR {
-  font-family: Helvetica, Arial, sans-serif;
-  text-align: left;
-}
-
-.formRTL {
-  font-family: Helvetica, Arial, sans-serif;
-  text-align: right;
-}
-
-.searchContainer {
-  align-items: center;
-  display: flex;
-}

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

@@ -1,241 +0,0 @@
-import { h } from "@stencil/core";
-export class SearchcraftBaseSearchResult {
-    constructor() {
-        this.handleButtonClick = () => {
-            this.buttonCallbackFn();
-        };
-        this.handleContainerClick = () => {
-            if (this.interactiveResult) {
-                this.callbackFn();
-            }
-        };
-        this.buttonCallbackFn = () => { };
-        this.buttonLabel = '';
-        this.callbackFn = () => { };
-        this.imageAltText = '';
-        this.imageSrc = '';
-        this.interactiveResult = false;
-        this.keyDownCallbackFn = () => { };
-        this.resultBodyContent = '';
-        this.resultHeading = '';
-        this.resultSubheading = '';
-        this.theme = 'light';
-    }
-    render() {
-        const isLightTheme = this.theme === 'light';
-        return (h("div", { key: '26e04a559c37ac68f1dc33d3810c66abc9755871', class: this.interactiveResult
-                ? isLightTheme
-                    ? 'interactiveResultContainerLight'
-                    : 'interactiveResultContainerDark'
-                : 'resultContainer', id: 'searchcraft-item', onClick: this.handleContainerClick, onKeyDown: this.keyDownCallbackFn, tabindex: '0' }, this.interactiveResult && (h("div", { key: '7d71fd1402fdafe67370eab10ca78ed385fb58d0', class: 'interactiveIconLarge' }, isLightTheme ? (h("searchcraft-clear-icon-set", { type: 'arrow-light' })) : (h("searchcraft-clear-icon-set", { type: 'arrow-dark' })))), h("div", { key: 'def02c3134ae8a756f196d9b9e4d90180767c8f8', class: 'imageContainer' }, h("img", { key: '5fb695256132b8b53f7008d67e2f5808bf3b6d28', alt: this.imageAltText, class: isLightTheme ? 'imageLight' : 'imageDark', src: this.imageSrc })), h("div", { key: 'cf533a08bcd15832ef6f7fd385c829ce8817435d', class: 'contentContainer' }, h("h2", { key: '9d9968ab969950008e1049177fb68d5d7ae00659', class: isLightTheme ? 'headingLight' : 'headingDark' }, this.resultHeading, this.interactiveResult && (h("div", { key: '56271a305c8290ebab89eeab75a466d666f26a2c', class: 'interactiveIconSmall' }, isLightTheme ? (h("searchcraft-clear-icon-set", { type: 'arrow-light' })) : (h("searchcraft-clear-icon-set", { type: 'arrow-dark' }))))), h("h3", { key: 'ea68f1f16f6b89979b3ba90a6e061809024e3498', class: isLightTheme ? 'subheadingLight' : 'subheadingDark' }, this.resultSubheading), h("p", { key: '0584a3077ff4f417e0d20d0acc28a624f5966e1c', class: isLightTheme ? 'bodyContentLight' : 'bodyContentDark' }, this.resultBodyContent), h("button", { key: '83ec2e81bd6dbe24d468cdee553c0c5a021f991b', onClick: this.handleButtonClick, type: 'button' }, this.buttonLabel))));
-    }
-    static get is() { return "searchcraft-base-search-result"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-base-search-result.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-base-search-result.module.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "buttonCallbackFn": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "() => {}"
-            },
-            "buttonLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "button-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "callbackFn": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "() => {}"
-            },
-            "imageAltText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "image-alt-text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "imageSrc": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "image-src",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "interactiveResult": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "interactive-result",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "keyDownCallbackFn": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "() => {}"
-            },
-            "resultBodyContent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "result-body-content",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "resultHeading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "result-heading",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "resultSubheading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "result-subheading",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "theme": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'light' | 'dark'",
-                    "resolved": "\"dark\" | \"light\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "theme",
-                "reflect": false,
-                "defaultValue": "'light'"
-            }
-        };
-    }
-}
-//# 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":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,2BAA2B;;QAa9B,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC;QAEM,yBAAoB,GAAG,GAAG,EAAE;YAClC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;gCApBqC,GAAG,EAAE,GAAE,CAAC;2BACzB,EAAE;0BACS,GAAG,EAAE,GAAE,CAAC;4BAClB,EAAE;wBACN,EAAE;iCACO,KAAK;iCACO,GAAG,EAAE,GAAE,CAAC;iCACpB,EAAE;6BACN,EAAE;gCACC,EAAE;qBACK,OAAO;;IAYzC,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;QAE5C,OAAO,CACL,4DACE,KAAK,EACH,IAAI,CAAC,iBAAiB;gBACpB,CAAC,CAAC,YAAY;oBACZ,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,gCAAgC;gBACpC,CAAC,CAAC,iBAAiB,EAEvB,EAAE,EAAC,kBAAkB,EACrB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,QAAQ,EAAC,GAAG;YAEX,IAAI,CAAC,iBAAiB,IAAI,CACzB,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,YAAY,CAAC,CAAC,CAAC,CACd,kCAA4B,IAAI,EAAC,aAAa,GAAG,CAClD,CAAC,CAAC,CAAC,CACF,kCAA4B,IAAI,EAAC,YAAY,GAAG,CACjD,CACG,CACP;YACD,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,4DACE,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAChD,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACE;YACN,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,2DAAI,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;oBACrD,IAAI,CAAC,aAAa;oBAClB,IAAI,CAAC,iBAAiB,IAAI,CACzB,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,YAAY,CAAC,CAAC,CAAC,CACd,kCAA4B,IAAI,EAAC,aAAa,GAAG,CAClD,CAAC,CAAC,CAAC,CACF,kCAA4B,IAAI,EAAC,YAAY,GAAG,CACjD,CACG,CACP,CACE;gBACL,2DAAI,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,IAC3D,IAAI,CAAC,gBAAgB,CACnB;gBACL,0DAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,IAC5D,IAAI,CAAC,iBAAiB,CACrB;gBACJ,+DAAQ,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,EAAC,QAAQ,IACnD,IAAI,CAAC,WAAW,CACV,CACL,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-base-search-result',\n  styleUrl: 'searchcraft-base-search-result.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() buttonCallbackFn: () => void = () => {};\n  @Prop() buttonLabel = '';\n  @Prop() callbackFn: () => void = () => {};\n  @Prop() imageAltText = '';\n  @Prop() imageSrc = '';\n  @Prop() interactiveResult = false;\n  @Prop() keyDownCallbackFn: () => void = () => {};\n  @Prop() resultBodyContent = '';\n  @Prop() resultHeading = '';\n  @Prop() resultSubheading = '';\n  @Prop() theme: 'light' | 'dark' = 'light'; // Simulating theme context.\n\n  private handleButtonClick = () => {\n    this.buttonCallbackFn();\n  };\n\n  private handleContainerClick = () => {\n    if (this.interactiveResult) {\n      this.callbackFn();\n    }\n  };\n\n  render() {\n    const isLightTheme = this.theme === 'light';\n\n    return (\n      <div\n        class={\n          this.interactiveResult\n            ? isLightTheme\n              ? 'interactiveResultContainerLight'\n              : 'interactiveResultContainerDark'\n            : 'resultContainer'\n        }\n        id='searchcraft-item'\n        onClick={this.handleContainerClick}\n        onKeyDown={this.keyDownCallbackFn}\n        tabindex='0'\n      >\n        {this.interactiveResult && (\n          <div class='interactiveIconLarge'>\n            {isLightTheme ? (\n              <searchcraft-clear-icon-set type='arrow-light' />\n            ) : (\n              <searchcraft-clear-icon-set type='arrow-dark' />\n            )}\n          </div>\n        )}\n        <div class='imageContainer'>\n          <img\n            alt={this.imageAltText}\n            class={isLightTheme ? 'imageLight' : 'imageDark'}\n            src={this.imageSrc}\n          />\n        </div>\n        <div class='contentContainer'>\n          <h2 class={isLightTheme ? 'headingLight' : 'headingDark'}>\n            {this.resultHeading}\n            {this.interactiveResult && (\n              <div class='interactiveIconSmall'>\n                {isLightTheme ? (\n                  <searchcraft-clear-icon-set type='arrow-light' />\n                ) : (\n                  <searchcraft-clear-icon-set type='arrow-dark' />\n                )}\n              </div>\n            )}\n          </h2>\n          <h3 class={isLightTheme ? 'subheadingLight' : 'subheadingDark'}>\n            {this.resultSubheading}\n          </h3>\n          <p class={isLightTheme ? 'bodyContentLight' : 'bodyContentDark'}>\n            {this.resultBodyContent}\n          </p>\n          <button onClick={this.handleButtonClick} type='button'>\n            {this.buttonLabel}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.module.css

@@ -1,170 +0,0 @@
-:root {
-  --font-stack: Helvetica, Arial, sans-serif;
-}
-
-.interactiveResultContainerLight {
-  background-color: #FAFAFA;
-  align-items: flex-start;
-  border-radius: 16px;
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  gap: 16px;
-  padding: 8px;
-}
-@media (min-width: 600px) {
-  .interactiveResultContainerLight {
-    flex-direction: row;
-  }
-}
-
-.interactiveResultContainerDark {
-  background-color: #2E2E2E;
-  align-items: flex-start;
-  border-radius: 16px;
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  gap: 16px;
-  padding: 8px;
-}
-@media (min-width: 600px) {
-  .interactiveResultContainerDark {
-    flex-direction: row;
-  }
-}
-
-.resultContainer {
-  align-items: flex-start;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-@media (min-width: 600px) {
-  .resultContainer {
-    flex-direction: row;
-  }
-}
-
-.interactiveIconLarge {
-  display: inline-block;
-  position: absolute;
-  right: 5px;
-  top: 8px;
-}
-@media (max-width: 600px) {
-  .interactiveIconLarge {
-    display: none;
-  }
-}
-
-.interactiveIconSmall {
-  position: absolute;
-  right: 5px;
-  top: -2px;
-  display: inline-block;
-}
-@media (min-width: 600px) {
-  .interactiveIconSmall {
-    display: none;
-  }
-}
-
-.imageContainer {
-  max-height: 540px;
-  max-width: 100%;
-}
-@media (min-width: 600px) {
-  .imageContainer {
-    max-height: 100%;
-    max-width: 50%;
-  }
-}
-
-.contentContainer {
-  max-height: 100%;
-  max-width: 100%;
-}
-@media (min-width: 600px) {
-  .contentContainer {
-    max-width: 50%;
-  }
-}
-
-.imageLight {
-  aspect-ratio: 2/1;
-  border-radius: 8px;
-  max-height: 100%;
-  max-width: 100%;
-  border: 1px solid #D9D9D9;
-}
-
-.imageDark {
-  aspect-ratio: 2/1;
-  border-radius: 8px;
-  max-height: 100%;
-  max-width: 100%;
-  border: 1px solid #333;
-}
-
-.headingLight {
-  font-family: var(--font-stack);
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 20px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  position: relative;
-  color: #292929;
-}
-
-.headingDark {
-  font-family: var(--font-stack);
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 20px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  position: relative;
-  color: #FFF;
-}
-
-.subheadingLight {
-  font-family: var(--font-stack);
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  color: #737373;
-}
-
-.subheadingDark {
-  font-family: var(--font-stack);
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  color: #BFBFBF;
-}
-
-.bodyContentLight {
-  font-family: var(--font-stack);
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 20px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  color: #404040;
-}
-
-.bodyContentDark {
-  font-family: var(--font-stack);
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 20px;
-  margin-bottom: 4px;
-  margin-top: 0px;
-  color: #E6E6E6;
-}

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

@@ -1,58 +0,0 @@
-import { h } from "@stencil/core";
-import { useSearchcraftStore } from "../../provider/store";
-export class SearchcraftBaseSearchResults {
-    constructor() {
-        this.query = '';
-        this.searchResults = null;
-    }
-    componentDidLoad() {
-        // Subscribe to state changes
-        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
-            console.log('Store updated:', state);
-            this.searchResults = Object.assign({}, state.searchResults);
-            this.query = state.query;
-        });
-        // Fetch initial state
-        const { searchResults, query } = useSearchcraftStore.getState();
-        console.log('Initial state:', searchResults, query);
-        this.searchResults = searchResults;
-        this.query = query;
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if (!((_a = this.searchResults) === null || _a === void 0 ? void 0 : _a.data)) {
-            console.warn('No search results data available');
-            return h("div", null, "No results to display.");
-        }
-        return (h("div", { class: 'resultsContainer' }, (_d = (_c = (_b = this.searchResults) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.hits) === null || _d === void 0 ? void 0 :
-            _d.map((document, index) => {
-                const { doc: result } = document;
-                return (h("searchcraft-base-search-result", { key: `${result === null || result === void 0 ? void 0 : result.id}-${index}`, "button-label": 'View More', "callback-fn": () => console.log('interactive element'), "button-callback-fn": () => console.log('button callback'), "interactive-result": true, "image-src": result === null || result === void 0 ? void 0 : result.poster, "result-body-content": result === null || result === void 0 ? void 0 : result.overview, "result-heading": result === null || result === void 0 ? void 0 : result.title, "result-subheading": result === null || result === void 0 ? void 0 : result.release_date }));
-            }), this.query.length > 0 &&
-            ((_g = (_f = (_e = this.searchResults) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.hits) === null || _g === void 0 ? void 0 : _g.length) === 0 && (h("searchcraft-error-message", { "error-message": `No search results found for "${this.query}" query` }))));
-    }
-    static get is() { return "searchcraft-base-search-results"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-base-search-results.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-base-search-results.module.css"]
-        };
-    }
-    static get states() {
-        return {
-            "query": {},
-            "searchResults": {}
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-base-search-results.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-results.js","sourceRoot":"","sources":["../../../src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAOtD,MAAM,OAAO,4BAA4B;;qBACtB,EAAE;6BAC2B,IAAI;;IAGlD,gBAAgB;QACd,6BAA6B;QAC7B,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YACzD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,qBAAQ,KAAK,CAAC,aAAa,CAAE,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,sBAAsB;QACtB,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAA,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;YACjD,OAAO,wCAAiC,CAAC;QAC3C,CAAC;QACD,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB,IAC1B,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI;eAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;gBACvD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;gBACjC,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,IAAI,KAAK,EAAE,kBAChB,WAAW,iBACX,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,wBACjC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,wBACpC,IAAI,eACb,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,yBACJ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,oBACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,uBACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,GACvC,CACH,CAAC;YACJ,CAAC,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;gBACpB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI,0CAAE,MAAM,MAAK,CAAC,IAAI,CAC9C,kDACiB,gCAAgC,IAAI,CAAC,KAAK,SAAS,GAClE,CACH,CACC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, State } from '@stencil/core';\nimport type { SearchResult } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-base-search-results',\n  styleUrl: 'searchcraft-base-search-results.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchResults {\n  @State() query = '';\n  @State() searchResults: SearchResult | null = null;\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    // Subscribe to state changes\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      console.log('Store updated:', state);\n      this.searchResults = { ...state.searchResults };\n      this.query = state.query;\n    });\n\n    // Fetch initial state\n    const { searchResults, query } = useSearchcraftStore.getState();\n    console.log('Initial state:', searchResults, query);\n    this.searchResults = searchResults;\n    this.query = query;\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.searchResults?.data) {\n      console.warn('No search results data available');\n      return <div>No results to display.</div>;\n    }\n    return (\n      <div class='resultsContainer'>\n        {this.searchResults?.data?.hits?.map((document, index) => {\n          const { doc: result } = document;\n          return (\n            <searchcraft-base-search-result\n              key={`${result?.id}-${index}`}\n              button-label='View More'\n              callback-fn={() => console.log('interactive element')}\n              button-callback-fn={() => console.log('button callback')}\n              interactive-result={true}\n              image-src={result?.poster}\n              result-body-content={result?.overview}\n              result-heading={result?.title}\n              result-subheading={result?.release_date}\n            />\n          );\n        })}\n        {this.query.length > 0 &&\n          this.searchResults?.data?.hits?.length === 0 && (\n            <searchcraft-error-message\n              error-message={`No search results found for \"${this.query}\" query`}\n            />\n          )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.module.css

@@ -1,20 +0,0 @@
-:root {
-  --font-stack: Helvetica, Arial, sans-serif;
-}
-
-.resultsContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: 100px 20px;
-}
-.resultsContainer > p {
-  align-self: center;
-}
-.resultsContainer > div {
-  margin-bottom: 20px;
-}
-.resultsContainer > div img {
-  height: 300px;
-  width: 200px;
-}