/* version 1.25 */ ;(async () => { async function fetchCategoryById() { const query = `query categoryById($categoryId: Int!) { site { category(entityId: $categoryId) { metafields( namespace: "algolia_bigcommerce" keys: ["instantsearch_category_facets"] ) { edges { node { key value } } } } } }` try { const bodyRequest = JSON.stringify({ query: query, variables: { categoryId: parseInt(category_id) }, }) const response = await fetch('/graphql', { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${storefront_token}`, }, body: bodyRequest, }) const jsonResponse = await response.json() const edgeValue = jsonResponse.data.site.category.metafields.edges[0]?.node.value return edgeValue } catch (error) { console.error('Unable to fetch category metafields for InstantSearch facets', error) } } async function fetchParentCategoryBreadcrumbs() { if (typeof category_id === 'undefined' || category_id === '') { return [] } const query = `query { site { category(entityId: ${category_id}) { id name breadcrumbs(depth: 8) { edges { node { ... on Breadcrumb { name path } } } } } } }` try { const response = await fetch('/graphql', { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${storefront_token}`, }, body: JSON.stringify({ query: query, }), }) if (response.status !== 200) { return [] } const jsonResponse = await response.json() return jsonResponse.data.site.category.breadcrumbs.edges ?? [] } catch (error) { console.error('Unable to fetch category metafields for InstantSearch facets', error) return [] } } function getIsLocale(currencyCode) { let locale switch (currencyCode.toLowerCase()) { case 'eur': locale = 'de-DE' break case 'gbp': locale = 'en-GB' break case 'afn': locale = 'af-AF' break case 'usd': default: locale = 'en-US' break } return locale } function formatIsPrice(priceList, currencyCode) { let price if (currencyCode in priceList) { price = priceList[currencyCode] } else { price = Object.values(priceList)[0] } // narrowSymbol avoids "A$" for AUD (matches BigCommerce "$12.50" formatting) return new Intl.NumberFormat(getIsLocale(currencyCode), { style: 'currency', currency: currencyCode, currencyDisplay: 'narrowSymbol', }).format(price) } function formatIsPriceRangePrice(value, compare, locale, currencyCode) { let price if (value === 0 && compare === 0) { return null } else if (value === 0 && compare > 0) { price = compare } else { price = value } return new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode, currencyDisplay: 'narrowSymbol', }).format(price) } function formatIsPriceRange(products, currencyCode, priceIndexField) { let min = 0 let max = 0 for (const key in products) { const currencyValue = (products[key][priceIndexField] && products[key][priceIndexField][currencyCode]) || 0 if (min === 0 || currencyValue < min) { min = currencyValue } if (max === 0 || currencyValue > max) { max = currencyValue } } const locale = getIsLocale(currencyCode) return { min: formatIsPriceRangePrice(min, max, locale, currencyCode), max: formatIsPriceRangePrice(max, min, locale, currencyCode), } } let categoryFacetsGlobal = [] const MMS_B2B_STORAGE_KEY = 'mmsB2BData' const B2B_POLL_INTERVAL_MS = 50 const B2B_POLL_TIMEOUT_MS = 20000 function readB2BCache() { try { const raw = sessionStorage.getItem(MMS_B2B_STORAGE_KEY) return raw ? JSON.parse(raw) : null } catch (e) { return null } } function writeB2BRoleToCache(profile) { if (!profile) return try { const existing = readB2BCache() || {} sessionStorage.setItem( MMS_B2B_STORAGE_KEY, JSON.stringify({ ...existing, b2bId: profile.b2bId ?? existing.b2bId ?? null, bcCustomerId: profile.id ?? existing.bcCustomerId ?? null, companyRoleName: profile.companyRoleName ?? existing.companyRoleName ?? null, role: profile.role ?? existing.role ?? null, }) ) } catch (e) {} } function hasRoleFields(data) { if (!data) return false if (data.role != null && data.role !== '') return true return String(data.companyRoleName || '').trim().length > 0 } function isJuniorBuyer(profile) { if (!profile) return false const roleName = String(profile.companyRoleName || '').trim().toLowerCase() if (roleName === 'junior buyer') return true return profile.role === 2 } function waitForB2BProfile(timeout = B2B_POLL_TIMEOUT_MS) { return new Promise((resolve) => { if (!document.body.classList.contains('customer-is-login')) { resolve(null) return } const cached = readB2BCache() if (hasRoleFields(cached)) { resolve(cached) return } const start = Date.now() const poll = () => { if (window.b2b?.utils?.user) { const profile = window.b2b.utils.user.getProfile?.() // Wait for role fields — b2bId alone can appear before companyRoleName/role if (profile?.b2bId != null && hasRoleFields(profile)) { writeB2BRoleToCache(profile) resolve({ ...readB2BCache(), companyRoleName: profile.companyRoleName, role: profile.role, }) return } } if (Date.now() - start > timeout) { resolve(null) return } setTimeout(poll, B2B_POLL_INTERVAL_MS) } poll() }) } async function resolveCanShowAddToCart() { if (!document.body.classList.contains('customer-is-login')) { return false } const profile = await waitForB2BProfile() // If B2B never loaded, do not show ATC (safer for junior buyers) if (!profile) return false return !isJuniorBuyer(profile) } let canShowAddToCart = false const isCategoryPage = typeof page_type !== 'undefined' && page_type == 'category' && category_id !== '' && !algoliaCategoryConfig.category_ids.includes(category_id) const parentBreadCrumbs = await fetchParentCategoryBreadcrumbs() const { liteClient } = window['algoliasearch/lite'] const instantsearchClient = liteClient( algoliaInstantsearchConfig.appId, algoliaInstantsearchConfig.publicApiKey ) instantsearchClient.addAlgoliaAgent('BigCommerce Integration') // Guests: force allowlists so priced fields/facets never come back. // Applied on the search client so it survives configure/searchFunction quirks. const isLoggedInForSearch = document.body.classList.contains('customer-is-login') const guestAttributesToRetrieve = [ 'name', 'sku', 'url', 'image_url', 'brand_name', ] const guestHiddenFacetAttributes = ['default_price', 'prices', 'sales_prices'] const hierarchicalFacetAttributes = [ 'categories.lvl0', 'categories.lvl1', 'categories.lvl2', 'categories.lvl3', 'categories.lvl4', 'categories.lvl5', 'categories.lvl6', 'categories.lvl7', ] function isGuestHiddenFacetAttribute(attribute) { return guestHiddenFacetAttributes.some( (hidden) => attribute === hidden || attribute.startsWith(`${hidden}.`) ) } function getGuestAllowedFacetAttributes() { const source = isCategoryPage && categoryFacetsGlobal.length !== 0 ? categoryFacetsGlobal : algoliaInstantsearchConfig.facets const allowed = [] for (const facet of source) { if (isGuestHiddenFacetAttribute(facet.attribute)) { continue } if (facet.type === 'hierarchical_menu' || facet.attribute === 'categories') { allowed.push(...hierarchicalFacetAttributes) } else { allowed.push(facet.attribute) } } return [...new Set(allowed)] } function stripGuestHiddenNumericFilters(numericFilters) { if (!Array.isArray(numericFilters)) { return null } const filtered = numericFilters.filter((filter) => { if (filter == null || filter === '') { return false } const filterText = String(filter) return !guestHiddenFacetAttributes.some( (attr) => filterText.includes(`${attr}>`) || filterText.includes(`${attr}<`) || filterText.includes(`${attr}=`) || filterText.includes(`${attr} >`) || filterText.includes(`${attr} <`) || filterText.includes(`${attr} =`) ) }) return filtered } function restrictGuestFacetsParam(facets) { const allowedFacets = getGuestAllowedFacetAttributes() // dynamicWidgets defaults to ['*'], which would expose default_price stats. if (!facets || (Array.isArray(facets) && facets.includes('*'))) { return allowedFacets } if (Array.isArray(facets)) { return facets.filter((facet) => !isGuestHiddenFacetAttribute(facet)) } return facets } function applyGuestSearchParamRestrictions(params) { if (typeof params === 'string') { const searchParams = new URLSearchParams(params) searchParams.set('attributesToRetrieve', guestAttributesToRetrieve.join(',')) const facetsRaw = searchParams.get('facets') if (facetsRaw) { try { searchParams.set( 'facets', JSON.stringify(restrictGuestFacetsParam(JSON.parse(facetsRaw))) ) } catch (e) { searchParams.set( 'facets', JSON.stringify(restrictGuestFacetsParam(facetsRaw.split(','))) ) } } const numericFiltersRaw = searchParams.get('numericFilters') if (numericFiltersRaw) { try { const numericFilters = stripGuestHiddenNumericFilters( JSON.parse(numericFiltersRaw) ) if (numericFilters && numericFilters.length) { searchParams.set('numericFilters', JSON.stringify(numericFilters)) } else { searchParams.delete('numericFilters') } } catch (e) {} } return searchParams.toString() } const nextParams = { ...params, attributesToRetrieve: guestAttributesToRetrieve, facets: restrictGuestFacetsParam(params.facets), } // Never send numericFilters: undefined — Algolia treats it as the literal "undefined". if ('numericFilters' in nextParams) { const numericFilters = stripGuestHiddenNumericFilters(params.numericFilters) if (numericFilters && numericFilters.length) { nextParams.numericFilters = numericFilters } else { delete nextParams.numericFilters } } return nextParams } const searchClient = isLoggedInForSearch ? instantsearchClient : { ...instantsearchClient, search(requests) { return instantsearchClient.search( requests.map((request) => ({ ...request, params: applyGuestSearchParamRestrictions(request.params), })) ) }, } const initInstantsearch = { indexName: algoliaInstantsearchConfig.indexName, searchClient, queryParameter: 'search_query', routing: true, searchFunction: function (helper) { const params = new URLSearchParams(window.location.search) const searchBoxValue = document.querySelector( '.ais-right-panel .ais-SearchBox .ais-SearchBox-input' ).value const queryParamValue = params.get('search_query') const page = helper.getPage() if (searchBoxValue && queryParamValue !== searchBoxValue) { helper.setQuery(searchBoxValue).setPage(page).search() } else if (queryParamValue && queryParamValue !== searchBoxValue) { helper.setQuery(queryParamValue).setPage(page).search() } else { helper.setQuery(searchBoxValue).setPage(page).search() } }, insights: algoliaInstantsearchConfig.isInsightsEnabled ? true : false, initialUiState: {}, } const doesCategoryFacetExist = function () { if (!isCategoryPage) { return false } const facets = categoryFacetsGlobal.length !== 0 ? categoryFacetsGlobal : algoliaInstantsearchConfig.facets for (const facet of facets) { if (facet.type === 'hierarchical_menu') { return true } } return false } const shouldWeUpdateUiState = async function () { if (!doesCategoryFacetExist()) { return } let crumbs = [] for (const breadcrumb of parentBreadCrumbs) { crumbs.push(breadcrumb.node.name) } initInstantsearch.initialUiState = { [algoliaInstantsearchConfig.indexName]: { hierarchicalMenu: { 'categories.lvl0': crumbs, }, }, } } const findObjectByLabel = (data, labelToFind) => { for (const item of data) { if (item.label === labelToFind) { return item } if (item.data && Array.isArray(item.data)) { const result = findObjectByLabel(item.data, labelToFind) if (result) { return result } } } return null } let search const { refinementList, rangeSlider, rangeInput, hierarchicalMenu, panel, clearRefinements } = instantsearch.widgets const { connectDynamicWidgets, connectCurrentRefinements } = instantsearch.connectors const hasFacetValues = function (resultState, facetName) { const isFacetValueAvailable = resultState.facets.some(function (facet) { return facet.name === facetName }) const isDisjunctiveFacetValueAvailable = resultState.disjunctiveFacets.some(function ( facet ) { return facet.name === facetName }) const isHierarchicalFacetValueAvailable = resultState.hierarchicalFacets.some(function ( facet ) { return facet.name === facetName }) return ( isFacetValueAvailable || isDisjunctiveFacetValueAvailable || isHierarchicalFacetValueAvailable ) } const widgets = [] const secondaryWidgets = [] async function createWidgetForFacet(facet) { // Guests: do not mount priced facets (avoids requesting/showing default_price). if (!isLoggedInForSearch && isGuestHiddenFacetAttribute(facet.attribute)) { return } const crumbs = [] let parentCrumbs = [] if (isCategoryPage) { parentCrumbs = parentBreadCrumbs } for (const crumb of parentCrumbs) { crumbs.push(crumb.node.name) } switch (facet.type) { case 'slider': const sliderPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(rangeSlider) widgets[facet.attribute] = { widget: (container) => sliderPanel({ attribute: facet.attribute, container }), container: document.createElement('div'), } break case 'input': const inputPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(rangeInput) widgets[facet.attribute] = { widget: (container) => inputPanel({ attribute: facet.attribute, container, }), container: document.createElement('div'), } break case 'slider_range_combo': const sliderComboPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(rangeSlider) widgets[facet.attribute] = { widget: (container) => sliderComboPanel({ attribute: facet.attribute, container }), container: document.createElement('div'), } secondaryWidgets[facet.attribute] = { widget: (container) => rangeInput({ attribute: facet.attribute, container, }), container: document.createElement('div'), } break case 'disjunctive': case 'conjunctive': const listPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(refinementList) widgets[facet.attribute] = { widget: (container) => listPanel({ attribute: facet.attribute, container: container, operator: facet.type === 'disjunctive' ? 'or' : 'and', searchable: facet.searchable ?? false, limit: algoliaInstantsearchConfig.facetOptionLimit, }), container: document.createElement('div'), } break case 'hierarchical_menu': const hierarchicalMenuPanel = panel({ templates: { header(options) { if (options.results) { return `` } }, }, hidden({ items }) { return items.length === 0 }, container: document.createElement('div'), })(hierarchicalMenu) widgets[facet.attribute] = { widget: (container) => hierarchicalMenuPanel({ container, attributes: [ 'categories.lvl0', 'categories.lvl1', 'categories.lvl2', 'categories.lvl3', 'categories.lvl4', 'categories.lvl5', 'categories.lvl6', 'categories.lvl7', ], separator: ' > ', rootPath: crumbs.join(' > '), transformItems(items) { return items.map((item) => ({ ...item, label: item.label, })) }, }), container: document.createElement('div'), } break } } async function loadDefaultFacets() { for (const facet of algoliaInstantsearchConfig.facets) { await createWidgetForFacet(facet) } } async function loadCategoryFacets() { const categoryFacets = await fetchCategoryById() if (categoryFacets) { categoryFacetsGlobal = JSON.parse(categoryFacets) } if (categoryFacetsGlobal.length === 0) { await loadDefaultFacets() return } for (const facet of categoryFacetsGlobal) { await createWidgetForFacet(facet) } } async function shouldWeLoadFacets() { if (isCategoryPage) { await loadCategoryFacets() } else { await loadDefaultFacets() } } const renderDynamicWidgets = (renderOptions, isFirstRender) => { let { attributesToRender, widgetParams } = renderOptions if (isFirstRender) { const ul = document.createElement('ul') ul.classList.add('ais-FacetList') widgetParams.container.appendChild(ul) } const ul = widgetParams.container.querySelector('ul') ul.innerHTML = '' if (isCategoryPage && categoryFacetsGlobal.length !== 0) { attributesToRender = categoryFacetsGlobal.map((facet) => facet.attribute) } attributesToRender.forEach((attribute) => { if (!widgets[attribute]) { return } const facetContainer = widgets[attribute].container ul.appendChild(facetContainer) }) } const customDynamicWidgets = connectDynamicWidgets(renderDynamicWidgets) const renderSecondaryWidgets = (renderOptions) => { const { attributesToRender } = renderOptions attributesToRender.forEach((attribute) => { if (!secondaryWidgets[attribute]) { return } const container = widgets[attribute].container.querySelector( '.ais-Panel .ais-Panel-body' ) if (!container) { return } const facetContainer = secondaryWidgets[attribute].container container.appendChild(facetContainer) }) } const customSecondaryWidgets = connectDynamicWidgets(renderSecondaryWidgets) const createDataAttribtues = (refinement) => Object.keys(refinement) .map((key) => `data-${key}="${refinement[key]}"`) .join(' ') const getFacetName = (label) => { let facet if (isCategoryPage && categoryFacetsGlobal.length !== 0) { facet = categoryFacetsGlobal.find((categoryFacet) => { return label.includes(categoryFacet.attribute) }) } else { facet = algoliaInstantsearchConfig.facets.find((configFacet) => { if ( configFacet.attribute === 'categories' && label.split('.')[0] === 'categories' ) { return true } if (configFacet.attribute === label) { return true } return false }) } return facet ? facet.title : '' } const renderListItem = (item) => ` ${item.refinements .map( (refinement) => `

${getFacetName( item.label )}: ${ refinement.label }

` ) .join('')} ` const renderCurrentRefinements = (renderOptions) => { const { items, refine, widgetParams } = renderOptions widgetParams.container.innerHTML = `

${items.map(renderListItem).join('')} ` ;[...widgetParams.container.querySelectorAll('button')].forEach((element) => { element.addEventListener('click', (event) => { const item = Object.keys(event.currentTarget.dataset).reduce( (acc, key) => ({ ...acc, [key]: event.currentTarget.dataset[key], }), {} ) refine(item) }) }) } const customCurrentRefinements = connectCurrentRefinements(renderCurrentRefinements) let instantsearchFilters = [`is_visible=1`] if (!algoliaInstantsearchConfig.showOutOfStockItems) { instantsearchFilters.push('in_stock>0') } if (typeof page_type !== 'undefined' && page_type === 'category') { instantsearchFilters.push( `category_ids:"${category_id}"` ) } function getMmsSearchPriceCache() { return window.__mmsSearchPriceCache || {} } function formatMmsCachedDisplayPrice(numericPrice, fallbackDisplayPrice) { const currencySymbol = String(fallbackDisplayPrice || '').match(/^[^\d\s]+/)?.[0] || '$' return `${currencySymbol}${Number(numericPrice).toFixed(2)}` } /** * Apply in-memory MMS search price cache to visible InstantSearch hits. * Updates existing Preact-owned price spans in place (never empty/append). */ function applyMmsSearchPriceCacheToHits() { if (!document.body.classList.contains('customer-is-login')) { return } const cache = getMmsSearchPriceCache() const containers = document.querySelectorAll( '#infinite-hits [data-mms-product-sku]' ) containers.forEach((container) => { const sku = container.getAttribute('data-mms-product-sku') const entry = sku ? cache[sku] : null if (!entry || !entry.checked) { return } container.setAttribute('data-mms-price-checked', 'true') container.removeAttribute('data-mms-price-loading') const span = container.querySelector('[data-product-price-without-tax]') if (!span) { return } if (entry.contactForPrice) { span.textContent = 'Contact for price' container.setAttribute('data-mms-product-price', 'Contact for price') return } if (entry.price == null || typeof entry.price !== 'number') { return } const formatted = formatMmsCachedDisplayPrice( entry.price, span.textContent.trim() ) span.innerHTML = `${formatted} ^+GST` container.setAttribute('data-mms-product-price', String(entry.price)) }) } function createIsHitTemplateHtml(hit, html, sendEvent) { const isLoggedIn = document.body.classList.contains('customer-is-login') let brandHtml = html`` if (hit.brand_name) { brandHtml = html`

${hit.brand_name}

` } let pricingHtml = html`` let actionsHtml = html`` if (isLoggedIn) { let addToCartParam let price let salesPrice if (algoliaInstantsearchConfig.recordType === 'variant') { addToCartParam = `sku=${hit.sku}` price = formatIsPrice( hit.prices, algoliaInstantsearchConfig.currentCurrencyCode ) salesPrice = formatIsPrice( hit.sales_prices, algoliaAutocompleteConfig.currentCurrencyCode ) } else if (algoliaInstantsearchConfig.recordType === 'product') { addToCartParam = `product_id=${hit.objectID}` const priceRange = formatIsPriceRange( hit.variants, algoliaInstantsearchConfig.currentCurrencyCode, 'prices' ) const salesRange = formatIsPriceRange( hit.variants, algoliaInstantsearchConfig.currentCurrencyCode, 'sales_prices' ) if (priceRange.min === null && priceRange.max === null) { price = `View For Pricing` } else if (priceRange.min !== priceRange.max) { price = `${priceRange.min} - ${priceRange.max}` } else { price = priceRange.min } if (salesRange.min !== salesRange.max) { salesPrice = `${salesRange.min} - ${salesRange.max}` } else { salesPrice = salesRange.min } } // Match category card markup: price-section + without-tax price + optional +GST. // Prefer sale price as the visible/current amount when present (same role as BC price.without_tax on sale items). const salesPriceNumeric = salesPrice != null ? parseFloat(String(salesPrice).replace(/[^\d.-]/g, '')) : NaN const hasSalePrice = !Number.isNaN(salesPriceNumeric) && salesPriceNumeric > 0 let displayPrice = hasSalePrice ? salesPrice : price // Prefer in-memory MMS override when already checked this page session. const cacheEntry = getMmsSearchPriceCache()[hit.sku] const isPriceCached = Boolean(cacheEntry && cacheEntry.checked) if (isPriceCached && cacheEntry.contactForPrice) { displayPrice = 'Contact for price' } else if (isPriceCached && typeof cacheEntry.price === 'number') { displayPrice = formatMmsCachedDisplayPrice(cacheEntry.price, displayPrice) } const showGst = displayPrice !== 'View For Pricing' && displayPrice !== 'Contact for price' && !(typeof displayPrice === 'string' && displayPrice.includes(' - ')) const priceInner = showGst ? html`${displayPrice} ^+GST` : displayPrice const priceCheckedAttr = isPriceCached ? 'true' : 'false' pricingHtml = html`

Loading price...

${priceInner}

` const addToCartHtml = canShowAddToCart ? html` ` : null actionsHtml = html`

${addToCartHtml}

` } return html`

${brandHtml}

${hit.name}

${hit.sku}

${pricingHtml} ${actionsHtml} ` } function addInstantsearchWidgets() { search.addWidgets([ instantsearch.widgets.searchBox({ container: '#searchbox', placeholder: 'Search...', searchAsYouType: true, }), instantsearch.widgets.infiniteHits({ container: '#infinite-hits', transformItems(items, { results }) { return items.map(item => ({ ...item, queryID: results.queryID, })); }, templates: { item(hit, { html, sendEvent }) { return createIsHitTemplateHtml(hit, html, sendEvent) }, }, }), hierarchicalMenu({ container: '#dynamic-widgets', attributes: [ 'categories.lvl0', 'categories.lvl1', 'categories.lvl2', 'categories.lvl3', 'categories.lvl4', 'categories.lvl5', 'categories.lvl6', 'categories.lvl7' ], }), customDynamicWidgets({ container: document.querySelector('#dynamic-widgets'), widgets: Object.values(widgets).map(({ widget, container }) => { return widget(container) }), }), instantsearch.widgets.stats({ container: '#stats', templates: { text: function (data) { if (data.nbHits > 0) { return ( data.nbHits + ' results found in ' + data.processingTimeMS + ' ms' ) } }, }, }), customDynamicWidgets({ container: document.querySelector('#dynamic-widgets'), widgets: Object.values(widgets).map(({ widget, container }) => widget(container)), }), customCurrentRefinements({ container: document.querySelector('#current-refinements'), }), clearRefinements({ container: '#clear-refinements', templates: { resetLabel: 'Clear All', }, }), customSecondaryWidgets({ container: document.createElement('div'), widgets: Object.values(secondaryWidgets).map(({ widget, container }) => widget(container) ), }), instantsearch.widgets.configure({ hitsPerPage: algoliaInstantsearchConfig.hitsPerPage, distinct: algoliaInstantsearchConfig.isDistinct, filters: instantsearchFilters.join(' AND '), facetingAfterDistinct: algoliaInstantsearchConfig.isDistinct ? true : false, }), ]) if (algoliaInstantsearchConfig.sortOrders.length > 1) { search.addWidgets([ instantsearch.widgets.sortBy({ container: '.ais-sort-orders-container', items: algoliaInstantsearchConfig.sortOrders, }), ]) } } function attachInstantSearchDOMEvents() { document.querySelector('.ais-SearchBox-reset').addEventListener('click', () => { document.querySelector('.ais-right-panel .ais-SearchBox .ais-SearchBox-input').value = '' }) } await shouldWeLoadFacets() await shouldWeUpdateUiState() const instantSearchInitOptions = algoliaInstantsearchConfig.hooks.triggerHooks( 'instantSearchInitOptions', initInstantsearch ); canShowAddToCart = await resolveCanShowAddToCart() search = instantsearch(instantSearchInitOptions) addInstantsearchWidgets() search.start() window.addEventListener('mms:search-price-cache-updated', () => { applyMmsSearchPriceCacheToHits() }) let rendered = false search.on('render', function () { if (!rendered) { const sortByContent = document.querySelector('.ais-sort-orders-container') if ( sortByContent.innerHTML.includes('class="ais-SortBy"') && !sortByContent.innerHTML.includes('Sort By') ) { sortByContent.innerHTML = '' sortByContent.innerHTML = 'Sort By' + sortByContent.innerHTML rendered = true } } // Re-apply cached MMS prices after Preact re-renders hits (e.g. query change). applyMmsSearchPriceCacheToHits() }) attachInstantSearchDOMEvents() })()

U-PROX

Compare

Compare

Compare