refactor(trip): Naver List Import as Addon

client/src/components/Planner/PlacesSidebar.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { useState, useRef, useMemo, useCallback } from 'react'
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react'
 import DOM from 'react-dom'
 import { Search, Plus, X, CalendarDays, Pencil, Trash2, ExternalLink, Navigation, Upload, ChevronDown, Check, MapPin, Eye } from 'lucide-react'
 import PlaceAvatar from '../shared/PlaceAvatar'
@@ -12,6 +12,7 @@ import { useContextMenu, ContextMenu } from '../shared/ContextMenu'
 import { placesApi } from '../../api/client'
 import { useTripStore } from '../../store/tripStore'
 import { useCanDo } from '../../store/permissionsStore'
+import { useAddonStore } from '../../store/addonStore'
 import type { Place, Category, Day, AssignmentsMap } from '../../types'
 
 interface PlacesSidebarProps {
@@ -45,6 +46,7 @@ const PlacesSidebar = React.memo(function PlacesSidebar({
   const loadTrip = useTripStore((s) => s.loadTrip)
   const can = useCanDo()
   const canEditPlaces = can('place_edit', trip)
+  const isNaverListImportEnabled = useAddonStore((s) => s.isEnabled('naver_list_import'))
 
   const handleGpxImport = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0]
@@ -72,21 +74,30 @@ const PlacesSidebar = React.memo(function PlacesSidebar({
   const [listImportUrl, setListImportUrl] = useState('')
   const [listImportLoading, setListImportLoading] = useState(false)
   const [listImportProvider, setListImportProvider] = useState<'google' | 'naver'>('google')
+  const availableListImportProviders: Array<'google' | 'naver'> = isNaverListImportEnabled ? ['google', 'naver'] : ['google']
+  const hasMultipleListImportProviders = availableListImportProviders.length > 1
+
+  useEffect(() => {
+    if (!isNaverListImportEnabled && listImportProvider === 'naver') {
+      setListImportProvider('google')
+    }
+  }, [isNaverListImportEnabled, listImportProvider])
 
   const handleListImport = async () => {
     if (!listImportUrl.trim()) return
     setListImportLoading(true)
     try {
-      const result = listImportProvider === 'google'
+      const provider = listImportProvider === 'naver' && isNaverListImportEnabled ? 'naver' : 'google'
+      const result = provider === 'google'
         ? await placesApi.importGoogleList(tripId, listImportUrl.trim())
         : await placesApi.importNaverList(tripId, listImportUrl.trim())
       await loadTrip(tripId)
-      toast.success(t(listImportProvider === 'google' ? 'places.googleListImported' : 'places.naverListImported', { count: result.count, list: result.listName }))
+      toast.success(t(provider === 'google' ? 'places.googleListImported' : 'places.naverListImported', { count: result.count, list: result.listName }))
       setListImportOpen(false)
       setListImportUrl('')
       if (result.places?.length > 0) {
         const importedIds: number[] = result.places.map((p: { id: number }) => p.id)
-        pushUndo?.(t(listImportProvider === 'google' ? 'undo.importGoogleList' : 'undo.importNaverList'), async () => {
+        pushUndo?.(t(provider === 'google' ? 'undo.importGoogleList' : 'undo.importNaverList'), async () => {
           for (const id of importedIds) {
             try { await placesApi.delete(tripId, id) } catch {}
           }
@@ -94,7 +105,8 @@ const PlacesSidebar = React.memo(function PlacesSidebar({
         })
       }
     } catch (err: any) {
-      toast.error(err?.response?.data?.error || t(listImportProvider === 'google' ? 'places.googleListError' : 'places.naverListError'))
+      const provider = listImportProvider === 'naver' && isNaverListImportEnabled ? 'naver' : 'google'
+      toast.error(err?.response?.data?.error || t(provider === 'google' ? 'places.googleListError' : 'places.naverListError'))
     } finally {
       setListImportLoading(false)
     }
@@ -173,7 +185,7 @@ const PlacesSidebar = React.memo(function PlacesSidebar({
               cursor: 'pointer', fontFamily: 'inherit',
             }}
           >
-            <MapPin size={11} strokeWidth={2} /> {t('places.importList')}
+            <MapPin size={11} strokeWidth={2} /> {t(hasMultipleListImportProviders ? 'places.importList' : 'places.importGoogleList')}
           </button>
         </div>
         </>}
@@ -463,22 +475,24 @@ const PlacesSidebar = React.memo(function PlacesSidebar({
             <div style={{ fontSize: 15, fontWeight: 700, color: 'var(--text-primary)', marginBottom: 4 }}>
               {t('places.importList')}
             </div>
-            <div style={{ display: 'flex', gap: 6, marginBottom: 10 }}>
-              {(['google', 'naver'] as const).map(provider => (
-                <button
-                  key={provider}
-                  onClick={() => setListImportProvider(provider)}
-                  style={{
-                    padding: '6px 10px', borderRadius: 20, border: 'none', cursor: 'pointer',
-                    fontSize: 11, fontWeight: 600, fontFamily: 'inherit',
-                    background: listImportProvider === provider ? 'var(--accent)' : 'var(--bg-tertiary)',
-                    color: listImportProvider === provider ? 'var(--accent-text)' : 'var(--text-muted)',
-                  }}
-                >
-                  {provider === 'google' ? 'Google Maps' : 'Naver Maps'}
-                </button>
-              ))}
-            </div>
+            {hasMultipleListImportProviders && (
+              <div style={{ display: 'flex', gap: 6, marginBottom: 10 }}>
+                {availableListImportProviders.map(provider => (
+                  <button
+                    key={provider}
+                    onClick={() => setListImportProvider(provider)}
+                    style={{
+                      padding: '6px 10px', borderRadius: 20, border: 'none', cursor: 'pointer',
+                      fontSize: 11, fontWeight: 600, fontFamily: 'inherit',
+                      background: listImportProvider === provider ? 'var(--accent)' : 'var(--bg-tertiary)',
+                      color: listImportProvider === provider ? 'var(--accent-text)' : 'var(--text-muted)',
+                    }}
+                  >
+                    {provider === 'google' ? t('places.importGoogleList') : t('places.importNaverList')}
+                  </button>
+                ))}
+              </div>
+            )}
             <div style={{ fontSize: 12, color: 'var(--text-faint)', marginBottom: 16 }}>
               {t(listImportProvider === 'google' ? 'places.googleListHint' : 'places.naverListHint')}
             </div>

client/src/i18n/translations/ar.ts

@@ -817,6 +817,7 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'فشل استيراد GPX',
   'places.importList': 'استيراد قائمة',
   'places.importGoogleList': 'قائمة Google',
+  'places.importNaverList': 'قائمة Naver',
   'places.googleListHint': 'الصق رابط قائمة Google Maps المشتركة لاستيراد جميع الأماكن.',
   'places.googleListImported': 'تم استيراد {count} أماكن من "{list}"',
   'places.googleListError': 'فشل استيراد قائمة Google Maps',

client/src/i18n/translations/br.ts

@@ -799,6 +799,7 @@ const br: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'Falha ao importar GPX',
   'places.importList': 'Importar lista',
   'places.importGoogleList': 'Lista Google',
+  'places.importNaverList': 'Lista Naver',
   'places.googleListHint': 'Cole um link compartilhado de uma lista do Google Maps para importar todos os lugares.',
   'places.googleListImported': '{count} lugares importados de "{list}"',
   'places.googleListError': 'Falha ao importar lista do Google Maps',

client/src/i18n/translations/cs.ts

@@ -816,6 +816,7 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'Import GPX se nezdařil',
   'places.importList': 'Import seznamu',
   'places.importGoogleList': 'Google Seznam',
+  'places.importNaverList': 'Naver Seznam',
   'places.googleListHint': 'Vložte sdílený odkaz na seznam Google Maps pro import všech míst.',
   'places.googleListImported': '{count} míst importováno ze seznamu "{list}"',
   'places.googleListError': 'Import seznamu Google Maps se nezdařil',

client/src/i18n/translations/en.ts

@@ -835,6 +835,7 @@ const en: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'GPX import failed',
   'places.importList': 'List Import',
   'places.importGoogleList': 'Google List',
+  'places.importNaverList': 'Naver List',
   'places.googleListHint': 'Paste a shared Google Maps list link to import all places.',
   'places.googleListImported': '{count} places imported from "{list}"',
   'places.googleListError': 'Failed to import Google Maps list',

client/src/i18n/translations/fr.ts

@@ -814,6 +814,7 @@ const fr: Record<string, string> = {
   'places.gpxError': 'L\'import GPX a échoué',
   'places.importList': 'Import de liste',
   'places.importGoogleList': 'Liste Google',
+  'places.importNaverList': 'Liste Naver',
   'places.googleListHint': 'Collez un lien de liste Google Maps partagée pour importer tous les lieux.',
   'places.googleListImported': '{count} lieux importés depuis "{list}"',
   'places.googleListError': 'Impossible d\'importer la liste Google Maps',

client/src/i18n/translations/hu.ts

@@ -816,6 +816,7 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'GPX importálás sikertelen',
   'places.importList': 'Lista importálás',
   'places.importGoogleList': 'Google Lista',
+  'places.importNaverList': 'Naver Lista',
   'places.googleListHint': 'Illessz be egy megosztott Google Maps lista linket az osszes hely importalasahoz.',
   'places.googleListImported': '{count} hely importalva a(z) "{list}" listabol',
   'places.googleListError': 'Google Maps lista importalasa sikertelen',

client/src/i18n/translations/it.ts

@@ -816,6 +816,7 @@ const it: Record<string, string | { name: string; category: string }[]> = {
   'places.gpxError': 'Importazione GPX non riuscita',
   'places.importList': 'Importa lista',
   'places.importGoogleList': 'Lista Google',
+  'places.importNaverList': 'Lista Naver',
   'places.googleListHint': 'Incolla un link condiviso di una lista Google Maps per importare tutti i luoghi.',
   'places.googleListImported': '{count} luoghi importati da "{list}"',
   'places.googleListError': 'Importazione lista Google Maps non riuscita',

client/src/i18n/translations/nl.ts

@@ -814,6 +814,7 @@ const nl: Record<string, string> = {
   'places.gpxError': 'GPX-import mislukt',
   'places.importList': 'Lijst importeren',
   'places.importGoogleList': 'Google Lijst',
+  'places.importNaverList': 'Naver Lijst',
   'places.googleListHint': 'Plak een gedeelde Google Maps lijstlink om alle plaatsen te importeren.',
   'places.googleListImported': '{count} plaatsen geimporteerd uit "{list}"',
   'places.googleListError': 'Google Maps lijst importeren mislukt',

client/src/i18n/translations/pl.ts

@@ -1497,6 +1497,7 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
   'atlas.searchCountry': 'Szukaj kraju...',
   'trip.loadingPhotos': 'Ładowanie zdjęć...',
   'places.importGoogleList': 'Lista Google',
+  'places.importNaverList': 'Lista Naver',
   'places.importList': 'Import listy',
   'places.googleListHint': 'Wklej link do listy Google Maps.',
   'places.googleListImported': 'Zaimportowano {count} miejsc',

client/src/i18n/translations/ru.ts

@@ -814,6 +814,7 @@ const ru: Record<string, string> = {
   'places.gpxError': 'Ошибка импорта GPX',
   'places.importList': 'Импорт списка',
   'places.importGoogleList': 'Список Google',
+  'places.importNaverList': 'Список Naver',
   'places.googleListHint': 'Вставьте ссылку на общий список Google Maps для импорта всех мест.',
   'places.googleListImported': '{count} мест импортировано из "{list}"',
   'places.googleListError': 'Не удалось импортировать список Google Maps',

client/src/i18n/translations/zh.ts

@@ -814,6 +814,7 @@ const zh: Record<string, string> = {
   'places.gpxError': 'GPX 导入失败',
   'places.importList': '列表导入',
   'places.importGoogleList': 'Google 列表',
+  'places.importNaverList': 'Naver 列表',
   'places.googleListHint': '粘贴共享的 Google Maps 列表链接以导入所有地点。',
   'places.googleListImported': '已从"{list}"导入 {count} 个地点',
   'places.googleListError': 'Google Maps 列表导入失败',

client/src/i18n/translations/zhTw.ts

@@ -794,6 +794,7 @@ const zhTw: Record<string, string> = {
   'places.gpxError': 'GPX 匯入失敗',
   'places.importList': '列表匯入',
   'places.importGoogleList': 'Google 列表',
+  'places.importNaverList': 'Naver 列表',
   'places.googleListHint': '貼上共享的 Google Maps 列表連結以匯入所有地點。',
   'places.googleListImported': '已從"{list}"匯入 {count} 個地點',
   'places.googleListError': 'Google Maps 列表匯入失敗',