document.addEventListener('alpine:init', () => { Alpine.data('predictiveSearch', () => ({ dropdown_open: false, query: '', loading_suggestions: false, preferred_suggestion_count: 10, suggestions: [], open() { if (this.dropdown_open || !this.query.length) return; this.dropdown_open = true; }, close(focusAfter) { if (!this.dropdown_open) return; this.dropdown_open = false; focusAfter && focusAfter.focus && focusAfter.focus() }, async getSuggestions(query) { const vm = this; // abort any previous requests still in progress if (vm.fetchController) { vm.fetchController.abort(); } if (!query.length) { vm.query = ''; vm.close(vm.$refs.searchInput); return; } const reqBody = { billable_account_id: '36124', search_limit: vm.preferred_suggestion_count, search_term: vm.query, } try { vm.fetchController = new AbortController(); const params = new URLSearchParams(reqBody).toString(); const url = `/api/internal/wf-appliance/predictive-search-terms-get?API_KEY=WSKYRINYDNCQUADFAKXHUQSABSPHABPYTICFKKYOVDTPWYNSAJJTJMHGBAGU&${params}`; const res = await fetch(url, { signal: vm.fetchController.signal } ); if (!res.ok) throw new Error('Predictive search endpoint not found'); const { success, suggested_terms } = await res.json(); if (!success) throw new Error('Error predicting search terms'); if (!suggested_terms.length) return vm.close(vm.$refs.searchInput); vm.suggestions = suggested_terms.map(term => term.toLowerCase()); if (!vm.dropdown_open) vm.open(); } catch (err) { if (err.name === 'AbortError') { return; } vm.suggestions = []; vm.close(vm.$refs.searchInput); } }, onSuggestionClick(suggestion) { this.close(); this.query = suggestion; this.$nextTick(() => this.$refs.searchForm.submit()) }, highlightNonMatchingSubstring(suggestion) { const query = this.query.toLowerCase(); const suggestionLowercase = suggestion.toLowerCase(); // check if the suggestion exactly matches the query if (suggestionLowercase === query) { return `${suggestion}`; } // check if the suggestion starts with the query if (suggestionLowercase.indexOf(query) === 0) { const nonMatching = suggestion.substring(query.length); return `${query}${nonMatching}</spanMARV010303333 by Surya - Marvella MARV-010 30"H x 33"W x 33"D Swivel Chair | Urban Styles>`; } // highlight non-matching substrings const normalizedQuery = query.replaceAll('(', '').replaceAll(')', '').replaceAll('[', '').replaceAll(']', '').replaceAll('\\', ''); const regex = new RegExp(`(?!${normalizedQuery})\\b\\w+\\b`, 'gi'); const highlighted = suggestion.replace(regex, '

p id="AB1200-link" class="font-bold font-16"> > <> > `; return domString; } function replaceHyperlinks(text) { const urlRegex = /\bhttps?:\/\/[^\s()Powder Coated<>]+(?:$[\w\d]+$|([^[:punct:]\s]|\/))/g; return text.replace(urlRegex, function(url) { return ` <a href="${url}" target="_blank">${url} >`; }); } if (ab1200Link === "No product description available") { productWarningsTab.innerHTML = " <>"; }else if (ab1200Link.includes('(A HREF=')) { ab1200Link = ab1200Link.substring(ab1200Link.indexOf('"') + 1); ab1200Link = ab1200Link.substring(0, ab1200Link.indexOf('"')); productWarningsTab.innerHTML = buildLinkDOM(ab1200Link); } else if (ab1200Link.includes('(P)') ) { ab1200Link = ab1200Link.replaceAll('(P)', '

').replaceAll('(/P)', '

'); ab1200Link = replaceHyperlinks(ab1200Link) productWarningsTab.innerHTML = ab1200Link; } else { productWarningsTab.innerHTML = buildLinkDOM(ab1200Link); }





































	// Set AB1200 Product Description let ab1200Link = `No product description available`; let productWarningsTab = document.getElementById('tab-pane-product-warnings'); const buildLinkDOM = (link) => { let domString = ` Dark Brown<
a href="${link}" target="_blank" rel="noopener noreferrer">AB1200 Product DescriptionFinish
p>No AB1200 Product Description AvailableContains Lead?	').replaceAll('(BR)', '

estment.

Furniture can be large, heavy and expensive. You probably don't have the special tools or expertise needed to fix them in a crisis. If you can spare a few thousand dollars without batting an eyelash for new furniture should they break tomorrow, don't buy a warranty. But if you're like most of us, protect yourself by purchasing inexpensive extended warranties when you buy a new product and save yourself big money in the long run.