@wakastellar/ui 4.0.1 → 4.1.1

package/dist/blocks/i18n-editor/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/badge/index.cjs.js`),r=require(`../../components/button/index.cjs.js`),i=require(`../../components/dialog/index.cjs.js`),a=require(`../../components/dropdown-menu/index.cjs.js`),o=require(`../../components/input/index.cjs.js`),s=require(`../../components/select/index.cjs.js`),c=require(`../../components/sheet/index.cjs.js`),l=require(`../../components/textarea/index.cjs.js`),u=require(`../../components/tooltip/index.cjs.js`);let d=require(`react`);d=e.__toESM(d);let f=require(`lucide-react`),p=require(`react/jsx-runtime`);function m(e,t,n){let r=e.translations[n]?.value||``,i=e.translations[t]?.value;return!i||i.trim()===``?`missing`:i===r?`identical`:`valid`}function h(e,t,n){let r=t.filter(e=>e!==n).map(t=>m(e,t,n));return r.includes(`missing`)?`missing`:r.includes(`identical`)?`identical`:`valid`}function ee(e,t){let n=new Map;for(let r of e){let e=r.key.split(t),i=e.length>1?e[0]:`__root__`;n.has(i)||n.set(i,[]),n.get(i).push(r)}return n}function te({status:e}){let{label:r,icon:i,className:a}={valid:{label:`OK`,variant:`default`,icon:f.CheckCircle,className:`bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300`},missing:{label:`Manquant`,variant:`destructive`,icon:f.XCircle,className:`bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300`},identical:{label:`Identique`,variant:`secondary`,icon:f.AlertTriangle,className:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300`},warning:{label:`Attention`,variant:`secondary`,icon:f.AlertTriangle,className:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300`}}[e];return(0,p.jsxs)(n.Badge,{variant:`outline`,className:t.cn(`gap-1 text-xs`,a),children:[(0,p.jsx)(i,{className:`h-3 w-3`}),r]})}function g({value:e,onChange:n,onBlur:r,placeholder:i,status:a,disabled:o}){let[s,c]=d.useState(e);return d.useEffect(()=>{c(e)},[e]),(0,p.jsx)(l.Textarea,{value:s,onChange:e=>{c(e.target.value),n(e.target.value)},onBlur:r,placeholder:i,disabled:o,className:t.cn(`min-h-[60px] resize-none text-sm`,a===`missing`&&`border-red-300 dark:border-red-700`,a===`identical`&&`border-yellow-300 dark:border-yellow-700`)})}function _({config:e,translations:_,onChange:ne,onSave:v,onAddKey:re,onDeleteKey:ie,onAddLanguage:ae,onExport:y,onImport:oe,isLoading:se=!1,isSaving:ce=!1,className:b,title:le=`Translation Editor`,description:ue=`Gérez vos traductions i18n`}){let[x,S]=d.useState(_),[C,w]=d.useState(``),[T,de]=d.useState(`all`),[E,fe]=d.useState(new Set),[D,O]=d.useState(null),[pe,k]=d.useState(!1),[me,A]=d.useState(!1),[he,j]=d.useState(!1),[ge,M]=d.useState(!1),[N,P]=d.useState(``),[F,I]=d.useState({code:``,label:``,flag:``}),[L,R]=d.useState(null),[z,B]=d.useState(``),[V,_e]=d.useState(`merge`),[H,U]=d.useState(new Map),W=d.useRef(null),{languages:G,sourceLanguage:K,keyPathSeparator:q=`.`,autoSave:J=!0,saveDebounceMs:Y=300,placeholderPatterns:ve=[`{{.*?}}`,`{.*?}`,`%s`,`%d`]}=e,X=G.filter(e=>e.code!==K);d.useEffect(()=>{S(_)},[_]),d.useEffect(()=>(J&&H.size>0&&v&&(W.current&&clearTimeout(W.current),W.current=setTimeout(async()=>{await v(x),U(new Map)},Y)),()=>{W.current&&clearTimeout(W.current)}),[H,J,Y,v,x]);let Z=d.useMemo(()=>{let e=x;if(C){let t=C.toLowerCase();e=e.filter(e=>{if(e.key.toLowerCase().includes(t))return!0;for(let n of Object.keys(e.translations))if(e.translations[n]?.value?.toLowerCase().includes(t))return!0;return!1})}return T!==`all`&&(e=e.filter(e=>{let t=h(e,G.map(e=>e.code),K);switch(T){case`missing`:return t===`missing`;case`incomplete`:return t===`missing`||t===`identical`;case`identical`:return t===`identical`;default:return!0}})),e},[x,C,T,G,K]),ye=d.useMemo(()=>ee(Z,q),[Z,q]),Q=(e,t,n)=>{S(r=>r.map(r=>r.key===e?{...r,translations:{...r.translations,[t]:{...r.translations[t],value:n,updatedAt:new Date}}}:r)),U(r=>{let i=new Map(r);return i.has(e)||i.set(e,new Map),i.get(e).set(t,n),i}),ne?.(e,t,n)},be=async()=>{N.trim()&&(await re?.(N),P(``),A(!1))},xe=async e=>{await ie?.(e),S(t=>t.filter(t=>t.key!==e))},Se=async()=>{!F.code||!F.label||(await ae?.(F),I({code:``,label:``,flag:``}),j(!1))},Ce=async()=>{!L||!z||(await oe?.(L,z,V),R(null),B(``),M(!1))},we=e=>{navigator.clipboard.writeText(e)},Te=e=>{fe(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},$=d.useMemo(()=>{let e=x.length,t=0,n=0,r=0;for(let e of x){let i=h(e,G.map(e=>e.code),K);i===`missing`?t++:i===`identical`?n++:r++}return{total:e,missing:t,identical:n,valid:r}},[x,G,K]);return se?(0,p.jsx)(`div`,{className:t.cn(`flex items-center justify-center py-12`,b),children:(0,p.jsx)(f.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`})}):(0,p.jsx)(u.TooltipProvider,{children:(0,p.jsxs)(`div`,{className:t.cn(`flex flex-col h-full`,b),children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-4 p-4 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsxs)(`h2`,{className:`text-2xl font-bold flex items-center gap-2`,children:[(0,p.jsx)(f.Languages,{className:`h-6 w-6`}),le]}),(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:ue})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>A(!0),children:[(0,p.jsx)(f.Plus,{className:`h-4 w-4 mr-1`}),`Ajouter une clé`]}),(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>j(!0),children:[(0,p.jsx)(f.Flag,{className:`h-4 w-4 mr-1`}),`Ajouter une langue`]}),(0,p.jsxs)(a.DropdownMenu,{children:[(0,p.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(r.Button,{variant:`outline`,size:`sm`,children:(0,p.jsx)(f.MoreHorizontal,{className:`h-4 w-4`})})}),(0,p.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>y?.(),children:[(0,p.jsx)(f.Download,{className:`h-4 w-4 mr-2`}),`Exporter tout`]}),G.map(e=>(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>y?.(e.code),children:[(0,p.jsx)(f.Download,{className:`h-4 w-4 mr-2`}),`Exporter `,e.label]},e.code)),(0,p.jsx)(a.DropdownMenuSeparator,{}),(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>M(!0),children:[(0,p.jsx)(f.Upload,{className:`h-4 w-4 mr-2`}),`Importer`]})]})]}),ce&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,p.jsx)(f.Loader2,{className:`h-4 w-4 animate-spin`}),`Sauvegarde...`]})]})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4 text-sm`,children:[(0,p.jsxs)(`span`,{className:`text-muted-foreground`,children:[$.total,` clés`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-green-600 dark:text-green-400`,children:[(0,p.jsx)(f.CheckCircle,{className:`h-4 w-4`}),$.valid,` traduites`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-red-600 dark:text-red-400`,children:[(0,p.jsx)(f.XCircle,{className:`h-4 w-4`}),$.missing,` manquantes`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-yellow-600 dark:text-yellow-400`,children:[(0,p.jsx)(f.AlertTriangle,{className:`h-4 w-4`}),$.identical,` identiques`]})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,p.jsxs)(`div`,{className:`relative flex-1 max-w-md`,children:[(0,p.jsx)(f.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,p.jsx)(o.Input,{placeholder:`Rechercher une clé ou une traduction...`,value:C,onChange:e=>w(e.target.value),className:`pl-10`}),C&&(0,p.jsx)(`button`,{onClick:()=>w(``),className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,p.jsx)(f.X,{className:`h-4 w-4`})})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(f.Filter,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsxs)(s.Select,{value:T,onValueChange:e=>de(e),children:[(0,p.jsx)(s.SelectTrigger,{className:`w-[180px]`,children:(0,p.jsx)(s.SelectValue,{})}),(0,p.jsxs)(s.SelectContent,{children:[(0,p.jsxs)(s.SelectItem,{value:`all`,children:[`Toutes (`,$.total,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`missing`,children:[`Manquantes (`,$.missing,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`incomplete`,children:[`Incomplètes (`,$.missing+$.identical,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`identical`,children:[`Identiques (`,$.identical,`)`]})]})]})]})]})]}),(0,p.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,p.jsxs)(`table`,{className:`w-full border-collapse`,children:[(0,p.jsx)(`thead`,{className:`sticky top-0 bg-muted/50 backdrop-blur z-10`,children:(0,p.jsxs)(`tr`,{children:[(0,p.jsx)(`th`,{className:`text-left p-3 font-medium text-sm border-b w-[280px]`,children:`Clé`}),(0,p.jsxs)(`th`,{className:`text-left p-3 font-medium text-sm border-b`,children:[G.find(e=>e.code===K)?.label||K,` (source)`]}),X.map(e=>(0,p.jsx)(`th`,{className:`text-left p-3 font-medium text-sm border-b`,children:(0,p.jsxs)(`span`,{className:`flex items-center gap-2`,children:[e.flag&&(0,p.jsx)(`span`,{children:e.flag}),e.label]})},e.code)),(0,p.jsx)(`th`,{className:`text-center p-3 font-medium text-sm border-b w-[100px]`,children:`État`}),(0,p.jsx)(`th`,{className:`text-center p-3 font-medium text-sm border-b w-[60px]`,children:`Actions`})]})}),(0,p.jsxs)(`tbody`,{children:[Array.from(ye.entries()).map(([e,t])=>(0,p.jsxs)(d.Fragment,{children:[e!==`__root__`&&(0,p.jsx)(`tr`,{className:`bg-muted/30`,children:(0,p.jsx)(`td`,{colSpan:X.length+4,className:`p-2`,children:(0,p.jsxs)(`button`,{onClick:()=>Te(e),className:`flex items-center gap-2 text-sm font-medium hover:text-primary transition-colors`,children:[E.has(e)?(0,p.jsx)(f.ChevronRight,{className:`h-4 w-4`}):(0,p.jsx)(f.ChevronDown,{className:`h-4 w-4`}),e,(0,p.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:t.length})]})})}),!E.has(e)&&t.map(e=>{let t=h(e,G.map(e=>e.code),K);return(0,p.jsxs)(`tr`,{className:`border-b hover:bg-muted/30 transition-colors`,children:[(0,p.jsx)(`td`,{className:`p-3 font-mono text-sm`,children:(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`truncate max-w-[200px]`,title:e.key,children:e.key}),(0,p.jsxs)(u.Tooltip,{children:[(0,p.jsx)(u.TooltipTrigger,{asChild:!0,children:(0,p.jsx)(`button`,{onClick:()=>we(e.key),className:`text-muted-foreground hover:text-foreground`,children:(0,p.jsx)(f.Copy,{className:`h-3 w-3`})})}),(0,p.jsx)(u.TooltipContent,{children:`Copier la clé`})]})]})}),(0,p.jsx)(`td`,{className:`p-2`,children:(0,p.jsx)(g,{value:e.translations[K]?.value||``,onChange:t=>Q(e.key,K,t),placeholder:`Texte source...`,status:e.translations[K]?.value?`valid`:`missing`})}),X.map(t=>{let n=m(e,t.code,K);return(0,p.jsx)(`td`,{className:`p-2`,children:(0,p.jsx)(g,{value:e.translations[t.code]?.value||``,onChange:n=>Q(e.key,t.code,n),placeholder:`Traduction ${t.label}...`,status:n})},t.code)}),(0,p.jsx)(`td`,{className:`p-3 text-center`,children:(0,p.jsx)(te,{status:t})}),(0,p.jsx)(`td`,{className:`p-3 text-center`,children:(0,p.jsxs)(a.DropdownMenu,{children:[(0,p.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(r.Button,{variant:`ghost`,size:`sm`,children:(0,p.jsx)(f.MoreHorizontal,{className:`h-4 w-4`})})}),(0,p.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>{O(e),k(!0)},children:[(0,p.jsx)(f.Edit3,{className:`h-4 w-4 mr-2`}),`Éditer`]}),(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>we(e.key),children:[(0,p.jsx)(f.Copy,{className:`h-4 w-4 mr-2`}),`Copier la clé`]}),(0,p.jsx)(a.DropdownMenuSeparator,{}),(0,p.jsxs)(a.DropdownMenuItem,{className:`text-destructive`,onClick:()=>xe(e.key),children:[(0,p.jsx)(f.Trash2,{className:`h-4 w-4 mr-2`}),`Supprimer`]})]})]})})]},e.key)})]},e)),Z.length===0&&(0,p.jsx)(`tr`,{children:(0,p.jsxs)(`td`,{colSpan:X.length+4,className:`p-12 text-center`,children:[(0,p.jsx)(f.Languages,{className:`h-12 w-12 mx-auto text-muted-foreground/50 mb-4`}),(0,p.jsx)(`p`,{className:`text-muted-foreground`,children:C||T!==`all`?`Aucune traduction ne correspond à vos critères`:`Aucune traduction disponible`})]})})]})]})}),(0,p.jsx)(c.Sheet,{open:pe,onOpenChange:k,children:(0,p.jsxs)(c.SheetContent,{className:`w-[500px] sm:max-w-[500px]`,children:[(0,p.jsxs)(c.SheetHeader,{children:[(0,p.jsx)(c.SheetTitle,{children:`Éditer la traduction`}),(0,p.jsx)(c.SheetDescription,{children:D?.key})]}),D&&(0,p.jsxs)(`div`,{className:`py-6 space-y-6`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`label`,{className:`text-sm font-medium`,children:[G.find(e=>e.code===K)?.label,` (source)`]}),(0,p.jsx)(l.Textarea,{value:D.translations[K]?.value||``,onChange:e=>{Q(D.key,K,e.target.value),O({...D,translations:{...D.translations,[K]:{...D.translations[K],value:e.target.value}}})},placeholder:`Texte source...`,className:`min-h-[100px]`})]}),G.filter(e=>e.code!==K).map(e=>(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`label`,{className:`text-sm font-medium flex items-center gap-2`,children:[e.flag&&(0,p.jsx)(`span`,{children:e.flag}),e.label]}),(0,p.jsx)(l.Textarea,{value:D.translations[e.code]?.value||``,onChange:t=>{Q(D.key,e.code,t.target.value),O({...D,translations:{...D.translations,[e.code]:{...D.translations[e.code],value:t.target.value}}})},placeholder:`Traduction ${e.label}...`,className:`min-h-[100px]`})]},e.code)),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Commentaire (optionnel)`}),(0,p.jsx)(l.Textarea,{placeholder:`Contexte ou indication pour la traduction...`,className:`min-h-[80px]`})]})]}),(0,p.jsx)(c.SheetFooter,{children:(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>k(!1),children:`Fermer`})})]})}),(0,p.jsx)(i.Dialog,{open:me,onOpenChange:A,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Ajouter une clé de traduction`}),(0,p.jsx)(i.DialogDescription,{children:`Entrez la clé de traduction (ex: common.buttons.submit)`})]}),(0,p.jsx)(`div`,{className:`py-4`,children:(0,p.jsx)(o.Input,{value:N,onChange:e=>P(e.target.value),placeholder:`namespace.key.name`})}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>A(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:be,children:`Ajouter`})]})]})}),(0,p.jsx)(i.Dialog,{open:he,onOpenChange:j,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Ajouter une langue`}),(0,p.jsx)(i.DialogDescription,{children:`Configurez la nouvelle langue à ajouter`})]}),(0,p.jsxs)(`div`,{className:`py-4 space-y-4`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Code (ex: de, it, pt)`}),(0,p.jsx)(o.Input,{value:F.code,onChange:e=>I({...F,code:e.target.value}),placeholder:`de`})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Label`}),(0,p.jsx)(o.Input,{value:F.label,onChange:e=>I({...F,label:e.target.value}),placeholder:`Allemand`})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Emoji drapeau (optionnel)`}),(0,p.jsx)(o.Input,{value:F.flag,onChange:e=>I({...F,flag:e.target.value}),placeholder:`🇩🇪`})]})]}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>j(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:Se,children:`Ajouter`})]})]})}),(0,p.jsx)(i.Dialog,{open:ge,onOpenChange:M,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Importer des traductions`}),(0,p.jsx)(i.DialogDescription,{children:`Sélectionnez un fichier JSON à importer`})]}),(0,p.jsxs)(`div`,{className:`py-4 space-y-4`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Fichier JSON`}),(0,p.jsx)(o.Input,{type:`file`,accept:`.json`,onChange:e=>R(e.target.files?.[0]||null)})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Langue cible`}),(0,p.jsxs)(s.Select,{value:z,onValueChange:B,children:[(0,p.jsx)(s.SelectTrigger,{children:(0,p.jsx)(s.SelectValue,{placeholder:`Sélectionner une langue`})}),(0,p.jsx)(s.SelectContent,{children:G.map(e=>(0,p.jsxs)(s.SelectItem,{value:e.code,children:[e.flag&&(0,p.jsx)(`span`,{className:`mr-2`,children:e.flag}),e.label]},e.code))})]})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Stratégie`}),(0,p.jsxs)(s.Select,{value:V,onValueChange:e=>_e(e),children:[(0,p.jsx)(s.SelectTrigger,{children:(0,p.jsx)(s.SelectValue,{})}),(0,p.jsxs)(s.SelectContent,{children:[(0,p.jsx)(s.SelectItem,{value:`merge`,children:`Fusionner (conserver les existantes)`}),(0,p.jsx)(s.SelectItem,{value:`overwrite`,children:`Écraser tout`})]})]})]})]}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>M(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:Ce,disabled:!L||!z,children:`Importer`})]})]})})]})})}exports.default=_;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../../components/badge/index.cjs.js"),r=require("../../components/button/index.cjs.js"),i=require("../../components/dialog/index.cjs.js"),a=require("../../components/dropdown-menu/index.cjs.js"),o=require("../../components/input/index.cjs.js"),s=require("../../components/select/index.cjs.js"),c=require("../../components/sheet/index.cjs.js"),l=require("../../components/textarea/index.cjs.js"),u=require("../../components/tooltip/index.cjs.js");let d=require("react");d=e.__toESM(d);let f=require("lucide-react"),p=require("react/jsx-runtime");function m(e,t,n){let r=e.translations[n]?.value||``,i=e.translations[t]?.value;return!i||i.trim()===``?`missing`:i===r?`identical`:`valid`}function h(e,t,n){let r=t.filter(e=>e!==n).map(t=>m(e,t,n));return r.includes(`missing`)?`missing`:r.includes(`identical`)?`identical`:`valid`}function ee(e,t){let n=new Map;for(let r of e){let e=r.key.split(t),i=e.length>1?e[0]:`__root__`;n.has(i)||n.set(i,[]),n.get(i).push(r)}return n}function te({status:e}){let{label:r,icon:i,className:a}={valid:{label:`OK`,variant:`default`,icon:f.CheckCircle,className:`bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300`},missing:{label:`Manquant`,variant:`destructive`,icon:f.XCircle,className:`bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300`},identical:{label:`Identique`,variant:`secondary`,icon:f.AlertTriangle,className:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300`},warning:{label:`Attention`,variant:`secondary`,icon:f.AlertTriangle,className:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300`}}[e];return(0,p.jsxs)(n.Badge,{variant:`outline`,className:t.cn(`gap-1 text-xs`,a),children:[(0,p.jsx)(i,{className:`h-3 w-3`}),r]})}function g({value:e,onChange:n,onBlur:r,placeholder:i,status:a,disabled:o}){let[s,c]=d.useState(e);return d.useEffect(()=>{c(e)},[e]),(0,p.jsx)(l.Textarea,{value:s,onChange:e=>{c(e.target.value),n(e.target.value)},onBlur:r,placeholder:i,disabled:o,className:t.cn(`min-h-[60px] resize-none text-sm`,a===`missing`&&`border-red-300 dark:border-red-700`,a===`identical`&&`border-yellow-300 dark:border-yellow-700`)})}function _({config:e,translations:_,onChange:ne,onSave:v,onAddKey:re,onDeleteKey:ie,onAddLanguage:ae,onExport:y,onImport:oe,isLoading:se=!1,isSaving:ce=!1,className:b,title:le=`Translation Editor`,description:ue=`Gérez vos traductions i18n`}){let[x,S]=d.useState(_),[C,w]=d.useState(``),[T,de]=d.useState(`all`),[fe,pe]=d.useState(new Set),[E,D]=d.useState(null),[me,O]=d.useState(!1),[he,k]=d.useState(!1),[ge,A]=d.useState(!1),[_e,j]=d.useState(!1),[M,N]=d.useState(``),[P,F]=d.useState({code:``,label:``,flag:``}),[I,L]=d.useState(null),[R,z]=d.useState(``),[B,ve]=d.useState(`merge`),[V,H]=d.useState(new Map),U=d.useRef(null),{languages:W,sourceLanguage:G,keyPathSeparator:K=`.`,autoSave:q=!0,saveDebounceMs:J=300,placeholderPatterns:ye=[`{{.*?}}`,`{.*?}`,`%s`,`%d`]}=e,Y=W.filter(e=>e.code!==G);d.useEffect(()=>{S(_)},[_]),d.useEffect(()=>(q&&V.size>0&&v&&(U.current&&clearTimeout(U.current),U.current=setTimeout(async()=>{await v(x),H(new Map)},J)),()=>{U.current&&clearTimeout(U.current)}),[V,q,J,v,x]);let X=d.useMemo(()=>{let e=x;if(C){let t=C.toLowerCase();e=e.filter(e=>{if(e.key.toLowerCase().includes(t))return!0;for(let n of Object.keys(e.translations))if(e.translations[n]?.value?.toLowerCase().includes(t))return!0;return!1})}return T!==`all`&&(e=e.filter(e=>{let t=h(e,W.map(e=>e.code),G);switch(T){case`missing`:return t===`missing`;case`incomplete`:return t===`missing`||t===`identical`;case`identical`:return t===`identical`;default:return!0}})),e},[x,C,T,W,G]),be=d.useMemo(()=>ee(X,K),[X,K]),Z=(e,t,n)=>{S(r=>r.map(r=>r.key===e?{...r,translations:{...r.translations,[t]:{...r.translations[t],value:n,updatedAt:new Date}}}:r)),H(r=>{let i=new Map(r);return i.has(e)||i.set(e,new Map),i.get(e).set(t,n),i}),ne?.(e,t,n)},xe=async()=>{M.trim()&&(await re?.(M),N(``),k(!1))},Se=async e=>{await ie?.(e),S(t=>t.filter(t=>t.key!==e))},Ce=async()=>{!P.code||!P.label||(await ae?.(P),F({code:``,label:``,flag:``}),A(!1))},we=async()=>{!I||!R||(await oe?.(I,R,B),L(null),z(``),j(!1))},Q=e=>{navigator.clipboard.writeText(e)},Te=e=>{pe(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},$=d.useMemo(()=>{let e=x.length,t=0,n=0,r=0;for(let e of x){let i=h(e,W.map(e=>e.code),G);i===`missing`?t++:i===`identical`?n++:r++}return{total:e,missing:t,identical:n,valid:r}},[x,W,G]);return se?(0,p.jsx)(`div`,{className:t.cn(`flex items-center justify-center py-12`,b),children:(0,p.jsx)(f.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`})}):(0,p.jsx)(u.TooltipProvider,{children:(0,p.jsxs)(`div`,{className:t.cn(`flex flex-col h-full`,b),children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-4 p-4 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsxs)(`h2`,{className:`text-2xl font-bold flex items-center gap-2`,children:[(0,p.jsx)(f.Languages,{className:`h-6 w-6`}),le]}),(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:ue})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>k(!0),children:[(0,p.jsx)(f.Plus,{className:`h-4 w-4 mr-1`}),`Ajouter une clé`]}),(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>A(!0),children:[(0,p.jsx)(f.Flag,{className:`h-4 w-4 mr-1`}),`Ajouter une langue`]}),(0,p.jsxs)(a.DropdownMenu,{children:[(0,p.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(r.Button,{variant:`outline`,size:`sm`,children:(0,p.jsx)(f.MoreHorizontal,{className:`h-4 w-4`})})}),(0,p.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>y?.(),children:[(0,p.jsx)(f.Download,{className:`h-4 w-4 mr-2`}),`Exporter tout`]}),W.map(e=>(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>y?.(e.code),children:[(0,p.jsx)(f.Download,{className:`h-4 w-4 mr-2`}),`Exporter `,e.label]},e.code)),(0,p.jsx)(a.DropdownMenuSeparator,{}),(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>j(!0),children:[(0,p.jsx)(f.Upload,{className:`h-4 w-4 mr-2`}),`Importer`]})]})]}),ce&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,p.jsx)(f.Loader2,{className:`h-4 w-4 animate-spin`}),`Sauvegarde...`]})]})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4 text-sm`,children:[(0,p.jsxs)(`span`,{className:`text-muted-foreground`,children:[$.total,` clés`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-green-600 dark:text-green-400`,children:[(0,p.jsx)(f.CheckCircle,{className:`h-4 w-4`}),$.valid,` traduites`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-red-600 dark:text-red-400`,children:[(0,p.jsx)(f.XCircle,{className:`h-4 w-4`}),$.missing,` manquantes`]}),(0,p.jsxs)(`span`,{className:`flex items-center gap-1 text-yellow-600 dark:text-yellow-400`,children:[(0,p.jsx)(f.AlertTriangle,{className:`h-4 w-4`}),$.identical,` identiques`]})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,p.jsxs)(`div`,{className:`relative flex-1 max-w-md`,children:[(0,p.jsx)(f.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,p.jsx)(o.Input,{placeholder:`Rechercher une clé ou une traduction...`,value:C,onChange:e=>w(e.target.value),className:`pl-10`}),C&&(0,p.jsx)(`button`,{onClick:()=>w(``),className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,p.jsx)(f.X,{className:`h-4 w-4`})})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(f.Filter,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsxs)(s.Select,{value:T,onValueChange:e=>de(e),children:[(0,p.jsx)(s.SelectTrigger,{className:`w-[180px]`,children:(0,p.jsx)(s.SelectValue,{})}),(0,p.jsxs)(s.SelectContent,{children:[(0,p.jsxs)(s.SelectItem,{value:`all`,children:[`Toutes (`,$.total,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`missing`,children:[`Manquantes (`,$.missing,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`incomplete`,children:[`Incomplètes (`,$.missing+$.identical,`)`]}),(0,p.jsxs)(s.SelectItem,{value:`identical`,children:[`Identiques (`,$.identical,`)`]})]})]})]})]})]}),(0,p.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,p.jsxs)(`table`,{className:`w-full border-collapse`,children:[(0,p.jsx)(`thead`,{className:`sticky top-0 bg-muted/50 backdrop-blur z-10`,children:(0,p.jsxs)(`tr`,{children:[(0,p.jsx)(`th`,{className:`text-left p-3 font-medium text-sm border-b w-[280px]`,children:`Clé`}),(0,p.jsxs)(`th`,{className:`text-left p-3 font-medium text-sm border-b`,children:[W.find(e=>e.code===G)?.label||G,` (source)`]}),Y.map(e=>(0,p.jsx)(`th`,{className:`text-left p-3 font-medium text-sm border-b`,children:(0,p.jsxs)(`span`,{className:`flex items-center gap-2`,children:[e.flag&&(0,p.jsx)(`span`,{children:e.flag}),e.label]})},e.code)),(0,p.jsx)(`th`,{className:`text-center p-3 font-medium text-sm border-b w-[100px]`,children:`État`}),(0,p.jsx)(`th`,{className:`text-center p-3 font-medium text-sm border-b w-[60px]`,children:`Actions`})]})}),(0,p.jsxs)(`tbody`,{children:[Array.from(be.entries()).map(([e,t])=>(0,p.jsxs)(d.Fragment,{children:[e!==`__root__`&&(0,p.jsx)(`tr`,{className:`bg-muted/30`,children:(0,p.jsx)(`td`,{colSpan:Y.length+4,className:`p-2`,children:(0,p.jsxs)(`button`,{onClick:()=>Te(e),className:`flex items-center gap-2 text-sm font-medium hover:text-primary transition-colors`,children:[fe.has(e)?(0,p.jsx)(f.ChevronRight,{className:`h-4 w-4`}):(0,p.jsx)(f.ChevronDown,{className:`h-4 w-4`}),e,(0,p.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:t.length})]})})}),!fe.has(e)&&t.map(e=>{let t=h(e,W.map(e=>e.code),G);return(0,p.jsxs)(`tr`,{className:`border-b hover:bg-muted/30 transition-colors`,children:[(0,p.jsx)(`td`,{className:`p-3 font-mono text-sm`,children:(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`truncate max-w-[200px]`,title:e.key,children:e.key}),(0,p.jsxs)(u.Tooltip,{children:[(0,p.jsx)(u.TooltipTrigger,{asChild:!0,children:(0,p.jsx)(`button`,{onClick:()=>Q(e.key),className:`text-muted-foreground hover:text-foreground`,children:(0,p.jsx)(f.Copy,{className:`h-3 w-3`})})}),(0,p.jsx)(u.TooltipContent,{children:`Copier la clé`})]})]})}),(0,p.jsx)(`td`,{className:`p-2`,children:(0,p.jsx)(g,{value:e.translations[G]?.value||``,onChange:t=>Z(e.key,G,t),placeholder:`Texte source...`,status:e.translations[G]?.value?`valid`:`missing`})}),Y.map(t=>{let n=m(e,t.code,G);return(0,p.jsx)(`td`,{className:`p-2`,children:(0,p.jsx)(g,{value:e.translations[t.code]?.value||``,onChange:n=>Z(e.key,t.code,n),placeholder:`Traduction ${t.label}...`,status:n})},t.code)}),(0,p.jsx)(`td`,{className:`p-3 text-center`,children:(0,p.jsx)(te,{status:t})}),(0,p.jsx)(`td`,{className:`p-3 text-center`,children:(0,p.jsxs)(a.DropdownMenu,{children:[(0,p.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(r.Button,{variant:`ghost`,size:`sm`,children:(0,p.jsx)(f.MoreHorizontal,{className:`h-4 w-4`})})}),(0,p.jsxs)(a.DropdownMenuContent,{align:`end`,children:[(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>{D(e),O(!0)},children:[(0,p.jsx)(f.Edit3,{className:`h-4 w-4 mr-2`}),`Éditer`]}),(0,p.jsxs)(a.DropdownMenuItem,{onClick:()=>Q(e.key),children:[(0,p.jsx)(f.Copy,{className:`h-4 w-4 mr-2`}),`Copier la clé`]}),(0,p.jsx)(a.DropdownMenuSeparator,{}),(0,p.jsxs)(a.DropdownMenuItem,{className:`text-destructive`,onClick:()=>Se(e.key),children:[(0,p.jsx)(f.Trash2,{className:`h-4 w-4 mr-2`}),`Supprimer`]})]})]})})]},e.key)})]},e)),X.length===0&&(0,p.jsx)(`tr`,{children:(0,p.jsxs)(`td`,{colSpan:Y.length+4,className:`p-12 text-center`,children:[(0,p.jsx)(f.Languages,{className:`h-12 w-12 mx-auto text-muted-foreground/50 mb-4`}),(0,p.jsx)(`p`,{className:`text-muted-foreground`,children:C||T!==`all`?`Aucune traduction ne correspond à vos critères`:`Aucune traduction disponible`})]})})]})]})}),(0,p.jsx)(c.Sheet,{open:me,onOpenChange:O,children:(0,p.jsxs)(c.SheetContent,{className:`w-[500px] sm:max-w-[500px]`,children:[(0,p.jsxs)(c.SheetHeader,{children:[(0,p.jsx)(c.SheetTitle,{children:`Éditer la traduction`}),(0,p.jsx)(c.SheetDescription,{children:E?.key})]}),E&&(0,p.jsxs)(`div`,{className:`py-6 space-y-6`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`label`,{className:`text-sm font-medium`,children:[W.find(e=>e.code===G)?.label,` (source)`]}),(0,p.jsx)(l.Textarea,{value:E.translations[G]?.value||``,onChange:e=>{Z(E.key,G,e.target.value),D({...E,translations:{...E.translations,[G]:{...E.translations[G],value:e.target.value}}})},placeholder:`Texte source...`,className:`min-h-[100px]`})]}),W.filter(e=>e.code!==G).map(e=>(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`label`,{className:`text-sm font-medium flex items-center gap-2`,children:[e.flag&&(0,p.jsx)(`span`,{children:e.flag}),e.label]}),(0,p.jsx)(l.Textarea,{value:E.translations[e.code]?.value||``,onChange:t=>{Z(E.key,e.code,t.target.value),D({...E,translations:{...E.translations,[e.code]:{...E.translations[e.code],value:t.target.value}}})},placeholder:`Traduction ${e.label}...`,className:`min-h-[100px]`})]},e.code)),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Commentaire (optionnel)`}),(0,p.jsx)(l.Textarea,{placeholder:`Contexte ou indication pour la traduction...`,className:`min-h-[80px]`})]})]}),(0,p.jsx)(c.SheetFooter,{children:(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>O(!1),children:`Fermer`})})]})}),(0,p.jsx)(i.Dialog,{open:he,onOpenChange:k,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Ajouter une clé de traduction`}),(0,p.jsx)(i.DialogDescription,{children:`Entrez la clé de traduction (ex: common.buttons.submit)`})]}),(0,p.jsx)(`div`,{className:`py-4`,children:(0,p.jsx)(o.Input,{value:M,onChange:e=>N(e.target.value),placeholder:`namespace.key.name`})}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>k(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:xe,children:`Ajouter`})]})]})}),(0,p.jsx)(i.Dialog,{open:ge,onOpenChange:A,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Ajouter une langue`}),(0,p.jsx)(i.DialogDescription,{children:`Configurez la nouvelle langue à ajouter`})]}),(0,p.jsxs)(`div`,{className:`py-4 space-y-4`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Code (ex: de, it, pt)`}),(0,p.jsx)(o.Input,{value:P.code,onChange:e=>F({...P,code:e.target.value}),placeholder:`de`})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Label`}),(0,p.jsx)(o.Input,{value:P.label,onChange:e=>F({...P,label:e.target.value}),placeholder:`Allemand`})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Emoji drapeau (optionnel)`}),(0,p.jsx)(o.Input,{value:P.flag,onChange:e=>F({...P,flag:e.target.value}),placeholder:`🇩🇪`})]})]}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>A(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:Ce,children:`Ajouter`})]})]})}),(0,p.jsx)(i.Dialog,{open:_e,onOpenChange:j,children:(0,p.jsxs)(i.DialogContent,{children:[(0,p.jsxs)(i.DialogHeader,{children:[(0,p.jsx)(i.DialogTitle,{children:`Importer des traductions`}),(0,p.jsx)(i.DialogDescription,{children:`Sélectionnez un fichier JSON à importer`})]}),(0,p.jsxs)(`div`,{className:`py-4 space-y-4`,children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Fichier JSON`}),(0,p.jsx)(o.Input,{type:`file`,accept:`.json`,onChange:e=>L(e.target.files?.[0]||null)})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Langue cible`}),(0,p.jsxs)(s.Select,{value:R,onValueChange:z,children:[(0,p.jsx)(s.SelectTrigger,{children:(0,p.jsx)(s.SelectValue,{placeholder:`Sélectionner une langue`})}),(0,p.jsx)(s.SelectContent,{children:W.map(e=>(0,p.jsxs)(s.SelectItem,{value:e.code,children:[e.flag&&(0,p.jsx)(`span`,{className:`mr-2`,children:e.flag}),e.label]},e.code))})]})]}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsx)(`label`,{className:`text-sm font-medium`,children:`Stratégie`}),(0,p.jsxs)(s.Select,{value:B,onValueChange:e=>ve(e),children:[(0,p.jsx)(s.SelectTrigger,{children:(0,p.jsx)(s.SelectValue,{})}),(0,p.jsxs)(s.SelectContent,{children:[(0,p.jsx)(s.SelectItem,{value:`merge`,children:`Fusionner (conserver les existantes)`}),(0,p.jsx)(s.SelectItem,{value:`overwrite`,children:`Écraser tout`})]})]})]})]}),(0,p.jsxs)(i.DialogFooter,{children:[(0,p.jsx)(r.Button,{variant:`outline`,onClick:()=>j(!1),children:`Annuler`}),(0,p.jsx)(r.Button,{onClick:we,disabled:!I||!R,children:`Importer`})]})]})})]})})}exports.WakaI18nEditor=_,exports.default=_;