@anvilkit/plugin-asset-manager 0.1.7 → 0.1.9

package/dist/ui/FolderNameDialog.js

@@ -1,21 +1,26 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { Input } from "@anvilkit/ui/input";
 import * as __rspack_external_react from "react";
-function FolderNameDialog({ open, onOpenChange, onSubmit, title = "New folder", submitLabel = "Create", initialName = "" }) {
+function FolderNameDialog({ open, onOpenChange, onSubmit, title, submitLabel, initialName = "" }) {
+    const msg = useMsg();
+    const resolvedTitle = title ?? msg("assetManager.dialog.newFolderTitle");
+    const resolvedSubmit = submitLabel ?? msg("assetManager.button.create");
     const [name, setName] = __rspack_external_react.useState(initialName);
     const [busy, setBusy] = __rspack_external_react.useState(false);
     const [error, setError] = __rspack_external_react.useState(null);
     __rspack_external_react.useEffect(()=>{
-        if (open) {
-            setName(initialName);
-            setError(null);
-        }
+        if (open) setName(initialName);
     }, [
         open,
         initialName
     ]);
+    function requestClose() {
+        setError(null);
+        onOpenChange(false);
+    }
     async function handleSubmit() {
         const trimmed = name.trim();
         if ("" === trimmed || busy) return;
@@ -25,7 +30,7 @@ function FolderNameDialog({ open, onOpenChange, onSubmit, title = "New folder",
             await onSubmit(trimmed);
             onOpenChange(false);
         } catch (cause) {
-            setError(cause instanceof Error ? cause.message : "Could not save the folder.");
+            setError(cause instanceof Error ? cause.message : msg("assetManager.dialog.folderSaveError"));
         } finally{
             setBusy(false);
         }
@@ -33,11 +38,13 @@ function FolderNameDialog({ open, onOpenChange, onSubmit, title = "New folder",
     return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
         open: open,
         onOpenChange: (next)=>{
-            if (!busy) onOpenChange(next);
+            if (busy) return;
+            if (next) onOpenChange(true);
+            else requestClose();
         }
-    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, title)), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, resolvedTitle)), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
         value: name,
-        placeholder: "Folder name",
+        placeholder: msg("assetManager.dialog.folderNamePlaceholder"),
         "data-testid": "ak-folder-name-input",
         onChange: (event)=>setName(event.currentTarget.value),
         onKeyDown: (event)=>{
@@ -50,11 +57,11 @@ function FolderNameDialog({ open, onOpenChange, onSubmit, title = "New folder",
         type: "button",
         variant: "outline",
         disabled: busy,
-        onClick: ()=>onOpenChange(false)
-    }, "Cancel"), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        onClick: requestClose
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         type: "button",
         disabled: busy || "" === name.trim(),
         onClick: ()=>void handleSubmit()
-    }, busy ? "Saving…" : submitLabel))));
+    }, busy ? msg("assetManager.dialog.saveProgress") : resolvedSubmit))));
 }
 export { FolderNameDialog };

package/dist/ui/FolderTree.cjs

@@ -32,10 +32,12 @@ __webpack_require__.d(__webpack_exports__, {
     ASSET_DRAG_MIME: ()=>ASSET_DRAG_MIME,
     FolderTree: ()=>FolderTree
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const external_react_namespaceObject = require("react");
 const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
 function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [dropTarget, setDropTarget] = external_react_namespaceObject.useState(null);
     const handleDrop = (folderId)=>(event)=>{
             event.preventDefault();
@@ -50,7 +52,7 @@ function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
     if (0 === folders.length) return null;
     const droppable = void 0 !== onDropAssets;
     return /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
-        "aria-label": "Folders",
+        "aria-label": msg("assetManager.tree.label"),
         "data-testid": "ak-folder-tree",
         className: "flex flex-col gap-1"
     }, folders.map((folder)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
@@ -62,7 +64,7 @@ function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
             className: "w-full justify-start",
             "data-folder-id": folder.id,
             "data-drop-target": dropTarget === folder.id ? "" : void 0,
-            title: droppable ? `Open ${folder.name} — or drop assets here to move them in` : void 0,
+            title: droppable ? msg("assetManager.tree.dropHint").replace("{name}", folder.name) : void 0,
             onClick: ()=>onNavigate(folder.id),
             onDragOver: onDropAssets ? (event)=>{
                 event.preventDefault();

package/dist/ui/FolderTree.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.cts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAoEjB"}
+{"version":3,"file":"FolderTree.d.cts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAwEjB"}

package/dist/ui/FolderTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAoEjB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAwEjB"}

package/dist/ui/FolderTree.js

@@ -1,8 +1,10 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import * as __rspack_external_react from "react";
 const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
 function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
+    const msg = useMsg();
     const [dropTarget, setDropTarget] = __rspack_external_react.useState(null);
     const handleDrop = (folderId)=>(event)=>{
             event.preventDefault();
@@ -17,7 +19,7 @@ function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
     if (0 === folders.length) return null;
     const droppable = void 0 !== onDropAssets;
     return /*#__PURE__*/ __rspack_external_react.createElement("ul", {
-        "aria-label": "Folders",
+        "aria-label": msg("assetManager.tree.label"),
         "data-testid": "ak-folder-tree",
         className: "flex flex-col gap-1"
     }, folders.map((folder)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
@@ -29,7 +31,7 @@ function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
             className: "w-full justify-start",
             "data-folder-id": folder.id,
             "data-drop-target": dropTarget === folder.id ? "" : void 0,
-            title: droppable ? `Open ${folder.name} — or drop assets here to move them in` : void 0,
+            title: droppable ? msg("assetManager.tree.dropHint").replace("{name}", folder.name) : void 0,
             onClick: ()=>onNavigate(folder.id),
             onDragOver: onDropAssets ? (event)=>{
                 event.preventDefault();

package/dist/ui/MetadataPanel.cjs

@@ -31,12 +31,14 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     MetadataPanel: ()=>MetadataPanel
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const input_namespaceObject = require("@anvilkit/ui/input");
 const label_namespaceObject = require("@anvilkit/ui/label");
 const external_react_namespaceObject = require("react");
 function MetadataPanel({ asset, onCancel, onConfirm }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [name, setName] = external_react_namespaceObject.useState("");
     const [tagInput, setTagInput] = external_react_namespaceObject.useState("");
     const [tags, setTags] = external_react_namespaceObject.useState([]);
@@ -45,8 +47,6 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         if (null === asset) return;
         setName(asset.name ?? "");
         setTags(asset.tags ?? []);
-        setTagInput("");
-        setBusy(false);
     }, [
         asset
     ]);
@@ -87,19 +87,23 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setBusy(false);
         }
     }
+    function handleCancel() {
+        setTagInput("");
+        onCancel();
+    }
     function handleOpenChange(nextOpen) {
-        if (!nextOpen && !busy) onCancel();
+        if (!nextOpen && !busy) handleCancel();
     }
     const open = null !== asset;
     const mimeType = asset?.meta?.mimeType;
     return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Edit asset"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, msg("assetManager.dialog.editTitle")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-metadata": true
     }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-name"
-    }, "Name"), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+    }, msg("assetManager.form.nameLabel")), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
         id: "asset-metadata-name",
         value: name,
         onChange: (event)=>{
@@ -111,13 +115,12 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         "data-asset-manager-tag-editor": true
     }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-tag-input"
-    }, "Tags"), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
-        "aria-label": "Current tags",
-        role: "list"
+    }, msg("assetManager.form.tagsLabel")), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": msg("assetManager.form.tagsListLabel")
     }, tags.map((tag)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
             key: tag
         }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
-            "aria-label": `Remove tag ${tag}`,
+            "aria-label": msg("assetManager.form.removeTag").replace("{tag}", tag),
             "data-asset-action": "remove-tag",
             disabled: busy,
             onClick: ()=>{
@@ -133,18 +136,18 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setTagInput(event.target.value);
         },
         onKeyDown: handleTagKeyDown,
-        placeholder: "Add a tag and press Enter",
+        placeholder: msg("assetManager.form.addTagPlaceholder"),
         disabled: busy
     }))), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         disabled: busy,
-        onClick: onCancel,
+        onClick: handleCancel,
         type: "button",
         variant: "outline"
-    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         disabled: busy || null === asset,
         onClick: handleConfirm,
         type: "button"
-    }, busy ? "Saving…" : "Save"))));
+    }, busy ? msg("assetManager.dialog.saveProgress") : msg("assetManager.button.save")))));
 }
 exports.MetadataPanel = __webpack_exports__.MetadataPanel;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/ui/MetadataPanel.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAyIpB"}
+{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CA2JpB"}

package/dist/ui/MetadataPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAyIpB"}
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CA2JpB"}

package/dist/ui/MetadataPanel.js

@@ -1,10 +1,12 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { Input } from "@anvilkit/ui/input";
 import { Label } from "@anvilkit/ui/label";
 import * as __rspack_external_react from "react";
 function MetadataPanel({ asset, onCancel, onConfirm }) {
+    const msg = useMsg();
     const [name, setName] = __rspack_external_react.useState("");
     const [tagInput, setTagInput] = __rspack_external_react.useState("");
     const [tags, setTags] = __rspack_external_react.useState([]);
@@ -13,8 +15,6 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         if (null === asset) return;
         setName(asset.name ?? "");
         setTags(asset.tags ?? []);
-        setTagInput("");
-        setBusy(false);
     }, [
         asset
     ]);
@@ -55,19 +55,23 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setBusy(false);
         }
     }
+    function handleCancel() {
+        setTagInput("");
+        onCancel();
+    }
     function handleOpenChange(nextOpen) {
-        if (!nextOpen && !busy) onCancel();
+        if (!nextOpen && !busy) handleCancel();
     }
     const open = null !== asset;
     const mimeType = asset?.meta?.mimeType;
     return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Edit asset"), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, msg("assetManager.dialog.editTitle")), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-metadata": true
     }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
         htmlFor: "asset-metadata-name"
-    }, "Name"), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+    }, msg("assetManager.form.nameLabel")), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
         id: "asset-metadata-name",
         value: name,
         onChange: (event)=>{
@@ -79,13 +83,12 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         "data-asset-manager-tag-editor": true
     }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
         htmlFor: "asset-metadata-tag-input"
-    }, "Tags"), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
-        "aria-label": "Current tags",
-        role: "list"
+    }, msg("assetManager.form.tagsLabel")), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "aria-label": msg("assetManager.form.tagsListLabel")
     }, tags.map((tag)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
             key: tag
         }, /*#__PURE__*/ __rspack_external_react.createElement("span", null, tag), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
-            "aria-label": `Remove tag ${tag}`,
+            "aria-label": msg("assetManager.form.removeTag").replace("{tag}", tag),
             "data-asset-action": "remove-tag",
             disabled: busy,
             onClick: ()=>{
@@ -101,17 +104,17 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setTagInput(event.target.value);
         },
         onKeyDown: handleTagKeyDown,
-        placeholder: "Add a tag and press Enter",
+        placeholder: msg("assetManager.form.addTagPlaceholder"),
         disabled: busy
     }))), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         disabled: busy,
-        onClick: onCancel,
+        onClick: handleCancel,
         type: "button",
         variant: "outline"
-    }, "Cancel"), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         disabled: busy || null === asset,
         onClick: handleConfirm,
         type: "button"
-    }, busy ? "Saving…" : "Save"))));
+    }, busy ? msg("assetManager.dialog.saveProgress") : msg("assetManager.button.save")))));
 }
 export { MetadataPanel };

package/dist/ui/MoveTargetPicker.cjs

@@ -31,10 +31,13 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     MoveTargetPicker: ()=>MoveTargetPicker
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const external_react_namespaceObject = require("react");
-function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "All assets" }) {
+function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const resolvedRootLabel = rootLabel ?? msg("assetManager.folder.root");
     const [busy, setBusy] = external_react_namespaceObject.useState(false);
     async function pick(folderId) {
         if (busy) return;
@@ -51,8 +54,8 @@ function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "Al
         onOpenChange: (next)=>{
             if (!busy) onOpenChange(next);
         }
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Move to folder")), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
-        "aria-label": "Move to folder",
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, msg("assetManager.dialog.moveTitle"))), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": msg("assetManager.dialog.moveTitle"),
         "data-testid": "ak-move-target-picker",
         className: "flex max-h-72 flex-col gap-1 overflow-auto"
     }, /*#__PURE__*/ external_react_namespaceObject.createElement("li", null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
@@ -63,7 +66,7 @@ function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "Al
         "data-move-target": "root",
         disabled: busy,
         onClick: ()=>void pick(null)
-    }, rootLabel)), folders.map((folder)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+    }, resolvedRootLabel)), folders.map((folder)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
             key: folder.id
         }, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
             type: "button",

package/dist/ui/MoveTargetPicker.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"MoveTargetPicker.d.cts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAwB,GACxB,EAAE,qBAAqB,2CA8DvB"}
+{"version":3,"file":"MoveTargetPicker.d.cts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,2CAgEvB"}

package/dist/ui/MoveTargetPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoveTargetPicker.d.ts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAwB,GACxB,EAAE,qBAAqB,2CA8DvB"}
+{"version":3,"file":"MoveTargetPicker.d.ts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,2CAgEvB"}

package/dist/ui/MoveTargetPicker.js

@@ -1,8 +1,11 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import * as __rspack_external_react from "react";
-function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "All assets" }) {
+function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel }) {
+    const msg = useMsg();
+    const resolvedRootLabel = rootLabel ?? msg("assetManager.folder.root");
     const [busy, setBusy] = __rspack_external_react.useState(false);
     async function pick(folderId) {
         if (busy) return;
@@ -19,8 +22,8 @@ function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "Al
         onOpenChange: (next)=>{
             if (!busy) onOpenChange(next);
         }
-    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Move to folder")), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
-        "aria-label": "Move to folder",
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, msg("assetManager.dialog.moveTitle"))), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "aria-label": msg("assetManager.dialog.moveTitle"),
         "data-testid": "ak-move-target-picker",
         className: "flex max-h-72 flex-col gap-1 overflow-auto"
     }, /*#__PURE__*/ __rspack_external_react.createElement("li", null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
@@ -31,7 +34,7 @@ function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "Al
         "data-move-target": "root",
         disabled: busy,
         onClick: ()=>void pick(null)
-    }, rootLabel)), folders.map((folder)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
+    }, resolvedRootLabel)), folders.map((folder)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
             key: folder.id
         }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
             type: "button",

package/dist/ui/ReplaceAssetDialog.cjs

@@ -31,11 +31,13 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     ReplaceAssetDialog: ()=>ReplaceAssetDialog
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const external_react_namespaceObject = require("react");
 const external_plugin_cjs_namespaceObject = require("../plugin.cjs");
 function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const inputRef = external_react_namespaceObject.useRef(null);
     const [selectedFile, setSelectedFile] = external_react_namespaceObject.useState(null);
     const [error, setError] = external_react_namespaceObject.useState(null);
@@ -43,15 +45,10 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
     const acceptAttr = external_react_namespaceObject.useMemo(()=>acceptedMimeTypes?.join(","), [
         acceptedMimeTypes
     ]);
-    external_react_namespaceObject.useEffect(()=>{
-        if (null === asset) {
-            setSelectedFile(null);
-            setError(null);
-            setBusy(false);
-        }
-    }, [
-        asset
-    ]);
+    function resetPicker() {
+        setSelectedFile(null);
+        setError(null);
+    }
     function handleFileChange(event) {
         const file = event.target.files?.[0];
         event.target.value = "";
@@ -73,22 +70,27 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         setBusy(true);
         try {
             await onConfirm(asset, selectedFile);
+            resetPicker();
         } catch (err) {
             setError(err instanceof Error ? err.message : String(err));
         } finally{
             setBusy(false);
         }
     }
+    function handleCancel() {
+        resetPicker();
+        onCancel();
+    }
     function handleOpenChange(nextOpen) {
-        if (!nextOpen && !busy) onCancel();
+        if (!nextOpen && !busy) handleCancel();
     }
     const open = null !== asset;
     const label = asset?.name ?? asset?.id ?? "";
     return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Replace asset?"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, label ? `Pick a file to replace ${label} with. Existing asset:// references will resolve to the new bytes.` : "Pick a file to replace this asset with.")), /*#__PURE__*/ external_react_namespaceObject.createElement("input", {
-        "aria-label": "Replacement file",
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, msg("assetManager.dialog.replaceTitle")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, label ? msg("assetManager.dialog.replaceDescription").replace("{label}", label) : msg("assetManager.dialog.replaceDescriptionGeneric"))), /*#__PURE__*/ external_react_namespaceObject.createElement("input", {
+        "aria-label": msg("assetManager.dialog.replaceFileLabel"),
         "data-testid": "replace-asset-file-input",
         hidden: true,
         onChange: handleFileChange,
@@ -104,22 +106,22 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         variant: "outline",
         onClick: ()=>inputRef.current?.click(),
         disabled: busy
-    }, selectedFile ? "Choose a different file" : "Choose file"), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+    }, selectedFile ? msg("assetManager.dialog.chooseFileDifferent") : msg("assetManager.dialog.chooseFile")), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
         "aria-live": "polite",
         role: "status"
-    }, selectedFile ? `Selected: ${selectedFile.name}` : "No file selected."), error ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+    }, selectedFile ? msg("assetManager.dialog.fileSelected").replace("{name}", selectedFile.name) : msg("assetManager.dialog.noFileSelected")), error ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
         "data-asset-manager-replace-error": true,
         role: "alert"
     }, error) : null), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         type: "button",
         variant: "outline",
-        onClick: onCancel,
+        onClick: handleCancel,
         disabled: busy
-    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         type: "button",
         onClick: handleConfirm,
         disabled: busy || null === asset || null === selectedFile
-    }, busy ? "Replacing…" : "Replace"))));
+    }, busy ? msg("assetManager.dialog.replaceProgress") : msg("assetManager.button.replace")))));
 }
 exports.ReplaceAssetDialog = __webpack_exports__.ReplaceAssetDialog;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/ui/ReplaceAssetDialog.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuIzB"}

package/dist/ui/ReplaceAssetDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuIzB"}

package/dist/ui/ReplaceAssetDialog.js

@@ -1,9 +1,11 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { validateSelectedFile } from "../plugin.js";
 import * as __rspack_external_react from "react";
 function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
+    const msg = useMsg();
     const inputRef = __rspack_external_react.useRef(null);
     const [selectedFile, setSelectedFile] = __rspack_external_react.useState(null);
     const [error, setError] = __rspack_external_react.useState(null);
@@ -11,15 +13,10 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
     const acceptAttr = __rspack_external_react.useMemo(()=>acceptedMimeTypes?.join(","), [
         acceptedMimeTypes
     ]);
-    __rspack_external_react.useEffect(()=>{
-        if (null === asset) {
-            setSelectedFile(null);
-            setError(null);
-            setBusy(false);
-        }
-    }, [
-        asset
-    ]);
+    function resetPicker() {
+        setSelectedFile(null);
+        setError(null);
+    }
     function handleFileChange(event) {
         const file = event.target.files?.[0];
         event.target.value = "";
@@ -41,22 +38,27 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         setBusy(true);
         try {
             await onConfirm(asset, selectedFile);
+            resetPicker();
         } catch (err) {
             setError(err instanceof Error ? err.message : String(err));
         } finally{
             setBusy(false);
         }
     }
+    function handleCancel() {
+        resetPicker();
+        onCancel();
+    }
     function handleOpenChange(nextOpen) {
-        if (!nextOpen && !busy) onCancel();
+        if (!nextOpen && !busy) handleCancel();
     }
     const open = null !== asset;
     const label = asset?.name ?? asset?.id ?? "";
     return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Replace asset?"), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, label ? `Pick a file to replace ${label} with. Existing asset:// references will resolve to the new bytes.` : "Pick a file to replace this asset with.")), /*#__PURE__*/ __rspack_external_react.createElement("input", {
-        "aria-label": "Replacement file",
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, msg("assetManager.dialog.replaceTitle")), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, label ? msg("assetManager.dialog.replaceDescription").replace("{label}", label) : msg("assetManager.dialog.replaceDescriptionGeneric"))), /*#__PURE__*/ __rspack_external_react.createElement("input", {
+        "aria-label": msg("assetManager.dialog.replaceFileLabel"),
         "data-testid": "replace-asset-file-input",
         hidden: true,
         onChange: handleFileChange,
@@ -72,21 +74,21 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         variant: "outline",
         onClick: ()=>inputRef.current?.click(),
         disabled: busy
-    }, selectedFile ? "Choose a different file" : "Choose file"), /*#__PURE__*/ __rspack_external_react.createElement("p", {
+    }, selectedFile ? msg("assetManager.dialog.chooseFileDifferent") : msg("assetManager.dialog.chooseFile")), /*#__PURE__*/ __rspack_external_react.createElement("p", {
         "aria-live": "polite",
         role: "status"
-    }, selectedFile ? `Selected: ${selectedFile.name}` : "No file selected."), error ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
+    }, selectedFile ? msg("assetManager.dialog.fileSelected").replace("{name}", selectedFile.name) : msg("assetManager.dialog.noFileSelected")), error ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
         "data-asset-manager-replace-error": true,
         role: "alert"
     }, error) : null), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         type: "button",
         variant: "outline",
-        onClick: onCancel,
+        onClick: handleCancel,
         disabled: busy
-    }, "Cancel"), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         type: "button",
         onClick: handleConfirm,
         disabled: busy || null === asset || null === selectedFile
-    }, busy ? "Replacing…" : "Replace"))));
+    }, busy ? msg("assetManager.dialog.replaceProgress") : msg("assetManager.button.replace")))));
 }
 export { ReplaceAssetDialog };