\n
\n \n {children} \n
\n {Boolean(additionalContent) && additionalContent}\n \n
\n );\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganLandscape = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useBtnPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { CommonSlideContent, CommonSlideContentClassName, HomepageSlide } from '../common';\nimport { FC } from 'react';\nimport { SwiperSlide } from 'swiper/react';\nimport { Motion } from './motion';\nimport cls from 'classnames';\nimport { EPageModule } from '~/utils/page-module';\nimport { useViewObserver } from '@lemon8/web-app-shared/util';\nimport { EClickPosition } from '~/utils/click-position';\nimport { useSloganLandscape } from './assets/slogan-landscape';\nimport { useSloganPortrait } from './assets/slogan-portrait';\nimport { useBtnPortrait } from './assets/btn-portrait';\nimport { activeToFeed } from '~/utils/active';\n\nimport './style.scss';\n\nconst PAGE_MODULE = EPageModule.FEED_INTRO;\n\nexport const ExploreSlide: FC = () => {\n const SLOGAN_LANDSCAPE = useSloganLandscape();\n const SLOGAN_PORTRAIT = useSloganPortrait();\n const BTN_PORTRAIT = useBtnPortrait();\n\n const mobileDownloadRef = useViewObserver\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganLandscape = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useBtnPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { CommonSlideContent, CommonSlideContentClassName, HomepageSlide } from '../common';\nimport { FC } from 'react';\nimport { SwiperSlide } from 'swiper/react';\nimport { Motion } from './motion';\nimport cls from 'classnames';\nimport { EPageModule } from '~/utils/page-module';\nimport { useViewObserver } from '@lemon8/web-app-shared/util';\nimport { EClickPosition } from '~/utils/click-position';\nimport { useSloganLandscape } from './assets/slogan-landscape';\nimport { useSloganPortrait } from './assets/slogan-portrait';\nimport { useBtnPortrait } from './assets/btn-portrait';\nimport { activeToFeed } from '~/utils/active';\n\nimport './style.scss';\n\nconst PAGE_MODULE = EPageModule.INTERACT_INTRO;\n\nexport const InteractSlide: FC = () => {\n const SLOGAN_LANDSCAPE = useSloganLandscape();\n const SLOGAN_PORTRAIT = useSloganPortrait();\n const BTN_PORTRAIT = useBtnPortrait();\n\n const mobileDownloadRef = useViewObserver\n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useBtnPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { HomepageSlide, CommonSlideContent, CommonSlideContentClassName } from '../common';\nimport { FC } from 'react';\nimport { SwiperSlide } from 'swiper/react';\nimport { useSlogan } from './assets/slogan';\nimport { Motion } from './motion';\nimport cls from 'classnames';\nimport { EPageModule } from '~/utils/page-module';\nimport { useViewObserver } from '@lemon8/web-app-shared/util';\nimport { EClickPosition } from '~/utils/click-position';\nimport { useBtnPortrait } from './assets/btn-portrait';\nimport { activeToFeed } from '~/utils/active';\nimport { useSloganPortrait } from './assets/slogan-portrait';\n\nimport './style.scss';\n\nconst PAGE_MODULE = EPageModule.SEARCH_INTRO;\n\nexport const TipsSlide: FC = () => {\n const slogan = useSlogan();\n const SLOGAN_PORTRAIT = useSloganPortrait();\n const BTN_PORTRAIT = useBtnPortrait();\n\n const mobileDownloadRef = useViewObserver\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n );\n};\n","import { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN from './en.png';\nimport ID from './id.png';\nimport JA from './ja.png';\nimport MS from './ms.png';\nimport TH from './th.png';\nimport VI from './vi.png';\n\nconst SLOGAN_MAP: { [key in Language]: string } = {\n [Language.en]: EN,\n [Language.id]: ID,\n [Language.ja]: JA,\n [Language.ms]: MS,\n [Language.th]: TH,\n [Language.vi]: VI,\n [Language.fil]: EN,\n [Language.fr]: EN,\n};\n\nexport const useSloganLandscape = (): string => {\n const { language } = useAtomValue($Locale);\n\n return SLOGAN_MAP[language];\n};\n","import { useTranslation } from 'react-i18next';\nimport { useAtomValue } from 'jotai';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { EURO_COUNTRY_LIST, Region } from '@lemon8/web-app-shared/i18n';\n\nexport interface ILegalMeta {\n displayName: string;\n href: string;\n clickPosition: string;\n}\n\nexport const useLegalList = (): ILegalMeta[] => {\n const { t } = useTranslation();\n const { region, ipRegion } = useAtomValue($Locale);\n\n const legalMetas: ILegalMeta[] = [\n { displayName: t('sidebar_privacy'), href: `/legal/privacy?region=${region}`, clickPosition: 'privacy_policy' },\n {\n displayName: t('sidebar_terms'),\n href: `/legal/terms-of-service?region=${region}`,\n clickPosition: 'terms_of_service',\n },\n {\n displayName: t('legal_community_guidelines'),\n href: `/community-guideline?region=${region}`,\n clickPosition: 'community_guidelines',\n },\n {\n displayName: t('legal_intellectual_property'),\n href: `/legal/intellectual-property?region=${region}`,\n clickPosition: 'intellectual_property',\n },\n {\n displayName: t('legal_law_enforcement_guidelines'),\n href: `/legal/law-enforcement-guideline?region=${region}`,\n clickPosition: 'law_enforcement_guidelines',\n },\n ];\n\n if (EURO_COUNTRY_LIST.includes(ipRegion) || EURO_COUNTRY_LIST.includes(region)) {\n legalMetas.push({\n displayName: 'Cookie Policy',\n href: `/legal/cookies-policy?region=${region}`,\n clickPosition: 'cookie_policy',\n });\n }\n\n if (region === Region.gb) {\n legalMetas.push({ displayName: 'UK AVMS', href: `/legal/avmsd?region=${region}`, clickPosition: 'avmsd' });\n }\n\n return legalMetas;\n};\n","import { useCallback } from 'react';\nimport { ILegalMeta, useLegalList } from '~/utils/legal-list';\n\nimport './style.scss';\n\nconst COPYRIGHT: string = '©2025 Heliophilia Pte. Ltd. All Rights Reserved.';\n\nexport const Footer = () => {\n const legalList = useLegalList();\n\n const handleLegalClick = useCallback(\n (position: string) => () => {\n window.Tea('wap_click', {\n current_position: position,\n is_cta: 0,\n });\n },\n [],\n );\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n","import { useAtomValue } from 'jotai';\nimport { $FallbackGpToApk, $Locale, $UserAgent } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\n\nimport EN_IOS from './en-ios.png';\nimport JA_IOS from './ja-ios.png';\nimport ID_IOS from './id-ios.png';\nimport TH_IOS from './th-ios.png';\nimport MS_IOS from './ms-ios.png';\nimport VI_IOS from './vi-ios.png';\n\nimport EN_ANDROID from './en-android.png';\nimport JA_ANDROID from './ja-android.png';\nimport ID_ANDROID from './id-android.png';\nimport TH_ANDROID from './th-android.png';\nimport MS_ANDROID from './ms-android.png';\nimport VI_ANDROID from './vi-android.png';\n\nimport EN_APK from './apk/en.png';\nimport JA_APK from './apk/ja.png';\nimport ID_APK from './apk/id.png';\nimport TH_APK from './apk/th.png';\nimport MS_APK from './apk/ms.png';\nimport VI_APK from './apk/vi.png';\n\nconst BTN_MAP: { [key in Language]: [string, string, string] } = {\n [Language.en]: [EN_IOS, EN_ANDROID, EN_APK],\n [Language.id]: [ID_IOS, ID_ANDROID, ID_APK],\n [Language.ja]: [JA_IOS, JA_ANDROID, JA_APK],\n [Language.ms]: [MS_IOS, MS_ANDROID, MS_APK],\n [Language.th]: [TH_IOS, TH_ANDROID, TH_APK],\n [Language.vi]: [VI_IOS, VI_ANDROID, VI_APK],\n [Language.fil]: [EN_IOS, EN_ANDROID, EN_APK],\n [Language.fr]: [EN_IOS, EN_ANDROID, EN_APK],\n};\n\nexport const useBtnPortrait = (): string => {\n const { language } = useAtomValue($Locale);\n const { isiOS, isMacOS } = useAtomValue($UserAgent);\n const fallbackGpToApkConfig = useAtomValue($FallbackGpToApk);\n\n if (isiOS || isMacOS) {\n return BTN_MAP[language][0];\n }\n\n if (fallbackGpToApkConfig.enable) {\n return BTN_MAP[language][2];\n }\n\n return BTN_MAP[language][1];\n};\n","import { CommonSlideContent, CommonSlideContentClassName, HomepageSlide } from '../common';\nimport { FC } from 'react';\nimport { SwiperSlide } from 'swiper/react';\nimport { Motion } from './motion';\nimport { useSloganLandscape } from './assets/slogan-landscape';\nimport LEMO from './assets/lemo.svg?inline';\nimport cls from 'classnames';\nimport { Footer } from './footer';\nimport { EPageModule } from '~/utils/page-module';\nimport { useViewObserver } from '@lemon8/web-app-shared/util';\nimport { EClickPosition } from '~/utils/click-position';\nimport { useBtnPortrait } from './assets/btn-portrait';\nimport { activeToFeed } from '~/utils/active';\n\nimport './style.scss';\n\nconst PAGE_MODULE = EPageModule.LEMO_WELCOME;\n\nconst COPYRIGHT: string = '©2025 Heliophilia Pte. Ltd. All Rights Reserved.';\n\nexport const LemoSlide: FC = () => {\n const SLOGAN_LANDSCAPE = useSloganLandscape();\n const BTN_PORTRAIT = useBtnPortrait();\n\n const mobileDownloadRef = useViewObserver- \n {legalList.map((l: ILegalMeta) => (\n
- \n \n {l.displayName}\n \n \n ))}\n
{COPYRIGHT}
\n{COPYRIGHT}
\n \n }\n >\n\n
\n );\n};\n","import { FC, useEffect, useState } from 'react';\nimport cls from 'classnames';\nimport { useSwiper, SwiperClass } from 'swiper/react';\nimport { useTranslation } from 'react-i18next';\nimport { useAtomValue } from 'jotai';\nimport { $DOMReadyState } from '@lemon8/web-app-shared/atom';\nimport { EPageModule } from '~/utils/page-module';\nimport { EClickPosition } from '~/utils/click-position';\n\nimport './style.scss';\n\nexport const NextPageTip: FC = () => {\n const [tipsState, setTipsState] = useState('');\n const swiper = useSwiper();\n const { t } = useTranslation();\n const domReadyState = useAtomValue($DOMReadyState);\n\n useEffect(() => {\n if (domReadyState === 'complete') {\n setTipsState('show');\n }\n }, [domReadyState]);\n\n useEffect(() => {\n const handleSlideChange = (swiper: SwiperClass): void => {\n if (swiper.activeIndex === 0) {\n setTipsState('show');\n } else {\n setTipsState('hide');\n }\n };\n\n swiper.on('slideChange', handleSlideChange);\n\n return () => {\n swiper.off('slideChange', handleSlideChange);\n };\n }, [swiper]);\n\n const handleClick = (): void => {\n window.Tea('wap_click', {\n current_page_module: EPageModule.OVERALL_INTRO,\n current_position: EClickPosition.VIEW_MORE_FEATURES,\n is_cta: 0,\n });\n swiper.slideTo(1);\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n {t('official_website_viewMore_btn')}
\n \n );\n};\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgLogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 96,\n height: 40,\n viewBox: \"0 0 96 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.759 26.007a9.606 9.606 0 004.392-2.307c.429-.393.815-.779 1.157-1.171.1.264.208.5.315.707.457.835 1.107 1.192 1.935 1.078.679-.093 1.157-.343 1.422-.743.27-.407.457-1.135.557-2.2a29.82 29.82 0 01.65-3.77c.307-1.293.657-2.365 1.057-3.229.4-.857.764-1.307 1.092-1.35.243-.035.386.129.436.479.057.443.093 1.371.107 2.8-.007 1.607.043 2.828.157 3.664.136.985.429 1.8.879 2.442.457.643 1.043.914 1.771.822.7-.093 1.186-.336 1.457-.736.271-.393.457-1.136.557-2.221.15-1.386.407-2.714.771-3.993.365-1.278.758-2.321 1.186-3.128.429-.807.786-1.229 1.071-1.264.243-.036.386.128.436.478.071.529.057 1.5-.043 2.921-.093 1.622-.1 2.743-.021 3.357.164 1.229.578 2.129 1.235 2.7.657.571 1.543.779 2.664.628 1.386-.185 2.564-.72 3.55-1.614.443-.4.857-.842 1.264-1.32a6 6 0 001.757 1.606c.971.593 2.121.85 3.45.779 1.57-.086 2.942-.722 4.12-1.9 1.18-1.186 1.929-2.714 2.243-4.593.9-.085 1.757-.242 2.564-.45-.007.322-.014.643-.014.965 0 1.95.171 3.364.514 4.25.343.885.936 1.328 1.779 1.328.685 0 1.192-.186 1.514-.55.321-.365.6-1.072.843-2.107.328-1.35.77-2.636 1.314-3.857.542-1.214 1.071-2.2 1.592-2.943.522-.742.922-1.114 1.215-1.114.242 0 .364.179.364.529 0 .485-.136 1.614-.4 3.385-.307 2.036-.464 3.5-.464 4.385 0 .75.164 1.314.5 1.693.335.379.864.564 1.592.564.772 0 1.336-.185 1.679-.55.343-.364.514-.971.514-1.807 0-1.485.064-2.828.2-4.035.136-1.207.307-2.485.528-3.835.243-1.593.365-2.679.365-3.257 0-.707-.186-1.243-.55-1.614-.365-.364-.9-.55-1.614-.55-.729 0-1.536.257-2.407.764-.872.507-1.764 1.364-2.671 2.557-.907 1.193-1.729 2.75-2.457 4.65.085-.972.2-1.793.328-2.457.136-.665.307-1.443.529-2.329.328-1.242.5-2.035.5-2.392 0-.307-.086-.522-.265-.629-.178-.107-.485-.164-.928-.164-.822 0-1.457.15-1.907.45-.457.3-.778.771-.978 1.414a25.169 25.169 0 00-.85 3.585c-1.072.307-2.022.514-2.85.614-.272-1.692-.95-3.092-2.043-4.199-1.092-1.107-2.478-1.614-4.156-1.521a6.67 6.67 0 00-3.686 1.314c-1.085.8-1.914 1.878-2.485 3.228-.572 1.35-.807 2.864-.722 4.543.022.37.065.728.129 1.078-.357.514-.679.936-.957 1.257-.529.621-1.014.957-1.457 1.014-.636.086-1.014-.307-1.129-1.185-.085-.615-.042-1.907.115-3.872.185-2.3.214-3.885.1-4.735-.193-1.428-1-2.042-2.429-1.85-1.164.158-2.328.936-3.506 2.35-1.172 1.407-2.129 3.536-2.864 6.385.014-.407.05-1.014.121-1.828.171-1.9.207-3.2.114-3.9-.1-.721-.328-1.242-.693-1.55-.364-.307-.935-.414-1.7-.307-.77.1-1.55.507-2.335 1.2-.785.7-1.514 1.693-2.178 2.993-.664 1.293-1.179 2.835-1.536 4.628-.043-.979-.043-1.8 0-2.464.043-.664.115-1.45.222-2.357.164-1.271.221-2.086.178-2.436-.043-.307-.157-.507-.35-.592-.192-.086-.507-.1-.942-.043-.815.107-1.422.343-1.836.7-.407.357-.671.864-.786 1.528-.435 2.493-.492 5.064-.192 7.707a11.235 11.235 0 01-2.029 2.4c-1.085.963-2.114 1.556-3.085 1.785-1.514.35-2.65.085-3.421-.779 2.4-1.214 4.014-2.47 4.835-3.785.821-1.314 1.064-2.714.721-4.207-.293-1.271-.9-2.192-1.828-2.764-.929-.571-2.014-.714-3.264-.421-1.4.321-2.571.993-3.507 2-.935 1.014-1.571 2.228-1.9 3.656-.328 1.429-.321 2.886.022 4.379.05.228.114.442.178.657a82.11 82.11 0 01-3.506 2.235c-1.443.864-1.95 1.114-2.307.914-.657-.371-.357-2.035-.079-3.528 1.714-9.185 1.971-11.063.979-12.684-.208-.343-1.186-1.922-2.807-2.079-1.186-.114-2.45.543-3.079 1.507-1.007 1.543.222 2.95.858 6.807.357 2.178.385 4.478.37 9.063-.006 2.65-.12 4.264 1 5.135 1.15.893 2.88.436 3.05.393 1.165-.321 1.729-1.064 2.872-2.221.85-.864 2.114-2.05 3.835-3.35.586.957 1.25 1.486 1.678 1.772 2.136 1.42 4.664.87 5.7.628l.014-.014zm33.44-15.384c.542-.886 1.25-1.35 2.135-1.4h.164c-.05.35-.064.707-.043 1.057.043.843.272 1.628.679 2.357a4.539 4.539 0 001.671 1.735c-.121 1.093-.421 1.943-.907 2.543-.486.607-1.086.921-1.793.964-.642.036-1.214-.257-1.728-.871-.507-.614-.8-1.529-.864-2.75-.086-1.55.143-2.764.685-3.642v.007zm-38.31 5.256c.335-1.057.906-1.671 1.699-1.857.386-.093.721-.035 1.007.157.286.193.471.5.564.907.186.8-.021 1.586-.614 2.357-.593.772-1.493 1.457-2.7 2.05l-.014-.064c-.3-1.314-.286-2.5.05-3.557l.007.007zM77.183 28.3a197.053 197.053 0 00-17.79.042c-5.443.25-10.886.7-16.3 1.343-4.113.493-8.22 1.1-12.298 1.835-2.771.5-5.528 1.05-8.27 1.686-1.393.321-2.807.614-4.179 1.028-.014 0-.028.008-.05.015-.521.143-1.192.621-1.278 1.207-.093.607.414 1.207.871 1.528 1.479 1.043 3.464 1.25 5.178.771.236-.064.472-.128.707-.185l.836-.215c.157-.035.314-.078.471-.114 2.543-.6 5.1-1.128 7.671-1.607a205.098 205.098 0 0111.784-1.842c2.386-.308 4.771-.572 7.164-.793l3.857-.329c.143-.007.278-.021.421-.028.264-.015.521-.036.786-.05l2.071-.129c5.82-.328 11.649-.407 17.477-.228.757.021 1.514.05 2.264.085.707.029 1.721-.142 2.321-.564.443-.307.814-.871.593-1.436-.614-1.556-2.871-1.964-4.307-2.02zM90.68 11.658c1.315-.628 2.279-1.328 2.893-2.114.614-.778.943-1.678.986-2.7.064-1.392-.457-2.528-1.557-3.392-1.1-.871-2.593-1.35-4.471-1.436-2.279-.107-4.1.315-5.478 1.265-1.371.942-2.1 2.3-2.179 4.07a4.735 4.735 0 00.508 2.365c.378.757.95 1.42 1.72 1.992-1.313.629-2.278 1.329-2.885 2.093a4.409 4.409 0 00-.985 2.578c-.072 1.507.478 2.707 1.642 3.6 1.165.893 2.822 1.393 4.971 1.492 1.529.072 2.871-.1 4.043-.514 1.171-.414 2.092-1.021 2.757-1.835.671-.814 1.028-1.771 1.078-2.878.086-1.857-.928-3.393-3.05-4.593l.008.007zm-2.05 6.193c-.614.328-1.442.464-2.477.42-.929-.042-1.657-.25-2.179-.613-.528-.365-.778-.865-.75-1.479.029-.578.25-1.1.671-1.564.422-.471 1.15-.914 2.186-1.328 1.364.685 2.3 1.257 2.793 1.72.5.465.735.944.714 1.43-.029.62-.35 1.092-.964 1.42l.007-.006zm1.172-9.185c-.479.464-1.293.95-2.443 1.45-1.642-.85-2.442-1.772-2.4-2.772.036-.728.336-1.278.908-1.635.571-.364 1.321-.522 2.25-.479 1.678.079 2.492.722 2.435 1.943-.021.528-.271 1.028-.75 1.493z\",\n fill: \"#0A0A0A\"\n })));\n}\nexport default SvgLogo;","import { $Locale } from '@lemon8/web-app-shared/atom';\nimport { Language } from '@lemon8/web-app-shared/i18n';\nimport { atom } from 'jotai';\nimport { atomWithReset } from 'jotai/utils';\n\nexport const $UserSelectedLanguage = atom\n
\n );\n};\n","import { useEffect, RefObject } from 'react';\n\nexport const useClickAway = (\n ref: RefObject- \n {SupportedLanguageMetas.map((meta) => (\n
\n
\n \n );\n};\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgChevronLeftFill(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 32,\n height: 32,\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.695 13.22a.75.75 0 00-1.06 1.06l5.833 5.834a.75.75 0 001.061 0l5.834-5.834a.75.75 0 10-1.061-1.06l-5.303 5.303-5.304-5.303z\",\n fill: \"#000\"\n })));\n}\nexport default SvgChevronLeftFill;","import React, { useCallback, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport ChevronLeftFill from './assets/chevron_left_fill.svg';\nimport { useClickAway } from '~/utils/click-away';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { Language, SupportedLanguageMetas } from '@lemon8/web-app-shared/i18n';\nimport { $UserSelectedLanguage } from '~/model';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { EClickPosition } from '~/utils/click-position';\n\nimport './style.scss';\n\ninterface ILanguageSelectorProps {\n className?: string;\n right?: number;\n}\n\nconst LanguageSelectorPanelItem = ({ language, displayName }: { language: Language; displayName: string }) => {\n const setSelectedLanguage = useSetAtom($UserSelectedLanguage);\n\n const [hover, setHover] = useState(false);\n\n const handleItemClick = useCallback(() => {\n window.Tea('wap_click', {\n current_position: EClickPosition.LANGUAGE_SWITCH,\n page_click_id: `${language}_language`,\n is_cta: 0,\n });\n setSelectedLanguage(language);\n }, [language, setSelectedLanguage]);\n\n return (\n - \n
- \n {t('seo_sideBar_share')}\n \n {legals.map((l) => (\n
- \n \n {l.displayName}\n \n \n ))}\n
{COPYRIGHT}
*/}\n\n \n {SupportedLanguageMetas.find((meta) => meta.language === language)?.displayName}\n \n
\n - \n {SupportedLanguageMetas.map((meta) => (\n
\n
\n )}\n \n
\n \n
\n );\n};\n","var _circle, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgLine(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 56,\n height: 56,\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 28,\n fill: \"#06C755\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M28.19 15.334c7.468 0 13.522 4.852 13.522 10.837 0 2.09-.739 4.042-2.019 5.698a2.81 2.81 0 01-.25.313l-.008.009c-.437.523-.93 1.014-1.47 1.468-3.74 3.46-9.895 7.578-10.708 6.942-.265-.207-.167-.718-.055-1.299.186-.965.408-2.123-.938-2.404-.15-.017-.3-.036-.45-.057h-.002c-6.335-.9-11.145-5.335-11.145-10.67 0-5.985 6.054-10.837 13.522-10.837zm-7.846 14.293h2.727a.708.708 0 00.705-.706v-.058a.708.708 0 00-.705-.706h-1.963v-4.47a.707.707 0 00-.705-.706h-.06a.707.707 0 00-.704.705v5.235c0 .389.317.706.705.706zm16.9-3.34v.059a.707.707 0 01-.706.706h-1.963v1.117h1.963c.388 0 .705.318.705.706v.059a.708.708 0 01-.705.706h-2.727a.708.708 0 01-.706-.706v-5.235c0-.388.318-.706.706-.706h2.727c.388 0 .705.318.705.706v.059a.708.708 0 01-.705.706h-1.963v1.117h1.963c.388 0 .705.318.705.706zm-5.245 3.13a.705.705 0 00.204-.495v-5.235a.707.707 0 00-.706-.706h-.059a.707.707 0 00-.705.706v3.073l-2.549-3.422a.706.706 0 00-.612-.357h-.06a.708.708 0 00-.704.706v5.235c0 .388.317.706.705.706h.059a.708.708 0 00.705-.706v-3.13l2.567 3.509a.707.707 0 00.052.07c.07.097.167.163.275.203a.7.7 0 00.267.053h.06c.118 0 .23-.03.329-.082a.5.5 0 00.172-.128zm-6.89.21h-.058a.708.708 0 01-.706-.705v-5.236c0-.388.318-.705.706-.705h.059c.387 0 .705.317.705.705v5.236a.708.708 0 01-.706.705z\",\n fill: \"#fff\"\n })));\n}\nexport default SvgLine;","var _circle, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgFacebook(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 56,\n height: 56,\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 28,\n fill: \"#1877F2\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.334 27.913a13.333 13.333 0 10-15.385 13.262v-9.231h-3.416v-4.031h3.416v-3.559a4.564 4.564 0 014.43-4.472c1.157-.06 2.316.037 3.447.287v3.252H31.63a1.682 1.682 0 00-1.662 1.743v2.749h3.754l-.595 4.03H29.97v9.232a13.385 13.385 0 0011.365-13.262z\",\n fill: \"#fff\"\n })));\n}\nexport default SvgFacebook;","var _circle, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgWhatsapp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 56,\n height: 56,\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 28,\n fill: \"#47C757\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M36.975 19.032a12.529 12.529 0 00-8.922-3.699c-6.953 0-12.612 5.658-12.614 12.613a12.586 12.586 0 001.684 6.306l-1.79 6.537 6.687-1.754a12.598 12.598 0 006.027 1.535h.006c6.952 0 12.61-5.658 12.613-12.613a12.536 12.536 0 00-3.69-8.925zm-8.922 19.405h-.004a10.468 10.468 0 01-5.337-1.46l-.383-.226-3.968 1.04 1.06-3.87-.25-.397a10.464 10.464 0 01-1.6-5.578c0-5.779 4.703-10.483 10.486-10.483a10.486 10.486 0 0110.48 10.492c-.003 5.78-4.706 10.482-10.484 10.482zm5.75-7.852c-.315-.158-1.864-.92-2.153-1.029-.29-.108-.5-.157-.71.158-.209.316-.813 1.026-.997 1.236-.184.21-.368.236-.683.079-.315-.158-1.33-.49-2.535-1.564-.937-.836-1.572-1.868-1.754-2.184-.181-.316-.019-.484.139-.643.141-.141.315-.368.472-.553.157-.184.21-.315.315-.525.105-.21.053-.394-.026-.552-.078-.158-.71-1.71-.972-2.34-.256-.615-.515-.532-.709-.545-.18-.009-.394-.01-.604-.01a1.158 1.158 0 00-.841.394c-.289.316-1.103 1.078-1.103 2.629s1.13 3.05 1.287 3.26c.157.211 2.223 3.394 5.383 4.76.587.253 1.186.475 1.797.665.754.242 1.442.206 1.985.125.605-.09 1.864-.762 2.127-1.498.264-.736.263-1.368.182-1.5-.081-.13-.284-.203-.6-.36v-.003z\",\n fill: \"#fff\"\n })));\n}\nexport default SvgWhatsapp;","var _circle, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgX(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 56,\n height: 56,\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 28,\n fill: \"#000\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M15.5 17h7.857l5.868 7.53L35.877 17h3.073l-8.286 9.377L40.5 38.999h-7.857l-6.154-7.897L19.506 39h-3.074l8.613-9.751L15.5 17zm6.96 2.293h-2.367L33.575 36.59h2.349L22.459 19.293z\",\n fill: \"#fff\"\n })));\n}\nexport default SvgX;","var _circle, _circle2, _path, _path2;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgLink(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 56,\n height: 56,\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 28,\n fill: \"#F7F7F7\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 28,\n cy: 28,\n r: 27.75,\n stroke: \"#000\",\n strokeOpacity: 0.1,\n strokeWidth: 0.5\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.13 17.859a7.667 7.667 0 00-10.843 0l-2.357 2.356a1 1 0 001.415 1.415l2.356-2.357a5.667 5.667 0 118.014 8.014l-2.357 2.356a1 1 0 001.415 1.415l2.356-2.357a7.667 7.667 0 000-10.842zM21.63 26.344a1 1 0 00-1.414-1.415l-2.357 2.358A7.667 7.667 0 0028.7 38.129l2.358-2.357a1 1 0 00-1.415-1.414l-2.357 2.357a5.667 5.667 0 01-8.014-8.014l2.358-2.357z\",\n fill: \"#000\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.474 24.93a1 1 0 10-1.414-1.415l-7.543 7.543a1 1 0 101.414 1.414l7.543-7.543z\",\n fill: \"#000\"\n })));\n}\nexport default SvgLink;","import { FC } from 'react';\nimport { useAtomValue } from 'jotai';\nimport LineLogo from './icon/line.svg';\nimport FacebookLogo from './icon/facebook.svg';\nimport WhatsAppLogo from './icon/whatsapp.svg';\nimport TwitterLogo from './icon/x.svg';\nimport LinkLogo from './icon/link.svg';\nimport { useTranslation } from 'react-i18next';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { EClickPosition } from '~/utils/click-position';\n\ntype shareType = 'link' | 'facebook' | 'x' | 'whatsapp' | 'line';\n\ninterface ShareConfig {\n id: shareType;\n text: string;\n Icon: FC;\n color: string;\n className?: string;\n onClick: () => void;\n}\n\nconst shareInOrder: Record\n \n
\n \n
\n \n
\n \n {title}
\n{children}
\n \n {shareConfig.map((item: any) => (\n
\n \n );\n};\n","import { FC, useEffect } from 'react';\nimport { Main } from './main';\nimport { $Locale } from '@lemon8/web-app-shared/atom';\nimport { useAtomValue } from 'jotai';\nimport { useTranslation } from 'react-i18next';\nimport { MainV2 } from './main-v2';\nimport { SharePanel } from '~/components/share/share-panel';\n\nconst PageShowEventEmitter = () => {\n const { language } = useAtomValue($Locale);\n\n useEffect(() => {\n // change tea language header\n window.Tea('config', {\n language,\n evtParams: {\n current_page_name: 'website_homepage',\n language,\n },\n });\n window.Tea('wap_pageshow');\n }, [language]);\n\n return null;\n};\n\nconst ChangeLanguage = () => {\n const { language } = useAtomValue($Locale);\n const { i18n } = useTranslation();\n\n useEffect(() => {\n // change ui-language\n i18n.changeLanguage(language).catch(() => void 0);\n }, [i18n, language]);\n\n return null;\n};\n\nexport const HomepageBody: FC = () => {\n return (\n <>\n \n
\n ))}\n \n
\n {item.text}\n