{"version":3,"file":"static/chunks/pages/search-163194738f774384.js","mappings":"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","sources":["webpack://_N_E/?1a8c","webpack://_N_E/./pages/search.js"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/search\",\n function () {\n return require(\"private-next-pages/search.js\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/search\"])\n });\n }\n ","import { useEffect, useState } from 'react';\nimport { useRouter } from 'next/router';\nimport ReactPaginate from 'react-paginate';\nimport Head from 'next/head';\nimport cls from 'classnames'\n\nimport {\n analytics,\n getPaginationDetail,\n getSearchDetail,\n} from '@/utils/analytics';\nimport { isDDEnv, mergeAssetsOrEntries } from '@/utils/helper';\nimport {\n getContentById,\n getAllTagGroups,\n getTagsByTagGroupId,\n getTagIdsBySlug,\n getDynamicPages,\n searchPagesByKeyword,\n findPagesForSearch,\n} from '@/utils/api';\n\nimport Icon from '@/atoms/Icon/Icon';\nimport Text from '@/atoms/Text/Text';\nimport Navigation from '@/organisms/Navigation/Navigation';\nimport Footer from '@/organisms/Footer/Footer';\nimport ContentGrid from '@/organisms/ContentGrid/ContentGrid';\n\nfunction Search({\n textSearch,\n tagsToSearch,\n entries,\n assets,\n isFromContentColumn,\n navFields,\n contentGridFields = {},\n searchResultCount,\n footerFields,\n paginationNo,\n paginationLimit,\n invalidParams,\n}) {\n const router = useRouter();\n const isKorean = router?.locale === 'ko-KR';\n const [pageCount, setPageCount] = useState(0);\n\n const handleRemoveTag = (tagId) => {\n const newTagsToSearch = tagsToSearch.filter((i) => i.id !== tagId);\n const newTagsToSearchSlug = newTagsToSearch.map((i) => i.slug).join(',');\n router.push(`/search?t=${newTagsToSearchSlug}`);\n };\n\n const handlePageChange = (e) => {\n const url = router.asPath;\n const urlPart = url.split('?');\n let searchParams = '';\n\n if (urlPart[1]) {\n searchParams = urlPart[1];\n }\n\n //construct new urlParams object\n const urlParams = new URLSearchParams(searchParams);\n\n urlParams.set('page', e.selected + 1);\n\n analytics({\n window,\n document,\n detail: getPaginationDetail(e),\n });\n\n router.push(`/search?${urlParams}`);\n };\n\n //if params not valid redirect to landing page\n useEffect(() => {\n if (invalidParams) {\n router.push('/');\n }\n }, [invalidParams, router]);\n\n //set pagination\n useEffect(() => {\n setPageCount(Math.ceil(searchResultCount / paginationLimit));\n }, [paginationLimit, searchResultCount]);\n\n useEffect(() => {\n const hasSearchTerm = router?.query?.t || router?.query?.q;\n if (router?.query?.fromSearch && hasSearchTerm) {\n analytics({\n window,\n document,\n detail: getSearchDetail({\n searchTerm: router?.query?.t || router?.query?.q,\n searchResultCount,\n }),\n });\n }\n }, [searchResultCount, router]);\n\n if (invalidParams) return null;\n //if params not valid redirect to landing page\n\n return (\n <>\n \n Search Results\n \n \n \n
\n
\n {isKorean ? '해당 검색결과' : 'Search results for'}\n \n {textSearch.length > 0 && (\n <>\n \n ‘{textSearch}’\n \n
\n \n )}\n 0,\n }, 'dd-kr:hidden dd-en:hidden', )}\n >\n {tagsToSearch.map((i) => (\n handleRemoveTag(i.id)}\n >\n {i.name}\n \n \n ))}\n
\n 1 ? pageCount : 0}\n pageRangeDisplayed={5}\n onPageChange={handlePageChange}\n nextLabel=\"\"\n previousLabel=\"\"\n renderOnZeroPageCount={null}\n className=\"aaco-pagination\"\n />\n
\n \n \n \n \n );\n}\n\nexport async function getServerSideProps(context) {\n /*\n context.req.query -> query params sent from Azure Func\n context.query -> sent from node (local dev)\n */\n let textSearch = context?.req?.query?.q ?? context?.query?.q ?? '';\n let tagSearch = context?.req?.query?.t ?? context?.query?.t ?? '';\n let tagsToSearch = [];\n let tagsToSearchGrouped = {};\n let entries = [];\n let assets = [];\n let contentGridFields = {};\n let dynamicPages = [];\n let paginationNo = context?.req?.query?.page ?? context?.query?.page ?? 1;\n let paginationLimit = 9;\n let searchResultCount = 0;\n let invalidParams = false;\n\n //if text / tag are both empty (invalid params), redirect to landing page.\n //not able to do a server side redirect here since it's create an error on azure func.\n if (textSearch.length === 0 && tagSearch.length === 0) {\n invalidParams = true;\n\n return {\n props: {\n invalidParams,\n },\n };\n }\n\n //tag-based search\n let pages = [];\n if (tagSearch.length > 0) {\n tagsToSearch = (await getTagIdsBySlug(tagSearch)).data.items.map((i) => ({\n id: i.sys.id,\n name: i.fields.name,\n slug: i.fields.slug,\n group: i.fields.tagGroup?.sys.id,\n }));\n\n tagsToSearchGrouped = tagsToSearch.reduce((a, c) => {\n if (!a[c.group]) {\n a[c.group] = [];\n }\n a[c.group].push(c);\n\n return a;\n }, {});\n\n const pageIds = await Promise.all(\n Object.values(tagsToSearchGrouped).map(\n async (tags) =>\n await findPagesForSearch(\n textSearch,\n tags.map((t) => t.id)\n )\n )\n );\n\n pages = pageIds[0];\n for (let i = 1; i < pageIds.length; i++) {\n pages = pages?.filter((p) => pageIds[i].includes(p));\n }\n } else {\n pages = await findPagesForSearch(textSearch);\n }\n\n const locale = context?.locale;\n const isKorean = locale === 'ko-KR';\n\n //get the search results\n dynamicPages = await searchPagesByKeyword(\n pages,\n paginationNo,\n paginationLimit,\n assets,\n entries,\n locale\n );\n\n assets = dynamicPages.filteredNewAssets;\n entries = dynamicPages.filteredNewEntries;\n\n //turn pages into cards\n contentGridFields.cards =\n dynamicPages?.resp?.data?.items\n ?.map((i) => {\n if (!i) return null;\n return {\n primaryCTA: i.fields.slug,\n tags: i.fields.tags ?? null,\n title: i.fields.title,\n text: i.fields.previewText ?? null,\n dynamicAsset: i.fields.previewAsset ?? null,\n cloudinaryAssets: i.fields.cloudinaryPreviewAssets ?? null,\n };\n })\n ?.filter((i) => !!i?.title) || null;\n\n searchResultCount = dynamicPages.resp.data.total || 0;\n\n //since the page contains navigation component, we also need to provide the required data for navigation component\n const headerId = isDDEnv()\n ? isKorean\n ? '2gbktfgvjzA6qcCohTHHYU'\n : 'mdmvXYkVAF9ASTywBcMkL'\n : undefined;\n const {\n fields: navFields,\n assets: navAssets,\n entries: navEntries,\n } = await getHeaderNavigationData(headerId);\n\n entries = mergeAssetsOrEntries(entries, navEntries);\n assets = mergeAssetsOrEntries(assets, navAssets);\n\n const footerId = isDDEnv()\n ? isKorean\n ? '36nJwqTNdZqjMSwSMnukdL'\n : '6gR3Ch7tFLaCn7cjsCeyTK'\n : undefined;\n //also get data for footer compoennt\n const {\n fields: footerFields = {},\n assets: footerssets = {},\n entries: footerEntries = [],\n } = await getFooterData(footerId);\n\n entries = mergeAssetsOrEntries(entries, footerEntries);\n assets = mergeAssetsOrEntries(assets, footerssets);\n\n return {\n props: {\n textSearch,\n tagsToSearch,\n entries,\n assets,\n navFields,\n contentGridFields,\n searchResultCount,\n footerFields,\n paginationNo,\n paginationLimit,\n },\n };\n}\n\nasync function getHeaderNavigationData(headerId = '3zrb14fEfxZlXyGKP3Gbjk') {\n // get navigation links data\n let entries = [];\n let assets = [];\n let fields = {};\n\n // @TODO: hardcoding the content id might not be the best idea\n const resp = await getContentById(headerId);\n\n if (resp?.data?.total > 0) {\n fields = resp.data.items[0].fields;\n entries = resp.data.includes.Entry;\n assets = resp.data.includes.Asset;\n }\n\n //get tagGroups and it tags for search dialog\n const tagResp = await getAllTagGroups();\n\n //construct array of object of tagGroup with tags\n const tagGroupsWithTags = !!tagResp.data.items\n ? await Promise.all(\n tagResp.data.items.map(async (j) => {\n const tags = await getTagsByTagGroupId(j.sys.id);\n return {\n id: j.sys.id,\n name: j.fields.name,\n slug: j.fields.slug,\n tags: tags.data.items?.length > 0 ? tags.data.items.map((k) => {\n return {\n id: k.sys.id,\n name: k.fields.name,\n slug: k.fields.slug || null,\n };\n }) : null,\n };\n })\n )\n : null;\n\n //store tabGroupsWithTags data in fields.tagGroupsWithTags\n fields.tagGroupsWithTags = tagGroupsWithTags;\n\n return {\n fields,\n assets,\n entries,\n };\n}\n\nasync function getFooterData(footerId = '6fKx42USF8WCNCk4NvB45J') {\n let entries = [];\n let assets = [];\n let fields = {};\n\n // @TODO: hardcoding the content id might not be the best idea\n const resp = await getContentById(footerId);\n\n if (resp?.data?.total > 0) {\n fields = resp.data.items?.[0]?.fields;\n entries = resp.data?.includes?.Entry;\n assets = resp.data?.includes?.Asset;\n }\n\n return {\n fields,\n assets,\n entries,\n };\n}\n\nexport default Search;\n"],"names":["window","__NEXT_P","push","textSearch","tagsToSearch","entries","assets","isFromContentColumn","navFields","contentGridFields","searchResultCount","footerFields","paginationNo","paginationLimit","invalidParams","router","useRouter","isKorean","locale","useState","pageCount","setPageCount","useEffect","Math","ceil","hasSearchTerm","query","t","q","fromSearch","analytics","document","detail","getSearchDetail","searchTerm","Head","title","Navigation","fields","div","className","Text","tag","style","length","span","hr","cls","map","i","onClick","tagId","newTagsToSearchSlug","filter","id","slug","join","handleRemoveTag","name","Icon","width","height","ContentGrid","ReactPaginate","forcePage","pageRangeDisplayed","onPageChange","e","urlPart","asPath","split","searchParams","urlParams","URLSearchParams","set","selected","getPaginationDetail","nextLabel","previousLabel","renderOnZeroPageCount","F