@vitnode/core 0.0.1-canary.0

package/dist/src/views/admin/views/core/system/integrations/test-storage/content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMutation}from"@tanstack/react-query";import{HardDriveIcon,ImageIcon,LoaderCircleIcon,XIcon}from"lucide-react";import React from"react";import{toast}from"sonner";import{useTranslations}from"use-intl";import{Alert,AlertDescription,AlertTitle}from"../../../../../../../components/ui/alert.js";import{Attachment,AttachmentAction,AttachmentActions,AttachmentContent,AttachmentDescription,AttachmentMedia,AttachmentTitle,AttachmentTrigger}from"../../../../../../../components/ui/attachment.js";import{CONFIG_PLUGIN}from"../../../../../../../config.js";import{clientModule,fetcherClient}from"../../../../../../../lib/fetcher-client.js";export const ContentTestStorage=()=>{const t=useTranslations("admin.system.integrations.storage.test");const tError=useTranslations("core.global.errors");const[fileName,setFileName]=React.useState();const inputRef=React.useRef(null);const upload=useMutation({mutationFn:async file=>{const formData=new FormData;formData.append("file",file);const res=await fetcherClient(clientModule(CONFIG_PLUGIN.pluginId),{prefixPath:"/admin",module:"debug",path:"/test-storage-upload",method:"post",formData,options:{credentials:"include"}});if(!res.ok)throw new Error(await res.text());return await res.json()},onError:()=>toast.error(tError("title"),{description:tError("internal_server_error")}),onSuccess:()=>toast.success(t("upload.success"))});const state=upload.isError?"error":upload.isPending?"uploading":upload.data?"done":"idle";const description=state==="uploading"?t("upload.pending"):state==="error"?t("upload.error"):state==="done"?t("upload.done"):t("upload.desc");const reset=()=>{upload.reset();setFileName(undefined);if(inputRef.current)inputRef.current.value=""};return _jsxs("div",{className:"flex flex-col gap-4",children:[_jsxs(Alert,{children:[_jsx(HardDriveIcon,{}),_jsx(AlertTitle,{children:t("info.title")}),_jsx(AlertDescription,{children:t("info.desc")})]}),_jsx("input",{accept:"image/*",className:"hidden",onChange:event=>{const file=event.target.files?.[0];if(file){setFileName(file.name);upload.mutate(file)}event.target.value=""},ref:inputRef,type:"file"}),_jsxs(Attachment,{className:"w-full",state:state,children:[_jsx(AttachmentMedia,{variant:upload.data?"image":"icon",children:upload.data?_jsx("img",{alt:fileName??t("upload.label"),src:upload.data.url}):upload.isPending?_jsx(LoaderCircleIcon,{className:"animate-spin","data-slot":"spinner"}):_jsx(ImageIcon,{})}),_jsxs(AttachmentContent,{children:[_jsx(AttachmentTitle,{children:fileName??t("upload.label")}),_jsx(AttachmentDescription,{children:description})]}),upload.data?_jsx(AttachmentActions,{children:_jsx(AttachmentAction,{onClick:reset,type:"button",children:_jsx(XIcon,{})})}):_jsx(AttachmentTrigger,{disabled:upload.isPending,onClick:()=>inputRef.current?.click()})]})]})};

package/dist/src/views/admin/views/core/system/integrations/test-storage/test-storage.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const TestStorageAction: () => React.JSX.Element;
+//# sourceMappingURL=test-storage.d.ts.map

package/dist/src/views/admin/views/core/system/integrations/test-storage/test-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-storage.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/views/admin/views/core/system/integrations/test-storage/test-storage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,eAAO,MAAM,iBAAiB,yBAyB7B,CAAC"}

package/dist/src/views/admin/views/core/system/integrations/test-storage/test-storage.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{HardDriveIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{Button}from"../../../../../../../components/ui/button.js";import{Dialog,DialogContent,DialogDescription,DialogHeader,DialogTitle,DialogTrigger}from"../../../../../../../components/ui/dialog.js";import{Loader}from"../../../../../../../components/ui/loader.js";const ContentTestStorage=React.lazy(async()=>import("./content.js").then(module=>({default:module.ContentTestStorage})));export const TestStorageAction=()=>{const t=useTranslations("admin.system.integrations.storage.test");return _jsxs(Dialog,{children:[_jsxs(DialogTrigger,{render:_jsx(Button,{size:"sm",variant:"outline"}),children:[_jsx(HardDriveIcon,{}),t("label")]}),_jsxs(DialogContent,{children:[_jsxs(DialogHeader,{children:[_jsxs(DialogTitle,{className:"flex items-center gap-2",children:[_jsx(HardDriveIcon,{className:"size-5"}),t("title")]}),_jsx(DialogDescription,{children:t("desc")})]}),_jsx(React.Suspense,{fallback:_jsx(Loader,{}),children:_jsx(ContentTestStorage,{})})]})]})};

package/dist/src/views/admin/views/core/test.d.ts

@@ -0,0 +1,2 @@
+export declare const TestView: () => import("react").JSX.Element;
+//# sourceMappingURL=test.d.ts.map

package/dist/src/views/admin/views/core/test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../../../../../src/views/admin/views/core/test.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ,mCAgRpB,CAAC"}

package/dist/src/views/admin/views/core/test.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchIcon}from"lucide-react";import{z}from"zod";import{AutoForm}from"../../../../components/form/auto-form.js";import{AutoFormArray}from"../../../../components/form/fields/array.js";import{AutoFormCheckbox}from"../../../../components/form/fields/checkbox.js";import{AutoFormCombobox}from"../../../../components/form/fields/combobox.js";import{AutoFormEditor}from"../../../../components/form/fields/editor.js";import{AutoFormInput}from"../../../../components/form/fields/input.js";import{AutoFormRadioGroup}from"../../../../components/form/fields/radio-group.js";import{AutoFormSelect}from"../../../../components/form/fields/select.js";import{AutoFormSwitch}from"../../../../components/form/fields/switch.js";import{AutoFormTextarea}from"../../../../components/form/fields/textarea.js";import{Card}from"../../../../components/ui/card.js";import{Editor}from"../../../../components/ui/editor.js";import{EditorContent}from"../../../../components/ui/editor-content.js";import{InputGroupAddon,InputGroupText}from"../../../../components/ui/input-group.js";import{ADMIN_QUERY_ROOT}from"../../table/query.js";export const TestView=()=>{const formSchema=z.object({editor:z.string().describe("This is the editor for your application.").default("<p>Hello World! 🌎️</p>"),provider:z.string().min(1,{message:"Provider is required"}).describe("This is the provider for your application. It should be a valid provider name."),features:z.array(z.object({name:z.string().min(1,{message:"Feature name is required"}),enabled:z.boolean().default(true)})).describe("List the features available for this provider."),provider2:z.string().describe("This is the provider for your application. It should be a valid provider name.").default("test"),client_secret:z.string().min(1,{message:"Client Secret is required"}).describe("This is the client secret for your application. It should be kept secret and not shared with anyone."),client_secret2:z.string().min(1,{message:"Client Secret is required"}).describe("This is the client secret for your application. It should be kept secret and not shared with anyone."),terms:z.boolean().refine(val=>val,{message:"You must accept the terms and conditions"}).describe("By checking this box, you agree to the terms and conditions."),options:z.enum(["option1","option2","option3"]).default("option1"),options_long:z.enum(["option1","option2","option3"]).default("option2"),switch:z.boolean().default(false).describe("elo"),type:z.enum(["option-one","option-two"]).default("option-one"),custom_color:z.string().default("#000000").describe("Pick your favorite color.")});return _jsx("div",{className:"p-4",children:_jsxs(Card,{className:"p-6",children:[_jsx(Editor,{value:"<p>Hello World! 🌎️</p>"}),_jsx(EditorContent,{content:"<h2>Test header v2</h2><p>Hello World! 🌎️das d alfjnasjf kas djksa fkja sfj AFKJ afj AFJKNAJSKGNSAKFLMSAKLDNASFJNKJnjkdasnfjnas fjknsa fjknsafkjn askjfnkajsgnasjkfnskjanf kjans fjknasjkf naskjf naskjnf kjasn kfjans fjkas kfjnas jknfkasjn fkajsnf jnasfjkangaskjfnajsdnlaskmcdasjfnjskafnsajknfcksajdnasjkfnjkasn cfjksanfjckasnjcnaskjcnaksjcnaksjcnakjcnasjkn</p>"}),_jsx(AutoForm,{fields:[{id:"editor",component:props=>_jsx(AutoFormEditor,{...props,label:"Editor",multiLang:true})},{id:"provider",component:props=>_jsx(AutoFormInput,{description:"This is the provider for your application. It should be a valid provider name.",label:"Provider",multiLang:true,...props})},{id:"features",component:props=>_jsx(AutoFormArray,{...props,fields:[{id:"name",className:"flex-1",component:subProps=>_jsx(AutoFormInput,{...subProps,label:"Feature Name"})},{id:"enabled",component:subProps=>_jsx(AutoFormCheckbox,{...subProps,label:"Enabled"})}],label:"Features"})},{id:"provider2",component:props=>_jsx(AutoFormInput,{label:"Provider 2",...props,children:_jsx(InputGroupAddon,{children:_jsx(SearchIcon,{})})})},{id:"client_secret",component:props=>_jsx(AutoFormTextarea,{description:"This is the client secret for your application. It should be kept\n            secret and not shared with anyone.",label:"Client Secret",...props})},{id:"client_secret2",component:props=>_jsx(AutoFormTextarea,{description:"This is the client secret for your application. It should be kept\n            secret and not shared with anyone.",label:"Client Secret",...props,children:_jsx(InputGroupAddon,{align:"block-end",children:_jsxs(InputGroupText,{className:"tabular-nums",children:[props.field.value?.toString().length??0," of 500 characters"]})})})},{id:"terms",component:props=>_jsx(AutoFormCheckbox,{description:"By checking this box, you agree to the terms and conditions.",label:"I agree to the terms and conditions",...props})},{id:"options",component:props=>_jsx(AutoFormRadioGroup,{...props,description:"By checking this box, you agree to the terms and conditions.",label:"I agree to the terms and conditions",labels:[{value:"option1",label:"Option 1",description:"This is the description for option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3",description:"This is the description for option 3",disabled:true}],variant:"blocks"})},{id:"options_long",component:props=>_jsx(AutoFormSelect,{...props,description:"By checking this box, you agree to the terms and conditions.",label:"I agree to the terms and conditions",labels:[{value:"option1",label:"Option 1 with a very long label that should be truncated"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"}],placeholder:"Select an option from the list"})},{id:"switch",component:props=>_jsx(AutoFormSwitch,{...props,description:"By checking this box, you agree to the terms and conditions.",label:"I agree to the terms and conditions"})},{id:"type",component:props=>_jsx(AutoFormCombobox,{...props,description:"By checking this box, you agree to the terms and conditions.",fetchData:async({search})=>{await new Promise(resolve=>setTimeout(resolve,1e3));return[{value:"option-one",label:"Option One"},{value:"option-two",label:"Option Two"}].filter(option=>option.label.toLowerCase().includes(search.toLowerCase()))},id:"test-combobox",label:"Type",queryKey:[...ADMIN_QUERY_ROOT,"test","combobox"]})},{id:"custom_color",component:props=>_jsxs("div",{className:"flex w-full flex-col gap-3",children:[_jsx("div",{className:"text-sm leading-none font-medium",children:"Custom Color Picker"}),_jsx("input",{...props.field,className:"h-10 w-24 cursor-pointer rounded-md border p-1",type:"color",value:props.field.value??"#000000"}),!!props.description&&_jsx("div",{className:"text-muted-foreground text-sm",children:props.description})]})}],formSchema:formSchema,onSubmit:async values=>{console.log("Form submitted",values);await new Promise(resolve=>setTimeout(resolve,3e3))}})]})})};

package/dist/src/views/admin/views/core/users/detail/user-detail-content.d.ts

@@ -0,0 +1,16 @@
+import type { AdminRoleSearch } from "../../../../../../views/admin/views/core/users/roles/roles-query";
+import type { AuthLinkComponent } from "../../../../../../views/auth/auth-link";
+import type { UpdateAdminUser } from "./user-fields-content";
+import type { AdminUserDetail } from "./user-query";
+import type { UpdateAdminUserRoles } from "./user-roles-content";
+export interface UserDetailProps {
+    canEdit: boolean;
+    LinkComponent: AuthLinkComponent;
+    onUpdate: UpdateAdminUser;
+    onUpdateRoles: UpdateAdminUserRoles;
+    searchRoles: AdminRoleSearch;
+    timeline: React.ReactNode;
+    user: AdminUserDetail;
+}
+export declare const UserDetailContent: ({ canEdit, LinkComponent, onUpdate, onUpdateRoles, searchRoles, timeline, user, }: UserDetailProps) => import("react").JSX.Element;
+//# sourceMappingURL=user-detail-content.d.ts.map

package/dist/src/views/admin/views/core/users/detail/user-detail-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-detail-content.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/detail/user-detail-content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AA4BjE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,oBAAoB,CAAC;IACpC,WAAW,EAAE,eAAe,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,GAAI,mFAQ/B,eAAe,gCAqHjB,CAAC"}

package/dist/src/views/admin/views/core/users/detail/user-detail-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ExternalLinkIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Avatar}from"../../../../../../components/avatar.js";import{DateFormat}from"../../../../../../components/date-format.js";import{Button}from"../../../../../../components/ui/button.js";import{Card,CardContent}from"../../../../../../components/ui/card.js";import{Tabs,TabsContent,TabsList,TabsTrigger}from"../../../../../../components/ui/tabs.js";import{EditImageButtonContent,EditNameCodeContent,EditUserFieldContent}from"./user-fields-content.js";import{UserRolesCardContent}from"./user-roles-content.js";export const UserDetailContent=({canEdit,LinkComponent,onUpdate,onUpdateRoles,searchRoles,timeline,user})=>{const t=useTranslations("admin.user.show");const tSearch=useTranslations("core.search");return _jsxs(Tabs,{className:"mx-auto w-full max-w-lg gap-4",defaultValue:"overview",children:[_jsxs(TabsList,{className:"w-full",children:[_jsx(TabsTrigger,{value:"overview",children:tSearch("userTab.overview")}),_jsx(TabsTrigger,{value:"timeline",children:tSearch("userTab.timeline")})]}),_jsx(TabsContent,{value:"overview",children:_jsxs("div",{className:"flex w-full flex-col gap-4",children:[_jsxs(Card,{className:"w-full overflow-hidden pt-0",children:[_jsxs("div",{className:"from-primary/30 to-primary/5 relative h-44 w-full bg-linear-to-br",children:[_jsx("span",{className:"sr-only",children:t("coverPlaceholder")}),canEdit&&_jsx("div",{className:"absolute inset-e-3 top-3",children:_jsx(EditImageButtonContent,{label:t("editCover")})})]}),_jsxs(CardContent,{className:"flex flex-col",children:[_jsx("div",{className:"-mt-16 mb-4 flex justify-center",children:_jsxs("div",{className:"relative",children:[_jsx(Avatar,{className:"border-card size-32 border-4",size:128,user:user}),canEdit&&_jsx("div",{className:"absolute inset-e-0 bottom-0 translate-y-1/4",children:_jsx(EditImageButtonContent,{label:t("editAvatar")})})]})}),_jsx(EditUserFieldContent,{as:"h2",canEdit:canEdit,field:"name",id:user.id,label:t("editName"),onUpdate:onUpdate,showUnverified:!user.emailVerified,value:user.name,valueClassName:"text-foreground truncate text-2xl font-bold"}),_jsxs("div",{className:"flex items-center gap-1",children:[_jsxs("span",{className:"text-muted-foreground truncate text-sm",children:["@",user.nameCode]}),canEdit&&_jsx(EditNameCodeContent,{id:user.id,nameCode:user.nameCode,onUpdate:onUpdate})]}),_jsx("div",{className:"mt-3",children:_jsx(EditUserFieldContent,{canEdit:canEdit,field:"email",id:user.id,label:t("editEmail"),onUpdate:onUpdate,type:"email",value:user.email,valueClassName:"text-foreground truncate font-medium"})}),_jsxs("p",{className:"text-muted-foreground mt-1 text-sm",children:[t("joined")," ",_jsx(DateFormat,{date:user.createdAt})]}),_jsx("div",{className:"mt-6",children:_jsxs(Button,{className:"w-full",nativeButton:false,render:_jsx(LinkComponent,{href:`/profile/${user.nameCode}`,target:"_blank"}),variant:"ghost",children:[t("goToProfile")," ",_jsx(ExternalLinkIcon,{})]})})]})]}),_jsx(UserRolesCardContent,{canEdit:canEdit,id:user.id,onUpdateRoles:onUpdateRoles,role:user.role,searchRoles:searchRoles,secondaryRoles:user.secondaryRoles})]})}),_jsx(TabsContent,{value:"timeline",children:timeline})]})};

package/dist/src/views/admin/views/core/users/detail/user-fields-content.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { AdminMutationResult } from "../../../../../../views/admin/views/core/shared/admin-mutation";
+import type { AdminUserUpdateInput } from "../../../../../../views/admin/views/core/users/users-mutations";
+export type UpdateAdminUser = (id: number, input: AdminUserUpdateInput) => Promise<AdminMutationResult<{
+    nameCode: string;
+}>>;
+export declare const EditUserFieldContent: ({ as: Tag, canEdit, field, id, label, onUpdate, showUnverified, type, value, valueClassName, }: {
+    as?: "h2" | "span";
+    canEdit?: boolean;
+    field: "email" | "name";
+    id: number;
+    label: string;
+    onUpdate: UpdateAdminUser;
+    showUnverified?: boolean;
+    type?: "email" | "text";
+    value: string;
+    valueClassName?: string;
+}) => React.JSX.Element;
+export declare const EditImageButtonContent: ({ label }: {
+    label: string;
+}) => React.JSX.Element;
+export declare const EditNameCodeContent: ({ id, nameCode, onUpdate, }: {
+    id: number;
+    nameCode: string;
+    onUpdate: UpdateAdminUser;
+}) => React.JSX.Element;
+//# sourceMappingURL=user-fields-content.d.ts.map

package/dist/src/views/admin/views/core/users/detail/user-fields-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-fields-content.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/detail/user-fields-content.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAkC3F,MAAM,MAAM,eAAe,GAAG,CAC5B,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,oBAAoB,KACxB,OAAO,CAAC,mBAAmB,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AASxD,eAAO,MAAM,oBAAoB,GAAI,gGAWlC;IACD,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,sBAmHA,CAAC;AAGF,eAAO,MAAM,sBAAsB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAsBlE,CAAC;AAmGF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;CAC3B,sBAoCA,CAAC"}

package/dist/src/views/admin/views/core/users/detail/user-fields-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CheckIcon,ImageIcon,LinkIcon,MailIcon,PencilIcon,Trash2Icon,TriangleAlertIcon,UploadIcon,XIcon}from"lucide-react";import React from"react";import{toast}from"sonner";import{useTranslations}from"use-intl";import{z}from"zod";import{AutoForm}from"../../../../../../components/form/auto-form.js";import{AutoFormInput}from"../../../../../../components/form/fields/input.js";import{Alert,AlertDescription,AlertTitle}from"../../../../../../components/ui/alert.js";import{Button}from"../../../../../../components/ui/button.js";import{Dialog,DialogContent,DialogDescription,DialogHeader,DialogTitle,DialogTrigger,useDialog}from"../../../../../../components/ui/dialog.js";import{DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuTrigger}from"../../../../../../components/ui/dropdown-menu.js";import{Input}from"../../../../../../components/ui/input.js";import{TooltipWithContent}from"../../../../../../components/ui/tooltip.js";export const EditUserFieldContent=({as:Tag="span",canEdit=true,field,id,label,onUpdate,showUnverified=false,type="text",value,valueClassName})=>{const t=useTranslations("admin.user");const tGlobal=useTranslations("core.global");const tError=useTranslations("core.global.errors");const[isEditing,setIsEditing]=React.useState(false);const[draft,setDraft]=React.useState(value);const[isPending,startTransition]=React.useTransition();const onSave=()=>{const next=draft.trim();if(!next||next===value){setIsEditing(false);return}startTransition(async()=>{const result=await onUpdate(id,{[field]:next});if("error"in result){toast.error(tError("title"),{description:result.error.status===409?t(field==="email"?"create.email.exists":"create.name.exists"):tError("internal_server_error")});return}toast.success(t("show.updateSuccess"));setIsEditing(false)})};if(isEditing){return _jsxs("form",{className:"flex items-center gap-2",onSubmit:event=>{event.preventDefault();onSave()},children:[_jsx(Input,{"aria-label":label,autoFocus:true,className:"flex-1",disabled:isPending,minLength:type==="email"?undefined:3,name:field,onChange:event=>{setDraft(event.target.value)},onKeyDown:event=>{if(event.key==="Escape")setIsEditing(false)},required:true,type:type,value:draft}),_jsx(Button,{"aria-label":tGlobal("save"),isLoading:isPending,size:"icon-sm",type:"submit",children:_jsx(CheckIcon,{})}),_jsx(Button,{"aria-label":tGlobal("cancel"),disabled:isPending,onClick:()=>{setIsEditing(false)},size:"icon-sm",type:"button",variant:"ghost",children:_jsx(XIcon,{})})]})}return _jsxs("div",{className:"flex items-center justify-between gap-2",children:[_jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[_jsx(Tag,{className:valueClassName,children:value}),showUnverified&&_jsx(TooltipWithContent,{text:t("show.emailNotVerified"),children:_jsx(MailIcon,{className:"text-destructive size-5 shrink-0"})})]}),canEdit&&_jsx(Button,{"aria-label":label,onClick:()=>{setDraft(value);setIsEditing(true)},size:"icon-sm",variant:"secondary",children:_jsx(PencilIcon,{})})]})};export const EditImageButtonContent=({label})=>{const t=useTranslations("admin.user.show");return _jsxs(DropdownMenu,{children:[_jsx(DropdownMenuTrigger,{render:_jsx(Button,{"aria-label":label,size:"icon-sm",variant:"outline"}),children:_jsx(ImageIcon,{})}),_jsxs(DropdownMenuContent,{align:"end",children:[_jsxs(DropdownMenuItem,{children:[_jsx(UploadIcon,{}),t("uploadImage")]}),_jsxs(DropdownMenuItem,{variant:"destructive",children:[_jsx(Trash2Icon,{}),t("removeImage")]})]})]})};const NameCodeForm=({id,nameCode,onUpdate})=>{const t=useTranslations("admin.user.show");const tError=useTranslations("core.global.errors");const{setIsDirty,setOpen}=useDialog();const formSchema=z.object({currentNameCode:z.string({message:tError("field_required")}).refine(value=>value===nameCode,t("nameCodeConfirmMismatch")).default(""),newNameCode:z.string({message:tError("field_required")}).min(3,tError("field_min_length",{min:3})).max(255).regex(/^[a-zA-Z0-9-]+$/,t("nameCodeInvalid")).refine(value=>value!==nameCode,t("nameCodeSame")).default("")});const onSubmit=async(values,form)=>{const result=await onUpdate(id,{nameCode:values.newNameCode});if("data"in result){setIsDirty?.(false);setOpen?.(false);toast.success(t("updateSuccess"));return}if(result.error.status===409){form.setError("newNameCode",{message:t("nameCodeExists"),type:"manual"},{shouldFocus:true});return}toast.error(tError("title"),{description:tError("internal_server_error")})};return _jsx(AutoForm,{fields:[{component:props=>_jsx(AutoFormInput,{autoComplete:"off",label:t.rich("confirmNameCode",{bold:chunks=>_jsx("span",{className:"font-semibold",children:chunks}),nameCode:()=>_jsx("code",{className:"font-mono",children:nameCode})}),...props}),id:"currentNameCode"},{component:props=>_jsx(AutoFormInput,{label:t("newNameCode"),...props}),id:"newNameCode"}],formSchema:formSchema,mode:"all",onSubmit:onSubmit,submitButtonProps:{children:t("saveNameCode"),variant:"destructive"}})};export const EditNameCodeContent=({id,nameCode,onUpdate})=>{const t=useTranslations("admin.user.show");return _jsxs(Dialog,{children:[_jsx(DialogTrigger,{render:_jsx(Button,{"aria-label":t("editNameCode"),size:"icon-xs",variant:"ghost"}),children:_jsx(PencilIcon,{})}),_jsxs(DialogContent,{children:[_jsxs(DialogHeader,{children:[_jsxs(DialogTitle,{className:"flex items-center gap-2",children:[_jsx(LinkIcon,{className:"size-5"}),t("editNameCode")]}),_jsx(DialogDescription,{children:t("editNameCodeDesc")})]}),_jsxs(Alert,{variant:"destructive",children:[_jsx(TriangleAlertIcon,{}),_jsx(AlertTitle,{children:t("editNameCodeWarningTitle")}),_jsx(AlertDescription,{children:t("editNameCodeWarning")})]}),_jsx(NameCodeForm,{id:id,nameCode:nameCode,onUpdate:onUpdate})]})]})};

package/dist/src/views/admin/views/core/users/detail/user-query.d.ts

@@ -0,0 +1,42 @@
+import type { StaffPermissionSet } from "../../../../../../api/lib/permission-staff";
+import type { AdminIdentity } from "../../../../../../views/admin/views/core/shared/admin-scope";
+import type { AdminUserRole } from "../../../../../../views/admin/views/core/users/list/users-query";
+export declare const normalizeAdminUserId: (raw: null | string | string[] | undefined) => null | string;
+export interface AdminUserDetail {
+    avatarColor: string;
+    birthday: Date | null | string;
+    createdAt: Date | string;
+    email: string;
+    emailVerified: boolean;
+    id: number;
+    isAdmin: boolean;
+    language: string;
+    name: string;
+    nameCode: string;
+    newsletter: boolean;
+    role: AdminUserRole;
+    roleId: number;
+    secondaryRoles: AdminUserRole[];
+}
+export type AdminUserFetcher = (id: string) => Promise<AdminUserDetail>;
+export declare const fetchAdminUserInBrowser: AdminUserFetcher;
+export declare const adminUserQueryKey: ({ adminUserId, id, }: {
+    adminUserId: AdminIdentity;
+    id: string;
+}) => readonly ["vitnode", "admin", string, AdminIdentity, ...unknown[]];
+export declare const adminUserQueryOptions: ({ adminUserId, fetchUser, id, }: {
+    adminUserId: AdminIdentity;
+    fetchUser?: AdminUserFetcher;
+    id: string;
+}) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<AdminUserDetail, Error, AdminUserDetail, readonly ["vitnode", "admin", string, AdminIdentity, ...unknown[]]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<AdminUserDetail, readonly ["vitnode", "admin", string, AdminIdentity, ...unknown[]], never> | undefined;
+} & {
+    queryKey: readonly ["vitnode", "admin", string, AdminIdentity, ...unknown[]] & {
+        [dataTagSymbol]: AdminUserDetail;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare const canEditAdminUser: (permissions: StaffPermissionSet, { isAdmin }: {
+    isAdmin: boolean;
+}) => boolean;
+//# sourceMappingURL=user-query.d.ts.map

package/dist/src/views/admin/views/core/users/detail/user-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-query.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/detail/user-query.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAwCrF,eAAO,MAAM,oBAAoB,GAC/B,KAAK,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KACxC,IAAI,GAAG,MAMT,CAAC;AAGF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC/B,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;AASxE,eAAO,MAAM,uBAAuB,EAAE,gBAcrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B;IACD,WAAW,EAAE,aAAa,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ,uEAAqE,CAAC;AAEvE,eAAO,MAAM,qBAAqB,GAAI,iCAInC;IACD,WAAW,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;;;;;;;CAOG,CAAC;AAeL,eAAO,MAAM,gBAAgB,GAC3B,aAAa,kBAAkB,EAC/B,aAAa;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,KAChC,OAGmE,CAAC"}

package/dist/src/views/admin/views/core/users/detail/user-query.js

@@ -0,0 +1 @@
+import{queryOptions}from"@tanstack/react-query";import{hasStaffPermission}from"../../../../../../api/lib/staff-permission.js";import{fetcherClient}from"../../../../../../lib/fetcher-client.js";import{RECORD_STALE_TIME}from"../../../../../../lib/query-freshness.js";import{AdminRequestError}from"../../../../admin-request.js";import{ADMIN_USER_PERMISSIONS}from"../../shared/admin-permissions.js";import{ADMIN_USERS_SCREEN,adminScopedQueryKey}from"../../shared/admin-scope.js";import{adminModuleRef}from"../list/users-query.js";const MAX_USER_ID=0x7fffffff;export const normalizeAdminUserId=raw=>{const value=Array.isArray(raw)?raw[0]:raw;if(typeof value!=="string")return null;if(!/^[1-9]\d*$/.test(value))return null;return Number(value)<=MAX_USER_ID?value:null};export const fetchAdminUserInBrowser=async id=>{const response=await fetcherClient(adminModuleRef,{args:{params:{id}},method:"get",module:"admin/users",options:{credentials:"include"},path:"/{id}"});if(!response.ok){throw new AdminRequestError(response.status,"a user",`id=${id}`)}return await response.json()};export const adminUserQueryKey=({adminUserId,id})=>adminScopedQueryKey(ADMIN_USERS_SCREEN,adminUserId,"show",id);export const adminUserQueryOptions=({adminUserId,fetchUser=fetchAdminUserInBrowser,id})=>queryOptions({queryFn:async()=>await fetchUser(id),queryKey:adminUserQueryKey({adminUserId,id}),retry:false,staleTime:RECORD_STALE_TIME});export const canEditAdminUser=(permissions,{isAdmin})=>hasStaffPermission(permissions,ADMIN_USER_PERMISSIONS.edit)&&(!isAdmin||hasStaffPermission(permissions,ADMIN_USER_PERMISSIONS.editAdmin));

package/dist/src/views/admin/views/core/users/detail/user-roles-content.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { AdminMutationResult } from "../../../../../../views/admin/views/core/shared/admin-mutation";
+import type { AdminRoleSearch } from "../../../../../../views/admin/views/core/users/roles/roles-query";
+export type UpdateAdminUserRoles = (id: number, input: {
+    roleId: number;
+    secondaryRoleIds: number[];
+}) => Promise<AdminMutationResult<unknown>>;
+export interface UserRoleRef {
+    color: null | string;
+    id: number;
+    name: {
+        languageCode: string;
+        name: string;
+    }[];
+}
+export declare const UserRolesCardContent: ({ canEdit, id, onUpdateRoles, role, searchRoles, secondaryRoles, }: {
+    canEdit?: boolean;
+    id: number;
+    onUpdateRoles: UpdateAdminUserRoles;
+    role: UserRoleRef;
+    searchRoles: AdminRoleSearch;
+    secondaryRoles: UserRoleRef[];
+}) => React.JSX.Element;
+//# sourceMappingURL=user-roles-content.d.ts.map

package/dist/src/views/admin/views/core/users/detail/user-roles-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-roles-content.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/detail/user-roles-content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAgD1D,MAAM,MAAM,oBAAoB,GAAG,CACjC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,MAAM,EAAE,CAAA;CAAE,KAClD,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;AAG3C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAChD;AAmSD,eAAO,MAAM,oBAAoB,GAAI,oEAOlC;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,oBAAoB,CAAC;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,EAAE,WAAW,EAAE,CAAC;CAC/B,sBAsEA,CAAC"}

package/dist/src/views/admin/views/core/users/detail/user-roles-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{CheckIcon,ChevronsUpDownIcon,PencilIcon,PlusIcon,UsersIcon,XIcon}from"lucide-react";import React from"react";import{toast}from"sonner";import{useDebouncedCallback}from"use-debounce";import{useLocale,useTranslations}from"use-intl";import{RoleFormatContent}from"../../../../../../components/role-format-content.js";import{resolveRoleName}from"../../../../../../components/role-name.js";import{Badge}from"../../../../../../components/ui/badge.js";import{Button}from"../../../../../../components/ui/button.js";import{Card,CardAction,CardContent,CardHeader,CardTitle}from"../../../../../../components/ui/card.js";import{Command,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList}from"../../../../../../components/ui/command.js";import{Dialog,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger,useDialog}from"../../../../../../components/ui/dialog.js";import{Popover,PopoverContent,PopoverTrigger}from"../../../../../../components/ui/popover.js";import{Spinner}from"../../../../../../components/ui/spinner.js";import{cn}from"../../../../../../lib/utils.js";const RolePicker=({excludeIds=[],onRegister,onSelect,searchRoles,selectedIds,single=false,triggerContent,triggerRender})=>{const t=useTranslations("core.global");const[open,setOpen]=React.useState(false);const[options,setOptions]=React.useState([]);const[isSearching,setIsSearching]=React.useState(false);const runSearch=React.useCallback(async value=>{setIsSearching(true);try{const results=await searchRoles(value);setOptions(results);onRegister(results)}finally{setIsSearching(false)}},[onRegister,searchRoles]);const debouncedSearch=useDebouncedCallback(runSearch,400);const selectedSet=new Set(selectedIds);const excludeSet=new Set(excludeIds);const visibleOptions=options.filter(option=>!excludeSet.has(option.id));return _jsxs(Popover,{onOpenChange:next=>{setOpen(next);if(next){setOptions([]);void runSearch("")}},open:open,children:[_jsx(PopoverTrigger,{render:triggerRender,children:triggerContent}),_jsx(PopoverContent,{align:"start",className:"w-(--anchor-width) min-w-56 p-0",children:_jsxs(Command,{shouldFilter:false,children:[_jsx(CommandInput,{onValueChange:debouncedSearch,placeholder:t("search_placeholder")}),_jsx(CommandList,{children:isSearching&&visibleOptions.length===0?_jsx("div",{className:"flex items-center justify-center py-6",children:_jsx(Spinner,{})}):_jsxs(_Fragment,{children:[_jsx(CommandEmpty,{children:t("results_not_found")}),_jsx(CommandGroup,{children:visibleOptions.map(role=>_jsxs(CommandItem,{onSelect:()=>{onSelect(role);if(single)setOpen(false)},value:String(role.id),children:[_jsx(CheckIcon,{className:cn("size-4 shrink-0",selectedSet.has(role.id)?"opacity-100":"opacity-0")}),_jsx(RoleFormatContent,{className:"truncate",role:role})]},role.id))})]})})]})})]})};const EditRolesForm=({id,onUpdateRoles,primaryRole,searchRoles,secondaryRoles})=>{const t=useTranslations("admin.user.show");const tError=useTranslations("core.global.errors");const locale=useLocale();const{setIsDirty,setOpen}=useDialog();const[isPending,startTransition]=React.useTransition();const initialSecondaryIds=secondaryRoles.map(role=>role.id);const[primaryId,setPrimaryId]=React.useState(primaryRole.id);const[secondaryIds,setSecondaryIds]=React.useState(initialSecondaryIds);const[knownRoles,setKnownRoles]=React.useState(()=>new Map([primaryRole,...secondaryRoles].map(role=>[role.id,role])));const registerRoles=React.useCallback(roles=>{setKnownRoles(previous=>{const next=new Map(previous);for(const role of roles)next.set(role.id,role);return next})},[]);const markDirty=(nextPrimary,nextSecondary)=>{setIsDirty?.(nextPrimary!==primaryRole.id||nextSecondary.length!==initialSecondaryIds.length||nextSecondary.some(roleId=>!initialSecondaryIds.includes(roleId)))};const selectPrimary=role=>{const nextSecondary=secondaryIds.filter(roleId=>roleId!==role.id);setPrimaryId(role.id);setSecondaryIds(nextSecondary);markDirty(role.id,nextSecondary)};const toggleSecondary=role=>{const nextSecondary=secondaryIds.includes(role.id)?secondaryIds.filter(roleId=>roleId!==role.id):[...secondaryIds,role.id];setSecondaryIds(nextSecondary);markDirty(primaryId,nextSecondary)};const onSubmit=()=>{startTransition(async()=>{const result=await onUpdateRoles(id,{roleId:primaryId,secondaryRoleIds:secondaryIds});if("error"in result){toast.error(tError("title"),{description:tError("internal_server_error")});return}setIsDirty?.(false);setOpen?.(false);toast.success(t("updateSuccess"))})};const primary=knownRoles.get(primaryId);return _jsxs(_Fragment,{children:[_jsxs("div",{className:"flex flex-col gap-2",children:[_jsx("span",{className:"text-sm font-medium",children:t("primaryRole")}),_jsx(RolePicker,{onRegister:registerRoles,onSelect:selectPrimary,searchRoles:searchRoles,selectedIds:[primaryId],single:true,triggerContent:_jsxs(_Fragment,{children:[primary?_jsx(RoleFormatContent,{className:"truncate",role:primary}):_jsx("span",{className:"text-muted-foreground",children:t("selectRole")}),_jsx(ChevronsUpDownIcon,{className:"ms-auto opacity-50"})]}),triggerRender:_jsx(Button,{className:"w-full justify-start font-normal",variant:"outline"})})]}),_jsxs("div",{className:"flex flex-col gap-2",children:[_jsx("span",{className:"text-sm font-medium",children:t("secondaryRoles")}),secondaryIds.length>0&&_jsx("div",{className:"flex flex-wrap gap-1.5",children:secondaryIds.map(roleId=>{const role=knownRoles.get(roleId);if(!role)return null;return _jsxs(Badge,{className:"gap-1 pe-1",variant:"secondary",children:[_jsx("span",{className:"truncate font-medium",style:role.color?{color:role.color}:undefined,children:resolveRoleName(role,locale)}),_jsx(Button,{"aria-label":t("removeRole"),className:"size-4",onClick:()=>{const nextSecondary=secondaryIds.filter(item=>item!==roleId);setSecondaryIds(nextSecondary);markDirty(primaryId,nextSecondary)},size:"icon-xs",type:"button",variant:"ghost",children:_jsx(XIcon,{})})]},roleId)})}),_jsx(RolePicker,{excludeIds:[primaryId],onRegister:registerRoles,onSelect:toggleSecondary,searchRoles:searchRoles,selectedIds:secondaryIds,triggerContent:_jsxs(_Fragment,{children:[_jsx(PlusIcon,{}),t("addSecondaryRole")]}),triggerRender:_jsx(Button,{className:"w-fit border-dashed",size:"sm",variant:"outline"})})]}),_jsx(DialogFooter,{children:_jsx(Button,{isLoading:isPending,onClick:onSubmit,type:"button",children:t("saveRoles")})})]})};export const UserRolesCardContent=({canEdit=true,id,onUpdateRoles,role,searchRoles,secondaryRoles})=>{const t=useTranslations("admin.user.show");return _jsxs(Card,{className:"w-full",children:[_jsxs(CardHeader,{children:[_jsxs(CardTitle,{className:"flex items-center gap-2",children:[_jsx(UsersIcon,{className:"text-muted-foreground size-5"}),t("rolesTitle")]}),canEdit&&_jsx(CardAction,{children:_jsxs(Dialog,{children:[_jsx(DialogTrigger,{render:_jsx(Button,{"aria-label":t("editRoles"),size:"icon-sm",variant:"ghost"}),children:_jsx(PencilIcon,{})}),_jsxs(DialogContent,{children:[_jsxs(DialogHeader,{children:[_jsxs(DialogTitle,{className:"flex items-center gap-2",children:[_jsx(UsersIcon,{className:"size-5"}),t("editRoles")]}),_jsx(DialogDescription,{children:t("editRolesDesc")})]}),_jsx(EditRolesForm,{id:id,onUpdateRoles:onUpdateRoles,primaryRole:role,searchRoles:searchRoles,secondaryRoles:secondaryRoles})]})]})})]}),_jsxs(CardContent,{className:"flex flex-col gap-4",children:[_jsxs("div",{className:"flex flex-col gap-1",children:[_jsx("span",{className:"text-muted-foreground text-sm",children:t("primaryRole")}),_jsx(RoleFormatContent,{role:role})]}),secondaryRoles.length>0&&_jsxs("div",{className:"flex flex-col gap-1.5",children:[_jsx("span",{className:"text-muted-foreground text-sm",children:t("secondaryRoles")}),_jsx("div",{className:"flex flex-wrap gap-x-3 gap-y-1",children:secondaryRoles.map(item=>_jsx(RoleFormatContent,{role:item},item.id))})]})]})]})};

package/dist/src/views/admin/views/core/users/list/create-user-content.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { AdminMutationResult } from "../../../../../../views/admin/views/core/shared/admin-mutation";
+import type { AdminUserCreated, AdminUserCreateInput } from "../../../../../../views/admin/views/core/users/users-mutations";
+export type CreateAdminUser = (input: AdminUserCreateInput) => Promise<AdminMutationResult<AdminUserCreated>>;
+export declare const CreateUserAdminContent: ({ onCreate, }: {
+    onCreate: CreateAdminUser;
+}) => React.JSX.Element;
+export type { AdminUserCreated, AdminUserCreateInput };
+//# sourceMappingURL=create-user-content.d.ts.map

package/dist/src/views/admin/views/core/users/list/create-user-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-user-content.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/list/create-user-content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gDAAgD,CAAC;AA0BxD,MAAM,MAAM,eAAe,GAAG,CAC5B,KAAK,EAAE,oBAAoB,KACxB,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAQpD,eAAO,MAAM,sBAAsB,GAAI,eAEpC;IACD,QAAQ,EAAE,eAAe,CAAC;CAC3B,sBAyBA,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/views/admin/views/core/users/list/create-user-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{UserPlusIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{Button}from"../../../../../../components/ui/button.js";import{Dialog,DialogContent,DialogDescription,DialogHeader,DialogTitle,DialogTrigger}from"../../../../../../components/ui/dialog.js";import{Loader}from"../../../../../../components/ui/loader.js";const CreateUserForm=React.lazy(async()=>import("./create-user-form.js").then(module=>({default:module.CreateUserForm})));export const CreateUserAdminContent=({onCreate})=>{const t=useTranslations("admin.user.create");return _jsxs(Dialog,{children:[_jsxs(DialogTrigger,{render:_jsx(Button,{}),children:[_jsx(UserPlusIcon,{}),t("title")]}),_jsxs(DialogContent,{children:[_jsxs(DialogHeader,{children:[_jsxs(DialogTitle,{className:"flex items-center gap-2",children:[_jsx(UserPlusIcon,{className:"size-5"}),t("title")]}),_jsx(DialogDescription,{children:t("desc")})]}),_jsx(React.Suspense,{fallback:_jsx(Loader,{}),children:_jsx(CreateUserForm,{onCreate:onCreate})})]})]})};

package/dist/src/views/admin/views/core/users/list/create-user-form.d.ts

@@ -0,0 +1,5 @@
+import type { CreateAdminUser } from "./create-user-content";
+export declare const CreateUserForm: ({ onCreate }: {
+    onCreate: CreateAdminUser;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=create-user-form.d.ts.map

package/dist/src/views/admin/views/core/users/list/create-user-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-user-form.d.ts","sourceRoot":"","sources":["../../../../../../../../src/views/admin/views/core/users/list/create-user-form.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAgB7D,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,eAAe,CAAA;CAAE,gCAsFzE,CAAC"}

package/dist/src/views/admin/views/core/users/list/create-user-form.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx}from"react/jsx-runtime";import{toast}from"sonner";import{useTranslations}from"use-intl";import{z}from"zod";import{AutoForm}from"../../../../../../components/form/auto-form.js";import{AutoFormInput}from"../../../../../../components/form/fields/input.js";import{useDialog}from"../../../../../../components/ui/dialog.js";import{adminUserCreateConflictField}from"../users-mutations.js";export const CreateUserForm=({onCreate})=>{const t=useTranslations("admin.user.create");const tError=useTranslations("core.global.errors");const{setIsDirty,setOpen}=useDialog();const formSchema=z.object({email:z.email({message:t("email.invalid")}).default(""),name:z.string({message:tError("field_required")}).min(3,t("name.min_length")).max(32,t("name.max_length")).default(""),password:z.string({message:tError("field_required")}).min(8,t("password.invalid")).default("")});const onSubmit=async(values,form)=>{const result=await onCreate(values);if("data"in result){setIsDirty?.(false);setOpen?.(false);toast.success(t("success",{name:result.data.name}));return}const field=result.error.status===409?adminUserCreateConflictField(result.error.message??""):null;if(field){form.setError(field,{message:t(`${field}.exists`),type:"manual"},{shouldFocus:true});return}toast.error(tError("title"),{description:tError("internal_server_error")})};return _jsx(AutoForm,{fields:[{component:props=>_jsx(AutoFormInput,{label:t("name.label"),...props}),id:"name"},{component:props=>_jsx(AutoFormInput,{label:t("email.label"),...props}),id:"email"},{component:props=>_jsx(AutoFormInput,{label:t("password.label"),type:"password",...props}),id:"password"}],formSchema:formSchema,mode:"all",onSubmit:onSubmit,submitButtonProps:{children:t("submit")}})};