@searchcraft/javascript-sdk 0.10.1 → 0.10.3

package/dist/components/p-ad569b01.js.map

@@ -0,0 +1 @@
+{"file":"p-ad569b01.js","mappings":"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","names":["scopedUrlAlphabet"],"sources":["../../node_modules/nanoid/url-alphabet/index.js","../../node_modules/nanoid/index.browser.js","src/components/searchcraft-ad/searchcraft-ad.tsx"],"sourcesContent":["export const urlAlphabet =\n  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'\n","import { urlAlphabet as scopedUrlAlphabet } from './url-alphabet/index.js'\nexport { urlAlphabet } from './url-alphabet/index.js'\nexport let random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nexport let customRandom = (alphabet, defaultSize, getRandom) => {\n  let mask = (2 << Math.log2(alphabet.length - 1)) - 1\n  let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n  return (size = defaultSize) => {\n    let id = ''\n    while (true) {\n      let bytes = getRandom(step)\n      let j = step | 0\n      while (j--) {\n        id += alphabet[bytes[j] & mask] || ''\n        if (id.length >= size) return id\n      }\n    }\n  }\n}\nexport let customAlphabet = (alphabet, size = 21) =>\n  customRandom(alphabet, size | 0, random)\nexport let nanoid = (size = 21) => {\n  let id = ''\n  let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)))\n  while (size--) {\n    id += scopedUrlAlphabet[bytes[size] & 63]\n  }\n  return id\n}\n","import type {\n  AdClientResponseItem,\n  ADMClientResponseItem,\n  SearchcraftCore,\n  SearchcraftAdSource,\n} from '@searchcraft/core';\nimport { Component, Element, h, Prop, State } from '@stencil/core';\nimport { nanoid } from 'nanoid';\nimport classNames from 'classnames';\n\nimport { searchcraftStore } from '@store';\n\nimport { html } from '@utils';\n\n/**\n * An inline ad meant to be rendered in a list of search results.\n *\n * @internal\n */\n@Component({\n  tag: 'searchcraft-ad',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItemAd {\n  @Prop() adSource: SearchcraftAdSource = 'Custom';\n  @Prop() adClientResponseItem?: AdClientResponseItem;\n  @Prop() adContainerId: string = nanoid();\n\n  @State() searchTerm?: string;\n  @State() isSearchInProgress = false;\n  @Element() hostElement?: HTMLElement;\n\n  private core?: SearchcraftCore;\n\n  private intersectionObserver?: IntersectionObserver;\n  private storeUnsubscribe?: () => void;\n  private adContainerRenderedTimeout?: NodeJS.Timeout;\n  private isComponentConnected = true;\n\n  connectedCallback() {\n    const currentState = searchcraftStore.getState();\n\n    this.core = currentState.core;\n    this.searchTerm = currentState.searchTerm;\n    this.isSearchInProgress = currentState.isSearchInProgress;\n\n    // Subscribes to store changes (for search term).\n    this.storeUnsubscribe = searchcraftStore.subscribe((state) => {\n      this.searchTerm = state.searchTerm;\n      this.isSearchInProgress = state.isSearchInProgress;\n    });\n  }\n\n  componentDidLoad() {\n    /**\n     * Handles when an ad container is viewable within the document,\n     * Core emits an ad_container_viewed event and performs ad client side effects\n     */\n    if (this.hostElement) {\n      this.intersectionObserver = new IntersectionObserver(\n        ([entry]) => {\n          if (entry?.isIntersecting && !this.isSearchInProgress) {\n            this.core?.handleAdContainerViewed({\n              adClientResponseItem: this.adClientResponseItem,\n              adContainerId: this.adContainerId,\n              adSource: this.adSource,\n              searchTerm: this.searchTerm || '',\n            });\n          }\n        },\n        { threshold: 0 },\n      );\n\n      this.intersectionObserver.observe(this.hostElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n    this.intersectionObserver?.disconnect();\n    this.isComponentConnected = false;\n    clearTimeout(this.adContainerRenderedTimeout);\n  }\n\n  renderADMAd() {\n    const item = this.adClientResponseItem as ADMClientResponseItem;\n\n    if (!item.admAd) {\n      return;\n    }\n\n    let templateHtml = '<p>Ad Marketplace Ad Placeholder</p>';\n\n    if (this.core?.config?.admAdTemplate) {\n      templateHtml = this.core?.config?.admAdTemplate(item.admAd, { html });\n    }\n\n    return (\n      <div\n        class='searchcraft-ad searchcraft-adm-ad'\n        data-searchcraft-ad-container-id={this.adContainerId}\n        id={`searchcraft-adm-ad-${this.adContainerId}`}\n        innerHTML={templateHtml}\n      />\n    );\n  }\n\n  renderCustomAd() {\n    const templateRenderFunction = this.core?.config?.customAdTemplate;\n    const containerId = `searchcraft-custom-ad-${this.adContainerId}`;\n    let templateHtml = '<p>Custom Ad Placeholder</p>';\n\n    if (templateRenderFunction) {\n      templateHtml = templateRenderFunction(\n        {\n          searchTerm: this.searchTerm || '',\n          adContainerId: this.adContainerId,\n        },\n        { html },\n      );\n    }\n\n    return (\n      <div\n        class='searchcraft-ad searchcraft-custom-ad'\n        id={containerId}\n        data-searchcraft-ad-container-id={this.adContainerId}\n        innerHTML={templateHtml}\n      />\n    );\n  }\n\n  renderNativoAd() {\n    const nativoClassName = this.core?.config.nativoAdClassName || 'ntv-item';\n    return (\n      <div\n        id={`searchcraft-native-ad-${this.adContainerId}`}\n        class={classNames('searchcraft-ad', nativoClassName)}\n        data-searchcraft-ad-container-id={this.adContainerId}\n      />\n    );\n  }\n\n  render() {\n    // Don't render ads while search is in progress\n    if (this.isSearchInProgress) {\n      return;\n    }\n\n    /**\n     * Handles when an ad container is first rendered.\n     * Core emits an ad_container_rendered event and performs ad client side effects\n     *\n     */\n\n    if (this.isComponentConnected) {\n      clearTimeout(this.adContainerRenderedTimeout);\n      this.adContainerRenderedTimeout = setTimeout(() => {\n        this.core?.handleAdContainerRendered({\n          adClientResponseItem: this.adClientResponseItem,\n          adContainerId: this.adContainerId,\n          adSource: this.adSource,\n          searchTerm: this.searchTerm || '',\n        });\n      }, this.core?.config?.adContainerRenderedDebounceDelay || 500);\n    }\n\n    switch (this.adSource) {\n      case 'adMarketplace':\n        return this.renderADMAd();\n      case 'Custom':\n        return this.renderCustomAd();\n      case 'Nativo':\n        return this.renderNativoAd();\n      default:\n        return;\n    }\n  }\n}\n"],"version":3}