105 lines
2.9 KiB
TypeScript
105 lines
2.9 KiB
TypeScript
import {
|
|
type Action,
|
|
ActionType,
|
|
type InitState,
|
|
type State,
|
|
} from "@/types/components/form/bookingwidget"
|
|
import type { Location, Locations } from "@/types/trpc/routers/hotel/locations"
|
|
|
|
export const localStorageKey = "searchHistory"
|
|
export function getSearchHistoryFromLocalStorage() {
|
|
if (typeof window !== "undefined") {
|
|
const storageSearchHistory = window.localStorage.getItem(localStorageKey)
|
|
if (storageSearchHistory) {
|
|
const parsedStorageSearchHistory: Locations =
|
|
JSON.parse(storageSearchHistory)
|
|
if (parsedStorageSearchHistory?.length) {
|
|
return parsedStorageSearchHistory
|
|
}
|
|
}
|
|
}
|
|
return null
|
|
}
|
|
|
|
export const sessionStorageKey = "searchData"
|
|
export function getSearchDataFromSessionStorage() {
|
|
if (typeof window !== "undefined") {
|
|
const storageSearchData = window.sessionStorage.getItem(sessionStorageKey)
|
|
if (storageSearchData) {
|
|
const parsedStorageSearchData: Location = JSON.parse(storageSearchData)
|
|
if (parsedStorageSearchData) {
|
|
return parsedStorageSearchData
|
|
}
|
|
}
|
|
}
|
|
return undefined
|
|
}
|
|
|
|
export function init(initState: InitState): State {
|
|
const searchHistory = getSearchHistoryFromLocalStorage()
|
|
const searchData = getSearchDataFromSessionStorage()
|
|
return {
|
|
defaultLocations: initState.defaultLocations,
|
|
locations: [],
|
|
search: "",
|
|
searchData,
|
|
searchHistory,
|
|
}
|
|
}
|
|
|
|
export function reducer(state: State, action: Action) {
|
|
const type = action.type
|
|
switch (type) {
|
|
case ActionType.CLEAR_HISTORY_LOCATIONS: {
|
|
return {
|
|
...state,
|
|
locations: [],
|
|
search: "",
|
|
searchHistory: null,
|
|
}
|
|
}
|
|
case ActionType.CLEAR_SEARCH_LOCATIONS:
|
|
return {
|
|
...state,
|
|
locations: [],
|
|
search: "",
|
|
}
|
|
case ActionType.SEARCH_LOCATIONS: {
|
|
const matchesMap = new Map()
|
|
const search = action.payload.search.toLowerCase()
|
|
state.defaultLocations.forEach((location) => {
|
|
const locationName = location.name.toLowerCase()
|
|
const keyWords = location.keyWords?.map((l) => l.toLowerCase())
|
|
if (locationName.includes(search.trim())) {
|
|
matchesMap.set(location.name, location)
|
|
}
|
|
if (keyWords?.find((keyWord) => keyWord.includes(search.trim()))) {
|
|
matchesMap.set(location.name, location)
|
|
}
|
|
})
|
|
|
|
const matches: Locations = []
|
|
matchesMap.forEach((value) => {
|
|
matches.push(value)
|
|
})
|
|
|
|
return {
|
|
...state,
|
|
locations: matches,
|
|
search: action.payload.search,
|
|
}
|
|
}
|
|
case ActionType.SELECT_ITEM: {
|
|
return {
|
|
...state,
|
|
searchData: action.payload.location,
|
|
searchHistory: action.payload.searchHistory,
|
|
}
|
|
}
|
|
default:
|
|
const unhandledActionType: never = type
|
|
console.info(`Unhandled type: ${unhandledActionType}`)
|
|
return state
|
|
}
|
|
}
|