{"version":3,"file":"Search-LvvX-WW8.js","sources":["../../../resources/js/components/Meili/Product/SearchHit.vue","../../../resources/js/components/Meili/Product/Search.vue"],"sourcesContent":["<template>\n\t<div class=\"flex gap-3\">\n\t\t<a class=\"no-underline\" :href=\"itemLink\" aria-label=\"Open Product Link\">\n\t\t\t<figure role=\"figure\" class=\"w-[72px]\" :aria-label=\"item.title\">\n\t\t\t\t<img :src=\"item.image\" rel=\"preload\" :alt=\"item.title\" class=\"w-full object-contain\" />\n\t\t\t</figure>\n\t\t</a>\n\t\t<div class=\"flex flex-col items-start\">\n\t\t\t<h4 class=\"text-xs/[18px] font-medium\">{{ itemCategory }}</h4>\n\t\t\t<p v-if=\"item.variantLabel\" class=\"text-xs/[18px] font-normal !m-0 !p-0\">\n\t\t\t\t{{ item.variantLabel }}: {{ item.shortTitle }}\n\t\t\t</p>\n\t\t\t<p class=\"text-xs/[18px] font-medium !m-0 !p-0 !mt-1.5\">\n\t\t\t\t{{ item.price }}\n\t\t\t</p>\n\t\t\t<div class=\"mt-auto flex gap-3\">\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"item.outOfStock\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled\n\t\t\t\t\tclass=\"disabled:opacity-25 disabled:pointer-events-none disabled:cursor-not-allowed text-xs/[18px] font-normal\"\n\t\t\t\t\taria-label=\"Item Out of Stock\"\n\t\t\t\t>\n\t\t\t\t\tOut of Stock\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tv-else-if=\"!isReleased\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled\n\t\t\t\t\tclass=\"disabled:opacity-25 disabled:pointer-events-none disabled:no-underline disabled:cursor-not-allowed text-xs/[18px] font-normal flex items-end gap-2\"\n\t\t\t\t\taria-label=\"Item Pending Release\"\n\t\t\t\t>\n\t\t\t\t\t<span v-html=\"formattedReleaseDate\" />\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tv-else\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"disabled:opacity-25 disabled:no-underline disabled:pointer-events-none disabled:cursor-not-allowed text-xs/[18px] font-normal underline underline-offset-2\"\n\t\t\t\t\t:disabled=\"loading\"\n\t\t\t\t\t@click=\"handleAddToCart\"\n\t\t\t\t\taria-label=\"Add to Bag\"\n\t\t\t\t>\n\t\t\t\t\t{{ addToBagTxt }}\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"isLoggedIn\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=\"handleAddToList\"\n\t\t\t\t\taria-label=\"Add to List\"\n\t\t\t\t\tclass=\"text-xs/[18px] font-normal underline underline-offset-2\"\n\t\t\t\t>\n\t\t\t\t\t{{ addToListTxt }}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script setup>\nimport { ref, computed } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport dayjs from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport timezone from 'dayjs/plugin/timezone'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\n\nimport { useSessionStore, useCartStore } from '@stores'\n\nconst props = defineProps({\n\titem: {\n\t\ttype: Object,\n\t\trequired: true,\n\t},\n})\nconst emit = defineEmits(['list-add'])\n\nconst loading = ref(false)\nconst addToBagTxt = ref('Add to bag')\nconst addToListTxt = ref('Add to list')\n\nconst sessionStore = useSessionStore()\nconst { shoppingContext, isLoggedIn } = storeToRefs(sessionStore)\nconst cartStore = useCartStore()\nconst { addToCart } = cartStore\n\nconst itemLink = computed(() =>\n\troute(`shop.${shoppingContext.value}.item.index`, {\n\t\t...props.item.linkParams,\n\t})\n)\nconst itemCategory = computed(() => props.item.title.split('-')[0].trim())\nconst isReleased = computed(() => {\n\tif (!props.item.releaseDateForCustomer) return true\n\tconst today = dayjs()\n\treturn today.isAfter(props.item.releaseDateForCustomer)\n})\nconst formattedReleaseDate = computed(() => {\n\tconst d = dayjs(props.item.releaseDateForCustomer).tz(props.item.timezone)\n\tconst [month, dayParts] = d.format('MMMM Do').split(' ')\n\tconst day = dayParts.slice(0, -2)\n\tconst ordinal = dayParts.slice(-2)\n\tconst time = d.format('hha')\n\treturn `Available ${month} ${day}<sup>${ordinal}</sup> at ${time}`\n})\n\nconst handleAddToList = () => {\n\temit('list-add', props.item)\n}\nconst handleAddToCart = async () => {\n\ttry {\n\t\tloading.value = true\n\t\tconst { itemId } = props.item\n\t\tconst items = [\n\t\t\t{\n\t\t\t\tid: itemId,\n\t\t\t\tquantity: 1,\n\t\t\t},\n\t\t]\n\t\taddToBagTxt.value = 'Adding'\n\t\tawait addToCart({ items })\n\t\taddToBagTxt.value = 'Added!'\n\t\tloading.value = false\n\t\tsetTimeout(() => {\n\t\t\taddToBagTxt.value = 'Add to bag'\n\t\t}, 1200)\n\t} catch (_) {\n\t\taddToBagTxt.value = 'Failed'\n\t\tsetTimeout(() => {\n\t\t\taddToBagTxt.value = 'Add to bag'\n\t\t}, 1200)\n\t} finally {\n\t\tloading.value = false\n\t}\n}\n</script>\n","<template>\n\t<div v-if=\"searchOpen\" class=\"bg-white w-full z-10 top-0 absolute\">\n\t\t<div class=\"max-w-4xl h-11 w-full relative mx-auto\">\n\t\t\t<svg-vue icon=\"search-md\" class=\"w-5 h-5 md:w-5 md:h-5 overflow-visible absolute left-3 md:left-0 top-2\" />\n\t\t\t<input\n\t\t\t\tref=\"inputRef\"\n\t\t\t\tid=\"product-search\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tautocapitalize=\"off\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t\tautocorrect=\"off\"\n\t\t\t\tmaxlength=\"64\"\n\t\t\t\tspellcheck=\"false\"\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tclass=\"!p-0 !ps-10 md:!ps-7 focus:!ring-0 font-normal !border-none text-sm !h-full\"\n\t\t\t\tv-model=\"query\"\n\t\t\t\t@input=\"refineSearch()\"\n\t\t\t/>\n\t\t\t<label\n\t\t\t\tfor=\"product-search\"\n\t\t\t\tclass=\"hidden invisible absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 text-sm font-normal\"\n\t\t\t>\n\t\t\t\tSearch\n\t\t\t</label>\n\t\t\t<button\n\t\t\t\tv-if=\"query.length > 0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"handleSearchClear()\"\n\t\t\t\tclass=\"absolute text-xs/[18px] top-3 right-10 md:right-5 hover:underline\"\n\t\t\t\taria-label=\"Clear Search\"\n\t\t\t>\n\t\t\t\tClear\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"handleSearchClose()\"\n\t\t\t\tclass=\"absolute top-4 right-4 md:right-0\"\n\t\t\t\taria-label=\"Close Search\"\n\t\t\t>\n\t\t\t\t<svg-vue icon=\"close-md\" class=\"w-2.5 h-2.5 overflow-visible\" />\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-show=\"results.length > 0\" class=\"overflow-y-scroll no-scrollbar max-h-[383px] !pt-4 !pb-8 w-full bg-white\">\n\t\t\t<ul class=\"!px-3 !m-0 flex flex-col gap-3 max-w-4xl w-full mx-auto\">\n\t\t\t\t<li v-for=\"item in results\" :key=\"item.link\">\n\t\t\t\t\t<search-hit :item=\"item\" @list-add=\"handleAddToLists\" />\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<generic-modal ref=\"modalRef\" title=\"Add to List\">\n\t\t\t<template v-slot:content>\n\t\t\t\t<product-list-choice\n\t\t\t\t\t:item=\"selectedItem\"\n\t\t\t\t\t@completed=\"handleAddToListsComplete\"\n\t\t\t\t\t@create-new-start=\"handleHideParent\"\n\t\t\t\t\t@create-new-end=\"handleShowParent\"\n\t\t\t\t/>\n\t\t\t</template>\n\t\t</generic-modal>\n\t</div>\n</template>\n<script setup>\nimport { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport axios from 'axios'\n\nimport { useSessionStore, useAppStore } from '@stores'\nimport SearchHit from './SearchHit.vue'\n\nconst SEARCH_ENDPOINT = import.meta.env.VITE_SEARCH_ENDPOINT\nconst SEARCH_TOKEN = import.meta.env.VITE_MEILISEARCH_CLIENT_KEY\n\nconst config = {\n\tbaseURL: `${SEARCH_ENDPOINT}/indexes`,\n\theaders: {\n\t\tAuthorization: `Bearer ${SEARCH_TOKEN}`,\n\t\t'Content-Type': 'application/json',\n\t\tAccepts: 'application/json',\n\t},\n}\nconst searchClient = axios.create(config)\n\nconst sessionStore = useSessionStore()\nconst { itemSearchIndex } = storeToRefs(sessionStore)\nconst appStore = useAppStore()\nconst { searchOpen } = storeToRefs(appStore)\nconst { closeSearch } = appStore\n\nconst inputRef = ref(null)\nconst modalRef = ref(null)\nconst query = ref('')\nconst limit = ref(500)\nconst debounce = ref(null)\nconst results = ref([])\nconst selectedItem = ref(null)\n\nonMounted(() => window.addEventListener('keydown', handleKeydown))\nonUnmounted(() => window.removeEventListener('keydown', handleKeydown))\n\nwatch(searchOpen, (hasOpened) => {\n\tif (hasOpened) {\n\t\tnextTick(() => inputRef.value.focus())\n\t}\n})\n\nconst handleKeydown = (e) => {\n\tconst key = e.which || e.keyCode\n\tconst KEY_CODES = {\n\t\tESC: 27,\n\t}\n\tswitch (key) {\n\t\tcase KEY_CODES.ESC:\n\t\t\thandleSearchClose()\n\t\t\tbreak\n\t\tdefault:\n\t\t\tbreak\n\t}\n}\nconst refineSearch = () => {\n\tclearTimeout(debounce.value)\n\tdebounce.value = setTimeout(async () => {\n\t\ttry {\n\t\t\tif (query.value.trim().length === 0) {\n\t\t\t\tresults.value = []\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst url = `${itemSearchIndex.value}/search`\n\t\t\tconst { data } = await searchClient.get(url, {\n\t\t\t\tparams: {\n\t\t\t\t\tq: query.value,\n\t\t\t\t\tlimit: limit.value,\n\t\t\t\t\tfilter: 'isActive = \"true\" AND isSearchable = \"true\" AND showOnWeb = \"true\"',\n\t\t\t\t},\n\t\t\t})\n\t\t\tresults.value = data?.hits ?? []\n\t\t} catch (_) {\n\t\t\tresults.value = []\n\t\t}\n\t}, 250)\n}\nconst handleSearchClear = () => {\n\tquery.value = ''\n\tresults.value = []\n}\nconst handleSearchClose = () => {\n\tif (searchOpen.value) {\n\t\thandleSearchClear()\n\t\tcloseSearch()\n\t}\n}\nconst handleAddToLists = (item) => {\n\tconst { exigoItemId, itemId } = item\n\tselectedItem.value = { ...item, id: itemId, itemId: exigoItemId }\n\tmodalRef.value.openModal()\n}\nconst handleAddToListsComplete = () => {\n\tselectedItem.value = null\n\tmodalRef.value.closeModal()\n}\nconst handleHideParent = () => {\n\tmodalRef.value.dynamicHide()\n\tmodalRef.value.enableIsNested()\n}\nconst handleShowParent = () => {\n\tmodalRef.value.openModal()\n\tmodalRef.value.dynamicShow()\n\tmodalRef.value.disableIsNested()\n}\n</script>\n"],"names":["dayjs","utc","timezone","props","__props","emit","__emit","loading","ref","addToBagTxt","addToListTxt","sessionStore","useSessionStore","shoppingContext","isLoggedIn","storeToRefs","cartStore","useCartStore","addToCart","itemLink","computed","itemCategory","isReleased","formattedReleaseDate","month","dayParts","day","ordinal","time","handleAddToList","handleAddToCart","itemId","items","SEARCH_ENDPOINT","SEARCH_TOKEN","config","searchClient","axios","itemSearchIndex","appStore","useAppStore","searchOpen","closeSearch","inputRef","modalRef","query","limit","debounce","results","selectedItem","onMounted","handleKeydown","onUnmounted","watch","hasOpened","nextTick","e","key","KEY_CODES","handleSearchClose","refineSearch","url","data","handleSearchClear","handleAddToLists","item","exigoItemId","handleAddToListsComplete","handleHideParent","handleShowParent"],"mappings":"wjCAgEAA,EAAM,OAAOC,CAAG,EAChBD,EAAM,OAAOE,CAAQ,EAIrB,MAAMC,EAAQC,EAMRC,EAAOC,EAEPC,EAAUC,EAAI,EAAK,EACnBC,EAAcD,EAAI,YAAY,EAC9BE,EAAeF,EAAI,aAAa,EAEhCG,EAAeC,EAAiB,EAChC,CAAE,gBAAAC,EAAiB,WAAAC,GAAeC,EAAYJ,CAAY,EAC1DK,EAAYC,EAAc,EAC1B,CAAE,UAAAC,CAAW,EAAGF,EAEhBG,EAAWC,EAAS,IACzB,MAAM,QAAQP,EAAgB,KAAK,cAAe,CACjD,GAAGV,EAAM,KAAK,UAChB,CAAE,CACF,EACMkB,EAAeD,EAAS,IAAMjB,EAAM,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,KAAI,CAAE,EACnEmB,EAAaF,EAAS,IACtBjB,EAAM,KAAK,uBACFH,EAAO,EACR,QAAQG,EAAM,KAAK,sBAAsB,EAFP,EAG/C,EACKoB,EAAuBH,EAAS,IAAM,CAC3C,MAAM,EAAIpB,EAAMG,EAAM,KAAK,sBAAsB,EAAE,GAAGA,EAAM,KAAK,QAAQ,EACnE,CAACqB,EAAOC,CAAQ,EAAI,EAAE,OAAO,SAAS,EAAE,MAAM,GAAG,EACjDC,EAAMD,EAAS,MAAM,EAAG,EAAE,EAC1BE,EAAUF,EAAS,MAAM,EAAE,EAC3BG,EAAO,EAAE,OAAO,KAAK,EAC3B,MAAO,aAAaJ,CAAK,IAAIE,CAAG,QAAQC,CAAO,aAAaC,CAAI,EACjE,CAAC,EAEKC,EAAkB,IAAM,CAC7BxB,EAAK,WAAYF,EAAM,IAAI,CAC5B,EACM2B,EAAkB,SAAY,CACnC,GAAI,CACHvB,EAAQ,MAAQ,GAChB,KAAM,CAAE,OAAAwB,GAAW5B,EAAM,KACnB6B,EAAQ,CACb,CACC,GAAID,EACJ,SAAU,CACV,CACD,EACDtB,EAAY,MAAQ,SACpB,MAAMS,EAAU,CAAE,MAAAc,EAAO,EACzBvB,EAAY,MAAQ,SACpBF,EAAQ,MAAQ,GAChB,WAAW,IAAM,CAChBE,EAAY,MAAQ,YACpB,EAAE,IAAI,CACP,MAAW,CACXA,EAAY,MAAQ,SACpB,WAAW,IAAM,CAChBA,EAAY,MAAQ,YACpB,EAAE,IAAI,CACT,QAAW,CACTF,EAAQ,MAAQ,EAChB,CACF,mzCCjEA,MAAM0B,EAAkB,+BAClBC,EAAe,mEAEfC,EAAS,CACd,QAAS,GAAGF,CAAe,WAC3B,QAAS,CACR,cAAe,UAAUC,CAAY,GACrC,eAAgB,mBAChB,QAAS,kBACV,CAAA,EAEKE,EAAeC,EAAM,OAAOF,CAAM,EAElCxB,EAAeC,IACf,CAAE,gBAAA0B,CAAA,EAAoBvB,EAAYJ,CAAY,EAC9C4B,EAAWC,IACX,CAAE,WAAAC,CAAA,EAAe1B,EAAYwB,CAAQ,EACrC,CAAE,YAAAG,CAAgB,EAAAH,EAElBI,EAAWnC,EAAI,IAAI,EACnBoC,EAAWpC,EAAI,IAAI,EACnBqC,EAAQrC,EAAI,EAAE,EACdsC,EAAQtC,EAAI,GAAG,EACfuC,EAAWvC,EAAI,IAAI,EACnBwC,EAAUxC,EAAI,CAAA,CAAE,EAChByC,EAAezC,EAAI,IAAI,EAE7B0C,EAAU,IAAM,OAAO,iBAAiB,UAAWC,CAAa,CAAC,EACjEC,EAAY,IAAM,OAAO,oBAAoB,UAAWD,CAAa,CAAC,EAEhEE,EAAAZ,EAAaa,GAAc,CAC5BA,GACHC,GAAS,IAAMZ,EAAS,MAAM,MAAO,CAAA,CACtC,CACA,EAEK,MAAAQ,EAAiBK,GAAM,CACtB,MAAAC,EAAMD,EAAE,OAASA,EAAE,QACnBE,EAAY,CACjB,IAAK,EAAA,EAEN,OAAQD,EAAK,CACZ,KAAKC,EAAU,IACIC,IAClB,KAGF,CAAA,EAEKC,EAAe,IAAM,CAC1B,aAAab,EAAS,KAAK,EAClBA,EAAA,MAAQ,WAAW,SAAY,CACnC,GAAA,CACH,GAAIF,EAAM,MAAM,KAAK,EAAE,SAAW,EAAG,CACpCG,EAAQ,MAAQ,GAChB,MACD,CACM,MAAAa,EAAM,GAAGvB,EAAgB,KAAK,UAC9B,CAAE,KAAAwB,CAAK,EAAI,MAAM1B,EAAa,IAAIyB,EAAK,CAC5C,OAAQ,CACP,EAAGhB,EAAM,MACT,MAAOC,EAAM,MACb,OAAQ,oEACT,CAAA,CACA,EACOE,EAAA,OAAQc,GAAA,YAAAA,EAAM,OAAQ,CAAA,OACnB,CACXd,EAAQ,MAAQ,EACjB,GACE,GAAG,CAAA,EAEDe,EAAoB,IAAM,CAC/BlB,EAAM,MAAQ,GACdG,EAAQ,MAAQ,EAAC,EAEZW,EAAoB,IAAM,CAC3BlB,EAAW,QACIsB,IACNrB,IACb,EAEKsB,EAAoBC,GAAS,CAC5B,KAAA,CAAE,YAAAC,EAAa,OAAAnC,CAAW,EAAAkC,EAChChB,EAAa,MAAQ,CAAE,GAAGgB,EAAM,GAAIlC,EAAQ,OAAQmC,GACpDtB,EAAS,MAAM,WAAU,EAEpBuB,EAA2B,IAAM,CACtClB,EAAa,MAAQ,KACrBL,EAAS,MAAM,YAAW,EAErBwB,EAAmB,IAAM,CAC9BxB,EAAS,MAAM,cACfA,EAAS,MAAM,gBAAe,EAEzByB,EAAmB,IAAM,CAC9BzB,EAAS,MAAM,YACfA,EAAS,MAAM,cACfA,EAAS,MAAM,iBAAgB"}