@m5kdev/web-ui 0.8.0 → 0.8.2

package/dist/packages/backend/dist/src/modules/billing/billing.service.d.ts

@@ -0,0 +1,53 @@
+import { ServerResult, ServerResultAsync } from "../base/base.dto.js";
+import { BillingRepository } from "./billing.repository.js";
+import { BaseService } from "../base/base.service.js";
+import { User } from "../auth/auth.lib.js";
+import { Context } from "../../utils/trpc.js";
+import { BillingSchema } from "@m5kdev/commons/modules/billing/billing.schema";
+
+//#region ../backend/dist/src/modules/billing/billing.service.d.mts
+//#region src/modules/billing/billing.service.d.ts
+declare class BillingService extends BaseService<{
+  billing: BillingRepository;
+}, never> {
+  createUserCustomer({
+    user
+  }: {
+    user: {
+      id: string;
+      email: string;
+      name?: string;
+    };
+  }): ServerResultAsync<Stripe.Customer>;
+  createUserHook({
+    user
+  }: {
+    user: {
+      id: string;
+      email: string;
+      name?: string;
+    };
+  }): ServerResultAsync<boolean>;
+  getActiveSubscription(ctx: Context): ServerResultAsync<BillingSchema | null>;
+  listInvoices(ctx: Context): ServerResultAsync<Stripe.Invoice[]>;
+  createCheckoutSession({
+    priceId
+  }: {
+    priceId: string;
+  }, {
+    user
+  }: {
+    user: User;
+  }): ServerResultAsync<Stripe.Checkout.Session>;
+  createBillingPortalSession({
+    user
+  }: {
+    user: User;
+  }): ServerResultAsync<Stripe.BillingPortal.Session>;
+  constructEvent(body: Buffer | string, signature: string): ServerResult<Stripe.Event>;
+  syncStripeData(customerId: string, eventType?: string): ServerResultAsync<boolean>;
+  processEvent(event: Stripe.Event): ServerResultAsync<boolean>;
+} //#endregion
+//#endregion
+export { BillingService };
+//# sourceMappingURL=billing.service.d.ts.map

package/dist/packages/backend/dist/src/modules/email/email.service.d.ts

@@ -0,0 +1,63 @@
+import { ServerError } from "../../utils/errors.js";
+import { Err, Ok } from "../../../../../../node_modules/.pnpm/neverthrow@8.2.0/node_modules/neverthrow/dist/index.js";
+import { BaseService } from "../base/base.service.js";
+import { Resend } from "../../../../../../node_modules/.pnpm/resend@6.5.2_@react-email_render@2.0.0_react-dom@19.2.1_react@19.2.1__react@19.2.1_/node_modules/resend/dist/index.js";
+import { FunctionComponent } from "react";
+
+//#region ../backend/dist/src/modules/email/email.service.d.mts
+//#region src/modules/email/email.service.d.ts
+type Brand = {
+  name: string;
+  logo: string;
+  tagline: string;
+};
+type OverrideOptions = {
+  from?: string;
+  subject?: string;
+  previewText?: string;
+};
+type EmailTemplate = {
+  id: string;
+  subject?: string;
+  previewText?: string;
+  from?: string;
+  react: FunctionComponent<Record<string, unknown>>;
+};
+type EmailTemplates = {
+  accountDeletion: EmailTemplate;
+  verification: EmailTemplate;
+  waitlistConfirmation: EmailTemplate;
+  passwordReset: EmailTemplate;
+  systemWaitlistNotification: EmailTemplate;
+  waitlistInvite: EmailTemplate;
+  waitlistUserInvite: EmailTemplate;
+  organizationInvite: EmailTemplate;
+  [key: string]: EmailTemplate;
+};
+type EmailServiceProps = {
+  resendApiKey?: string;
+  brand: Brand;
+  noReplyFrom: string;
+  systemNotificationEmail: string;
+  templates: EmailTemplates;
+};
+declare class EmailService extends BaseService<never, never> {
+  client: Resend;
+  brand: Brand;
+  noReplyFrom: string;
+  templates: EmailTemplates;
+  systemNotificationEmail: string;
+  constructor(props: EmailServiceProps);
+  sendTemplate(to: string | string[], templateKey: keyof EmailTemplates, templateProps: Record<string, unknown>, options?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendBrandTemplate(to: string | string[], templateKey: keyof EmailTemplates, templateProps: Record<string, unknown>, options?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendWaitlistConfirmation(email: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendWaitlistInvite(email: string, code: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendWaitlistUserInvite(email: string, code: string, inviter: string, name?: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendOrganizationInvite(email: string, organizationName: string, inviterName: string, role: string, url: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendVerification(email: string, url: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendResetPassword(email: string, url: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+  sendDeleteAccountVerification(email: string, url: string, overrideOptions?: OverrideOptions): Promise<Err<never, ServerError> | Ok<void, never>>;
+} //#endregion
+//#endregion
+export { EmailService };
+//# sourceMappingURL=email.service.d.ts.map

package/dist/packages/backend/dist/src/types.d.ts

@@ -0,0 +1,344 @@
+import { BuiltRouter, DecorateCreateRouterOptions, DefaultErrorShape, MutationProcedure, QueryProcedure } from "../../../../node_modules/.pnpm/@trpc_server@11.4.3_typescript@5.9.2/node_modules/@trpc/server/dist/unstable-core-do-not-import.d-ClFRzVsT.js";
+import { BillingService } from "./modules/billing/billing.service.js";
+import { Context, TRPCMethods } from "./utils/trpc.js";
+import { AuthService } from "./modules/auth/auth.service.js";
+
+//#region ../backend/dist/src/types.d.mts
+//#region src/types.d.ts
+declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: AuthService, billingService: BillingService) => BuiltRouter<{
+  ctx: Context;
+  meta: any;
+  errorShape: DefaultErrorShape;
+  transformer: true;
+}, DecorateCreateRouterOptions<{
+  auth: BuiltRouter<{
+    ctx: Context;
+    meta: any;
+    errorShape: DefaultErrorShape;
+    transformer: true;
+  }, DecorateCreateRouterOptions<{
+    getUserWaitlistCount: QueryProcedure<{
+      input: void;
+      output: number;
+      meta: any;
+    }>;
+    createInvitationCode: MutationProcedure<{
+      input: {
+        name?: string | undefined;
+      };
+      output: {
+        id: string;
+        name: string | null;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+        code: string | null;
+        expiresAt: Date | null;
+      };
+      meta: any;
+    }>;
+    createAccountClaimCode: MutationProcedure<{
+      input: {
+        userId: string;
+        expiresInHours?: number | undefined;
+      };
+      output: {
+        id: string;
+        claimUserId: string | null;
+        code: string | null;
+        status: string;
+        expiresAt: Date | null;
+        claimedAt: Date | null;
+        claimedEmail: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+      };
+      meta: any;
+    }>;
+    listAccountClaims: QueryProcedure<{
+      input: void;
+      output: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+        expiresAt: Date | null;
+        claimUserId: string | null;
+        claimedAt: Date | null;
+        claimedEmail: string | null;
+      }[];
+      meta: any;
+    }>;
+    generateAccountClaimMagicLink: MutationProcedure<{
+      input: {
+        claimId: string;
+        email?: string | undefined;
+      };
+      output: {
+        id: string;
+        email: string;
+        createdAt: Date;
+        expiresAt: Date | null;
+        userId: string;
+        claimId: string;
+        url: string;
+      };
+      meta: any;
+    }>;
+    listAccountClaimMagicLinks: QueryProcedure<{
+      input: {
+        claimId: string;
+      };
+      output: {
+        id: string;
+        email: string;
+        createdAt: Date;
+        expiresAt: Date | null;
+        userId: string;
+        claimId: string;
+        url: string;
+      }[];
+      meta: any;
+    }>;
+    getMyAccountClaimStatus: QueryProcedure<{
+      input: void;
+      output: {
+        id: string;
+        claimUserId: string | null;
+        code: string | null;
+        status: string;
+        expiresAt: Date | null;
+        claimedAt: Date | null;
+        claimedEmail: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+      } | null;
+      meta: any;
+    }>;
+    setMyAccountClaimEmail: MutationProcedure<{
+      input: {
+        email: string;
+      };
+      output: {
+        status: boolean;
+      };
+      meta: any;
+    }>;
+    acceptMyAccountClaim: MutationProcedure<{
+      input: void;
+      output: {
+        status: boolean;
+      };
+      meta: any;
+    }>;
+    listWaitlist: QueryProcedure<{
+      input: void;
+      output: {
+        id: string;
+        name: string | null;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+        code: string | null;
+        expiresAt: Date | null;
+      }[];
+      meta: any;
+    }>;
+    listAdminWaitlist: QueryProcedure<{
+      input: void;
+      output: {
+        name: string | null;
+        id: string;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+      }[];
+      meta: any;
+    }>;
+    addToWaitlist: MutationProcedure<{
+      input: {
+        email: string;
+      };
+      output: {
+        name: string | null;
+        id: string;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+      };
+      meta: any;
+    }>;
+    inviteToWaitlist: MutationProcedure<{
+      input: {
+        email: string;
+        name?: string | undefined;
+      };
+      output: {
+        id: string;
+        name: string | null;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+        code: string | null;
+        expiresAt: Date | null;
+      };
+      meta: any;
+    }>;
+    inviteFromWaitlist: MutationProcedure<{
+      input: {
+        id: string;
+      };
+      output: {
+        name: string | null;
+        id: string;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+      };
+      meta: any;
+    }>;
+    removeFromWaitlist: MutationProcedure<{
+      input: {
+        id: string;
+      };
+      output: {
+        name: string | null;
+        id: string;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+      };
+      meta: any;
+    }>;
+    joinWaitlist: MutationProcedure<{
+      input: {
+        email: string;
+      };
+      output: {
+        name: string | null;
+        id: string;
+        email: string | null;
+        createdAt: Date;
+        updatedAt: Date | null;
+        status: string;
+      };
+      meta: any;
+    }>;
+    getOnboarding: QueryProcedure<{
+      input: void;
+      output: number;
+      meta: any;
+    }>;
+    setOnboarding: MutationProcedure<{
+      input: number;
+      output: number;
+      meta: any;
+    }>;
+    getPreferences: QueryProcedure<{
+      input: void;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    setPreferences: MutationProcedure<{
+      input: Record<string, unknown>;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    getOrganizationPreferences: QueryProcedure<{
+      input: void;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    setOrganizationPreferences: MutationProcedure<{
+      input: Record<string, unknown>;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    getMetadata: QueryProcedure<{
+      input: void;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    setMetadata: MutationProcedure<{
+      input: Record<string, unknown>;
+      output: Record<string, unknown>;
+      meta: any;
+    }>;
+    getFlags: QueryProcedure<{
+      input: void;
+      output: string[];
+      meta: any;
+    }>;
+    getOrganizationFlags: QueryProcedure<{
+      input: void;
+      output: string[];
+      meta: any;
+    }>;
+    setFlags: MutationProcedure<{
+      input: string[];
+      output: string[];
+      meta: any;
+    }>;
+    setOrganizationFlags: MutationProcedure<{
+      input: string[];
+      output: string[];
+      meta: any;
+    }>;
+    validateWaitlistCode: QueryProcedure<{
+      input: {
+        code: string;
+      };
+      output: {
+        status: string;
+      };
+      meta: any;
+    }>;
+  }>>;
+  billing: BuiltRouter<{
+    ctx: Context;
+    meta: any;
+    errorShape: DefaultErrorShape;
+    transformer: true;
+  }, DecorateCreateRouterOptions<{
+    getActiveSubscription: QueryProcedure<{
+      input: void;
+      output: {
+        id: string;
+        plan: string;
+        referenceId: string;
+        status: string;
+        stripeCustomerId?: string | null | undefined;
+        stripeSubscriptionId?: string | null | undefined;
+        periodStart?: Date | null | undefined;
+        periodEnd?: Date | null | undefined;
+        cancelAtPeriodEnd?: boolean | null | undefined;
+        cancelAt?: Date | null | undefined;
+        canceledAt?: Date | null | undefined;
+        seats?: number | null | undefined;
+        trialStart?: Date | null | undefined;
+        trialEnd?: Date | null | undefined;
+        priceId?: string | null | undefined;
+        interval?: string | null | undefined;
+        unitAmount?: number | null | undefined;
+        discounts?: string[] | null | undefined;
+      } | null;
+      meta: any;
+    }>;
+    listInvoices: QueryProcedure<{
+      input: void;
+      output: (void 0).Invoice[];
+      meta: any;
+    }>;
+  }>>;
+}>>;
+type BackendTRPCRouter = ReturnType<typeof createAuthTRPCRouter>; //#endregion
+//#endregion
+export { BackendTRPCRouter };
+//# sourceMappingURL=types.d.ts.map

package/dist/packages/backend/dist/src/utils/errors.d.ts

@@ -0,0 +1,60 @@
+import { ServerErrorLayer } from "../modules/base/base.types.js";
+import { TRPCError, TRPC_ERROR_CODE_KEY } from "../../../../../node_modules/.pnpm/@trpc_server@11.4.3_typescript@5.9.2/node_modules/@trpc/server/dist/unstable-core-do-not-import.d-ClFRzVsT.js";
+import { captureException } from "../../../../../node_modules/.pnpm/@sentry_core@10.22.0/node_modules/@sentry/core/build/types/exports.js";
+
+//#region ../backend/dist/src/utils/errors.d.mts
+//#region src/utils/errors.d.ts
+declare class ServerError extends Error {
+  readonly code: TRPC_ERROR_CODE_KEY;
+  readonly layer: ServerErrorLayer;
+  readonly layerName: string;
+  readonly clientMessage?: string;
+  readonly context?: Record<string, unknown>;
+  readonly boundaryStack?: string;
+  constructor({
+    code,
+    layer,
+    layerName,
+    message,
+    clientMessage,
+    cause,
+    context,
+    captureBoundary
+  }: {
+    code: TRPC_ERROR_CODE_KEY;
+    layer?: ServerErrorLayer;
+    layerName?: string;
+    message?: string;
+    clientMessage?: string;
+    cause?: unknown;
+    context?: Record<string, unknown>;
+    captureBoundary?: boolean;
+  });
+  is5xxError(): boolean;
+  getHTTPStatusCode(): number;
+  toTRPC(): TRPCError;
+  toJSON(): {
+    code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | "NOT_IMPLEMENTED" | "BAD_GATEWAY" | "SERVICE_UNAVAILABLE" | "GATEWAY_TIMEOUT" | "UNAUTHORIZED" | "PAYMENT_REQUIRED" | "FORBIDDEN" | "NOT_FOUND" | "METHOD_NOT_SUPPORTED" | "TIMEOUT" | "CONFLICT" | "PRECONDITION_FAILED" | "PAYLOAD_TOO_LARGE" | "UNSUPPORTED_MEDIA_TYPE" | "UNPROCESSABLE_CONTENT" | "TOO_MANY_REQUESTS" | "CLIENT_CLOSED_REQUEST";
+    layer: ServerErrorLayer;
+    layerName: string;
+    message: string;
+    context: Record<string, unknown> | undefined;
+    stack: string | undefined;
+    boundaryStack: string | undefined;
+    cause: unknown;
+  };
+  static fromUnknown(code: TRPC_ERROR_CODE_KEY, cause: unknown, opts?: {
+    layer?: ServerErrorLayer;
+    layerName?: string;
+    context?: Record<string, unknown>;
+  }): ServerError;
+}
+type ErrorReporter = {
+  captureException: (err: Parameters<typeof captureException>[0], hint?: Parameters<typeof captureException>[1]) => string;
+};
+declare global {
+  var m5ErrorReporter: ErrorReporter | undefined;
+}
+//#endregion
+export { ServerError };
+//# sourceMappingURL=errors.d.ts.map

package/dist/packages/backend/dist/src/utils/logger.d.ts

@@ -0,0 +1,8 @@
+import { Logger } from "../../../../../node_modules/.pnpm/pino@9.6.0/node_modules/pino/pino.js";
+
+//#region ../backend/dist/src/utils/logger.d.mts
+//#region src/utils/logger.d.ts
+declare const logger: Logger<never, boolean>; //#endregion
+//#endregion
+export { logger };
+//# sourceMappingURL=logger.d.ts.map

package/dist/packages/backend/dist/src/utils/trpc.d.ts

@@ -0,0 +1,23 @@
+import { TRPCRootObject } from "../../../../../node_modules/.pnpm/@trpc_server@11.4.3_typescript@5.9.2/node_modules/@trpc/server/dist/unstable-core-do-not-import.d-ClFRzVsT.js";
+import { UserActor } from "../modules/base/base.actor.js";
+import { Session, User } from "../modules/auth/auth.lib.js";
+import { transformer } from "@m5kdev/commons/utils/trpc";
+
+//#region ../backend/dist/src/utils/trpc.d.mts
+type Context = {
+  session: Session;
+  user: User;
+  actor: UserActor;
+};
+type TRPCCreate = TRPCRootObject<Context, any, {
+  transformer: typeof transformer;
+}>;
+type TRPCMethods = {
+  router: TRPCCreate["router"];
+  publicProcedure: TRPCCreate["procedure"];
+  privateProcedure: TRPCCreate["procedure"];
+  adminProcedure: TRPCCreate["procedure"];
+};
+//#endregion
+export { Context, TRPCMethods };
+//# sourceMappingURL=trpc.d.ts.map

package/dist/src/components/AvatarUpload.js

@@ -2,10 +2,10 @@ import { cn } from "../lib/utils.js";
 import { CropDialog } from "./CropDialog.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
 import { Progress } from "./ui/progress.js";
-import { useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFileUpload } from "@m5kdev/frontend/modules/file/hooks/useUpload";
 import { Edit2, User } from "lucide-react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 //#region src/components/AvatarUpload.tsx
 function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
@@ -58,7 +58,7 @@ function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
 		reset();
 		if (fileInputRef.current) fileInputRef.current.value = "";
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		role: "dialog",
 		className: cn("relative inline-block", className),
 		onMouseEnter: () => setIsHovered(true),

package/dist/src/components/AvatarUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarUpload.js","names":[],"sources":["../../../src/components/AvatarUpload.tsx"],"sourcesContent":["import { useFileUpload } from \"@m5kdev/frontend/modules/file/hooks/useUpload\";\r\nimport { Edit2, User } from \"lucide-react\";\r\nimport { type ChangeEvent, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { CropDialog } from \"./CropDialog\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"./ui/avatar\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface AvatarUploadProps {\r\n  currentAvatarUrl?: string | null;\r\n  onUploadComplete?: (avatarUrl: string) => void;\r\n  className?: string;\r\n}\r\n\r\nexport function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }: AvatarUploadProps) {\r\n  const { t } = useTranslation();\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [previewUrl, setPreviewUrl] = useState<string | null>(currentAvatarUrl || null);\r\n  const [showCropDialog, setShowCropDialog] = useState(false);\r\n\r\n  const fileInputRef = useRef<HTMLInputElement>(null);\r\n  const { upload, status, progress, errorMessage, reset } = useFileUpload();\r\n\r\n  const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file) {\r\n      // Validate file type\r\n      if (![\"image/jpeg\", \"image/png\", \"image/webp\", \"image/jpg\"].includes(file.type)) {\r\n        alert(t(\"web-ui:upload.errors.invalidType\"));\r\n        return;\r\n      }\r\n      // Validate file size (5MB)\r\n      if (file.size > 5 * 1024 * 1024) {\r\n        alert(t(\"web-ui:upload.errors.tooLarge\"));\r\n        return;\r\n      }\r\n      setSelectedFile(file);\r\n      const objectUrl = URL.createObjectURL(file);\r\n      setPreviewUrl(objectUrl);\r\n      setShowCropDialog(true);\r\n    }\r\n  };\r\n\r\n  const handleCropComplete = async (croppedBlob: Blob) => {\r\n    const croppedFile = new File([croppedBlob], selectedFile?.name || \"cropped-image.jpg\", {\r\n      type: \"image/jpeg\",\r\n    });\r\n\r\n    setSelectedFile(croppedFile);\r\n    const croppedObjectUrl = URL.createObjectURL(croppedFile);\r\n    setPreviewUrl(croppedObjectUrl);\r\n    setShowCropDialog(false);\r\n\r\n    try {\r\n      const res = await upload<{\r\n        url: string;\r\n        minetype: string;\r\n        size: number;\r\n      }>(\"image\", croppedFile);\r\n      console.log({ res });\r\n      onUploadComplete?.(res.url);\r\n    } catch (error) {\r\n      console.error(\"Error uploading image:\", error);\r\n    }\r\n  };\r\n\r\n  const removeFile = () => {\r\n    if (previewUrl && previewUrl !== currentAvatarUrl) {\r\n      URL.revokeObjectURL(previewUrl);\r\n    }\r\n    setSelectedFile(null);\r\n    setPreviewUrl(currentAvatarUrl || null);\r\n    setShowCropDialog(false);\r\n    reset();\r\n    if (fileInputRef.current) {\r\n      fileInputRef.current.value = \"\";\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        role=\"dialog\"\r\n        className={cn(\"relative inline-block\", className)}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n      >\r\n        <Avatar className=\"h-24 w-24 cursor-pointer\" onClick={() => fileInputRef.current?.click()}>\r\n          {previewUrl ? (\r\n            <AvatarImage src={previewUrl} alt={t(\"web-ui:avatar.preview.alt\")} />\r\n          ) : (\r\n            <AvatarFallback>\r\n              <User className=\"h-12 w-12\" />\r\n            </AvatarFallback>\r\n          )}\r\n          {isHovered && (\r\n            <div className=\"absolute inset-0 flex items-center justify-center bg-black/50 rounded-full\">\r\n              <Edit2 className=\"h-6 w-6 text-white\" />\r\n            </div>\r\n          )}\r\n        </Avatar>\r\n\r\n        <input\r\n          ref={fileInputRef}\r\n          type=\"file\"\r\n          className=\"hidden\"\r\n          accept=\"image/jpeg,image/png,image/webp\"\r\n          onChange={handleFileSelect}\r\n        />\r\n\r\n        {status === \"uploading\" && (\r\n          <div className=\"mt-2 w-full\">\r\n            <Progress value={progress} className=\"h-2\" />\r\n          </div>\r\n        )}\r\n        {status === \"error\" && <p className=\"mt-2 text-sm text-red-500\">{errorMessage}</p>}\r\n      </div>\r\n\r\n      {previewUrl && (\r\n        <CropDialog\r\n          open={showCropDialog}\r\n          onOpenChange={setShowCropDialog}\r\n          imageUrl={previewUrl}\r\n          onCropComplete={handleCropComplete}\r\n          onCancel={removeFile}\r\n          isLoading={status === \"uploading\"}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,aAAa,EAAE,kBAAkB,kBAAkB,aAAgC;CACjG,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAwB,oBAAoB,KAAK;CACrF,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,eAAe,OAAyB,KAAK;CACnD,MAAM,EAAE,QAAQ,QAAQ,UAAU,cAAc,UAAU,eAAe;CAEzE,MAAM,oBAAoB,UAAyC;EACjE,MAAM,OAAO,MAAM,OAAO,QAAQ;AAClC,MAAI,MAAM;AAER,OAAI,CAAC;IAAC;IAAc;IAAa;IAAc;IAAY,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/E,UAAM,EAAE,mCAAmC,CAAC;AAC5C;;AAGF,OAAI,KAAK,OAAO,IAAI,OAAO,MAAM;AAC/B,UAAM,EAAE,gCAAgC,CAAC;AACzC;;AAEF,mBAAgB,KAAK;AAErB,iBADkB,IAAI,gBAAgB,KAAK,CACnB;AACxB,qBAAkB,KAAK;;;CAI3B,MAAM,qBAAqB,OAAO,gBAAsB;EACtD,MAAM,cAAc,IAAI,KAAK,CAAC,YAAY,EAAE,cAAc,QAAQ,qBAAqB,EACrF,MAAM,cACP,CAAC;AAEF,kBAAgB,YAAY;AAE5B,gBADyB,IAAI,gBAAgB,YAAY,CAC1B;AAC/B,oBAAkB,MAAM;AAExB,MAAI;GACF,MAAM,MAAM,MAAM,OAIf,SAAS,YAAY;AACxB,WAAQ,IAAI,EAAE,KAAK,CAAC;AACpB,sBAAmB,IAAI,IAAI;WACpB,OAAO;AACd,WAAQ,MAAM,0BAA0B,MAAM;;;CAIlD,MAAM,mBAAmB;AACvB,MAAI,cAAc,eAAe,iBAC/B,KAAI,gBAAgB,WAAW;AAEjC,kBAAgB,KAAK;AACrB,gBAAc,oBAAoB,KAAK;AACvC,oBAAkB,MAAM;AACxB,SAAO;AACP,MAAI,aAAa,QACf,cAAa,QAAQ,QAAQ;;AAIjC,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,MAAK;EACL,WAAW,GAAG,yBAAyB,UAAU;EACjD,oBAAoB,aAAa,KAAK;EACtC,oBAAoB,aAAa,MAAM;YAJzC;GAME,qBAAC,QAAD;IAAQ,WAAU;IAA2B,eAAe,aAAa,SAAS,OAAO;cAAzF,CACG,aACC,oBAAC,aAAD;KAAa,KAAK;KAAY,KAAK,EAAE,4BAA4B;KAAI,CAAA,GAErE,oBAAC,gBAAD,EAAA,UACE,oBAAC,MAAD,EAAM,WAAU,aAAc,CAAA,EACf,CAAA,EAElB,aACC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD,EAAO,WAAU,sBAAuB,CAAA;KACpC,CAAA,CAED;;GAET,oBAAC,SAAD;IACE,KAAK;IACL,MAAK;IACL,WAAU;IACV,QAAO;IACP,UAAU;IACV,CAAA;GAED,WAAW,eACV,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,UAAD;KAAU,OAAO;KAAU,WAAU;KAAQ,CAAA;IACzC,CAAA;GAEP,WAAW,WAAW,oBAAC,KAAD;IAAG,WAAU;cAA6B;IAAiB,CAAA;GAC9E;KAEL,cACC,oBAAC,YAAD;EACE,MAAM;EACN,cAAc;EACd,UAAU;EACV,gBAAgB;EAChB,UAAU;EACV,WAAW,WAAW;EACtB,CAAA,CAEH,EAAA,CAAA"}
+{"version":3,"file":"AvatarUpload.js","names":[],"sources":["../../../src/components/AvatarUpload.tsx"],"sourcesContent":["import { useFileUpload } from \"@m5kdev/frontend/modules/file/hooks/useUpload\";\r\nimport { Edit2, User } from \"lucide-react\";\r\nimport { type ChangeEvent, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { CropDialog } from \"./CropDialog\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"./ui/avatar\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface AvatarUploadProps {\r\n  currentAvatarUrl?: string | null;\r\n  onUploadComplete?: (avatarUrl: string) => void;\r\n  className?: string;\r\n}\r\n\r\nexport function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }: AvatarUploadProps) {\r\n  const { t } = useTranslation();\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [previewUrl, setPreviewUrl] = useState<string | null>(currentAvatarUrl || null);\r\n  const [showCropDialog, setShowCropDialog] = useState(false);\r\n\r\n  const fileInputRef = useRef<HTMLInputElement>(null);\r\n  const { upload, status, progress, errorMessage, reset } = useFileUpload();\r\n\r\n  const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file) {\r\n      // Validate file type\r\n      if (![\"image/jpeg\", \"image/png\", \"image/webp\", \"image/jpg\"].includes(file.type)) {\r\n        alert(t(\"web-ui:upload.errors.invalidType\"));\r\n        return;\r\n      }\r\n      // Validate file size (5MB)\r\n      if (file.size > 5 * 1024 * 1024) {\r\n        alert(t(\"web-ui:upload.errors.tooLarge\"));\r\n        return;\r\n      }\r\n      setSelectedFile(file);\r\n      const objectUrl = URL.createObjectURL(file);\r\n      setPreviewUrl(objectUrl);\r\n      setShowCropDialog(true);\r\n    }\r\n  };\r\n\r\n  const handleCropComplete = async (croppedBlob: Blob) => {\r\n    const croppedFile = new File([croppedBlob], selectedFile?.name || \"cropped-image.jpg\", {\r\n      type: \"image/jpeg\",\r\n    });\r\n\r\n    setSelectedFile(croppedFile);\r\n    const croppedObjectUrl = URL.createObjectURL(croppedFile);\r\n    setPreviewUrl(croppedObjectUrl);\r\n    setShowCropDialog(false);\r\n\r\n    try {\r\n      const res = await upload<{\r\n        url: string;\r\n        minetype: string;\r\n        size: number;\r\n      }>(\"image\", croppedFile);\r\n      console.log({ res });\r\n      onUploadComplete?.(res.url);\r\n    } catch (error) {\r\n      console.error(\"Error uploading image:\", error);\r\n    }\r\n  };\r\n\r\n  const removeFile = () => {\r\n    if (previewUrl && previewUrl !== currentAvatarUrl) {\r\n      URL.revokeObjectURL(previewUrl);\r\n    }\r\n    setSelectedFile(null);\r\n    setPreviewUrl(currentAvatarUrl || null);\r\n    setShowCropDialog(false);\r\n    reset();\r\n    if (fileInputRef.current) {\r\n      fileInputRef.current.value = \"\";\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        role=\"dialog\"\r\n        className={cn(\"relative inline-block\", className)}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n      >\r\n        <Avatar className=\"h-24 w-24 cursor-pointer\" onClick={() => fileInputRef.current?.click()}>\r\n          {previewUrl ? (\r\n            <AvatarImage src={previewUrl} alt={t(\"web-ui:avatar.preview.alt\")} />\r\n          ) : (\r\n            <AvatarFallback>\r\n              <User className=\"h-12 w-12\" />\r\n            </AvatarFallback>\r\n          )}\r\n          {isHovered && (\r\n            <div className=\"absolute inset-0 flex items-center justify-center bg-black/50 rounded-full\">\r\n              <Edit2 className=\"h-6 w-6 text-white\" />\r\n            </div>\r\n          )}\r\n        </Avatar>\r\n\r\n        <input\r\n          ref={fileInputRef}\r\n          type=\"file\"\r\n          className=\"hidden\"\r\n          accept=\"image/jpeg,image/png,image/webp\"\r\n          onChange={handleFileSelect}\r\n        />\r\n\r\n        {status === \"uploading\" && (\r\n          <div className=\"mt-2 w-full\">\r\n            <Progress value={progress} className=\"h-2\" />\r\n          </div>\r\n        )}\r\n        {status === \"error\" && <p className=\"mt-2 text-sm text-red-500\">{errorMessage}</p>}\r\n      </div>\r\n\r\n      {previewUrl && (\r\n        <CropDialog\r\n          open={showCropDialog}\r\n          onOpenChange={setShowCropDialog}\r\n          imageUrl={previewUrl}\r\n          onCropComplete={handleCropComplete}\r\n          onCancel={removeFile}\r\n          isLoading={status === \"uploading\"}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,aAAa,EAAE,kBAAkB,kBAAkB,aAAgC;CACjG,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAwB,oBAAoB,KAAK;CACrF,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,eAAe,OAAyB,KAAK;CACnD,MAAM,EAAE,QAAQ,QAAQ,UAAU,cAAc,UAAU,eAAe;CAEzE,MAAM,oBAAoB,UAAyC;EACjE,MAAM,OAAO,MAAM,OAAO,QAAQ;AAClC,MAAI,MAAM;AAER,OAAI,CAAC;IAAC;IAAc;IAAa;IAAc;IAAY,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/E,UAAM,EAAE,mCAAmC,CAAC;AAC5C;;AAGF,OAAI,KAAK,OAAO,IAAI,OAAO,MAAM;AAC/B,UAAM,EAAE,gCAAgC,CAAC;AACzC;;AAEF,mBAAgB,KAAK;AAErB,iBADkB,IAAI,gBAAgB,KAAK,CACnB;AACxB,qBAAkB,KAAK;;;CAI3B,MAAM,qBAAqB,OAAO,gBAAsB;EACtD,MAAM,cAAc,IAAI,KAAK,CAAC,YAAY,EAAE,cAAc,QAAQ,qBAAqB,EACrF,MAAM,cACP,CAAC;AAEF,kBAAgB,YAAY;AAE5B,gBADyB,IAAI,gBAAgB,YAAY,CAC1B;AAC/B,oBAAkB,MAAM;AAExB,MAAI;GACF,MAAM,MAAM,MAAM,OAIf,SAAS,YAAY;AACxB,WAAQ,IAAI,EAAE,KAAK,CAAC;AACpB,sBAAmB,IAAI,IAAI;WACpB,OAAO;AACd,WAAQ,MAAM,0BAA0B,MAAM;;;CAIlD,MAAM,mBAAmB;AACvB,MAAI,cAAc,eAAe,iBAC/B,KAAI,gBAAgB,WAAW;AAEjC,kBAAgB,KAAK;AACrB,gBAAc,oBAAoB,KAAK;AACvC,oBAAkB,MAAM;AACxB,SAAO;AACP,MAAI,aAAa,QACf,cAAa,QAAQ,QAAQ;;AAIjC,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,MAAK;EACL,WAAW,GAAG,yBAAyB,UAAU;EACjD,oBAAoB,aAAa,KAAK;EACtC,oBAAoB,aAAa,MAAM;YAJzC;GAME,qBAAC,QAAD;IAAQ,WAAU;IAA2B,eAAe,aAAa,SAAS,OAAO;cAAzF,CACG,aACC,oBAAC,aAAD;KAAa,KAAK;KAAY,KAAK,EAAE,4BAA4B;KAAI,CAAA,GAErE,oBAAC,gBAAD,EAAA,UACE,oBAAC,MAAD,EAAM,WAAU,aAAc,CAAA,EACf,CAAA,EAElB,aACC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD,EAAO,WAAU,sBAAuB,CAAA;KACpC,CAAA,CAED;;GAET,oBAAC,SAAD;IACE,KAAK;IACL,MAAK;IACL,WAAU;IACV,QAAO;IACP,UAAU;IACV,CAAA;GAED,WAAW,eACV,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,UAAD;KAAU,OAAO;KAAU,WAAU;KAAQ,CAAA;IACzC,CAAA;GAEP,WAAW,WAAW,oBAAC,KAAD;IAAG,WAAU;cAA6B;IAAiB,CAAA;GAC9E;KAEL,cACC,oBAAC,YAAD;EACE,MAAM;EACN,cAAc;EACd,UAAU;EACV,gBAAgB;EAChB,UAAU;EACV,WAAW,WAAW;EACtB,CAAA,CAEH,EAAA,CAAA"}

package/dist/src/components/Calendar.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 import { CalendarProps } from "react-big-calendar";
 //#region src/components/Calendar.d.ts
 type CalendarComponents = NonNullable<CalendarProps["components"]>;

package/dist/src/components/CardsSelect.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.js";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Edit } from "lucide-react";
+import * as React$1 from "react";
 //#region src/components/CardsSelect.tsx
 const CardsSelect = React$1.forwardRef(({ items, selectedIds, onSelectionChange, maxSelections, className, cardClassName, showCheckbox = true, disabled = false, reversed = false, ...props }, ref) => {
 	const handleCardClick = (itemId) => {

package/dist/src/components/CollapsibleSidebarMenuItem.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import { CollapsibleProps } from "@radix-ui/react-collapsible";
 
 //#region src/components/CollapsibleSidebarMenuItem.d.ts

package/dist/src/components/ColorPicker.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { InputProps } from "@heroui/react";
 
 //#region src/components/ColorPicker.d.ts
 declare function ColorPicker({

package/dist/src/components/ColorPicker.js

@@ -1,7 +1,7 @@
-import { useState } from "react";
-import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PipetteIcon } from "lucide-react";
+import { useState } from "react";
+import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { hexToHsva } from "@uiw/color-convert";
 import Colorful from "@uiw/react-color-colorful";
 //#region src/components/ColorPicker.tsx

package/dist/src/components/CopyButton.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonProps } from "@heroui/react";
 
 //#region src/components/CopyButton.d.ts
 declare function CopyButton({