"use client"; import { useEffect, useRef, useState, type MouseEvent } from "react"; import { LOCALE_OPTIONS, type SupportedLocale, } from "@/lib/i18n-config"; import { getLocalizedPublicPath } from "@/lib/i18n-urls"; const noticeCopy: Record< Exclude, { action: string; dismiss: string; message: string } > = { en: { action: "View in English", dismiss: "Stay in Korean", message: "OfficialMail is available in English.", }, zh: { action: "查看简体中文", dismiss: "继续使用韩语", message: "OfficialMail 提供简体中文版本。", }, ja: { action: "日本語で見る", dismiss: "韓国語のまま見る", message: "OfficialMailは日本語でご利用いただけます。", }, vi: { action: "Xem bằng tiếng Việt", dismiss: "Tiếp tục bằng tiếng Hàn", message: "OfficialMail có phiên bản tiếng Việt.", }, ru: { action: "Открыть на русском", dismiss: "Остаться на корейском", message: "OfficialMail доступен на русском языке.", }, }; function GlobeIcon({ className = "h-[18px] w-[18px]" }: { className?: string }) { return ( ); } function navigateToLocalizedDocument( event: MouseEvent, href: string, ) { if ( event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey ) { return; } event.preventDefault(); const target = new URL(href, window.location.origin); target.search = window.location.search; target.hash = window.location.hash; // Locale prefixes are resolved by Proxy request headers, so this must be a // full document navigation rather than a cached App Router transition. window.location.assign(target.toString()); } export function PublicLanguageMenu({ currentLocale, pathname = "/", }: { currentLocale: SupportedLocale; pathname?: string; }) { const [open, setOpen] = useState(false); const rootRef = useRef(null); useEffect(() => { if (!open) return; const closeOnOutsideClick = (event: PointerEvent) => { if (!rootRef.current?.contains(event.target as Node)) setOpen(false); }; const closeOnEscape = (event: KeyboardEvent) => { if (event.key === "Escape") setOpen(false); }; document.addEventListener("pointerdown", closeOnOutsideClick); document.addEventListener("keydown", closeOnEscape); return () => { document.removeEventListener("pointerdown", closeOnOutsideClick); document.removeEventListener("keydown", closeOnEscape); }; }, [open]); return (

{open ? ( ) : null}

); } export function PublicLocaleSuggestion({ countryLocale, pathname = "/", }: { countryLocale: SupportedLocale | null; pathname?: string; }) { const [dismissed, setDismissed] = useState(false); const suggestedLocale = countryLocale === "ko" ? null : countryLocale; if (!suggestedLocale || dismissed) return null; const copy = noticeCopy[suggestedLocale]; const dismiss = () => { setDismissed(true); }; return ( ); }