{"version":3,"file":"js/main.js","mappings":"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","sources":["webpack://hkri-phase3/./src/constants.js","webpack://hkri-phase3/./src/reducer.js","webpack://hkri-phase3/./src/Context.js","webpack://hkri-phase3/./src/locales/i18n.js","webpack://hkri-phase3/./src/hooks/use-BackListener.js","webpack://hkri-phase3/./src/components/NavSiblings/index.js","webpack://hkri-phase3/./src/components/InformationMenu/index.js","webpack://hkri-phase3/./src/components/MobileMenu/index.js","webpack://hkri-phase3/./src/components/Header/index.js","webpack://hkri-phase3/./src/components/Footer/index.js","webpack://hkri-phase3/./src/components/SlidePrevButton/index.js","webpack://hkri-phase3/./src/components/SlideNextButton/index.js","webpack://hkri-phase3/./src/components/ZoomButton/index.js","webpack://hkri-phase3/./src/components/ImageWithDisclaimer/index.js","webpack://hkri-phase3/./src/components/CompassIcon/index.js","webpack://hkri-phase3/./src/components/Modal/index.js","webpack://hkri-phase3/./src/Layout.js","webpack://hkri-phase3/./src/hooks/use-fetchData.js","webpack://hkri-phase3/./src/components/SkeletonLoader/index.js","webpack://hkri-phase3/./src/components/Meta/index.js","webpack://hkri-phase3/./src/components/ChapterBanner/index.js","webpack://hkri-phase3/./src/components/ImageRow/index.js","webpack://hkri-phase3/./src/components/Paragraph/index.js","webpack://hkri-phase3/./src/components/ParagraphImageRow/index.js","webpack://hkri-phase3/./src/pages/LuxuryDesign/index.js","webpack://hkri-phase3/./src/components/ExpandableButton/index.js","webpack://hkri-phase3/./src/components/ParagraphRow/index.js","webpack://hkri-phase3/./src/components/FloorPlanRow/index.js","webpack://hkri-phase3/./src/components/Tabs/index.js","webpack://hkri-phase3/./src/pages/Residences/index.js","webpack://hkri-phase3/./src/components/Disclaimer/index.js","webpack://hkri-phase3/./src/components/TourUnitRow/index.js","webpack://hkri-phase3/./src/pages/VirtualTour/index.js","webpack://hkri-phase3/./src/pages/ClubLucca/index.js","webpack://hkri-phase3/./src/components/DesignerImageRow/index.js","webpack://hkri-phase3/./src/pages/Masters/index.js","webpack://hkri-phase3/./src/pages/Gallery/index.js","webpack://hkri-phase3/./src/pages/NoMatch/index.js","webpack://hkri-phase3/./src/utilities/ScrollToTop/index.js","webpack://hkri-phase3/./src/App.js","webpack://hkri-phase3/./src/index.js"],"sourcesContent":["export const TOGGLE_MODAL = \"TOGGLE MODAL\";\nexport const TOGGLE_NAVIGATION_MENU = \"TOGGLE_NAVIGATION_MENU\"\nexport const TOGGLE_INFORMATION_MENU = \"TOGGLE_INFORMATION_MENU\"\nexport const TOGGLE_POPUP = \"TOGGLE_POPUP\"\n\nexport const SET_LOADING = \"SET LOADING\";\nexport const SET_LANGUAGE = \"SET LANGUAGE\";\nexport const PAGE_TRANSITION = \"PAGE TRANSITION\";\n\nexport const NAVIGATION_MENU = \"NAVIGATION_MENU\"\nexport const LOGO = \"LOGO\"\nexport const CURRENT_PAGE = \"CURRENT_PAGE\"\nexport const FLOORPLAN_LEVEL = \"FLOORPLAN_LEVEL\"\n\nexport const RESPONSIVE_MODE = \"RESPONSIVE_MODE\"\n","import {\n    SET_LOADING,\n    TOGGLE_MODAL,\n    SET_LANGUAGE, \n    PAGE_TRANSITION,\n    TOGGLE_INFORMATION_MENU,\n    NAVIGATION_MENU,\n    CURRENT_PAGE,\n    RESPONSIVE_MODE,\n    TOGGLE_POPUP,\n    LOGO,\n    FLOORPLAN_LEVEL,\n    TOGGLE_NAVIGATION_MENU\n} from \"./constants\";\n\nexport const initialState = {\n    loading: false,\n    modal: false,\n    information_menu: false,\n    navigation_menu: [],\n    current_page: \"\",\n    responsive_mode: false,\n    toggle_navigation_menu: false,\n    toggle_popup: false,\n    logo: \"\",\n    floorplan_level: 0\n};\n\nconst reducer = (state, action) => {\n    switch (action.type) {\n        case FLOORPLAN_LEVEL: \n            return {\n                ...state,\n                floorplan_level: action.payload\n            };\n        case TOGGLE_POPUP: \n            return {\n                ...state,\n                toggle_popup: action.payload\n            };\n        case TOGGLE_NAVIGATION_MENU:\n            return {\n                ...state,\n                toggle_navigation_menu: action.payload\n            };\n        case TOGGLE_INFORMATION_MENU:\n            return {\n                ...state,\n                information_menu: action.payload\n            };\n        case SET_LOADING:\n            return {\n                ...state,\n                loading: action.payload\n            };\n        case TOGGLE_MODAL:\n            return {\n                ...state,\n                modal: action.payload\n            };\n        case SET_LANGUAGE:\n            return {\n                ...state,\n                language: action.payload\n            };\n        case PAGE_TRANSITION:\n            return {\n                ...state,\n                transition: action.payload\n            };\n        case NAVIGATION_MENU:\n            return {\n                ...state,\n                navigation_menu: action.payload\n            }\n        case CURRENT_PAGE:\n            return {\n                ...state,\n                current_page: action.payload\n            }\n        case RESPONSIVE_MODE:\n            return {\n                ...state,\n                responsive_mode: action.payload\n            }\n        case LOGO:\n            return {\n                ...state,\n                logo: action.payload\n            }\n        default:\n            return state;\n    }\n};\n\nexport default reducer;","import React, { createContext, useReducer } from \"react\";\nimport reducer, { initialState } from \"./reducer\";\n\nexport let context = createContext({});\n\nexport default function Provider({ children }) {\n\n    const [state, dispatch] = useReducer(reducer, initialState);\n    const values = {\n        state,\n        dispatch\n    };\n\n    return (\n        <>\n            <context.Provider value={values}>\n                {children}\n            </context.Provider>\n        </>\n    );\n}","import LanguageDetector from 'i18next-browser-languagedetector';\r\nimport i18n from 'i18next';\r\nimport enUstrans from './languages/en.json';\r\nimport zhSctrans from './languages/sc.json';\r\nimport hkTctrans from './languages/tc.json';\r\nimport { initReactI18next } from 'react-i18next';\r\n\r\n\r\ni18n.use(LanguageDetector)\r\n.use(initReactI18next)\r\n.init({\r\n    resources: {\r\n        en: {\r\n            translation: enUstrans\r\n        },\r\n        sc: {\r\n            translation: zhSctrans\r\n        },\r\n        tc: {\r\n            translation: hkTctrans\r\n        }\r\n    },\r\n    lng: 'tc',\r\n    fallbackLng: \"tc\",\r\n    interpolation: {\r\n        escapeValue: false\r\n    }\r\n})\r\n\r\nexport default i18n;\r\n","import { useEffect, useContext} from 'react';\nimport { UNSAFE_NavigationContext } from \"react-router-dom\";\n\nconst useBackListener = (callback) => {\n    const navigator = useContext(UNSAFE_NavigationContext).navigator;\n\n    useEffect(() => {\n        const listener = ({ location, action }) => {\n        if (action === \"POP\") {\n            callback({ location, action });\n        }\n        };\n\n        // const unlisten = navigator.listen(listener);\n        // return unlisten;\n    }, [callback, navigator]);\n};\n\nexport default useBackListener;","import React, { useState, useEffect, useContext } from 'react'\r\nimport { context } from \"../../Context\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function NavSiblings() {\r\n    const { state, dispatch } = useContext(context);\r\n    const { t } = useTranslation();\r\n\r\n    const [isLoading, setIsLoading] = useState(true);\r\n\r\n    const [ prev, setPrev] = useState();\r\n    const [ next, setNext] = useState();\r\n    \r\n    useEffect(() => {\r\n\r\n        \r\n        state.navigation_menu.map((item, i) => {\r\n            if (item.Url == state.current_page) {\r\n                \r\n                if (i == 0) {\r\n                    setPrev(state.navigation_menu[state.navigation_menu.length - 1])\r\n                } else {\r\n                    setPrev(state.navigation_menu[i - 1])\r\n                }\r\n                \r\n                if (i == state.navigation_menu.length - 1) {\r\n                    setNext(state.navigation_menu[0])\r\n                } else {\r\n                    setNext(state.navigation_menu[i + 1])\r\n                }\r\n\r\n                setIsLoading(false);\r\n            }\r\n        })\r\n        \r\n    }, [state.navigation_menu, state.current_page]);\r\n    \r\n    if (isLoading) {\r\n        return <></>;\r\n    }\r\n\r\n    return (\r\n        <nav className=\"NavSiblings\">\r\n            <Link className='prev' to={'/' + state.language + '/' + prev.Url}><span>{t(\"PreviousChapter\")}</span>{prev.Name}</Link>\r\n            <Link className='next' to={'/' + state.language + '/' + next.Url}><span>{t(\"NextChapter\")}</span>{next.Name}</Link>\r\n        </nav>\r\n    )\r\n}","import React, { useState, useEffect, useContext } from 'react'\r\nimport { context } from \"../../Context\";\r\nimport { TOGGLE_MODAL, TOGGLE_INFORMATION_MENU } from \"../../constants\";\r\n\r\nimport \"./style.scss\";\r\n\r\nfunction InformationMenu({data}) {\r\n    const { state, dispatch } = useContext(context);\r\n    const [isLoading, setIsLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n        if (data != undefined)\r\n            setIsLoading(false)\r\n    }, [data]);\r\n\r\n    const closeInformationMenu = () => {\r\n        dispatch({\r\n            type: TOGGLE_INFORMATION_MENU,\r\n            payload: false\r\n        });\r\n    }\r\n\r\n    const openModal = (type, content) => {\r\n        document.body.classList.add('modal-active');\r\n        dispatch({\r\n            type: TOGGLE_MODAL,\r\n            payload: {\r\n                type: type,\r\n                content: content\r\n            }\r\n        });  \r\n    }\r\n    \r\n    if (isLoading) {\r\n        return <></>;\r\n    }\r\n    return (\r\n        <section className={`InformationMenu`} >\r\n            <button className='btnClose' onClick={() => closeInformationMenu()} aria-label=\"Close\" />\r\n            <h2>{data.documentGroupName}</h2>\r\n            {\r\n                data.documentTabs.map((item, i) => {\r\n                    return (\r\n                        <button key={i} onClick={() => openModal('document', item)}>{item.documentTabName}</button>\r\n                    )\r\n                })\r\n            }\r\n        </section>\r\n    )\r\n}\r\n\r\nexport default InformationMenu;","import React, { useEffect, useContext, useCallback } from 'react'\r\nimport SimpleBar from 'simplebar-react';\r\nimport 'simplebar/dist/simplebar.min.css';\r\n\r\nimport { context } from \"../../Context\";\r\nimport { PAGE_TRANSITION, SET_LANGUAGE, TOGGLE_NAVIGATION_MENU } from \"../../constants\";\r\nimport {\r\n    Link,\r\n    useNavigate,\r\n    NavLink\r\n} from \"react-router-dom\";\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function MobileMenu() {\r\n    \r\n    const { state, dispatch } = useContext(context);\r\n    \r\n    let navigate = useNavigate();\r\n\r\n    const toggleLanguage = (language) => {\r\n        dispatch({\r\n            type: SET_LANGUAGE,\r\n            payload: language\r\n        });\r\n    }\r\n    \r\n    const escFunction = useCallback((event) => {\r\n        if (event.keyCode === 27) {\r\n            document.body.classList.remove('modal-active');\r\n            dispatch({\r\n                type: TOGGLE_NAVIGATION_MENU,\r\n                payload: false\r\n            });  \r\n        }\r\n    }, []);\r\n    useEffect(() => {\r\n        document.addEventListener(\"keydown\", escFunction);\r\n        return () => {\r\n            document.removeEventListener(\"keydown\", escFunction);\r\n        };\r\n    }, [escFunction]);\r\n\r\n    const gotoPage = (e, page) => {\r\n        e.preventDefault();\r\n        \r\n        // Change the url\r\n        navigate('/' + state.language + '/' + page);\r\n\r\n        // Start the fade out animtation\r\n        dispatch({\r\n            type: PAGE_TRANSITION,\r\n            payload: true\r\n        });\r\n        \r\n        // Start the fade in animation\r\n        setTimeout(function() {\r\n            dispatch({\r\n                type: PAGE_TRANSITION,\r\n                payload: false\r\n            });\r\n        }, 300)\r\n\r\n        // Close the mobile menu\r\n        dispatch({\r\n            type: TOGGLE_NAVIGATION_MENU,\r\n            payload: false\r\n        });\r\n        document.body.classList.remove('modal-active');\r\n    }\r\n    \r\n\r\n    return (\r\n        <div className='MobileMenu'>\r\n            <SimpleBar>\r\n                <nav className='primary'>\r\n                    {\r\n                        state.navigation_menu.map((item, i) => {\r\n                            return (\r\n                                <NavLink key={i} to={item.Url} onClick={(e) => gotoPage(e, item.Url)}>{item.Name}</NavLink>\r\n                            )\r\n                        })\r\n                    }\r\n                </nav>\r\n                <nav className='languages'>\r\n                    <Link to={`/tc/` + state.current_page} className={`${state.language === 'tc'? 'active': ''}`} onClick={() => {toggleLanguage('tc')}}>繁</Link>\r\n                    <Link to={`/en/` + state.current_page} className={`${state.language === 'en'? 'active': ''}`} onClick={() => {toggleLanguage('en')}}>EN</Link>\r\n                    <Link to={`/sc/` + state.current_page} className={`${state.language === 'sc'? 'active': ''}`} onClick={() => {toggleLanguage('sc')}}>简</Link>\r\n                </nav>\r\n            </SimpleBar>\r\n            \r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect, useContext, useCallback } from 'react'\r\nimport {CSSTransition} from 'react-transition-group';\r\nimport axios from 'axios';\r\n\r\nimport { context } from \"../../Context\";\r\nimport { TOGGLE_MODAL, LOGO, PAGE_TRANSITION, SET_LANGUAGE, TOGGLE_INFORMATION_MENU, NAVIGATION_MENU, TOGGLE_NAVIGATION_MENU } from \"../../constants\";\r\nimport {\r\n    Link,\r\n    useNavigate,\r\n    NavLink\r\n} from \"react-router-dom\";\r\n\r\nimport InformationMenu from '../InformationMenu'\r\nimport MobileMenu from '../MobileMenu'\r\nimport \"./style.scss\";\r\n\r\nexport default function MainNavigation() {\r\n    \r\n    const { state, dispatch } = useContext(context);\r\n    const [isLoading, setIsLoading] = useState(true);\r\n    \r\n    // Retrieve \r\n    const [documents, setDocuments] = useState()\r\n    const getNav = async () => {\r\n        const response = await axios.get(\r\n            process.env.API_URL + \"/hkri?lang=\" + state.language\r\n        );\r\n        setDocuments(response.data.documentContainer)\r\n        dispatch({\r\n            type: LOGO,\r\n            payload: response.data.brandImage\r\n        });\r\n        dispatch({\r\n            type: NAVIGATION_MENU,\r\n            payload: response.data.navigations\r\n        });\r\n        setIsLoading(false);\r\n    };\r\n    useEffect(() => {  \r\n        updateActiveLanguage(state.language)\r\n        if (state.language != undefined) {\r\n            getNav();\r\n        }\r\n    }, [state.language]);\r\n\r\n    let navigate = useNavigate();\r\n\r\n    const [languageDropdown, setLanguageDropdown] = useState(false)\r\n    const [activeLanguage, setActiveLanguage] = useState()\r\n    const updateActiveLanguage = (language) => {\r\n        switch (language) {\r\n            case \"tc\":\r\n                setActiveLanguage(\"繁\")\r\n                break;\r\n            case \"sc\":\r\n                setActiveLanguage(\"简\")\r\n                break;\r\n            case \"en\":\r\n                setActiveLanguage(\"EN\")\r\n                break;\r\n            default:\r\n                setActiveLanguage(\"繁\")\r\n                break;\r\n        }\r\n        \r\n    }\r\n    const toggleLanguage = (language) => {\r\n        dispatch({\r\n            type: SET_LANGUAGE,\r\n            payload: language\r\n        });\r\n        setLanguageDropdown(!languageDropdown)\r\n        updateActiveLanguage(language)\r\n\r\n    }\r\n    \r\n    const escFunction = useCallback((event) => {\r\n        if (event.keyCode === 27) {\r\n            document.body.classList.remove('modal-active');\r\n            dispatch({\r\n                type: TOGGLE_MODAL,\r\n                payload: false\r\n            });\r\n        }\r\n    }, []);\r\n    \r\n    useEffect(() => {\r\n        document.addEventListener(\"keydown\", escFunction);\r\n        return () => {\r\n            document.removeEventListener(\"keydown\", escFunction);\r\n        };\r\n    }, [escFunction]);\r\n\r\n    const [scrolled, setScrolled] = useState(false)\r\n    useEffect(() => {\r\n        const adjustHeaderSize = () => {\r\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop\r\n            \r\n            if (winScroll >= 145) {\r\n                setScrolled(true)\r\n            } else {\r\n                setScrolled(false)\r\n            }\r\n        }\r\n        // Clean up\r\n        window.removeEventListener('scroll', adjustHeaderSize);\r\n        window.addEventListener('scroll', adjustHeaderSize, { passive: true });\r\n        return () => {\r\n            window.removeEventListener('scroll', adjustHeaderSize);\r\n        }\r\n    }, []);\r\n\r\n    const [responsiveMode, setResponsiveMode] = useState(false);\r\n    useEffect(() => {\r\n        const handleWindowResize = () => {\r\n            if (window.innerWidth <= 1194 || (!!navigator.maxTouchPoints && window.matchMedia(\"(orientation: landscape)\").matches)) {\r\n                setResponsiveMode(true)\r\n            } else {\r\n                setResponsiveMode(false)\r\n                setMobileMenu(false)\r\n            }\r\n        };\r\n        handleWindowResize()\r\n        window.addEventListener(\"resize\", handleWindowResize);\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handleWindowResize);\r\n        }\r\n    }, []);\r\n\r\n    const gotoPage = (e, page) => {\r\n        e.preventDefault();\r\n\r\n        // Change the url\r\n        navigate('/' + state.language + '/' + page);\r\n        if (mobileMenu)\r\n            setMobileMenu(!mobileMenu)\r\n        // Start the fade out animtation\r\n        dispatch({\r\n            type: PAGE_TRANSITION,\r\n            payload: true\r\n        });\r\n\r\n        document.body.classList.remove('modal-active');\r\n        \r\n        // Start the fade in animation\r\n        setTimeout(function() {\r\n            dispatch({\r\n                type: PAGE_TRANSITION,\r\n                payload: false\r\n            });\r\n        }, 300)\r\n    }\r\n    \r\n    const [mobileMenu, setMobileMenu] = useState(false);\r\n    const toggleMenu = () => {\r\n        \r\n        dispatch({\r\n            type: TOGGLE_NAVIGATION_MENU,\r\n            payload: !state.toggle_navigation_menu\r\n        });\r\n        if(state.toggle_navigation_menu)\r\n            document.body.classList.remove('modal-active');\r\n        else\r\n            document.body.classList.add('modal-active');\r\n    }\r\n\r\n    const openInformationMenu = () => {\r\n        dispatch({\r\n            type: TOGGLE_INFORMATION_MENU,\r\n            payload: true\r\n        });\r\n    }\r\n\r\n    const clickLogo = () => {\r\n        dispatch({\r\n            type: TOGGLE_NAVIGATION_MENU,\r\n            payload: false\r\n        });\r\n    }\r\n\r\n    if (isLoading) {\r\n        return <></>;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <header className={`${scrolled === true? 'smaller': ''} ${state.toggle_popup == true? 'hide': ''}`}>\r\n                {\r\n                    responsiveMode == true &&\r\n\r\n                        <button className='btnInformation' onClick={() => openInformationMenu()}>{documents.documentGroupName}</button>\r\n                }\r\n                <Link to={`/` + state.language} className='logo' title='Logo' onClick={() => clickLogo()}>\r\n                    <img src={state.logo.Source} width=\"300\" height=\"56\" alt={state.logo.AltText || \"Villa Lucca 林海山城\"} />\r\n                </Link>\r\n                {\r\n                    <div className='menu'>\r\n                        <button className={`btnMenu ${state.toggle_navigation_menu === true? 'active': ''}`} onClick={() => toggleMenu()} aria-label=\"Menu\" />\r\n                    </div>       \r\n                }\r\n                {\r\n                    responsiveMode == false &&\r\n                    <section>\r\n                        <button className='btnInformation' onClick={() => openInformationMenu()}>{documents.documentGroupName}</button>\r\n                        <nav className='main'>\r\n                            {\r\n                                state.navigation_menu.map((item, i) => {\r\n                                    return (\r\n                                        <NavLink key={i} to={item.Url} onClick={(e) => gotoPage(e, item.Url)}>{item.Name}</NavLink>\r\n                                    )\r\n                                })\r\n                            }\r\n                        </nav>\r\n                        <div className={`toggleLanguages ${languageDropdown === true? 'active': ''}`}>\r\n                            <button className=\"currentLanguage\" onClick={() => setLanguageDropdown(!languageDropdown)}>{activeLanguage}</button>\r\n                            <nav className='languages'>\r\n                                {\r\n                                    state.language != \"tc\" &&\r\n                                        <Link to={`/tc/` + state.current_page} onClick={() => {\r\n                                            toggleLanguage('tc')   \r\n                                        }}>繁</Link>\r\n                                }\r\n                                {\r\n                                    state.language != \"en\" &&\r\n                                    <Link to={`/en/` + state.current_page} onClick={() => {\r\n                                            toggleLanguage('en')\r\n                                        }}>EN</Link>\r\n                                }\r\n                                {\r\n                                    state.language != \"sc\" &&\r\n                                    <Link to={`/sc/` + state.current_page} onClick={() => {\r\n                                            toggleLanguage('sc')\r\n                                        }}>简</Link>\r\n                                }\r\n                            </nav>\r\n                        </div>\r\n                    </section>\r\n                }\r\n            </header>\r\n            {\r\n                <CSSTransition\r\n                    in={state.information_menu}\r\n                    timeout={0}\r\n                    classNames=\"transitionSlideRight\"\r\n                    >\r\n                        <InformationMenu data={documents} />\r\n                </CSSTransition>\r\n            }\r\n            {\r\n                \r\n                    <CSSTransition\r\n                        in={state.toggle_navigation_menu}\r\n                        timeout={0}\r\n                        classNames=\"transitionSlideLeft\"\r\n                        >\r\n                            <MobileMenu />\r\n                    </CSSTransition>\r\n            }\r\n        </>\r\n    )\r\n}","import React, { useState, useEffect, useContext } from 'react'\r\nimport axios from 'axios';\r\nimport parse from 'html-react-parser';\r\nimport { context } from \"../../Context\";\r\nimport { TOGGLE_MODAL } from \"../../constants\";\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function Footer() {\r\n\r\n    const { state, dispatch } = useContext(context);\r\n    const [isLoading, setIsLoading] = useState(true);\r\n\r\n    // Retrieve \r\n    const [pageData, setPageData] = useState()   \r\n    const fetchPageData = async () => {\r\n        const response = await axios.get(\r\n            process.env.API_URL + \"/hkri?lang=\" + state.language\r\n        );\r\n        setPageData(response.data.footer)\r\n        setIsLoading(false);\r\n\r\n        // Information to purchaser appears when first lands, and language is changed\r\n        if (process.env.ENABLE_LANDING_POPUP == 'true') {\r\n            openModal(\"text\", {\r\n                title: response.data.footer.termsDocuments[0].termsName,\r\n                content: response.data.footer.termsDocuments[0].termsContent\r\n            })\r\n        }\r\n    };\r\n    useEffect(() => {  \r\n        if (state.language != undefined) {\r\n            fetchPageData();\r\n        }\r\n    }, [state.language]);\r\n\r\n    const openModal = (type, content) => {\r\n        document.body.classList.add('modal-active');\r\n        dispatch({\r\n            type: TOGGLE_MODAL,\r\n            payload: {\r\n                type: type,\r\n                content: content\r\n            }\r\n        });\r\n    }\r\n\r\n    if (isLoading) {\r\n        return <></>;\r\n    }\r\n    return (\r\n        <footer className={`${state.toggle_popup == true? 'hide': ''}`}>\r\n            <img className='logo' src={state.logo.Source} width=\"268\" height=\"50\" alt={state.logo.AltText || \"Villa Lucca 林海山城\"} />\r\n            {parse(pageData.addressContent)}\r\n            <div className='contact'>\r\n                <div className='hotline'>\r\n                    <h3>{parse(pageData.hotlineText)}</h3>\r\n                    {parse(pageData.hotlineContent)}\r\n                </div>\r\n                <div className='email'>\r\n                    <h3>{parse(pageData.emailText)}</h3>\r\n                    {parse(pageData.emailContent)}\r\n                </div>\r\n                \r\n            </div>\r\n            <div className='partners'>\r\n                {\r\n                    pageData.companyIcon.map((item, i) => {\r\n                        return (\r\n                            <a href={item.iconLink.Url} target={item.iconLink.Target} key={i}>\r\n                                <img src={item.iconImage.Source + '?format=webp'} width={item.iconImage.Width} height={item.iconImage.Height} alt={item.iconImage.AltText} />\r\n                            </a>\r\n                            \r\n                        )\r\n                    })\r\n                }\r\n            </div>\r\n            <nav>\r\n                {\r\n                    pageData.termsDocuments.map((item, i) => {\r\n                        return (\r\n                            <button key={i} onClick={() => openModal('text', {title: item.termsName, content: item.termsContent})}>{item.termsName}</button>\r\n                        )\r\n                    })\r\n                }\r\n            </nav>\r\n            <div className='copyright'>\r\n                {parse(pageData.copyrightContent)}\r\n                {parse(pageData.lastUpdateContent)}\r\n            </div>\r\n        </footer>\r\n        \r\n    )\r\n}","import React from 'react'\nimport { useSwiper } from 'swiper/react';\n\nimport \"./style.scss\";\n\nexport default function SlidePrevButton({className}) {\n    const swiper = useSwiper();\n    return (\n        <button className={`SlidePrevButton ${className}`} onClick={() => swiper.slidePrev()} />\n    );\n}","import React from 'react'\nimport { useSwiper } from 'swiper/react';\n\nimport \"./style.scss\";\n\nexport default function SlideNextButton({className}) {\n    const swiper = useSwiper();\n    return (\n        <button className={`SlideNextButton ${className}`} onClick={() => swiper.slideNext()} />\n    );\n}","import React, { useContext } from 'react'\nimport { context } from \"../../Context\";\nimport { TOGGLE_MODAL } from \"../../constants\";\n\nimport \"./style.scss\";\n\nexport default function ZoomButton({imagePath, imageWidth,compress = \"\"}) {\n    const { state, dispatch } = useContext(context);\n\n    const openModal = (type, imagePath, imageWidth ,compress ) => {\n        document.body.classList.add('modal-active');\n        dispatch({\n            type: TOGGLE_MODAL,\n            payload: {\n                type: type,\n                content: imagePath,\n                imageWidth: imageWidth,\n                compress: compress\n            }\n        });\n    }\n    return (\n        <button className='ZoomButton' onClick={() => openModal('zoom', imagePath, imageWidth ,compress)} aria-label=\"Zoom\" />\n    )\n}","import React, { useState, useEffect } from 'react'\r\nimport parse from 'html-react-parser';\r\nimport VisibilitySensor from 'react-visibility-sensor';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport ZoomButton from '../../components/ZoomButton';\r\n\r\nimport SimpleBar from 'simplebar-react';\r\nimport 'simplebar/dist/simplebar.min.css';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ImageWithDisclaimer({type, data, lazyload}) {\r\n    const { t } = useTranslation();\r\n    \r\n    const [visibility, setVisibility] = useState(false);\r\n    const [disclaimer, setDislaimer] = useState();\r\n    useEffect(() => {  \r\n        if (disclaimer) {\r\n            setDislaimer(data.disclaimer)\r\n        }\r\n    }, [data]);\r\n\r\n    const toggleDisclaimer = (content) => {\r\n        if (content) {\r\n            setDislaimer(content)\r\n        } else {\r\n            setDislaimer()\r\n        }\r\n    }\r\n    \r\n    return (\r\n        <VisibilitySensor partialVisibility active={!visibility} onChange={(isVisible) => {\r\n            setVisibility(isVisible)\r\n        }}>\r\n            <div className={`ImageWithDisclaimer ${visibility === true? 'transition': ''}`}>\r\n                <figure>\r\n                    {\r\n                        type == 'gallery' &&\r\n                            <img src={data.originImage.Source + '?format=webp'} alt={data.originImage.imageName} width={data.originImage.Width} height={data.originImage.Height}/>\r\n                    }\r\n                    {\r\n                        type == 'location' &&\r\n                            <img src={data.map.Source + '?format=webp'} alt={data.mapName} width={data.map.Width} height={data.map.Height} loading=\"lazy\" />\r\n                    }\r\n                    {\r\n                        type == undefined &&\r\n                        <picture>\r\n                            {\r\n                                data.imageDesktop.Source != \"\" &&\r\n                                    <source media=\"(min-width: 821px)\" srcSet={data.imageDesktop.Source + '?format=webp'} width={data.imageDesktop.Width} height={data.imageDesktop.Height} />\r\n                            }\r\n                            {\r\n                                data.imageMobile.Source != \"\" &&\r\n                                    <source media=\"(min-width: 429px)\" srcSet={data.imageTablet.Source + '?format=webp'} width={data.imageTablet.Width} height={data.imageTablet.Height} />\r\n                            }\r\n                            {\r\n                                data.imageMobile.Source != \"\" ?\r\n                                    <img src={data.imageMobile.Source + '?format=webp'} alt={data.imageName} width={data.imageMobile.Width} height={data.imageMobile.Height} loading={`${lazyload === true? 'lazy': ''}`} />\r\n                                :\r\n                                    <img src={data.imageDesktop.Source + '?format=webp'} alt={data.imageName} width={data.imageDesktop.Width} height={data.imageDesktop.Height} loading={`${lazyload === true? 'lazy': ''}`} />\r\n                            }\r\n                        </picture>\r\n                    }\r\n                    {\r\n                        !disclaimer && data.disclaimer &&\r\n                            <button className='btnDisclaimer' onClick={() => toggleDisclaimer(data.disclaimer)}>{t(\"disclaimer\")}</button>\r\n                    }\r\n                    {\r\n                        // To avoid the caption to display in the gallery detail, we check if the type is not gallery\r\n                        data.imageName && type != 'gallery' &&\r\n                            <figcaption>{parse(data.imageName)}</figcaption>\r\n                    }\r\n                </figure>\r\n                {\r\n                    data.zoomable &&\r\n                    <ZoomButton imagePath={data.imageDesktop.Source} imageWidth={data.imageDesktop.Width} />\r\n                }\r\n                {\r\n                    disclaimer &&\r\n                    <aside>\r\n                        <button onClick={() => toggleDisclaimer()} />\r\n                        <h3>{t(\"disclaimer\")}</h3>\r\n                        <SimpleBar forceVisible=\"y\" autoHide={false} style={{ maxHeight: 130, paddingRight: 20 }}>\r\n                            {parse(disclaimer)}\r\n                        </SimpleBar>\r\n                    </aside>\r\n                }\r\n            </div>\r\n        </VisibilitySensor>\r\n    )\r\n}","import React, { useContext } from 'react'\nimport { context } from \"../../Context\";\nimport iconCompass from '../../images/icons/compass.svg'\nimport iconCompassTC from '../../images/icons/compass_tc.svg'\n\nimport \"./style.scss\";\n\nexport default function CompassIcon({degree}) {\n    const { state, dispatch } = useContext(context);\n    return (\n        <div className=\"compassIcon\">\n            {\n                state.language == 'en' &&\n                <img src={iconCompass} style={{transform: `rotate(${degree}deg)`}} />\n            }\n            {\n                (state.language == 'tc' || state.language == 'sc') &&\n                <img src={iconCompassTC} style={{transform: `rotate(${degree}deg)`}} />\n            }\n        </div>\n    )\n    \n}","import React, { useState, useEffect, useContext } from 'react'\nimport { LazyLoadComponent } from 'react-lazy-load-image-component';\nimport parse from 'html-react-parser';\nimport { context } from \"../../Context\";\nimport { TOGGLE_MODAL } from \"../../constants\";\nimport { useTranslation } from 'react-i18next';\n\nimport SimpleBar from 'simplebar-react';\nimport 'simplebar/dist/simplebar.min.css';\n\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport 'swiper/css';\n\nimport SlidePrevButton from '../../components/SlidePrevButton'\nimport SlideNextButton from '../../components/SlideNextButton'\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer'\nimport CompassIcon from '../../components/CompassIcon';\n\n\nimport \"./style.scss\";\n\nexport default function Modal() {\n    const { t } = useTranslation();\n    const { state, dispatch } = useContext(context);\n    const [currentSlide, setCurrentSlide] = useState(1)\n    const [iFrameDisclaimerStatus, setIFrameDisclaimerStatus] = useState();\n\n    const scrollableNodeRef = React.createRef();\n    useEffect(() => {\n        if (state.modal.type == 'zoom' && scrollableNodeRef.current != null) {\n            setTimeout(function() {\n                scrollableNodeRef.current.scrollLeft = (state.modal.imageWidth - scrollableNodeRef.current.offsetWidth) / 3\n            }, 300)\n        }\n    }, [state.modal.imageWidth]);\n\n    useEffect(()=>{\n        if(state.modal.content){\n\n            if(state.modal.content.disclaimer){\n                setIFrameDisclaimerStatus(true);\n            }else{\n                setIFrameDisclaimerStatus(false);\n            }\n        }\n    })\n    \n    const closeModal = (e) => {\n        document.body.classList.remove('modal-active');\n        dispatch({\n            type: TOGGLE_MODAL,\n            payload: false\n        });\n    }\n\n    const closeiFrameDisclaimer = () => {\n        // setIFrameDisclaimerStatus(false);\n        // console.log('iFrameDisclaimerStatus: ', iFrameDisclaimerStatus);\n        dispatch({\n            type: TOGGLE_MODAL,\n            payload: {\n                type: state.modal.type, \n                content: {\n                    tour: state.modal.content.tour\n                }\n            }\n        });\n    }\n\n    const [disclaimer, setDisclaimer] = useState();\n    const toggleDisclaimer = (content) => {\n        if (content) {\n            setDisclaimer(content)\n        } else {\n            setDisclaimer()\n        }\n    }\n\n\n\n\n    return (\n        <div className={`modal ${state.modal !== false? 'active': ''}`}>\n            <div className='mask' onClick={() => closeModal()}></div>\n            <div className={`popup ${state.modal.type != undefined && state.modal.type}`}>\n                <button className='btnClose' onClick={() => closeModal()} />\n                {\n                    state.modal.type == 'video' &&\n                    <>\n                        <video playsInline\n                            controls={['PlayPause', 'Volume', 'Fullscreen']}\n                            poster={state.modal.content.videoCover.Source}\n                        >\n                            <source src={process.env.API_URL + state.modal.content.videoLink.Url} type=\"video/mp4\" />\n                        </video>\n                        {\n                            !disclaimer && state.modal.content.videoData.disclaimer &&\n                            <button className='btnDisclaimer' onClick={() => toggleDisclaimer(state.modal.content.videoData.disclaimer)}>{t(\"disclaimer\")}</button>\n                        }\n                        {\n                            disclaimer &&\n                            <aside>\n                                <button onClick={() => toggleDisclaimer()} />\n                                <h3>{t(\"disclaimer\")}</h3>\n                                <SimpleBar style={{ maxHeight: 130, paddingRight: 20 }}>\n                                    {parse(disclaimer)}\n                                </SimpleBar>\n                            </aside>\n                        }\n                        {\n                            state.modal.content.videoData.videoName &&\n                            <h2>{parse(state.modal.content.videoData.videoName)}</h2>\n                        }\n                    </>\n                    \n\n                }\n                {\n                    state.modal.type == 'text' &&\n                    <>\n                        <h2>{state.modal.content.title}</h2>\n                        <SimpleBar autoHide={false} style={{ maxHeight: '90%', paddingRight: 20 }}>\n                            {parse(state.modal.content.content)}\n                        </SimpleBar>\n                    </>\n                }\n                {\n                    state.modal.type == 'iframe' &&\n                    <>\n                        {/* <iframe src=\"https://demo1.dscsol.com/\" width=\"100%\" height={500} title='A youtube video on React hooks' /> */}\n                        <iframe src={state.modal.content.tour.tourLink.Url} width=\"100%\" height={500} title={state.modal.content.tour.unitLocation} />\n                        <aside className={`${iFrameDisclaimerStatus === true ? 'active': ''}`}>\n                            <div className='mask' onClick={() => closeModal()}></div>\n                            <div className='iframeDisclaimerPopup'>\n                                <button className='btnClose' onClick={() => closeiFrameDisclaimer()} />\n                                <h2>{t(\"InformationToPurchaser\")}</h2>\n                                <SimpleBar autoHide={false} style={{ maxHeight: '90%', paddingRight: 20 }}>\n                                    {parse(state.modal.content.tour.tourDisclaimer)}\n                                </SimpleBar>\n                            </div>\n                        </aside>\n                    </>\n                }\n                {\n                    state.modal.type == 'zoom' &&\n                    <div className='zoomedImage'>\n                        <div className='compassIconInPopup'>\n                            <CompassIcon degree={state.modal.compress} />\n                        </div>\n                        <SimpleBar autoHide={false} forceVisible={true} scrollableNodeProps={{ ref: scrollableNodeRef }} style={{ overflow: 'auto', maxHeight: '100%', paddingRight: 20}}>\n                            <img src={state.modal.content + '?format=webp'} loading=\"lazy\" />\n                        </SimpleBar>\n                    </div>\n                    \n                }\n                {\n                    state.modal.type == 'document' &&\n                    <>\n                        <h2>{state.modal.content.documentTabName}</h2>\n                        {\n                            state.modal.content.documentContent.length > 0?\n                                <div className='content'>\n                                    <SimpleBar autoHide={false} style={{ paddingRight: 20 }}>\n                                    {\n                                        state.modal.content.documentContent.map((data, i) => {\n                                            return (\n                                                <div className='item' key={i}>\n                                                    <div className='description'>\n                                                        <time>{data.dateString}</time>\n                                                        {parse(data.description)}\n                                                    </div>\n                                                    <div className='download'>\n                                                        <a href={data.pdfUrl} target=\"_blank\" rel=\"noopener noreferrer\">{t(\"Download\")}</a>\n                                                    </div>\n                                                </div>   \n                                            )\n                                        })\n                                    }\n                                    </SimpleBar>\n                                </div>\n                            :\n                                <div className='content comingsoon'>\n                                    <p>{t(\"ComingSoon\")}</p>\n                                </div>\n                        }\n                    </>\n                }\n                {\n                    state.modal.type == 'gallery' &&\n                    <>\n                        <div className='slidesCount'>{currentSlide}<span className='total'>{state.modal.content.gallery.length}</span></div>\n                        <Swiper\n                            autoHeight\n                            watchOverflow\n                            onInit={(e) => {\n                                setCurrentSlide(state.modal.content.index + 1)\n                                \n                            }}\n                            onSwiper={(swiper) => {\n                                setTimeout(function() {\n                                    swiper.slideTo(state.modal.content.index)\n                                }, 300)\n                            }}\n                            onSlideChange={(e) => {\n                                setCurrentSlide(e.activeIndex + 1)\n                            }}\n                            centeredSlides\n                            slidesPerView='auto'\n                            >\n                                \n                                <SlidePrevButton />\n                                <SlideNextButton />\n                                {\n                                    state.modal.content.gallery.map(({data}, i) => {\n                                        return (\n                                            <SwiperSlide key={i}>\n                                                <ImageWithDisclaimer type=\"gallery\" data={data} />\n                                                {\n                                                    data.imageName &&\n                                                        <h2>{data.imageName}</h2>\n                                                }\n                                                {/* <LazyLoadComponent>\n                                                    \n                                                </LazyLoadComponent> */}\n                                            </SwiperSlide>\n                                        )\n                                    })\n                                }\n                        </Swiper>\n                    </>\n                }\n            </div>\n        </div>\n    )\n}","import React, {useEffect, useState, useContext} from \"react\"\nimport { context } from \"./Context\";\nimport {\n    Outlet,\n    useNavigate,\n    useLocation,\n    useParams\n} from \"react-router-dom\";\nimport parse from 'html-react-parser';\nimport useBackListener from './hooks/use-BackListener'\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Helmet } from 'react-helmet-async';\n\nimport iconLandscape from './images/icons/iconLandscape.svg'\n\nimport NavSiblings from './components/NavSiblings';\nimport Header from './components/Header';\nimport Footer from './components/Footer';\nimport Modal from './components/Modal';\nimport { SET_LANGUAGE, CURRENT_PAGE, RESPONSIVE_MODE, TOGGLE_MODAL } from \"./constants\";\n\nexport default function Layout() {\n    const { t } = useTranslation();\n    const { state, dispatch } = useContext(context);\n    \n    let navigate = useNavigate();\n    let params = useParams();\n    const location = useLocation();\n    const { i18n } = useTranslation();\n\n    const allowedLanguage = [\"tc\", \"sc\", \"en\"]\n    useEffect(() => {\n        if (params.lang === undefined || params.lang === \"tc\") {\n            dispatch({\n                type: SET_LANGUAGE,\n                payload: \"tc\"\n            });\n        }\n\n        if (params.lang === \"en\") {\n            dispatch({\n                type: SET_LANGUAGE,\n                payload: \"en\"\n            });\n        }\n\n        if (params.lang === \"sc\") {\n            dispatch({\n                type: SET_LANGUAGE,\n                payload: \"sc\"\n            });\n        }\n        if (!allowedLanguage.includes(params.lang)) {\n            dispatch({\n                type: SET_LANGUAGE,\n                payload: \"tc\"\n            });\n            navigate(\"/tc/\");\n        }\n        i18n.changeLanguage(params.lang)\n    }, [params.lang]);\n\n    // Set the page class to the wrapper for styles fine tuning\n    useEffect(() => {\n        dispatch({\n            type: CURRENT_PAGE,\n            payload: location.pathname.split(\"/\").pop()\n        });\n    }, [location]);\n\n    const [landscapeMode, setLandscapeMode] = useState(false)\n    useEffect(() => {\n        if (!!navigator.maxTouchPoints && window.matchMedia(\"(orientation: landscape)\").matches) {\n            document.body.classList.add('modal-active');\n            setLandscapeMode(true)\n        }\n    }, [params.lang]);\n    const closeModal = (e) => {\n        document.body.classList.remove('modal-active');\n        setLandscapeMode(false)\n    }\n\n    useEffect(() => {\n        const handleWindowResize = () => {\n            if (window.innerWidth <= 1194 || (!!navigator.maxTouchPoints && window.matchMedia(\"(orientation: landscape)\").matches)) {\n                dispatch({\n                    type: RESPONSIVE_MODE,\n                    payload: true\n                });\n            } else {\n                dispatch({\n                    type: RESPONSIVE_MODE,\n                    payload: false\n                });\n            }\n        };\n        window.addEventListener(\"load\", handleWindowResize);\n        window.addEventListener(\"resize\", handleWindowResize);\n       \n        return () => {\n            window.removeEventListener(\"load\", handleWindowResize);\n            window.removeEventListener(\"resize\", handleWindowResize);\n        }\n    }, []);\n\n    useBackListener(({ location }) => {\n        document.body.classList.remove('modal-active');\n        dispatch({\n            type: TOGGLE_MODAL,\n            payload: false\n        })\n    });\n\n\n\n    return (\n        <>\n            <Helmet htmlAttributes={\n                {\n                    lang: (state.language == 'en'? 'en': state.language == 'tc'? 'zh-Hant': 'zh-Hans'),\n                }\n            }>\n                <meta name=\"description\" content=\"Helmet application\" />\n            </Helmet>\n            {\n                landscapeMode &&\n                <div className=\"landscapeAlert\">\n                    <img src={iconLandscape} width=\"100\" height=\"100\" />\n                    {parse(t(\"LandscapeMessage\"))}\n                    <button onClick={() => closeModal()} />\n                </div>\n            }\n            <Header />\n            <div className={`page_` + state.current_page}>\n                <Outlet />\n            </div>\n            <NavSiblings />\n            <Footer />\n            <Modal />\n        </>\n    )\n}","import { useEffect, useState, useContext} from 'react';\nimport { useLocation } from \"react-router-dom\";\nimport { context } from \"../Context\";\nimport axios from 'axios';\n\nconst loadImage = path => {\n    return new Promise((resolve, reject) => {\n        const img = new Image()\n        img.src = path\n        img.onload = () => {\n            resolve(img)\n        }\n        img.onerror = e => {\n            reject(e)\n        }\n    })\n}\n\n  \nconst useFetchData = (path) => {\n    const { state, dispatch } = useContext(context);\n    const location = useLocation();\n\n    const [pageData, setPageData] = useState({});\n    const [seoData, setSeoData] = useState({});\n    const [isLoading, setIsLoading] = useState(true);\n\n    useEffect(() => {\n        const fetchData = async () => {\n            try {\n                const { data: response } = await axios.get(process.env.API_URL + '/' + path + '?lang=' + state.language);\n                setPageData(response.pageData);\n                setSeoData(response.seoData);\n\n                if (response.pageData[0].type == 'chapterBannerRow') {\n                    try {\n                        const imgDesktop = await loadImage(response.pageData[0].data.imageWithDisclaimers.imageDesktop.Source + '?format=webp')\n                        const imgTablet = await loadImage(response.pageData[0].data.imageWithDisclaimers.imageTablet.Source + '?format=webp')\n                        const imgMobile = await loadImage(response.pageData[0].data.imageWithDisclaimers.imageMobile.Source + '?format=webp')\n                        \n                    } catch (e) {\n                        console.log(e)\n                    }\n                }\n                \n            } catch (error) {\n                console.error(error)\n            }\n            \n            setIsLoading(false);\n            };\n        if (state.language != undefined) {\n            fetchData();\n        }\n    }, [state.language, location]);\n\n    return {\n        seoData,\n        pageData,\n        isLoading,\n    };\n};\n\nexport default useFetchData;","import React from \"react\"\nimport \"./style.scss\";\n\nexport default function SkeletonLoader() {\n    return (\n        <div className=\"skeleton-loader\"></div>\n    )\n}","import React from 'react'\nimport { Helmet } from 'react-helmet-async';\n\nfunction Meta({data}) {\n    return (\n        <Helmet>\n            <title>{data.seoMetaData.Title}</title>\n            <meta name=\"description\" content={data.seoMetaData.Description}></meta>\n            <meta name=\"keywords\" content={data.seoMetaData.Keywords} />\n\n            <meta property=\"og:title\" content={data.seoOg.OgTitle} />\n            <meta property=\"og:description\" content={data.seoOg.OgDescription} />\n            <meta property=\"og:image\" content={data.seoOg.OgImage.Source} />\n\n            <meta property=\"twitter:title\" content={data.seoOg.OgTitle} />\n            <meta property=\"twitter:description\" content={data.seoOg.OgDescription} />\n            <meta property=\"twitter:image\" content={data.seoOg.OgImage.Source} />\n        </Helmet>\n    )\n}\n\nexport default Meta;","import React, { useState, useEffect, useContext } from 'react'\r\nimport { context } from \"../../Context\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { PAGE_TRANSITION, TOGGLE_MODAL } from \"../../constants\";\r\nimport {\r\n    useNavigate,\r\n    Link\r\n} from \"react-router-dom\";\r\n\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ChapterBanner({data, prev, next}) {\r\n    const { state, dispatch } = useContext(context);\r\n    const { t } = useTranslation();\r\n    let navigate = useNavigate();\r\n    const [opacityScrollDown, setOpacityScrollDown] = useState(1);\r\n    \r\n\r\n    useEffect(() => {\r\n        const updateScrollDown = () => {\r\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop\r\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight\r\n            const scrolled = winScroll / height * 20\r\n            setOpacityScrollDown(1 - scrolled)\r\n        }\r\n\r\n        // Clean up\r\n        window.removeEventListener('scroll', updateScrollDown);\r\n        window.addEventListener('scroll', updateScrollDown, { passive: true });\r\n\r\n\r\n        return () => window.removeEventListener('scroll', updateScrollDown);\r\n\r\n\r\n    }, []);\r\n\r\n    const scrollToContent = (e) => {\r\n        window.scrollBy({\r\n            top: window.innerHeight,\r\n            behavior: 'smooth'\r\n        })\r\n    }\r\n\r\n    const gotoPage = (e, page) => {\r\n        e.preventDefault();\r\n        // Change the url\r\n        navigate('/' + state.language + '/' + page);\r\n        // Start the fade out animtation\r\n        dispatch({\r\n            type: PAGE_TRANSITION,\r\n            payload: true\r\n        });\r\n        // Start the fade in animation\r\n        setTimeout(function() {\r\n            dispatch({\r\n                type: PAGE_TRANSITION,\r\n                payload: false\r\n            });\r\n        }, 300)\r\n    }\r\n\r\n    const openModal = (type, content) => {\r\n        document.body.classList.add('modal-active');\r\n        dispatch({\r\n            type: TOGGLE_MODAL,\r\n            payload: {\r\n                type: type,\r\n                content: content\r\n            }\r\n        });  \r\n    }\r\n    \r\n    return (\r\n        <div className='fullscreen'>\r\n            <div className={`background ${state.transition === true? 'transition': ''}`}>\r\n                <ImageWithDisclaimer data={data.imageWithDisclaimers} lazyload={false} />\r\n                <Link className='navPrev' title='Previous' to={'/' + state.language + '/' + prev} onClick={(e) => gotoPage(e, prev)} />\r\n                <h2>\r\n                    {data.centerText}\r\n                    {\r\n                        data.isComingSoon &&\r\n                        <span>{t(\"ComingSoonVirtualTour\")}</span>\r\n                    }\r\n                    {\r\n                        data.videoCover.Source != \"\" &&\r\n                        <button onClick={() => openModal('video', {videoCover: data.videoCover, videoLink: data.videoLink})}>{t(\"watchvideo\")}</button>\r\n                    }\r\n                </h2>\r\n                <Link className='navNext' title='Next' to={'/' + state.language + '/' + next} onClick={(e) => gotoPage(e, next)} />\r\n            </div>\r\n            \r\n            <button className=\"btnScrollDown\" style={{opacity: opacityScrollDown}} onClick={scrollToContent}>{t(\"ScrollDown\")}</button>\r\n        </div>\r\n    )\r\n}","import React from 'react'\r\nimport { Navigation } from 'swiper';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport 'swiper/css';\r\n\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ImageRow({data}) {\r\n    return (\r\n        <div className='ImageRow'>\r\n            <Swiper\r\n                modules={[Navigation]}\r\n                navigation={data.imageWithDisclaimers.length > 1? true: false}\r\n                centeredSlides\r\n                loop={data.imageWithDisclaimers.length > 1? true: false}\r\n                breakpoints={{\r\n                    320: {\r\n                        slidesPerView: 1\r\n                    },\r\n                    821: {\r\n                        slidesPerView: data.imageWithDisclaimers.length > 1? 1.3: 1\r\n                    }\r\n                }}\r\n                >\r\n                    {\r\n                        data.imageWithDisclaimers.map((item, i) => {\r\n                            return (\r\n                                <SwiperSlide key={i}>\r\n                                    <ImageWithDisclaimer data={item} />\r\n                                </SwiperSlide>\r\n                            )\r\n                        }) \r\n                    }\r\n            </Swiper>\r\n        </div>\r\n        \r\n    )\r\n}","import React from 'react'\r\nimport parse from 'html-react-parser';\r\nimport PropTypes from \"prop-types\"\r\n\r\nimport \"./style.scss\";\r\n\r\n/**\r\n * General component description in JSDoc format. Markdown is *supported*.\r\n */\r\nfunction Paragraph({header, contentText}) {\r\n    return (\r\n        <div className='paragraph'>\r\n            {\r\n                header &&\r\n                    <h2>{parse(header)}</h2>\r\n            }\r\n            {\r\n                contentText &&\r\n                    <>\r\n                        {parse(contentText)}\r\n                    </>\r\n            }\r\n        </div>\r\n    )\r\n}\r\n\r\nParagraph.propTypes = {\r\n    header: PropTypes.string,\r\n    /**\r\n     * Rich text\r\n     */\r\n    contentText: PropTypes.string,\r\n}\r\n\r\nexport default Paragraph;","import React, { useState } from 'react'\r\nimport VisibilitySensor from 'react-visibility-sensor';\r\nimport { LazyLoadComponent } from 'react-lazy-load-image-component';\r\n\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport 'swiper/css';\r\n\r\nimport SlidePrevButton from '../../components/SlidePrevButton'\r\nimport SlideNextButton from '../../components/SlideNextButton'\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\nimport Paragraph from '../../components/Paragraph';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ParagraphImageRow({data}) {\r\n    const [visibility, setVisibility] = useState(false);\r\n\r\n    const [totalSlides, setTotalSlides] = useState(1)\r\n    const [currentSlide, setCurrentSlide] = useState(1)\r\n\r\n    return (\r\n        <div className={`paragraphImageRow ${data.textOnLeftSide == true? 'flip': ''}`}>\r\n            <div className='left'>\r\n                <Swiper\r\n                    watchOverflow\r\n                    onSwiper={(swiper) => {\r\n                        setTotalSlides(swiper.slides.length)\r\n                    }}\r\n                    onUpdate={(swiper) => {\r\n                        setTotalSlides(swiper.slides.length)\r\n                    }}\r\n                    onSlideChange={(e) => {\r\n                        setCurrentSlide(e.realIndex + 1)\r\n                    }}\r\n                    >\r\n                        {\r\n                            totalSlides > 1 && \r\n                                <>\r\n                                    <SlidePrevButton className={`${currentSlide == 1? 'disabled': ''}`}  />\r\n                                    <SlideNextButton className={`${currentSlide == totalSlides? 'disabled': ''}`}/>\r\n                                </>\r\n                        }\r\n                        \r\n                        {\r\n                            data.imageWithDisclaimers.map((item, i) => (\r\n                                <SwiperSlide key={i}>\r\n                                    <LazyLoadComponent>\r\n                                        <ImageWithDisclaimer data={item} />\r\n                                    </LazyLoadComponent>\r\n                                </SwiperSlide>\r\n                            ))\r\n                        }\r\n                </Swiper>\r\n            </div>\r\n            <div className={`right ${visibility === true? 'transition': ''}`}>\r\n                <VisibilitySensor partialVisibility active={!visibility} onChange={(isVisible) => {\r\n                    setVisibility(isVisible)\r\n                }}>\r\n                    <Paragraph header={data.paragraph.header} contentText={data.paragraph.contentText} />\r\n                </VisibilitySensor>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React from \"react\"\nimport useFetchData from '../../hooks/use-fetchData'\n\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport ChapterBanner from '../../components/ChapterBanner';\nimport ImageRow from '../../components/ImageRow';\nimport ParagraphImageRow from '../../components/ParagraphImageRow';\n\nimport \"./style.scss\";\n\nexport default function LuxuryDesign() {\n    const prev = \"gallery\"\n    const next = \"residences\"\n\n    const { seoData, pageData, isLoading } = useFetchData('luxury-design');\n    \n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        return (\n                            <ChapterBanner key={i} data={component.data} prev={prev} next={next} />\n                        )\n                    }\n\n                    if (component.type == \"imageRow\") {\n                        return (\n                            <ImageRow key={i} data={component.data} />\n                        )\n                    }\n\n                    if (component.type == \"paragraphImageRow\") {\n                        return (\n                            <ParagraphImageRow key={i} data={component.data} />\n                        )\n                    }\n                })\n            }\n        </>\n    )\n}","import React from 'react'\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ExpandableButton({text, click}) {\r\n    return (\r\n        <button className='ExpandableButton' onClick={click}>{text}</button>\r\n    )\r\n}","import React from 'react'\r\nimport parse from 'html-react-parser';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function ParagraphRow({data}) {\r\n    return (\r\n        <div className='ParagraphRow'>\r\n            {\r\n                <>\r\n                    <h2>{parse(data.header)}</h2>\r\n                    {parse(data.contentText)}\r\n                </>\r\n            }\r\n        </div>\r\n    )\r\n}","import React, { useState, useContext } from 'react'\r\nimport parse from 'html-react-parser';\r\nimport {CSSTransition} from 'react-transition-group';\r\nimport { context } from \"../../Context\";\r\nimport { TOGGLE_POPUP, FLOORPLAN_LEVEL } from \"../../constants\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport SimpleBar from 'simplebar-react';\r\nimport 'simplebar/dist/simplebar.min.css';\r\n\r\nimport CompassIcon from '../../components/CompassIcon';\r\nimport ZoomButton from '../../components/ZoomButton';\r\nimport ExpandableButton from \"../../components/ExpandableButton\";\r\n\r\nimport { Pagination } from 'swiper';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport 'swiper/css';\r\nimport 'swiper/css/pagination';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function FloorPlanRow({data}) {\r\n    const { state, dispatch } = useContext(context);\r\n    const { t } = useTranslation();\r\n\r\n    const [floorplanMenuToggleStatus, setFloorplanMenuToggleStatus] = useState(false)\r\n\r\n    const [floorPlanTable, setFloorPlanTable] = useState(false)\r\n    const [floorPlanInfo, setFloorPlanInfo] = useState()\r\n    const [popupContent, setPopupContent] = useState()\r\n    const togglePopup = (data) => {\r\n        setFloorPlanTable(!floorPlanTable)\r\n        dispatch({\r\n            type: TOGGLE_POPUP,\r\n            payload: !state.toggle_popup\r\n        });\r\n        // if (state.responsive_mode)\r\n        //     document.body.classList.toggle('modal-active');\r\n        setPopupContent(data)\r\n    }\r\n    const updateFloorPlanInfo = (data) => {\r\n        setFloorPlanInfo(data)\r\n    }\r\n\r\n    const [disclaimer, setDislaimer] = useState();\r\n    const toggleDisclaimer = (content) => {\r\n        if (content) {\r\n            setDislaimer(content)\r\n        } else {\r\n            setDislaimer()\r\n        }\r\n    }\r\n\r\n\r\n\r\n    const toggleFloorplan = (data) => {\r\n        dispatch({\r\n            type: FLOORPLAN_LEVEL,\r\n            payload: data\r\n        });\r\n        setFloorPlanTable(false)\r\n        setFloorplanMenuToggleStatus(false)\r\n    }\r\n\r\n    const toggleFloorplanMenu = () => {\r\n        setFloorplanMenuToggleStatus(!floorplanMenuToggleStatus)\r\n    }\r\n    return (\r\n        <div className='FloorPlanRow'>\r\n            <section className='selection'>\r\n                {\r\n                    data.floorPlanName &&\r\n                        <h2>{parse(data.floorPlanName)}</h2>\r\n                }\r\n                {/* Floorplan Menu */}\r\n                <nav>\r\n                    <button onClick={() => toggleFloorplanMenu()}>{data.listedFloorPlanItems[state.floorplan_level].listItemName}</button>\r\n                    <CSSTransition in={floorplanMenuToggleStatus} timeout={0} classNames=\"transitionSlideDown\">\r\n                        <div>\r\n                            {\r\n                                data.listedFloorPlanItems.map((item, i) => {\r\n                                    return (\r\n                                        <button\r\n                                            className={`${i === state.floorplan_level ? 'active' : ''} ${item.isHighlight? 'hightlight': ''}`}\r\n                                            onClick={() => {\r\n                                                updateFloorPlanInfo(data.listedFloorPlanItems[i].floorPlans[0])\r\n                                                toggleFloorplan(i)\r\n                                            }}\r\n                                            key={i}\r\n                                        >\r\n                                            {item.listItemName}\r\n                                        </button>\r\n                                    )\r\n                                })\r\n                            }\r\n                        </div>\r\n                    </CSSTransition>\r\n                </nav>\r\n            </section>\r\n            {\r\n                floorPlanInfo != undefined && floorPlanInfo.infoTextFields.length > 0 &&\r\n                    <section className='detail'>\r\n                        {\r\n                            floorPlanInfo.infoTextFields.map((info, i) => {\r\n                                return (\r\n                                    <div key={i}>\r\n                                        <h4>{info.fieldName}</h4>\r\n                                        <span>{parse(info.fieldContent)}</span>\r\n                                    </div>\r\n                                )\r\n                            })\r\n                        }\r\n                    </section>\r\n            }\r\n            <div className={`floorplans ${floorPlanInfo != undefined && floorPlanInfo.infoTextFields.length > 0 ? 'withInfo' : ''}`}>\r\n                <Swiper\r\n                    modules={[Pagination]}\r\n                    slidesPerView={1}\r\n                    pagination={{clickable: true}}\r\n                    centeredSlides\r\n                    height='100%'\r\n                    onUpdate={(e) => {\r\n                        updateFloorPlanInfo(data.listedFloorPlanItems[state.floorplan_level].floorPlans[0])\r\n                    }}\r\n                    onInit={(e) => {\r\n                        updateFloorPlanInfo(data.listedFloorPlanItems[state.floorplan_level].floorPlans[0])\r\n                    }}\r\n                    onSlideChange={(e) => {\r\n                        setFloorPlanTable(false)\r\n                        \r\n                    }}\r\n                    onSlideChangeTransitionEnd={(e) => {\r\n                        updateFloorPlanInfo(data.listedFloorPlanItems[state.floorplan_level].floorPlans[e.realIndex])\r\n                    }}\r\n                    >\r\n                        {\r\n                            data.listedFloorPlanItems[state.floorplan_level].floorPlans.map((item, i) => (\r\n                                <SwiperSlide key={i}>\r\n                                    <div className='floorplanimage'>\r\n                                        <picture>\r\n                                            <source media=\"(min-width: 821px)\" srcSet={item.imageDesktop.Source + '?format=webp'} />\r\n                                            <img src={item.imageMobile.Source + '?format=webp'} alt={item.imageName}  loading=\"lazy\" />\r\n                                        </picture>\r\n                                        \r\n                                        {\r\n                                            item.compassDegree != undefined &&\r\n                                            <CompassIcon degree={item.compassDegree} />\r\n                                        }\r\n\r\n                                        {\r\n                                            item.floorLevel &&\r\n                                            <span className='floorlevel'>{item.floorLevel}</span>\r\n                                        }\r\n                                        \r\n                                        {\r\n                                            item.zoomable &&\r\n                                            <ZoomButton imagePath={item.imageDesktop.Source} imageWidth={item.imageDesktop.Width} compress={item.compassDegree}/>\r\n                                        }\r\n\r\n                                        {\r\n                                            !disclaimer && item.disclaimer &&\r\n                                            <button className='btnDisclaimer' onClick={() => toggleDisclaimer(item.disclaimer)}>{t(\"disclaimer\")}</button>\r\n                                        }\r\n                                        {\r\n                                            disclaimer &&\r\n                                            <aside className='disclaimers'>\r\n                                                <button onClick={() => toggleDisclaimer()} />\r\n                                                <h3>{t(\"disclaimer\")}</h3>\r\n                                                <SimpleBar forceVisible=\"y\" autoHide={false} style={{ maxHeight: 150, paddingRight: 20 }}>    \r\n                                                    {parse(disclaimer)}\r\n                                                </SimpleBar>\r\n                                            </aside>\r\n                                        }\r\n                                    </div>\r\n                                    {\r\n                                        item.infoTable.buttonText &&\r\n                                        <ExpandableButton text={item.infoTable.buttonText} click={() => togglePopup(item.infoTable.table)} />\r\n                                    }\r\n                                </SwiperSlide>\r\n                            ))\r\n                        }\r\n                </Swiper>\r\n            </div>\r\n            {\r\n                floorPlanInfo != undefined && floorPlanInfo.infoTextFields.length > 0 &&\r\n                    <section className='detail'>\r\n                        {\r\n                            floorPlanInfo.infoTextFields.map((info, i) => {\r\n                                return (\r\n                                    <div key={i}>\r\n                                        <h4>{info.fieldName}</h4>\r\n                                        <span>{parse(info.fieldContent)}</span>\r\n                                    </div>\r\n                                )\r\n                            })\r\n                        }\r\n                        {\r\n                            floorPlanInfo && floorPlanInfo.infoTable.buttonText &&\r\n                            <ExpandableButton text={floorPlanInfo.infoTable.buttonText} click={() => togglePopup(floorPlanInfo.infoTable.table)} />\r\n                        }\r\n                    </section>\r\n            }\r\n            {\r\n                <aside className={`${floorPlanTable == true? 'active': ''}`}>\r\n                    {\r\n                        popupContent &&\r\n                        <SimpleBar forceVisible=\"y\" autoHide={false} style={{ paddingRight: 20 }}>\r\n                            <button onClick={() => togglePopup()} />\r\n                            {parse(popupContent)}\r\n                        </SimpleBar>\r\n                    }\r\n                </aside>\r\n            }\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect, useContext } from 'react'\r\nimport { context } from \"../../Context\";\r\nimport { FLOORPLAN_LEVEL } from \"../../constants\";\r\n\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\nimport ParagraphRow from '../../components/ParagraphRow';\r\nimport ParagraphImageRow from '../../components/ParagraphImageRow';\r\nimport FloorPlanRow from '../../components/FloorPlanRow'\r\n\r\nimport \"./style.scss\";\r\n\r\n/**\r\n * General component description in JSDoc format. Markdown is *supported*.\r\n */\r\nfunction Tabs({data}) {\r\n    const { state, dispatch } = useContext(context);\r\n    const [tab, setTab] = useState(0)\r\n    const [subPageContent, setSubPageContent] = useState()\r\n    const toggleTab = (tab) => {\r\n        dispatch({\r\n            type: FLOORPLAN_LEVEL,\r\n            payload: 0\r\n        });\r\n        setImage(data[tab].imageWithDisclaimers)\r\n        setTab(tab)\r\n        setSubPageContent(data[tab].subPageContent)\r\n    }\r\n\r\n    const [image, setImage] = useState()\r\n    useEffect(() => {\r\n        setImage(data[0].imageWithDisclaimers)\r\n        setSubPageContent(data[0].subPageContent)\r\n        setIsLoading(false)\r\n    }, [data]);\r\n\r\n    useEffect(() => {\r\n        setImage(data[tab].imageWithDisclaimers)\r\n        setSubPageContent(data[tab].subPageContent)\r\n    }, [state.language, data])\r\n    \r\n    \r\n    const [isLoading, setIsLoading] = useState(true);\r\n    if (isLoading) {\r\n        return <>Loading...</>;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"tabsWithImage\">\r\n                {\r\n                    image != undefined &&\r\n                    <ImageWithDisclaimer data={image} />\r\n                }\r\n                <div className=\"tabs\">\r\n                    {\r\n                        data.map((item, i) => {\r\n                            return (\r\n                                <button className={`${tab === i? 'active': ''}`} onClick={() => toggleTab(i)} key={i}>\r\n                                    <span>{item.subPageName}</span>\r\n                                </button>\r\n                            )\r\n                        })\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <div className={`tabContent ${state.toggle_popup? 'popup': ''}`}>\r\n                {\r\n                    subPageContent.map((item, i) => {\r\n                        if (item.type == \"paragraphRow\") {\r\n                            return (\r\n                                <ParagraphRow key={i} data={item.data.paragraph} />\r\n                            )\r\n                        }\r\n\r\n                        if (item.type == \"paragraphImageRow\") {\r\n                            return (\r\n                                <ParagraphImageRow key={i} data={item.data} />\r\n                            )\r\n                        }\r\n\r\n                        if (item.type == \"floorPlanRow\") {\r\n                            return (\r\n                                <FloorPlanRow key={i} data={item.data} />\r\n                            )\r\n                        }\r\n                    })\r\n                }\r\n            </div>\r\n        </>\r\n        \r\n    )\r\n}\r\n\r\n\r\nexport default Tabs;","import React, { useState, useEffect } from \"react\"\nimport parse from 'html-react-parser';\nimport useFetchData from '../../hooks/use-fetchData'\n\nimport SimpleBar from 'simplebar-react';\nimport 'simplebar/dist/simplebar.min.css';\n\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport ExpandableButton from \"../../components/ExpandableButton\";\nimport ChapterBanner from '../../components/ChapterBanner';\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\nimport ParagraphImageRow from '../../components/ParagraphImageRow';\nimport CompassIcon from '../../components/CompassIcon';\nimport Tabs from '../../components/Tabs';\n\nimport \"./style.scss\";\n\nexport default function Residences() {\n    const prev = \"luxury-design\"\n    const next = \"virtual-tour\"\n\n    const { seoData, pageData, isLoading } = useFetchData('residences');\n\n    const [bluePrintTable, setBluePrintTable] = useState(false)\n\n    const toggleBluePrintTable = () => {\n        if (responsiveMode) {\n            if (bluePrintTable == false) {\n                //document.body.classList.add('modal-active');\n            } else {\n                document.body.classList.remove('modal-active');\n            }\n        }\n        setBluePrintTable(!bluePrintTable)\n    }\n\n    const [responsiveMode, setResponsiveMode] = useState(false);\n    useEffect(() => {\n        const handleWindowResize = () => {\n            if (window.innerWidth <= 1194 || (!!navigator.maxTouchPoints && window.matchMedia(\"(orientation: landscape)\").matches)) {\n                setResponsiveMode(true)\n                if (bluePrintTable == true) {\n                    //document.body.classList.add('modal-active');\n                }\n            } else {\n                setResponsiveMode(false)\n                document.body.classList.remove('modal-active');\n            }\n        };\n        window.addEventListener(\"load\", handleWindowResize);\n        window.addEventListener(\"resize\", handleWindowResize);\n        return () => {\n            window.removeEventListener(\"load\", handleWindowResize);\n            window.removeEventListener(\"resize\", handleWindowResize);\n        }\n    }, []);\n\n\n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        return (\n                            <ChapterBanner key={i} data={component.data} prev={prev} next={next} />\n                        )\n                    }\n                    \n                    if (component.type == \"blueprintRow\") {\n                        return (\n                            <div className=\"blueprint\" key={i}>\n                                \n                                <ImageWithDisclaimer data={component.data.imageWithDisclaimers} />\n                                {\n                                    component.data.compassDegree != undefined &&\n                                        <CompassIcon degree={component.data.compassDegree} />\n                                }\n                                {\n                                    component.data.scaleMeter &&\n                                        <img className=\"scale\" src={component.data.scaleMeter.Source} width={component.data.scaleMeter.Width} height={component.data.scaleMeter.Height} />\n                                }\n                                {\n                                    component.data.infoTable &&\n                                        <>\n                                            <ExpandableButton text={component.data.infoTable.buttonText} click={() => toggleBluePrintTable()} />\n                                            <aside className={`${bluePrintTable == true? 'active': ''}`}>\n                                                <button onClick={() => toggleBluePrintTable()} />\n                                                <SimpleBar autoHide={false}>\n                                                    {parse(component.data.infoTable.table)}\n                                                </SimpleBar>\n                                                \n                                            </aside>\n                                        </>\n                                        \n                                }\n                            </div>\n                            \n                        )\n                    }\n\n                    if (component.type == \"imageRow\") {\n                        return (\n                            <ImageRow key={i} data={component.data} />\n                        )\n                    }\n\n                    if (component.type == \"paragraphImageRow\") {\n                        return (\n                            <ParagraphImageRow key={i} data={component.data} />\n                        )\n                    }\n\n                    if (component.type == \"tabs\") {\n                        return (\n                            <Tabs key={i} data={component.data.subPages} />\n                        )\n                    }\n                })\n            }\n        </>\n    )\n}","import React, { useState } from \"react\";\nimport parse from 'html-react-parser';\nimport SimpleBar from 'simplebar-react';\nimport 'simplebar/dist/simplebar.min.css';\n\nimport \"./style.scss\";\n\nimport { useTranslation } from 'react-i18next';\n\nexport default function Disclaimer({data}) {\n    const { t } = useTranslation();\n\n    const [disclaimer, setDislaimer] = useState();\n\n    const toggleDisclaimer = (content) => {\n        if (content) {\n            setDislaimer(content)\n        } else {\n            setDislaimer()\n        }\n    }\n\n    return (\n        <div className=\"Disclaimer\">\n            {\n                data &&\n                <button className={`btnDisclaimer ${disclaimer? 'active': ''}`} onClick={() => toggleDisclaimer(data)}>{t(\"disclaimer\")}</button>\n            }\n            {\n                disclaimer &&\n                <aside>\n                    <button onClick={() => toggleDisclaimer()} />\n                    <h3>{t(\"disclaimer\")}</h3>\n                    <SimpleBar autoHide={false} style={{ maxHeight: 130, paddingRight: 20 }}>\n                        {parse(disclaimer)}\n                    </SimpleBar>\n                </aside>\n                    \n                }\n                \n        </div>\n    )\n}","import React, { useContext } from 'react'\r\nimport parse from 'html-react-parser';\r\nimport { context } from \"../../Context\";\r\nimport Modal from '../../components/Modal';\r\nimport { TOGGLE_MODAL } from \"../../constants\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function TourUnitRow({data}) {\r\n    const { state, dispatch } = useContext(context);\r\n    const { t } = useTranslation();\r\n\r\n    const openModal = (type, content) => {\r\n        document.body.classList.add('modal-active');\r\n        dispatch({\r\n            type: TOGGLE_MODAL,\r\n            payload: {\r\n                type: type,\r\n                content: content\r\n            }\r\n        });  \r\n    }\r\n\r\n    return (\r\n        <div className=\"tours-container\">\r\n            <div className='tours'>\r\n                {\r\n                    data.map((item, i) => {\r\n                        if (item.tourLink != null) {\r\n                            return (\r\n                                <div className='tour link' key={i} onClick={() => {\r\n                                    window.dataLayer = window.dataLayer || [];\r\n                                    window.dataLayer.push({\r\n                                        'event': 'VirtualTourClick',\r\n                                        'ClickDetail': item.unitLocation\r\n                                    });\r\n                                    openModal('iframe', {tour: item, disclaimer: true})}\r\n                                }>\r\n                                    <ImageWithDisclaimer data={item.tourCover} />\r\n                                    <h2>{parse(item.unitLocation)}</h2>\r\n                                    <p>{item.unitCategory}</p>\r\n                                    <span>{t(\"linkVirtualTour\")}</span>\r\n                                </div>\r\n                            ) \r\n                        } else {\r\n                            return (\r\n                                <div className='tour' key={i}>\r\n                                    <ImageWithDisclaimer data={item.tourCover} />\r\n                                    <h2>{parse(item.unitLocation)}</h2>\r\n                                    <p>{item.unitCategory}</p>\r\n                                    <span className='withoutLeftRightBorder'>{t(\"ComingSoonVirtualTour\")}</span>\r\n                                </div>\r\n                            )\r\n                        }\r\n                    })\r\n                        \r\n                        \r\n                }\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from \"react\"\nimport useFetchData from '../../hooks/use-fetchData'\n\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport ChapterBanner from '../../components/ChapterBanner';\nimport TourUnitRow from '../../components/TourUnitRow';\nimport Disclaimer from '../../components/Disclaimer'\n\nimport \"./style.scss\";\n\nexport default function VirtualTour() {\n    const { seoData, pageData, isLoading } = useFetchData('virtual-tour');\n\n    const [comingSoon, setComingSoon] = useState(false);\n    useEffect(() => {\n        if (pageData.length > 0 && pageData[0].type == 'chapterBannerRow') {\n            setComingSoon(pageData[0].data.isComingSoon) \n        }\n    }, [pageData]);\n\n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        \n                        return (\n                            // <ChapterBanner key={i} data={component.data} prev=\"residences\" next=\"location\" />\n                            <ChapterBanner key={i} data={component.data} prev=\"residences\" next=\"club-lucca\" />\n                        )\n                    }\n                    if (!comingSoon) {\n                        if (component.type == \"tourUnitRow\") {\n                            return (\n                                <TourUnitRow key={i} data={component.data.tourUnitGallery} />\n                            )\n                        }\n                        if (component.type == \"disclaimer\") {\n                            return (\n                                <Disclaimer key={i} data={component.data.Content} />\n                            )\n                        }\n                    }\n                    \n                })\n            }\n        </>\n    )\n}","import React from \"react\"\nimport useFetchData from '../../hooks/use-fetchData'\n\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport ChapterBanner from '../../components/ChapterBanner';\nimport ImageRow from '../../components/ImageRow';\nimport ParagraphRow from '../../components/ParagraphRow';\nimport FloorPlanRow from '../../components/FloorPlanRow'\nimport \"./style.scss\";\n\nexport default function ClubLucca() {\n    const { seoData, pageData, isLoading } = useFetchData('club-lucca');\n\n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        return (\n                            // <ChapterBanner key={i} data={component.data} prev=\"location\" next=\"masters\" />\n                            <ChapterBanner key={i} data={component.data} prev=\"virtual-tour\" next=\"masters\" />\n                        )\n                    }\n\n                    if (component.type == \"imageRow\") {\n                        return (\n                            <ImageRow key={i} data={component.data} />\n                        )\n                    }\n\n                    if (component.type == \"paragraphRow\") {\n                        return (\n                            <ParagraphRow key={i} data={component.data.paragraph}  />\n                        )\n                    }\n\n                    if (component.type == \"floorPlanRow\") {\n                        return (\n                            <FloorPlanRow key={i} data={component.data} />\n                        )\n                    }\n\n                    \n                })\n            }\n            \n            \n        </>\n    )\n}","import React, { useState } from 'react'\r\nimport VisibilitySensor from 'react-visibility-sensor';\r\nimport parse from 'html-react-parser';\r\nimport { LazyLoadComponent } from 'react-lazy-load-image-component';\r\n\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport 'swiper/css';\r\n\r\nimport SlidePrevButton from '../../components/SlidePrevButton'\r\nimport SlideNextButton from '../../components/SlideNextButton'\r\nimport ImageWithDisclaimer from '../../components/ImageWithDisclaimer';\r\n\r\nimport \"./style.scss\";\r\n\r\nexport default function DesignerImageRow({data}) {\r\n    const [visibility, setVisibility] = useState(false);\r\n\r\n    const [totalSlides, setTotalSlides] = useState(1)\r\n    const [currentSlide, setCurrentSlide] = useState(1)\r\n\r\n    return (\r\n        <div className={`designerImageRow ${data.textOnLeftSide == true? 'flip': ''}`}>\r\n            <div className='left'>\r\n                <Swiper\r\n                    onSwiper={(swiper) => {\r\n                        setTotalSlides(swiper.slides.length)\r\n                    }}\r\n                    onSlideChange={(e) => {\r\n                        setCurrentSlide(e.realIndex + 1)\r\n                    }}\r\n                    >\r\n                        {\r\n                            totalSlides > 1 && \r\n                                <>\r\n                                    <SlidePrevButton className={`${currentSlide == 1? 'disabled': ''}`}  />\r\n                                    <SlideNextButton className={`${currentSlide == totalSlides? 'disabled': ''}`}/>\r\n                                </>\r\n                        }\r\n                        {\r\n                            data.imageWithDisclaimers.map((item, i) => (\r\n                                <SwiperSlide key={i}>\r\n                                    <LazyLoadComponent>\r\n                                        <ImageWithDisclaimer data={item} />\r\n                                    </LazyLoadComponent>\r\n                                </SwiperSlide>\r\n                            ))\r\n                                \r\n                            \r\n                        }\r\n                </Swiper>\r\n            </div>\r\n            <VisibilitySensor partialVisibility active={!visibility} onChange={(isVisible) => {\r\n                setVisibility(isVisible)\r\n            }}>\r\n                <div className={`right ${visibility === true? 'transition': ''}`}>\r\n                    <div className='paragraph'>\r\n                        {\r\n                            data.paragraph.specialist &&\r\n                                <h2>{data.paragraph.specialist}</h2>\r\n                        }\r\n                        {\r\n                            data.paragraph.designerName &&\r\n                                <img src={data.paragraph.designerName.Source + '?format=webp'} />\r\n                        }\r\n                        {\r\n                            data.paragraph.contentText &&\r\n                                <>\r\n                                    {parse(data.paragraph.contentText)}\r\n                                </>\r\n                        }\r\n                        {\r\n                            data.paragraph.signature && data.paragraph.signature.Source != \"\" &&\r\n                                <img src={data.paragraph.signature.Source + '?format=webp'} className=\"signature\" width={data.paragraph.signature.Width} height={data.paragraph.signature.Height} />\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </VisibilitySensor>\r\n        </div>\r\n    )\r\n}","import React from \"react\"\nimport useFetchData from '../../hooks/use-fetchData'\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport ChapterBanner from '../../components/ChapterBanner';\nimport DesignerImageRow from '../../components/DesignerImageRow';\n\nimport \"./style.scss\";\n\nexport default function Masters() {\n    const { seoData, pageData, isLoading } = useFetchData('masters');\n\n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        return (\n                            <ChapterBanner key={i} data={component.data} prev=\"club-lucca\" next=\"gallery\" />\n                        )\n                    }\n\n                    if (component.type == \"designerImageRow\") {\n                        return (\n                            <DesignerImageRow key={i} data={component.data} />\n                        )\n                    }\n                })\n            }\n        </>\n    )\n}","import React, { useState, useEffect, useContext } from \"react\"\nimport parse from 'html-react-parser';\nimport { useTranslation } from 'react-i18next';\nimport { context } from \"../../Context\";\nimport { TOGGLE_MODAL } from \"../../constants\";\nimport useFetchData from '../../hooks/use-fetchData'\n\nimport SkeletonLoader from '../../components/SkeletonLoader'\nimport Meta from '../../components/Meta'\nimport Disclaimer from '../../components/Disclaimer'\nimport ChapterBanner from '../../components/ChapterBanner';\n\nimport \"./style.scss\";\n\nexport default function Gallery() {\n    const { state, dispatch } = useContext(context);\n    const { t } = useTranslation();\n\n    const { seoData, pageData, isLoading } = useFetchData('gallery');\n\n    useEffect(() => {\n        if (pageData.length > 0) {\n            toggleTab(0, pageData[1].data.galleryTabContainer[0].tabContent)\n        }\n    }, [pageData]);\n    const [tab, setTab] = useState(0)\n    const [gallery, setGallery] = useState()\n    const toggleTab = (tab, content) => {\n        setTab(tab)\n        setGallery(content)\n    }\n\n    const openModal = (type, content) => {\n        document.body.classList.add('modal-active');\n        dispatch({\n            type: TOGGLE_MODAL,\n            payload: {\n                type: type,\n                content: content\n            }\n        });  \n    }\n\n    \n    if (isLoading) {\n        return (\n            <SkeletonLoader />\n        );\n    }\n\n    return (\n        <>\n            <Meta data={seoData} />\n            {\n                pageData.map((component, i) => {\n                    if (component.type == \"chapterBannerRow\") {\n                        return (\n                            <ChapterBanner key={i} data={component.data} prev=\"masters\" next=\"luxury-design\" />\n                        )\n                    }\n\n                    if (component.type == \"galleryContainer\") {\n                        return (\n                            <div className=\"galleries\" key={i}>\n                                <div className=\"tabs\">\n                                    {\n                                        component.data.galleryTabContainer.map((gallerytab, j) => {\n                                            return (\n                                                <button className={`${tab === j? 'active': ''}`} onClick={() => toggleTab(j, gallerytab.tabContent)} key={j}>{gallerytab.tabName}</button>\n                                            )\n                                        })\n                                    }\n                                </div>\n                                <div className=\"gallery\">\n                                    {\n                                        gallery.map((galleryItem, i) => {\n                                            return (\n                                                <div className=\"galleryItem\" key={i} onClick={() => galleryItem.type == 'galleryImage'? openModal('gallery', {index: i, gallery: gallery}): openModal('video', {videoCover: galleryItem.data.videoCover, videoLink: galleryItem.data.videoLink, videoData: galleryItem.data})}>\n                                                    <figure>\n                                                        <img src={galleryItem.data.thumbnail.Source} />\n                                                        {\n                                                            galleryItem.data.imageName &&\n                                                            <figcaption>{parse(galleryItem.data.imageName)}</figcaption>\n                                                        }\n                                                        {\n                                                            galleryItem.data.videoName &&\n                                                            <figcaption>{parse(galleryItem.data.videoName)}</figcaption>\n                                                        }\n                                                    </figure>\n                                                </div>\n                                            )\n                                        })\n                                    }\n                                </div>\n                            </div>\n                        )\n                    }\n\n                    // Hard-coded value that display disclaimer in video gallery tab\n                    if (component.type == \"disclaimer\" && tab == 1) {\n                        return (\n                            <Disclaimer key={i} data={component.data.Content} />\n                        )\n                    }\n                })\n            }\n        </>\n    )\n}","import React from \"react\"\nimport { useTranslation } from 'react-i18next';\nimport {\n    Link\n} from \"react-router-dom\";\n\nimport \"./style.scss\";\n\n\nexport default function App() {\n    const { t } = useTranslation();\n    \n    return (\n        <div className=\"pagenotfound\">\n           <h2>Nothing to see here!</h2>\n            <p>\n                <Link to=\"/\">Go to the home page</Link>\n            </p>        \n        </div>\n    )\n}","import React, { useEffect } from \"react\";\nimport { useLocation } from 'react-router-dom';\n\nconst ScrollToTop = (props) => {\n    const location = useLocation();\n\n    useEffect(() => {\n        window.scrollTo({\n            top: 0,\n            left: 0,\n            // behavior: 'smooth'\n        });\n    }, [location]);\n\n    return <>{props.children}</>\n};\n\nexport default ScrollToTop;","import React from \"react\"\r\nimport {\r\n    Routes,\r\n    Route,\r\n    Navigate\r\n} from \"react-router-dom\";\r\nimport './locales/i18n';\r\n\r\nimport \"./styles/common.scss\"\r\n\r\nimport Layout from './Layout';\r\nimport LuxuryDesign from './pages/LuxuryDesign';\r\nimport Residences from './pages/Residences';\r\nimport Location from './pages/Location';\r\nimport VirtualTour from './pages/VirtualTour';\r\nimport ClubLucca from './pages/ClubLucca';\r\nimport Masters from './pages/Masters';\r\nimport Gallery from './pages/Gallery';\r\n\r\nimport NoMatch from './pages/NoMatch';\r\n\r\nimport ScrollToTop from \"./utilities/ScrollToTop\";\r\n\r\n\r\nexport default function App() {\r\n    return (\r\n        <>\r\n            <ScrollToTop>\r\n                <Routes>\r\n                    <Route index element={<Layout />} />\r\n                    <Route path=\":lang\" element={<Layout />}>\r\n                        <Route index element={<Navigate to=\"luxury-design\" replace />} />\r\n                        <Route path=\"luxury-design\" element={<LuxuryDesign />} />\r\n                        <Route path=\"residences\" element={<Residences />} />\r\n                        {/* <Route path=\"location\" element={<Location />} /> */}\r\n                        <Route path=\"virtual-tour\" element={<VirtualTour />} />\r\n                        <Route path=\"club-lucca\" element={<ClubLucca />} />\r\n                        <Route path=\"masters\" element={<Masters />} />\r\n                        <Route path=\"gallery\" element={<Gallery />} />\r\n                        <Route path=\"*\" element={<NoMatch />} />\r\n                    </Route>\r\n                </Routes>\r\n            </ScrollToTop>\r\n        </>\r\n    )\r\n}","import React from \"react\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nimport { createRoot } from 'react-dom/client';\nconst container = document.getElementById('app');\nconst root = createRoot(container);\n\nimport Provider from \"./Context\";\nimport \"./App.scss\";\nimport App from \"./App\";\n\nimport { HelmetProvider } from 'react-helmet-async';\n\nroot.render(\n    <Provider>\n        <HelmetProvider>\n            <BrowserRouter basename={process.env.PAGE_URL}>\n                <App />\n            </BrowserRouter>\n        </HelmetProvider>\n    </Provider>\n)"],"names":["TOGGLE_MODAL","TOGGLE_NAVIGATION_MENU","TOGGLE_INFORMATION_MENU","TOGGLE_POPUP","SET_LANGUAGE","PAGE_TRANSITION","NAVIGATION_MENU","LOGO","CURRENT_PAGE","FLOORPLAN_LEVEL","RESPONSIVE_MODE","initialState","loading","modal","information_menu","navigation_menu","current_page","responsive_mode","toggle_navigation_menu","toggle_popup","logo","floorplan_level","state","action","type","payload","language","transition","context","createContext","Provider","children","useReducer","reducer","values","dispatch","value","i18n","LanguageDetector","use","initReactI18next","init","resources","en","translation","enUstrans","sc","zhSctrans","tc","hkTctrans","lng","fallbackLng","interpolation","escapeValue","callback","navigator","useContext","UNSAFE_NavigationContext","useEffect","NavSiblings","t","useTranslation","useState","isLoading","setIsLoading","prev","setPrev","next","setNext","map","item","i","Url","length","className","to","Name","data","undefined","onClick","documentGroupName","documentTabs","key","content","document","body","classList","add","documentTabName","MobileMenu","navigate","useNavigate","toggleLanguage","escFunction","useCallback","event","keyCode","remove","addEventListener","removeEventListener","e","page","preventDefault","setTimeout","gotoPage","MainNavigation","documents","setDocuments","getNav","axios","process","response","documentContainer","brandImage","navigations","updateActiveLanguage","languageDropdown","setLanguageDropdown","activeLanguage","setActiveLanguage","scrolled","setScrolled","adjustHeaderSize","winScroll","scrollTop","documentElement","window","passive","responsiveMode","setResponsiveMode","handleWindowResize","innerWidth","maxTouchPoints","matchMedia","matches","setMobileMenu","mobileMenu","openInformationMenu","title","src","Source","width","height","alt","AltText","in","timeout","classNames","Footer","pageData","setPageData","fetchPageData","footer","openModal","termsDocuments","termsName","termsContent","parse","addressContent","hotlineText","hotlineContent","emailText","emailContent","companyIcon","href","iconLink","target","Target","iconImage","Width","Height","copyrightContent","lastUpdateContent","SlidePrevButton","swiper","useSwiper","slidePrev","SlideNextButton","slideNext","ZoomButton","imagePath","imageWidth","compress","ImageWithDisclaimer","lazyload","visibility","setVisibility","disclaimer","setDislaimer","toggleDisclaimer","partialVisibility","active","onChange","isVisible","originImage","imageName","mapName","imageDesktop","media","srcSet","imageMobile","imageTablet","zoomable","forceVisible","autoHide","style","maxHeight","paddingRight","CompassIcon","degree","iconCompass","transform","iconCompassTC","Modal","currentSlide","setCurrentSlide","iFrameDisclaimerStatus","setIFrameDisclaimerStatus","scrollableNodeRef","React","current","scrollLeft","offsetWidth","closeModal","setDisclaimer","playsInline","controls","poster","videoCover","videoLink","videoData","videoName","tour","tourLink","unitLocation","tourDisclaimer","scrollableNodeProps","ref","overflow","documentContent","dateString","description","pdfUrl","rel","gallery","autoHeight","watchOverflow","onInit","index","onSwiper","slideTo","onSlideChange","activeIndex","centeredSlides","slidesPerView","Layout","params","useParams","location","useLocation","allowedLanguage","lang","includes","changeLanguage","pathname","split","pop","landscapeMode","setLandscapeMode","useBackListener","htmlAttributes","name","iconLandscape","loadImage","path","Promise","resolve","reject","img","Image","onload","onerror","seoData","setSeoData","fetchData","imageWithDisclaimers","console","log","error","SkeletonLoader","seoMetaData","Title","Description","Keywords","property","seoOg","OgTitle","OgDescription","OgImage","ChapterBanner","opacityScrollDown","setOpacityScrollDown","updateScrollDown","scrollHeight","clientHeight","centerText","isComingSoon","opacity","scrollBy","top","innerHeight","behavior","ImageRow","modules","Navigation","navigation","loop","breakpoints","Paragraph","header","contentText","propTypes","PropTypes","ParagraphImageRow","totalSlides","setTotalSlides","textOnLeftSide","slides","onUpdate","realIndex","LazyLoadComponent","paragraph","LuxuryDesign","useFetchData","component","ExpandableButton","text","click","ParagraphRow","FloorPlanRow","floorplanMenuToggleStatus","setFloorplanMenuToggleStatus","floorPlanTable","setFloorPlanTable","floorPlanInfo","setFloorPlanInfo","popupContent","setPopupContent","togglePopup","updateFloorPlanInfo","floorPlanName","listedFloorPlanItems","listItemName","isHighlight","floorPlans","toggleFloorplan","infoTextFields","info","fieldName","fieldContent","Pagination","pagination","clickable","onSlideChangeTransitionEnd","compassDegree","floorLevel","infoTable","buttonText","table","tab","setTab","subPageContent","setSubPageContent","image","setImage","toggleTab","subPageName","Residences","bluePrintTable","setBluePrintTable","toggleBluePrintTable","scaleMeter","subPages","Disclaimer","TourUnitRow","dataLayer","push","tourCover","unitCategory","VirtualTour","comingSoon","setComingSoon","tourUnitGallery","Content","ClubLucca","DesignerImageRow","specialist","designerName","signature","Masters","Gallery","galleryTabContainer","tabContent","setGallery","gallerytab","j","tabName","galleryItem","thumbnail","App","props","scrollTo","left","element","replace","container","getElementById","createRoot","render","basename","PAGE_URL"],"sourceRoot":""}