@rakun-kit/manager-react 1.4.11 → 1.5.0

package/dist/cjs/components/editor/plugins/toolbar/image-toolbar-plugin.js

@@ -0,0 +1,85 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INSERT_IMAGE_COMMAND = void 0;
+exports.ImagesPlugin = ImagesPlugin;
+exports.ImageToolbarPlugin = ImageToolbarPlugin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const lexical_1 = require("lexical");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const sonner_1 = require("sonner");
+const ImageNode_1 = require("../../nodes/ImageNode.js");
+const toolbar_context_1 = require("../../context/toolbar-context.js");
+const button_1 = require("../../../ui/button.js");
+const react_2 = require("../../../../client/react.js");
+const get_action_error_message_1 = require("../../../../helpers/get-action-error-message.js");
+const i18n_1 = require("../../../../i18n/index.js");
+const media_1 = require("../../../../media.js");
+exports.INSERT_IMAGE_COMMAND = (0, lexical_1.createCommand)('INSERT_IMAGE_COMMAND');
+const resolveImageSrc = async (media, request) => {
+    if (media.previewUrl)
+        return media.previewUrl;
+    if (media.url)
+        return media.url;
+    const key = media.previewKey || media.key;
+    if (!key || !media.access)
+        return null;
+    const result = await (0, media_1.resolveMediaUrl)({ key, access: media.access }, { request });
+    return result.url || null;
+};
+function ImagesPlugin() {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(exports.INSERT_IMAGE_COMMAND, (payload) => {
+            const imageNode = (0, ImageNode_1.$createImageNode)(payload);
+            (0, lexical_1.$insertNodes)([imageNode]);
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+}
+function ImageToolbarPlugin() {
+    const t = (0, i18n_1.useTranslations)();
+    const { activeEditor } = (0, toolbar_context_1.useToolbarContext)();
+    const { openMediaLibrary } = (0, media_1.useMedia)();
+    const managerClient = (0, react_2.useManagerClient)();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const insertImageFromLibrary = (0, react_1.useCallback)(async () => {
+        if (loading)
+            return;
+        setLoading(true);
+        try {
+            const mediaOrList = await openMediaLibrary({ mediaType: 'Image' });
+            if (!mediaOrList)
+                return;
+            const media = (Array.isArray(mediaOrList) ? mediaOrList[0] : mediaOrList);
+            if (!media)
+                return;
+            if (!media.mime?.startsWith('image/')) {
+                sonner_1.toast.error(t('contentEdit.invalidMediaFile', { mediaType: 'Image' }));
+                return;
+            }
+            const src = await resolveImageSrc(media, managerClient.request);
+            if (!src) {
+                sonner_1.toast.error(t('richText.insertImageError'));
+                return;
+            }
+            activeEditor.dispatchCommand(exports.INSERT_IMAGE_COMMAND, {
+                src,
+                alt: media.alt || media.title || media.name || '',
+                mediaId: media._id,
+            });
+            activeEditor.focus();
+        }
+        catch (error) {
+            sonner_1.toast.error((0, get_action_error_message_1.getActionErrorMessage)(error, t('richText.insertImageError')));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [activeEditor, loading, managerClient.request, openMediaLibrary, t]);
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { type: 'button', variant: 'outline', size: 'sm', className: '!h-8 !w-8', "aria-label": t('richText.insertImage'), title: t('richText.insertImage'), loading: loading, onClick: () => void insertImageFromLibrary(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ImageIcon, { className: 'h-4 w-4' }) }));
+}
+//# sourceMappingURL=image-toolbar-plugin.js.map

package/dist/cjs/components/editor/plugins/toolbar/image-toolbar-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-toolbar-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/image-toolbar-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/editor/themes/editor-theme.css

@@ -1,91 +1,91 @@
-.EditorTheme__code {
-  background-color: transparent;
-  font-family: Menlo, Consolas, Monaco, monospace;
-  display: block;
-  padding: 8px 8px 8px 52px;
-  line-height: 1.53;
-  font-size: 13px;
-  margin: 0;
-  margin-top: 8px;
-  margin-bottom: 8px;
-  overflow-x: auto;
-  border: 1px solid #ccc;
-  position: relative;
-  border-radius: 8px;
-  tab-size: 2;
-}
-.EditorTheme__code:before {
-  content: attr(data-gutter);
-  position: absolute;
-  background-color: transparent;
-  border-right: 1px solid #ccc;
-  left: 0;
-  top: 0;
-  padding: 8px;
-  color: #777;
-  white-space: pre-wrap;
-  text-align: right;
-  min-width: 25px;
-}
-.EditorTheme__table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  overflow-y: scroll;
-  overflow-x: scroll;
-  table-layout: fixed;
-  width: fit-content;
-  width: 100%;
-  margin: 0px 0px 30px 0px;
-}
-.EditorTheme__tokenComment {
-  color: slategray;
-}
-.EditorTheme__tokenPunctuation {
-  color: #999;
-}
-.EditorTheme__tokenProperty {
-  color: #905;
-}
-.EditorTheme__tokenSelector {
-  color: #690;
-}
-.EditorTheme__tokenOperator {
-  color: #9a6e3a;
-}
-.EditorTheme__tokenAttr {
-  color: #07a;
-}
-.EditorTheme__tokenVariable {
-  color: #e90;
-}
-.EditorTheme__tokenFunction {
-  color: #dd4a68;
-}
-
-.Collapsible__container {
-  background-color: var(--background);
-  border: 1px solid #ccc;
-  border-radius: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.Collapsible__title{
-  padding: 0.25rem;
-  padding-left: 1rem;
-  position: relative;
-  font-weight: bold;
-  outline: none;
-  cursor: pointer;
-  list-style-type: disclosure-closed;
-  list-style-position: inside;
-}
-
-.Collapsible__title p{
-  display: inline-flex;
-}
-.Collapsible__title::marker{
-  color: lightgray;
-}
-.Collapsible__container[open] >.Collapsible__title {
-  list-style-type: disclosure-open;
-}
+.EditorTheme__code {
+  background-color: transparent;
+  font-family: Menlo, Consolas, Monaco, monospace;
+  display: block;
+  padding: 8px 8px 8px 52px;
+  line-height: 1.53;
+  font-size: 13px;
+  margin: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  overflow-x: auto;
+  border: 1px solid #ccc;
+  position: relative;
+  border-radius: 8px;
+  tab-size: 2;
+}
+.EditorTheme__code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: transparent;
+  border-right: 1px solid #ccc;
+  left: 0;
+  top: 0;
+  padding: 8px;
+  color: #777;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 25px;
+}
+.EditorTheme__table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  overflow-y: scroll;
+  overflow-x: scroll;
+  table-layout: fixed;
+  width: fit-content;
+  width: 100%;
+  margin: 0px 0px 30px 0px;
+}
+.EditorTheme__tokenComment {
+  color: slategray;
+}
+.EditorTheme__tokenPunctuation {
+  color: #999;
+}
+.EditorTheme__tokenProperty {
+  color: #905;
+}
+.EditorTheme__tokenSelector {
+  color: #690;
+}
+.EditorTheme__tokenOperator {
+  color: #9a6e3a;
+}
+.EditorTheme__tokenAttr {
+  color: #07a;
+}
+.EditorTheme__tokenVariable {
+  color: #e90;
+}
+.EditorTheme__tokenFunction {
+  color: #dd4a68;
+}
+
+.Collapsible__container {
+  background-color: var(--background);
+  border: 1px solid #ccc;
+  border-radius: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.Collapsible__title{
+  padding: 0.25rem;
+  padding-left: 1rem;
+  position: relative;
+  font-weight: bold;
+  outline: none;
+  cursor: pointer;
+  list-style-type: disclosure-closed;
+  list-style-position: inside;
+}
+
+.Collapsible__title p{
+  display: inline-flex;
+}
+.Collapsible__title::marker{
+  color: lightgray;
+}
+.Collapsible__container[open] >.Collapsible__title {
+  list-style-type: disclosure-open;
+}

package/dist/cjs/components/loading-spinner.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingSpinner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("../i18n/index.js");
 const LoadingSpinner = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { role: "status", children: [(0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", className: "w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-primary", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" })] }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Loading..." })] }));
+    const t = (0, i18n_1.useTranslations)();
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "status", children: [(0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", className: "w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-primary", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" })] }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: t('common.loading') })] }));
 };
 exports.LoadingSpinner = LoadingSpinner;
 //# sourceMappingURL=loading-spinner.js.map

package/dist/cjs/components/loading-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,iCAAK,IAAI,EAAC,QAAQ,aAChB,gDACc,MAAM,EAClB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iCACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,iCACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,IACE,EACN,iCAAM,SAAS,EAAC,SAAS,2BAAkB,IACvC,CACP,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}
+{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AAEjC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,GAAG,IAAA,sBAAe,GAAE,CAAA;IAC3B,OAAO,CACL,iCAAK,IAAI,EAAC,QAAQ,aAChB,gDACc,MAAM,EAClB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iCACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,iCACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,IACE,EACN,iCAAM,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAClD,CACP,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B"}

package/dist/cjs/components/login-form.js

@@ -1,28 +1,38 @@
 "use strict";
-"use client";
+'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = LoginForm;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const zod_1 = require("@hookform/resolvers/zod");
 const client_1 = require("@rakun-kit/core/client");
 const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const utils_1 = require("../lib/utils.js");
 const runtime_auth_1 = require("../app/runtime-auth.js");
+const i18n_1 = require("../i18n/index.js");
 const navigation_1 = require("../state/navigation.js");
-const react_1 = require("../client/react.js");
+const react_2 = require("../client/react.js");
 const button_1 = require("./ui/button.js");
 const field_1 = require("./ui/field.js");
 const input_1 = require("./ui/input.js");
-function LoginForm({ className, ...props }) {
+const auth_language_selector_1 = require("./auth-language-selector.js");
+const rakun_logo_1 = require("./rakun-logo.js");
+function LoginForm({ className, passwordRecoveryEnabled = false, login = { password: true, adapters: [] }, ...props }) {
+    const t = (0, i18n_1.useTranslations)();
     const navigation = (0, navigation_1.useManagerNavigation)();
     const { refreshAuth } = (0, runtime_auth_1.useManagerRuntimeAuth)();
-    const { mutate, isPending } = (0, react_1.useManagerMutation)("manager.auth.login");
+    const { mutate, isPending } = (0, react_2.useManagerMutation)('manager.auth.login');
+    const externalLogin = (0, react_2.useManagerMutation)('manager.auth.external.start');
+    const [passwordVisible, setPasswordVisible] = (0, react_1.useState)(false);
+    const [externalError, setExternalError] = (0, react_1.useState)();
+    const [pendingProvider, setPendingProvider] = (0, react_1.useState)();
+    const forgotPasswordHref = navigation.hrefPath?.('/forgot-password') ?? '/forgot-password';
     const form = (0, react_hook_form_1.useForm)({
         resolver: (0, zod_1.zodResolver)(client_1.loginInput),
         defaultValues: {
-            username: "",
-            password: "",
+            username: '',
+            password: '',
         },
     });
     const handleFieldChange = (onChange) => (...event) => {
@@ -31,39 +41,68 @@ function LoginForm({ className, ...props }) {
     };
     const navigateToManagerRoot = () => {
         if (navigation.replacePath) {
-            navigation.replacePath("/");
+            navigation.replacePath('/');
             return;
         }
-        navigation.pushPath?.("/");
+        navigation.pushPath?.('/');
     };
     const onSubmit = (values) => {
         mutate(values, {
             onSuccess: async (result) => {
-                if (typeof result === "object" &&
-                    result !== null &&
-                    "token" in result) {
+                if (typeof result === 'object' && result !== null && 'token' in result) {
                     const authenticated = await refreshAuth();
                     if (authenticated) {
                         navigateToManagerRoot();
                     }
                 }
-                if (typeof result === "object" &&
-                    result !== null &&
-                    "challenge" in result) {
+                if (typeof result === 'object' && result !== null && 'challenge' in result) {
                     const mfaResult = result;
                     navigation.pushPath?.(`/mfa?challenge=${mfaResult.challenge}&method=${mfaResult.method}&expiresAt=${mfaResult.expiresAt}`);
                 }
             },
             onError: (error) => {
-                if ((0, client_1.instanceofAppErrorShape)(error) && error.key === "FORBIDDEN") {
-                    form.setError("username", {});
-                    form.setError("password", {
-                        message: error.cause.reason,
+                if ((0, client_1.instanceofAppErrorShape)(error) && error.key === 'FORBIDDEN') {
+                    const reason = error.cause.reason;
+                    form.setError('username', {});
+                    form.setError('password', {
+                        message: reason === 'INVALID_CREDENTIALS'
+                            ? t('login.invalidCredentials')
+                            : reason === 'IP_BLOCKED'
+                                ? t('login.ipBlocked')
+                                : reason === 'RATE_LIMITED'
+                                    ? t('login.rateLimited')
+                                    : t('login.error'),
                     });
+                    return;
                 }
+                form.setError('password', {
+                    message: t('login.error'),
+                });
             },
         });
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col gap-6", className), ...props, children: (0, jsx_runtime_1.jsx)("form", { onSubmit: form.handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(field_1.FieldGroup, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [(0, jsx_runtime_1.jsxs)("a", { href: "#", className: "flex flex-col items-center gap-2 font-medium", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex size-8 items-center justify-center rounded-md", children: (0, jsx_runtime_1.jsx)(lucide_react_1.GalleryVerticalEnd, { className: "size-6" }) }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Acme Inc." })] }), (0, jsx_runtime_1.jsx)("h1", { className: "text-xl font-bold", children: "Welcome to Acme Inc." })] }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "username", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "email", children: "Email" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...field, id: "email", type: "email", placeholder: "m@example.com", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && ((0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] }))] })) }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "password", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "password", children: "Password" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...field, id: "password", type: "password", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && ((0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] }))] })) }), (0, jsx_runtime_1.jsx)(field_1.Field, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { loading: isPending, type: "submit", children: "Login" }) }), (0, jsx_runtime_1.jsx)(field_1.FieldSeparator, { children: "Or" }), (0, jsx_runtime_1.jsxs)(field_1.Field, { className: "grid gap-4 sm:grid-cols-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", type: "button", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1024", height: "1024", viewBox: "0 0 1024 1024", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z", transform: "scale(64)", fill: "currentColor" }) }), "GitHub"] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", type: "button", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: "currentColor" }) }), "Google"] })] })] }) }) }));
+    const startExternalLogin = (provider) => {
+        setExternalError(undefined);
+        setPendingProvider(provider);
+        externalLogin.mutate({ provider }, {
+            onSuccess: ({ url }) => window.location.assign(url),
+            onError: () => {
+                setPendingProvider(undefined);
+                setExternalError(t('login.externalError'));
+            },
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-col gap-6', className), ...props, children: [(0, jsx_runtime_1.jsx)(auth_language_selector_1.AuthLanguageSelector, {}), (0, jsx_runtime_1.jsx)("form", { onSubmit: form.handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(field_1.FieldGroup, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [(0, jsx_runtime_1.jsxs)("a", { href: "#", className: "flex flex-col items-center gap-2 font-medium", children: [(0, jsx_runtime_1.jsx)(rakun_logo_1.RakunLogoMark, { className: "h-14 w-auto text-primary" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: t('login.brand') })] }), (0, jsx_runtime_1.jsx)("h1", { className: "text-xl font-bold", children: t('login.welcome') })] }), login.password ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "username", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "email", children: t('login.email') }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...field, id: "email", type: "email", placeholder: t('login.emailPlaceholder'), required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && (0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] })] })) }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "password", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "password", children: t('login.password') }), passwordRecoveryEnabled ? ((0, jsx_runtime_1.jsx)("a", { className: "text-sm underline", href: forgotPasswordHref, children: t('login.forgotPassword') })) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { ...field, autoComplete: "current-password", className: "pr-10", id: "password", type: passwordVisible ? 'text' : 'password', required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), (0, jsx_runtime_1.jsx)(button_1.Button, { "aria-label": passwordVisible ? t('login.hidePassword') : t('login.showPassword'), "aria-pressed": passwordVisible, className: "absolute end-0 top-0", onClick: () => setPasswordVisible((visible) => !visible), size: "icon", title: passwordVisible ? t('login.hidePassword') : t('login.showPassword'), type: "button", variant: "ghost", children: passwordVisible ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, {}) })] }), fieldState.invalid && (0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] })] })) }), (0, jsx_runtime_1.jsx)(field_1.Field, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { loading: isPending, type: "submit", children: t('login.submit') }) })] })) : null, login.password && login.adapters.length > 0 ? ((0, jsx_runtime_1.jsx)(field_1.FieldSeparator, { children: t('login.or') })) : null, login.adapters.length > 0 ? ((0, jsx_runtime_1.jsxs)(field_1.Field, { className: "flex w-full flex-col gap-4", children: [login.adapters.map((adapter) => ((0, jsx_runtime_1.jsxs)(button_1.Button, { className: "w-full", disabled: externalLogin.isPending, loading: pendingProvider === adapter.id, onClick: () => startExternalLogin(adapter.id), variant: "outline", type: "button", children: [(0, jsx_runtime_1.jsx)(AdapterIcon, { icon: adapter.icon }), adapter.label] }, adapter.id))), externalError ? (0, jsx_runtime_1.jsx)(field_1.FieldError, { children: externalError }) : null] })) : null] }) })] }));
 }
+const AdapterIcon = ({ icon }) => {
+    if (icon === 'github')
+        return (0, jsx_runtime_1.jsx)(lucide_react_1.Github, {});
+    if (icon === 'google') {
+        return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: "currentColor" }) }));
+    }
+    if (icon === 'microsoft') {
+        return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M2 2h9v9H2zM13 2h9v9h-9zM2 13h9v9H2zM13 13h9v9h-9z", fill: "currentColor" }) }));
+    }
+    return (0, jsx_runtime_1.jsx)(lucide_react_1.LogIn, {});
+};
 //# sourceMappingURL=login-form.js.map

package/dist/cjs/components/login-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-form.js","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"login-form.js","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/manager-loading-fallback.js

@@ -1,14 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ManagerLoadingFallback = void 0;
+exports.ManagerAuthLoadingFallback = exports.ManagerLoadingFallback = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
+const rakun_logo_1 = require("./rakun-logo.js");
 const skeleton_1 = require("./ui/skeleton.js");
+const i18n_1 = require("../i18n/index.js");
 const ManagerLoadingFallback = () => {
+    const t = (0, i18n_1.useTranslations)();
     const sidebarItems = Array.from({ length: 7 }, (_, index) => index);
     const cards = Array.from({ length: 3 }, (_, index) => index);
     const rows = Array.from({ length: 8 }, (_, index) => index);
-    return ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": "true", "aria-live": "polite", className: "bg-sidebar flex min-h-svh w-full overflow-hidden", role: "status", children: [(0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Loading manager" }), (0, jsx_runtime_1.jsxs)("aside", { className: "hidden w-64 shrink-0 flex-col border-r bg-sidebar p-2 text-sidebar-foreground md:flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-14 items-center gap-2 px-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Command, { className: "size-4" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 gap-1", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-16 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-3 w-24 bg-sidebar-accent" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 flex flex-1 flex-col gap-1 px-2", children: sidebarItems.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-8 items-center gap-2 rounded-md px-2", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-4 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 bg-sidebar-accent", style: { width: `${item % 3 === 0 ? 8 : item % 3 === 1 ? 11 : 6}rem` } })] }, item))) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-2 py-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-8 rounded-lg bg-sidebar-accent" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 gap-1", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-24 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-3 w-32 bg-sidebar-accent" })] })] })] }), (0, jsx_runtime_1.jsxs)("main", { className: "bg-background m-0 flex min-w-0 flex-1 flex-col p-4 pt-0 md:m-2 md:ml-0 md:rounded-xl md:border", children: [(0, jsx_runtime_1.jsxs)("header", { className: "flex h-16 shrink-0 items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-8 rounded-md" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "hidden h-4 w-px sm:block" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-36 sm:w-48" })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-24 rounded-md" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col gap-4 overflow-hidden p-4 pt-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid auto-rows-min gap-4 md:grid-cols-3", children: cards.map((card) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "aspect-video rounded-xl" }, card))) }), (0, jsx_runtime_1.jsxs)("section", { className: "min-h-0 flex-1 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-5 flex items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 gap-2", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-5 w-40" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-64 max-w-full" })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-9 w-28 rounded-md" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", children: rows.map((row) => ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[minmax(0,1fr)_7rem_5rem] items-center gap-4", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-full rounded-md" })] }, row))) })] })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": "true", "aria-live": "polite", className: "bg-sidebar flex min-h-svh w-full overflow-hidden", role: "status", children: [(0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: t('common.loadingManager') }), (0, jsx_runtime_1.jsxs)("aside", { className: "hidden w-64 shrink-0 flex-col border-r bg-sidebar p-2 text-sidebar-foreground md:flex", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2 p-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex h-12 items-center gap-2 rounded-md p-2 text-sm", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg", children: (0, jsx_runtime_1.jsx)(rakun_logo_1.RakunLogoMark, { className: "size-8 text-sidebar-foreground" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-16 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-3 w-24 bg-sidebar-accent" })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 flex flex-1 flex-col gap-1 px-2", children: sidebarItems.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-8 items-center gap-2 rounded-md px-2", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-4 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 bg-sidebar-accent", style: { width: `${item % 3 === 0 ? 8 : item % 3 === 1 ? 11 : 6}rem` } })] }, item))) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-2 py-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-8 rounded-lg bg-sidebar-accent" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 gap-1", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-24 bg-sidebar-accent" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-3 w-32 bg-sidebar-accent" })] })] })] }), (0, jsx_runtime_1.jsxs)("main", { className: "bg-background m-0 flex min-w-0 flex-1 flex-col p-4 pt-0 md:m-2 md:ml-0 md:rounded-xl md:border", children: [(0, jsx_runtime_1.jsxs)("header", { className: "flex h-16 shrink-0 items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-8 rounded-md" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "hidden h-4 w-px sm:block" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-36 sm:w-48" })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-24 rounded-md" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col gap-4 overflow-hidden p-4 pt-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid auto-rows-min gap-4 md:grid-cols-3", children: cards.map((card) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "aspect-video rounded-xl" }, card))) }), (0, jsx_runtime_1.jsxs)("section", { className: "min-h-0 flex-1 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-5 flex items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 gap-2", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-5 w-40" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-64 max-w-full" })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-9 w-28 rounded-md" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", children: rows.map((row) => ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[minmax(0,1fr)_7rem_5rem] items-center gap-4", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-full rounded-md" })] }, row))) })] })] })] })] }));
 };
 exports.ManagerLoadingFallback = ManagerLoadingFallback;
+const ManagerAuthLoadingFallback = () => {
+    const t = (0, i18n_1.useTranslations)();
+    return ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', "aria-live": 'polite', className: 'bg-background flex min-h-svh items-center justify-center p-6 md:p-10', role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: t('common.loadingManager') }), (0, jsx_runtime_1.jsx)("div", { className: 'w-full max-w-sm', children: (0, jsx_runtime_1.jsxs)("div", { className: 'flex w-full flex-col gap-7', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col items-center gap-6 text-center', children: [(0, jsx_runtime_1.jsx)(rakun_logo_1.RakunLogoMark, { className: 'h-14 w-auto text-primary' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-7 w-48 max-w-full' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex w-full flex-col gap-3', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-24' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-full rounded-md' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex w-full flex-col gap-3', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-32' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-full rounded-md' })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-full rounded-md' }), (0, jsx_runtime_1.jsxs)("div", { className: 'relative -my-2 h-5', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'absolute inset-x-0 top-1/2 h-px' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'relative mx-auto h-5 w-8' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'grid gap-4 sm:grid-cols-2', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-full rounded-md' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-full rounded-md' })] })] }) })] }));
+};
+exports.ManagerAuthLoadingFallback = ManagerAuthLoadingFallback;
 //# sourceMappingURL=manager-loading-fallback.js.map

package/dist/cjs/components/manager-loading-fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"manager-loading-fallback.js","sourceRoot":"","sources":["../../../src/components/manager-loading-fallback.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"manager-loading-fallback.js","sourceRoot":"","sources":["../../../src/components/manager-loading-fallback.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/media/MediaLibrary.js

@@ -14,9 +14,11 @@ const client_1 = require("@rakun-kit/core/client");
 const MediaLibraryContext_1 = require("./contexts/MediaLibraryContext.js");
 const FoldersTree_1 = __importDefault(require("./folders/FoldersTree.js"));
 const Previews_1 = __importDefault(require("./previews/Previews.js"));
+const i18n_1 = require("../../i18n/index.js");
 const media_1 = require("../../media.js");
 const utils_1 = require("../../lib/utils.js");
 function MediaLibrary({ className, selectable = false, onSelect, isModal = false, multipleSelect = false, selectedMediaIds, forcedMediaTypeFilter, optimizeOptions, }) {
+    const t = (0, i18n_1.useTranslations)();
     const managerClient = (0, react_2.useManagerClient)();
     const { uploadMedia } = (0, media_1.useMedia)();
     const [currentFolderId, setCurrentFolderId] = (0, react_1.useState)(null);
@@ -63,10 +65,10 @@ function MediaLibrary({ className, selectable = false, onSelect, isModal = false
             }));
             await refetchFolders();
             setCurrentFolderId(created._id);
-            sonner_1.toast.success('Folder created');
+            sonner_1.toast.success(t('media.folderCreated'));
         }
         catch (error) {
-            sonner_1.toast.error(error instanceof Error ? error.message : 'Could not create folder');
+            sonner_1.toast.error(error instanceof Error ? error.message : t('media.createFolderError'));
         }
     };
     const requestEditFolder = (folder) => {
@@ -124,10 +126,15 @@ function MediaLibrary({ className, selectable = false, onSelect, isModal = false
             throw new Error(failedCount === 1 ? '1 file failed to upload' : `${failedCount} files failed to upload`);
         }
     };
+    const setCurrentFolderIdTransition = (0, react_1.useCallback)((folderId) => {
+        (0, react_1.startTransition)(() => {
+            setCurrentFolderId(folderId);
+        });
+    }, []);
     const mediaLibraryContext = {
         currentFolderId,
         currentFolderPath: currentFolder?.path || '/',
-        setCurrentFolderId,
+        setCurrentFolderId: setCurrentFolderIdTransition,
         folders,
         isLoadingFolders,
         refetchFoldersTree: refetchFolders,
@@ -150,6 +157,6 @@ function MediaLibrary({ className, selectable = false, onSelect, isModal = false
             setLibraryOptimizeOptions((prev) => ({ ...prev, ...patch }));
         },
     };
-    return ((0, jsx_runtime_1.jsx)(MediaLibraryContext_1.MediaLibraryProvider, { value: mediaLibraryContext, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative grid h-[calc(100vh-6rem)] min-h-0 grid-cols-1 overflow-hidden rounded-xl border md:grid-cols-[320px_1fr]', isModal ? 'h-[calc(100vh-14.2rem)]' : '', className), children: [(0, jsx_runtime_1.jsx)(FoldersTree_1.default, { isModal: isModal }), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('h-[calc(100vh-6rem)] min-w-0 overflow-hidden p-4', isModal ? 'h-[calc(100vh-14rem)]' : ''), children: [(0, jsx_runtime_1.jsxs)("p", { className: "mb-4 text-muted-foreground text-sm", children: ["Current folder:", ' ', (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-foreground", children: currentFolder?.path || '/' })] }), (0, jsx_runtime_1.jsx)(Previews_1.default, {})] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(MediaLibraryContext_1.MediaLibraryProvider, { value: mediaLibraryContext, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative grid h-full min-h-0 grid-cols-1 grid-rows-[auto_minmax(0,1fr)] overflow-hidden rounded-xl border lg:grid-cols-[minmax(0,18rem)_minmax(0,1fr)] lg:grid-rows-[minmax(0,1fr)]', className), children: [(0, jsx_runtime_1.jsx)(FoldersTree_1.default, { isModal: isModal }), (0, jsx_runtime_1.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-col overflow-hidden p-4", children: [(0, jsx_runtime_1.jsxs)("p", { className: "mb-4 shrink-0 text-muted-foreground text-sm", children: [t('media.currentFolder'), ' ', (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-foreground", children: currentFolder?.path || '/' })] }), (0, jsx_runtime_1.jsx)("div", { className: "min-h-0 flex-1", children: (0, jsx_runtime_1.jsx)(Previews_1.default, {}) })] })] }) }));
 }
 //# sourceMappingURL=MediaLibrary.js.map