@mesob/auth-react 0.4.0 → 0.4.2

package/dist/chunk-OAN4EXU4.js

@@ -0,0 +1,310 @@
+import {
+  handleError
+} from "./chunk-55BMNC4S.js";
+import {
+  AuthLayout
+} from "./chunk-DPH2PHK3.js";
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+import {
+  useApi,
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/components/auth/sign-up.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Button,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  useFormField
+} from "@mesob/ui/components";
+import { useMesob } from "@mesob/ui/providers";
+import { IconAlertCircle, IconEye, IconEyeOff } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
+function PasswordInput({ field, show, onToggle }) {
+  const { formItemId, error } = useFormField();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        ...field,
+        id: formItemId,
+        type: show ? "text" : "password",
+        "aria-invalid": !!error,
+        className: "pr-10"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground",
+        onClick: onToggle,
+        "aria-label": show ? "Hide password" : "Show password",
+        children: show ? /* @__PURE__ */ jsx(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(IconEye, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+var signUpSchema = (t) => z.object({
+  fullName: z.string().min(1, t("errors.fullNameRequired")),
+  identifier: z.string().min(1, t("errors.contactRequired")).refine(
+    (val) => {
+      if (!val) {
+        return false;
+      }
+      return val.includes("@") || isPhone(val);
+    },
+    {
+      message: t("errors.invalidEmailOrPhone")
+    }
+  ),
+  password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError")),
+  confirmPassword: z.string()
+}).refine((data) => data.password === data.confirmPassword, {
+  message: t("errors.passwordsMismatch"),
+  path: ["confirmPassword"]
+});
+var SignUp = ({
+  redirectUrl,
+  initialIdentifier
+} = {}) => {
+  const { hooks, setAuth } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob();
+  const t = useTranslator("Auth.signUp");
+  const Link = mesob?.navigation?.Link;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const signUpMutation = hooks.useMutation("post", "/sign-up");
+  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const logoImage = config.ui.logoImage;
+  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
+  const hasInitialIdentifier = !!initialIdentifier;
+  const form = useForm({
+    resolver: zodResolver(signUpSchema(t)),
+    defaultValues: {
+      fullName: "",
+      identifier: initialIdentifier || "",
+      password: "",
+      confirmPassword: ""
+    }
+  });
+  useEffect(() => {
+    if (initialIdentifier) {
+      form.setValue("identifier", initialIdentifier);
+    }
+  }, [initialIdentifier, form]);
+  useEffect(() => {
+    if (error) {
+      toast.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const identifier = values.identifier;
+      const usingPhone = isPhone(identifier);
+      const res = await signUpMutation.mutateAsync({
+        body: usingPhone ? {
+          phone: identifier,
+          password: values.password,
+          fullName: values.fullName
+        } : {
+          email: identifier,
+          password: values.password,
+          fullName: values.fullName
+        }
+      });
+      if ("verificationId" in res && res.verificationId) {
+        const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
+        if (usingPhone) {
+          onNavigate(
+            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(identifier)}${redirectParam}`
+          );
+        } else {
+          onNavigate(
+            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(identifier)}${redirectParam}`
+          );
+        }
+        return;
+      }
+      if ("user" in res && "session" in res) {
+        setAuth(res);
+      }
+      onNavigate(defaultRedirect);
+    } catch (err) {
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const getIdentifierLabel = () => {
+    if (!hasInitialIdentifier) {
+      return t("form.accountLabel") || "Email/Phone";
+    }
+    if (initialIdentifier?.includes("@")) {
+      return t("form.emailLabel");
+    }
+    return t("form.phoneLabel");
+  };
+  const identifierLabel = getIdentifierLabel();
+  let errorContent = null;
+  if (error) {
+    if (typeof error === "string") {
+      errorContent = { title: "Error", description: error };
+    } else {
+      errorContent = error;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    AuthLayout,
+    {
+      title: config.ui.name,
+      description: t("description"),
+      logoImage,
+      footer: /* @__PURE__ */ jsxs("p", { children: [
+        t("footer.hasAccount"),
+        " ",
+        Link ? /* @__PURE__ */ jsx(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: signInLink,
+            onClick: (e) => {
+              e.preventDefault();
+              onNavigate(signInLink);
+            },
+            className: "text-primary hover:underline",
+            children: t("footer.signInCta")
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { id: "sign-up-form", onSubmit: handleSubmit, className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control: form.control,
+              name: "fullName",
+              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: t("form.fullNameLabel") }),
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control: form.control,
+              name: "identifier",
+              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(
+                  FormLabel,
+                  {
+                    className: hasInitialIdentifier ? "block" : void 0,
+                    children: identifierLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...field,
+                    type: field.value.includes("@") ? "email" : "tel",
+                    disabled: hasInitialIdentifier
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control: form.control,
+              name: "password",
+              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: t("form.passwordLabel") }),
+                /* @__PURE__ */ jsx(
+                  PasswordInput,
+                  {
+                    field,
+                    show: showPassword,
+                    onToggle: () => setShowPassword(!showPassword)
+                  }
+                ),
+                /* @__PURE__ */ jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control: form.control,
+              name: "confirmPassword",
+              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: t("form.confirmPasswordLabel") }),
+                /* @__PURE__ */ jsx(
+                  PasswordInput,
+                  {
+                    field,
+                    show: showConfirmPassword,
+                    onToggle: () => setShowConfirmPassword(!showConfirmPassword)
+                  }
+                ),
+                /* @__PURE__ */ jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              form: "sign-up-form",
+              className: "w-full",
+              disabled: isLoading || signUpMutation.isPending,
+              children: isLoading || signUpMutation.isPending ? t("form.submitting") : t("form.submit")
+            }
+          )
+        ] }) }),
+        errorContent && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-4", children: [
+          /* @__PURE__ */ jsx(IconAlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: errorContent.title }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: errorContent.description })
+        ] })
+      ]
+    }
+  );
+};
+
+export {
+  SignUp
+};
+//# sourceMappingURL=chunk-OAN4EXU4.js.map

package/dist/chunk-OAN4EXU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/sign-up.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Button,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  useFormField,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { ChangeEvent, ComponentProps } from 'react';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport { useApi, useConfig } from '../../provider';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport { handleError } from '../../utils/handle-error';\nimport { AuthLayout } from './auth-layout';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype PasswordInputProps = {\n  field: ComponentProps<'input'> & {\n    value: string;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  show: boolean;\n  onToggle: () => void;\n};\n\nfunction PasswordInput({ field, show, onToggle }: PasswordInputProps) {\n  const { formItemId, error } = useFormField();\n  return (\n    <div className=\"relative\">\n      <Input\n        {...field}\n        id={formItemId}\n        type={show ? 'text' : 'password'}\n        aria-invalid={!!error}\n        className=\"pr-10\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n        aria-label={show ? 'Hide password' : 'Show password'}\n      >\n        {show ? (\n          <IconEyeOff className=\"h-4 w-4\" />\n        ) : (\n          <IconEye className=\"h-4 w-4\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  redirectUrl?: string;\n  initialIdentifier?: string;\n};\n\nconst signUpSchema = (t: (key: string) => string) =>\n  z\n    .object({\n      fullName: z.string().min(1, t('errors.fullNameRequired')),\n      identifier: z\n        .string()\n        .min(1, t('errors.contactRequired'))\n        .refine(\n          (val) => {\n            if (!val) {\n              return false;\n            }\n            return val.includes('@') || isPhone(val);\n          },\n          {\n            message: t('errors.invalidEmailOrPhone'),\n          },\n        ),\n      password: z\n        .string()\n        .min(8, t('errors.passwordLength'))\n        .max(128, t('errors.longPasswordError')),\n      confirmPassword: z.string(),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n      message: t('errors.passwordsMismatch'),\n      path: ['confirmPassword'],\n    });\n\nexport const SignUp = ({\n  redirectUrl,\n  initialIdentifier,\n}: SignUpProps = {}) => {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.signUp');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const signUpMutation = hooks.useMutation('post', '/sign-up');\n\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const onNavigate =\n    config.navigation?.onNavigate ||\n    ((path: string) => {\n      if (typeof window !== 'undefined') {\n        window.location.href = path;\n      }\n    });\n  const logoImage = config.ui.logoImage;\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n\n  const hasInitialIdentifier = !!initialIdentifier;\n\n  const form = useForm<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema(t)),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const identifier = values.identifier;\n      const usingPhone = isPhone(identifier);\n\n      const res = await signUpMutation.mutateAsync({\n        body: usingPhone\n          ? {\n              phone: identifier,\n              password: values.password,\n              fullName: values.fullName,\n            }\n          : {\n              email: identifier,\n              password: values.password,\n              fullName: values.fullName,\n            },\n      });\n\n      if ('verificationId' in res && res.verificationId) {\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        if (usingPhone) {\n          onNavigate(\n            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(identifier)}${redirectParam}`,\n          );\n        } else {\n          onNavigate(\n            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(identifier)}${redirectParam}`,\n          );\n        }\n        return;\n      }\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  return (\n    <AuthLayout\n      title={config.ui.name}\n      description={t('description')}\n      logoImage={logoImage}\n      footer={\n        <p>\n          {t('footer.hasAccount')}{' '}\n          {Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.signInCta')}\n            </Link>\n          ) : (\n            <a\n              href={signInLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(signInLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.signInCta')}\n            </a>\n          )}\n        </p>\n      }\n    >\n      <Form {...form}>\n        <form id=\"sign-up-form\" onSubmit={handleSubmit} className=\"space-y-4\">\n          <FormField\n            control={form.control}\n            name=\"fullName\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n                <FormControl>\n                  <Input {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"identifier\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel\n                  className={hasInitialIdentifier ? 'block' : undefined}\n                >\n                  {identifierLabel}\n                </FormLabel>\n                <FormControl>\n                  <Input\n                    {...field}\n                    type={field.value.includes('@') ? 'email' : 'tel'}\n                    disabled={hasInitialIdentifier}\n                  />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"password\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.passwordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showPassword}\n                  onToggle={() => setShowPassword(!showPassword)}\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"confirmPassword\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.confirmPasswordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showConfirmPassword}\n                  onToggle={() => setShowConfirmPassword(!showConfirmPassword)}\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button\n            type=\"submit\"\n            form=\"sign-up-form\"\n            className=\"w-full\"\n            disabled={isLoading || signUpMutation.isPending}\n          >\n            {isLoading || signUpMutation.isPending\n              ? t('form.submitting')\n              : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n      {errorContent && (\n        <Alert variant=\"destructive\" className=\"mt-4\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n    </AuthLayout>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-OFLSINVU.js

@@ -0,0 +1,138 @@
+import {
+  str
+} from "./chunk-LNG736CV.js";
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/pages/iam/tenants/tenant-detail-page-content.tsx
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  EntityDetailHeader,
+  PageContainer,
+  useBreadcrumbs
+} from "@mesob/ui/components";
+import { IconBuilding } from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function TenantDetailPageContent({
+  tenantId
+}) {
+  const { hooks } = useApi();
+  const qc = useQueryClient();
+  const { data, isLoading } = hooks.useQuery(
+    "get",
+    "/tenants/{id}",
+    { params: { path: { id: tenantId } } },
+    { enabled: !!tenantId }
+  );
+  const tenant = data?.tenant;
+  const toggleActive = hooks.useMutation("put", "/tenants/{id}", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/tenants/{id}"] });
+      qc.invalidateQueries({ queryKey: ["get", "/tenants"] });
+    }
+  });
+  const title = tenant ? str(tenant.name) || tenant.id : tenantId ?? "Tenant";
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "IAM", href: "/iam" },
+      { label: "Tenants", href: "/iam/tenants" },
+      { label: title }
+    ]
+  });
+  const tabs = useMemo(
+    () => [
+      {
+        value: "detail",
+        name: "Detail",
+        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Tenant details" }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "space-y-2 text-sm", children: tenant && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Name:" }),
+              " ",
+              str(tenant.name) || "\u2014"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Description:" }),
+              " ",
+              str(tenant.description) || "\u2014"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Language:" }),
+              " ",
+              tenant.defaultLanguage ?? "\u2014"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Currency:" }),
+              " ",
+              tenant.defaultCurrency ?? "\u2014"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Timezone:" }),
+              " ",
+              tenant.timezone ?? "\u2014"
+            ] })
+          ] }) })
+        ] })
+      },
+      {
+        value: "theme",
+        name: "Theme",
+        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Theme" }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "text-muted-foreground text-sm", children: "Theme settings (placeholder)" })
+        ] })
+      },
+      {
+        value: "settings",
+        name: "Settings",
+        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Settings" }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "text-muted-foreground text-sm", children: "Tenant settings (placeholder)" })
+        ] })
+      }
+    ],
+    [tenant]
+  );
+  const actions = tenant && /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: tenant.isActive ? "secondary" : "default",
+      size: "sm",
+      onClick: () => toggleActive.mutate({
+        params: { path: { id: tenantId } },
+        body: { isActive: !tenant.isActive }
+      }),
+      disabled: toggleActive.isPending,
+      children: tenant.isActive ? "Deactivate" : "Activate"
+    }
+  );
+  if (!tenantId) {
+    return null;
+  }
+  if (isLoading || !tenant) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsx("div", { className: "h-24 animate-pulse rounded-xl bg-muted" }) });
+  }
+  return /* @__PURE__ */ jsx(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsx(
+    EntityDetailHeader,
+    {
+      title,
+      icon: /* @__PURE__ */ jsx(IconBuilding, { className: "h-5 w-5 text-muted-foreground" }),
+      actions,
+      tabs
+    }
+  ) });
+}
+
+export {
+  TenantDetailPageContent
+};
+//# sourceMappingURL=chunk-OFLSINVU.js.map

package/dist/chunk-OFLSINVU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/tenants/tenant-detail-page-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EntityDetailHeader,\n  PageContainer,\n  type TabItem,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconBuilding } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { useApi } from '../../../provider';\nimport { str } from './_components/tenants-data';\n\ntype TenantDetailPageContentProps = {\n  tenantId: string;\n};\n\nexport function TenantDetailPageContent({\n  tenantId,\n}: TenantDetailPageContentProps) {\n  const { hooks } = useApi();\n  const qc = useQueryClient();\n\n  const { data, isLoading } = hooks.useQuery(\n    'get',\n    '/tenants/{id}',\n    { params: { path: { id: tenantId } } },\n    { enabled: !!tenantId },\n  );\n  const tenant = data?.tenant;\n\n  const toggleActive = hooks.useMutation('put', '/tenants/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/tenants/{id}'] });\n      qc.invalidateQueries({ queryKey: ['get', '/tenants'] });\n    },\n  });\n\n  const title = tenant ? str(tenant.name) || tenant.id : (tenantId ?? 'Tenant');\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: '/dashboard' },\n      { label: 'IAM', href: '/iam' },\n      { label: 'Tenants', href: '/iam/tenants' },\n      { label: title },\n    ],\n  });\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      {\n        value: 'detail',\n        name: 'Detail',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Tenant details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              {tenant && (\n                <>\n                  <p>\n                    <span className=\"text-muted-foreground\">Name:</span>{' '}\n                    {str(tenant.name) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Description:</span>{' '}\n                    {str(tenant.description) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Language:</span>{' '}\n                    {tenant.defaultLanguage ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Currency:</span>{' '}\n                    {tenant.defaultCurrency ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Timezone:</span>{' '}\n                    {tenant.timezone ?? '—'}\n                  </p>\n                </>\n              )}\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'theme',\n        name: 'Theme',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Theme</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Theme settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'settings',\n        name: 'Settings',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Settings</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Tenant settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n    ],\n    [tenant],\n  );\n\n  const actions = tenant && (\n    <Button\n      variant={tenant.isActive ? 'secondary' : 'default'}\n      size=\"sm\"\n      onClick={() =>\n        toggleActive.mutate({\n          params: { path: { id: tenantId } },\n          body: { isActive: !tenant.isActive },\n        })\n      }\n      disabled={toggleActive.isPending}\n    >\n      {tenant.isActive ? 'Deactivate' : 'Activate'}\n    </Button>\n  );\n\n  if (!tenantId) {\n    return null;\n  }\n  if (isLoading || !tenant) {\n    return (\n      <div className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n        <div className=\"h-24 animate-pulse rounded-xl bg-muted\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <EntityDetailHeader\n        title={title}\n        icon={<IconBuilding className=\"h-5 w-5 text-muted-foreground\" />}\n        actions={actions}\n        tabs={tabs}\n      />\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AA+CV,SAIE,UAJF,KAKI,YALJ;AAvCP,SAAS,wBAAwB;AAAA,EACtC;AACF,GAAiC;AAC/B,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,KAAK,eAAe;AAE1B,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE,EAAE;AAAA,IACrC,EAAE,SAAS,CAAC,CAAC,SAAS;AAAA,EACxB;AACA,QAAM,SAAS,MAAM;AAErB,QAAM,eAAe,MAAM,YAAY,OAAO,iBAAiB;AAAA,IAC7D,WAAW,MAAM;AACf,SAAG,kBAAkB,EAAE,UAAU,CAAC,OAAO,eAAe,EAAE,CAAC;AAC3D,SAAG,kBAAkB,EAAE,UAAU,CAAC,OAAO,UAAU,EAAE,CAAC;AAAA,IACxD;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,SAAS,IAAI,OAAO,IAAI,KAAK,OAAO,KAAM,YAAY;AACpE,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,aAAa;AAAA,MACpC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,MAC7B,EAAE,OAAO,WAAW,MAAM,eAAe;AAAA,MACzC,EAAE,OAAO,MAAM;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,OAAkB;AAAA,IACtB,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SACE,qBAAC,QAAK,WAAU,QACd;AAAA,8BAAC,cACC,8BAAC,aAAU,4BAAc,GAC3B;AAAA,UACA,oBAAC,eAAY,WAAU,qBACpB,oBACC,iCACE;AAAA,iCAAC,OACC;AAAA,kCAAC,UAAK,WAAU,yBAAwB,mBAAK;AAAA,cAAQ;AAAA,cACpD,IAAI,OAAO,IAAI,KAAK;AAAA,eACvB;AAAA,YACA,qBAAC,OACC;AAAA,kCAAC,UAAK,WAAU,yBAAwB,0BAAY;AAAA,cAAQ;AAAA,cAC3D,IAAI,OAAO,WAAW,KAAK;AAAA,eAC9B;AAAA,YACA,qBAAC,OACC;AAAA,kCAAC,UAAK,WAAU,yBAAwB,uBAAS;AAAA,cAAQ;AAAA,cACxD,OAAO,mBAAmB;AAAA,eAC7B;AAAA,YACA,qBAAC,OACC;AAAA,kCAAC,UAAK,WAAU,yBAAwB,uBAAS;AAAA,cAAQ;AAAA,cACxD,OAAO,mBAAmB;AAAA,eAC7B;AAAA,YACA,qBAAC,OACC;AAAA,kCAAC,UAAK,WAAU,yBAAwB,uBAAS;AAAA,cAAQ;AAAA,cACxD,OAAO,YAAY;AAAA,eACtB;AAAA,aACF,GAEJ;AAAA,WACF;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SACE,qBAAC,QAAK,WAAU,QACd;AAAA,8BAAC,cACC,8BAAC,aAAU,mBAAK,GAClB;AAAA,UACA,oBAAC,eAAY,WAAU,iCAAgC,0CAEvD;AAAA,WACF;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SACE,qBAAC,QAAK,WAAU,QACd;AAAA,8BAAC,cACC,8BAAC,aAAU,sBAAQ,GACrB;AAAA,UACA,oBAAC,eAAY,WAAU,iCAAgC,2CAEvD;AAAA,WACF;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,UAAU,UACd;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,WAAW,cAAc;AAAA,MACzC,MAAK;AAAA,MACL,SAAS,MACP,aAAa,OAAO;AAAA,QAClB,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;AAAA,QACjC,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS;AAAA,MACrC,CAAC;AAAA,MAEH,UAAU,aAAa;AAAA,MAEtB,iBAAO,WAAW,eAAe;AAAA;AAAA,EACpC;AAGF,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,MAAI,aAAa,CAAC,QAAQ;AACxB,WACE,oBAAC,SAAI,WAAU,uCACb,8BAAC,SAAI,WAAU,0CAAyC,GAC1D;AAAA,EAEJ;AAEA,SACE,oBAAC,iBAAc,WAAU,uCACvB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,oBAAC,gBAAa,WAAU,iCAAgC;AAAA,MAC9D;AAAA,MACA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}