better-auth-ui 3.2.13 → 3.2.15

package/dist/index.js

@@ -1,24 +1,28 @@
 import {
   AuthUIContext,
   AuthUIProvider,
+  OrganizationRefetcher,
+  authDataCache,
   useAuthData,
   useCurrentOrganization,
   useIsHydrated,
   useLang,
   useTheme
-} from "./chunk-BDFQSFBU.js";
+} from "./chunk-BJHZPU6H.js";
 import {
   accountViewPaths,
   authLocalization,
   authViewPaths,
   cn,
+  errorCodeToCamelCase,
+  getKeyByValue,
   getLocalizedError,
   getPasswordSchema,
   getSearchParam,
   getViewByPath,
   isValidEmail,
   organizationViewPaths
-} from "./chunk-MJPOA6PK.js";
+} from "./chunk-YTGCDVH4.js";
 
 // src/components/account/account-view.tsx
 import { MenuIcon } from "lucide-react";
@@ -994,7 +998,7 @@ function CreateOrganizationDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     organization: organizationOptions,
     navigate,
@@ -1070,7 +1074,7 @@ function CreateOrganizationDialog({
   };
   async function onSubmit({ name, slug, logo: logo2 }) {
     try {
-      const organization = await authClient.organization.create({
+      const organization = await authClient2.organization.create({
         name,
         slug,
         logo: logo2,
@@ -1080,7 +1084,7 @@ function CreateOrganizationDialog({
         navigate(`${organizationOptions.basePath}/${organization.slug}`);
         return;
       }
-      await authClient.organization.setActive({
+      await authClient2.organization.setActive({
         organizationId: organization.id
       });
       onOpenChange == null ? void 0 : onOpenChange(false);
@@ -1408,7 +1412,7 @@ function LeaveOrganizationDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useListOrganizations },
     localization: contextLocalization,
     toast
@@ -1422,7 +1426,7 @@ function LeaveOrganizationDialog({
   const handleLeaveOrganization = async () => {
     setIsLeaving(true);
     try {
-      await authClient.organization.leave({
+      await authClient2.organization.leave({
         organizationId: organization.id,
         fetchOptions: { throw: true }
       });
@@ -1530,7 +1534,7 @@ function OrganizationCell({
 }) {
   var _a;
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     organization: organizationOptions,
     navigate,
@@ -1553,7 +1557,7 @@ function OrganizationCell({
       return;
     }
     try {
-      await authClient.organization.setActive({
+      await authClient2.organization.setActive({
         organizationId: organization.id,
         fetchOptions: {
           throw: true
@@ -1570,7 +1574,7 @@ function OrganizationCell({
       setIsManagingOrganization(false);
     }
   }, [
-    authClient,
+    authClient2,
     organization.id,
     organizationOptions == null ? void 0 : organizationOptions.basePath,
     (_a = organizationOptions == null ? void 0 : organizationOptions.viewPaths) == null ? void 0 : _a.SETTINGS,
@@ -1890,7 +1894,7 @@ function UserInvitationRow({
   onChanged
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     organization: organizationOptions,
     localization: contextLocalization,
     toast
@@ -1907,7 +1911,7 @@ function UserInvitationRow({
   const handleAccept = async () => {
     setIsLoading(true);
     try {
-      await authClient.organization.acceptInvitation({
+      await authClient2.organization.acceptInvitation({
         invitationId: invitation.id,
         fetchOptions: { throw: true }
       });
@@ -1927,7 +1931,7 @@ function UserInvitationRow({
   const handleReject = async () => {
     setIsLoading(true);
     try {
-      await authClient.organization.rejectInvitation({
+      await authClient2.organization.rejectInvitation({
         invitationId: invitation.id,
         fetchOptions: { throw: true }
       });
@@ -2774,7 +2778,7 @@ function ChangeEmailCard({
   ...props
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     emailVerification,
     hooks: { useSession },
     localization: contextLocalization,
@@ -2804,7 +2808,7 @@ function ChangeEmailCard({
       return;
     }
     try {
-      await authClient.changeEmail({
+      await authClient2.changeEmail({
         newEmail: email,
         callbackURL: window.location.pathname,
         fetchOptions: { throw: true }
@@ -2833,7 +2837,7 @@ function ChangeEmailCard({
     const email = sessionData.user.email;
     setResendDisabled(true);
     try {
-      await authClient.sendVerificationEmail({
+      await authClient2.sendVerificationEmail({
         email,
         fetchOptions: { throw: true }
       });
@@ -3562,7 +3566,7 @@ function CreateApiKeyDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     apiKey,
     hooks: { useListOrganizations, useSession },
     localization: contextLocalization,
@@ -3604,7 +3608,7 @@ function CreateApiKeyDialog({
         ...typeof apiKey === "object" ? apiKey.metadata : {},
         ...contextOrganization && selectedOrgId ? { organizationId: selectedOrgId } : {}
       };
-      const result = await authClient.apiKey.create({
+      const result = await authClient2.apiKey.create({
         name: values.name,
         expiresIn,
         prefix: typeof apiKey === "object" ? apiKey.prefix : void 0,
@@ -3970,7 +3974,7 @@ function DeleteAccountDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     deleteUser,
@@ -4011,7 +4015,7 @@ function DeleteAccountDialog({
       params.callbackURL = `${baseURL}${basePath}/${viewPaths.SIGN_OUT}`;
     }
     try {
-      await authClient.deleteUser({
+      await authClient2.deleteUser({
         ...params,
         fetchOptions: {
           throw: true
@@ -4371,7 +4375,7 @@ function PasskeysCard({
   localization
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     freshAge,
     hooks: { useListPasskeys, useSession },
     localization: authLocalization2,
@@ -4389,7 +4393,7 @@ function PasskeysCard({
       return;
     }
     try {
-      await authClient.passkey.addPasskey({
+      await authClient2.passkey.addPasskey({
         fetchOptions: { throw: true }
       });
       await (refetch == null ? void 0 : refetch());
@@ -5034,7 +5038,7 @@ function ProviderCell({
   refetch
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     localization: contextLocalization,
@@ -5049,13 +5053,13 @@ function ProviderCell({
     const callbackURL = `${baseURL}${basePath}/${viewPaths.CALLBACK}?redirectTo=${window.location.pathname}`;
     try {
       if (other) {
-        await authClient.oauth2.link({
+        await authClient2.oauth2.link({
           providerId: provider.provider,
           callbackURL,
           fetchOptions: { throw: true }
         });
       } else {
-        await authClient.linkSocial({
+        await authClient2.linkSocial({
           provider: provider.provider,
           callbackURL,
           fetchOptions: { throw: true }
@@ -5287,7 +5291,7 @@ function ChangePasswordCard({
   passwordValidation
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     credentials,
@@ -5344,7 +5348,7 @@ function ChangePasswordCard({
     if (!sessionData) return;
     const email = sessionData == null ? void 0 : sessionData.user.email;
     try {
-      await authClient.requestPasswordReset({
+      await authClient2.requestPasswordReset({
         email,
         redirectTo: `${baseURL}${basePath}/${viewPaths.RESET_PASSWORD}`,
         fetchOptions: { throw: true }
@@ -5365,7 +5369,7 @@ function ChangePasswordCard({
     newPassword
   }) => {
     try {
-      await authClient.changePassword({
+      await authClient2.changePassword({
         currentPassword,
         newPassword,
         revokeOtherSessions: true,
@@ -5761,7 +5765,7 @@ function TwoFactorPasswordDialog({
   var _a, _b;
   const {
     localization,
-    authClient,
+    authClient: authClient2,
     basePath,
     viewPaths,
     navigate,
@@ -5783,7 +5787,7 @@ function TwoFactorPasswordDialog({
   const { isSubmitting } = form.formState;
   async function enableTwoFactor({ password }) {
     try {
-      const response = await authClient.twoFactor.enable({
+      const response = await authClient2.twoFactor.enable({
         password,
         fetchOptions: { throw: true }
       });
@@ -5804,7 +5808,7 @@ function TwoFactorPasswordDialog({
   }
   async function disableTwoFactor({ password }) {
     try {
-      await authClient.twoFactor.disable({
+      await authClient2.twoFactor.disable({
         password,
         fetchOptions: { throw: true }
       });
@@ -6505,7 +6509,7 @@ function EmailForm({
 }) {
   const isHydrated = useIsHydrated();
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     toast
   } = useContext44(AuthUIContext);
@@ -6527,7 +6531,7 @@ function EmailForm({
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function sendEmailOTP({ email }) {
     try {
-      await authClient.emailOtp.sendVerificationOtp({
+      await authClient2.emailOtp.sendVerificationOtp({
         email,
         type: "sign-in",
         fetchOptions: { throw: true }
@@ -6600,7 +6604,7 @@ function OTPForm({
   email
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     toast
   } = useContext44(AuthUIContext);
@@ -6627,7 +6631,7 @@ function OTPForm({
   }, [form.formState.isSubmitting, transitionPending, setIsSubmitting]);
   async function verifyCode({ code }) {
     try {
-      await authClient.signIn.emailOtp({
+      await authClient2.signIn.emailOtp({
         email,
         otp: code,
         fetchOptions: { throw: true }
@@ -6969,7 +6973,7 @@ function ForgotPasswordForm({
     localization
   });
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     localization: contextLocalization,
@@ -7001,7 +7005,7 @@ function ForgotPasswordForm({
         throw: true,
         headers: await getCaptchaHeaders("/forget-password")
       };
-      await authClient.requestPasswordReset({
+      await authClient2.requestPasswordReset({
         email,
         redirectTo: `${baseURL}${basePath}/${viewPaths.RESET_PASSWORD}`,
         fetchOptions
@@ -7096,7 +7100,7 @@ function MagicLinkForm({
     localization
   });
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     persistClient,
@@ -7142,7 +7146,7 @@ function MagicLinkForm({
         throw: true,
         headers: await getCaptchaHeaders("/sign-in/magic-link")
       };
-      await authClient.signIn.magicLink({
+      await authClient2.signIn.magicLink({
         email,
         callbackURL: getCallbackURL(),
         fetchOptions
@@ -7230,7 +7234,7 @@ function RecoverAccountForm({
   setIsSubmitting
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     toast
   } = useContext51(AuthUIContext);
@@ -7253,7 +7257,7 @@ function RecoverAccountForm({
   }, [form.formState.isSubmitting, transitionPending, setIsSubmitting]);
   async function verifyBackupCode({ code }) {
     try {
-      await authClient.twoFactor.verifyBackupCode({
+      await authClient2.twoFactor.verifyBackupCode({
         code,
         fetchOptions: { throw: true }
       });
@@ -7325,7 +7329,7 @@ function ResetPasswordForm({
 }) {
   const tokenChecked = useRef5(false);
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     credentials,
     localization: contextLocalization,
@@ -7381,7 +7385,7 @@ function ResetPasswordForm({
     try {
       const searchParams = new URLSearchParams(window.location.search);
       const token = searchParams.get("token");
-      await authClient.resetPassword({
+      await authClient2.resetPassword({
         newPassword,
         token,
         fetchOptions: { throw: true }
@@ -7488,7 +7492,7 @@ function SignInForm({
     localization
   });
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     credentials,
     localization: contextLocalization,
@@ -7538,7 +7542,7 @@ function SignInForm({
           throw: true,
           headers: await getCaptchaHeaders("/sign-in/username")
         };
-        response = await authClient.signIn.username({
+        response = await authClient2.signIn.username({
           username: email,
           password,
           rememberMe,
@@ -7549,7 +7553,7 @@ function SignInForm({
           throw: true,
           headers: await getCaptchaHeaders("/sign-in/email")
         };
-        response = await authClient.signIn.email({
+        response = await authClient2.signIn.email({
           email,
           password,
           rememberMe,
@@ -7702,7 +7706,7 @@ function SignUpForm({
   });
   const {
     additionalFields,
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     credentials,
@@ -7904,7 +7908,7 @@ function SignUpForm({
       if (image !== void 0) {
         additionalParams.image = image;
       }
-      const data = await authClient.signUp.email({
+      const data = await authClient2.signUp.email({
         email,
         password,
         name: name || "",
@@ -8293,7 +8297,7 @@ function TwoFactorForm({
   const totpURI = isHydrated ? getSearchParam("totpURI") : null;
   const initialSendRef = useRef7(false);
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     hooks: { useSession },
     localization: contextLocalization,
@@ -8348,7 +8352,7 @@ function TwoFactorForm({
     if (isSendingOtp || cooldownSeconds > 0) return;
     try {
       setIsSendingOtp(true);
-      await authClient.twoFactor.sendOtp({
+      await authClient2.twoFactor.sendOtp({
         fetchOptions: { throw: true }
       });
       setCooldownSeconds(60);
@@ -8369,7 +8373,7 @@ function TwoFactorForm({
     trustDevice
   }) {
     try {
-      const verifyMethod = method === "totp" ? authClient.twoFactor.verifyTotp : authClient.twoFactor.verifyOtp;
+      const verifyMethod = method === "totp" ? authClient2.twoFactor.verifyTotp : authClient2.twoFactor.verifyOtp;
       await verifyMethod({
         code,
         trustDevice,
@@ -8569,15 +8573,15 @@ import { useContext as useContext56, useEffect as useEffect13, useRef as useRef8
 import { jsx as jsx74 } from "react/jsx-runtime";
 function SignOut() {
   const signingOut = useRef8(false);
-  const { authClient, basePath, viewPaths } = useContext56(AuthUIContext);
+  const { authClient: authClient2, basePath, viewPaths } = useContext56(AuthUIContext);
   const { onSuccess } = useOnSuccessTransition({
     redirectTo: `${basePath}/${viewPaths.SIGN_IN}`
   });
   useEffect13(() => {
     if (signingOut.current) return;
     signingOut.current = true;
-    authClient.signOut().finally(onSuccess);
-  }, [authClient, onSuccess]);
+    authClient2.signOut().finally(onSuccess);
+  }, [authClient2, onSuccess]);
   return /* @__PURE__ */ jsx74(Loader223, { className: "animate-spin" });
 }
 
@@ -8846,7 +8850,7 @@ function AcceptInvitationContent({
 }) {
   var _a;
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useInvitation },
     localization: contextLocalization,
     organization,
@@ -8899,7 +8903,7 @@ function AcceptInvitationContent({
   const acceptInvitation = async () => {
     setIsAccepting(true);
     try {
-      await authClient.organization.acceptInvitation({
+      await authClient2.organization.acceptInvitation({
         invitationId,
         fetchOptions: { throw: true }
       });
@@ -8919,7 +8923,7 @@ function AcceptInvitationContent({
   const rejectInvitation = async () => {
     setIsRejecting(true);
     try {
-      await authClient.organization.rejectInvitation({
+      await authClient2.organization.rejectInvitation({
         invitationId,
         fetchOptions: { throw: true }
       });
@@ -9200,7 +9204,7 @@ function MagicLinkButton({
 import { useContext as useContext61, useEffect as useEffect16, useMemo as useMemo13, useRef as useRef9 } from "react";
 function OneTap({ localization, redirectTo }) {
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     toast
   } = useContext61(AuthUIContext);
@@ -9214,7 +9218,7 @@ function OneTap({ localization, redirectTo }) {
     if (oneTapFetched.current) return;
     oneTapFetched.current = true;
     try {
-      authClient.oneTap({
+      authClient2.oneTap({
         fetchOptions: {
           throw: true,
           onSuccess
@@ -9226,7 +9230,7 @@ function OneTap({ localization, redirectTo }) {
         message: getLocalizedError({ error, localization })
       });
     }
-  }, [authClient, localization, onSuccess, toast]);
+  }, [authClient2, localization, onSuccess, toast]);
   return null;
 }
 
@@ -9243,7 +9247,7 @@ function PasskeyButton({
 }) {
   var _a, _b;
   const {
-    authClient,
+    authClient: authClient2,
     localization: contextLocalization,
     toast
   } = useContext62(AuthUIContext);
@@ -9252,7 +9256,7 @@ function PasskeyButton({
   const signInPassKey = async () => {
     setIsSubmitting == null ? void 0 : setIsSubmitting(true);
     try {
-      const response = await authClient.signIn.passkey({
+      const response = await authClient2.signIn.passkey({
         fetchOptions: { throw: true }
       });
       if (response == null ? void 0 : response.error) {
@@ -9316,7 +9320,7 @@ function ProviderButton({
 }) {
   var _a, _b, _c, _d;
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     baseURL,
     persistClient,
@@ -9356,7 +9360,7 @@ function ProviderButton({
             setIsSubmitting(false);
           }, 1e4);
         } else {
-          await authClient.signIn.oauth2(oauth2Params);
+          await authClient2.signIn.oauth2(oauth2Params);
         }
       } else {
         const socialParams = {
@@ -9370,7 +9374,7 @@ function ProviderButton({
             setIsSubmitting(false);
           }, 1e4);
         } else {
-          await authClient.signIn.social(socialParams);
+          await authClient2.signIn.social(socialParams);
         }
       }
     } catch (error) {
@@ -9714,7 +9718,7 @@ function DeleteOrganizationDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     account: accountOptions,
     hooks: { useListOrganizations },
     localization: contextLocalization,
@@ -9740,7 +9744,7 @@ function DeleteOrganizationDialog({
   const { isSubmitting } = form.formState;
   const deleteOrganization = async () => {
     try {
-      await authClient.organization.delete({
+      await authClient2.organization.delete({
         organizationId: organization.id,
         fetchOptions: { throw: true }
       });
@@ -9967,7 +9971,7 @@ function InvitationCell({
   organization
 }) {
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useListInvitations },
     organization: organizationOptions,
     localization: contextLocalization,
@@ -9991,7 +9995,7 @@ function InvitationCell({
   const handleCancelInvitation = async () => {
     setIsLoading(true);
     try {
-      await authClient.organization.cancelInvitation({
+      await authClient2.organization.cancelInvitation({
         invitationId: invitation.id,
         fetchOptions: { throw: true }
       });
@@ -10454,7 +10458,7 @@ function InviteMemberDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useListInvitations, useListMembers, useSession },
     localization: contextLocalization,
     toast,
@@ -10500,7 +10504,7 @@ function InviteMemberDialog({
   const isSubmitting = form.formState.isSubmitting;
   async function onSubmit({ email, role }) {
     try {
-      await authClient.organization.inviteMember({
+      await authClient2.organization.inviteMember({
         email,
         role,
         organizationId: organization.id,
@@ -10648,7 +10652,7 @@ function RemoveMemberDialog({
 }) {
   var _a, _b, _c;
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useListMembers },
     localization: contextLocalization,
     toast
@@ -10664,7 +10668,7 @@ function RemoveMemberDialog({
   const removeMember = async () => {
     setIsRemoving(true);
     try {
-      await authClient.organization.removeMember({
+      await authClient2.organization.removeMember({
         memberIdOrEmail: member.id,
         organizationId: member.organizationId,
         fetchOptions: { throw: true }
@@ -10768,7 +10772,7 @@ function UpdateMemberRoleDialog({
 }) {
   var _a, _b, _c, _d;
   const {
-    authClient,
+    authClient: authClient2,
     hooks: { useSession, useListMembers },
     localization: contextLocalization,
     organization,
@@ -10816,7 +10820,7 @@ function UpdateMemberRoleDialog({
     }
     setIsUpdating(true);
     try {
-      await authClient.organization.updateMemberRole({
+      await authClient2.organization.updateMemberRole({
         memberId: member.id,
         role: selectedRole,
         organizationId: member.organizationId,
@@ -11645,7 +11649,7 @@ function OrganizationSwitcher({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const {
-    authClient,
+    authClient: authClient2,
     basePath,
     hooks: { useSession, useListOrganizations },
     localization: contextLocalization,
@@ -11702,7 +11706,7 @@ function OrganizationSwitcher({
       setActiveOrganizationPending(true);
       try {
         onSetActive == null ? void 0 : onSetActive(organization);
-        await authClient.organization.setActive({
+        await authClient2.organization.setActive({
           organizationId: (organization == null ? void 0 : organization.id) || null,
           fetchOptions: {
             throw: true
@@ -11718,7 +11722,7 @@ function OrganizationSwitcher({
       }
     },
     [
-      authClient,
+      authClient2,
       toast,
       localization,
       onSetActive,
@@ -12519,6 +12523,39 @@ function UserButton({
     )
   ] });
 }
+
+// src/types/auth-client.ts
+import {
+  anonymousClient,
+  apiKeyClient,
+  emailOTPClient,
+  genericOAuthClient,
+  magicLinkClient,
+  multiSessionClient,
+  oneTapClient,
+  organizationClient,
+  passkeyClient,
+  twoFactorClient,
+  usernameClient
+} from "better-auth/client/plugins";
+import { createAuthClient } from "better-auth/react";
+var authClient = createAuthClient({
+  plugins: [
+    apiKeyClient(),
+    multiSessionClient(),
+    passkeyClient(),
+    oneTapClient({
+      clientId: ""
+    }),
+    genericOAuthClient(),
+    anonymousClient(),
+    usernameClient(),
+    magicLinkClient(),
+    emailOTPClient(),
+    twoFactorClient(),
+    organizationClient()
+  ]
+});
 export {
   AcceptInvitationCard,
   AccountSettingsCards,
@@ -12558,6 +12595,7 @@ export {
   OrganizationLogoCard,
   OrganizationMembersCard,
   OrganizationNameCard,
+  OrganizationRefetcher,
   OrganizationSettingsCards,
   OrganizationSlugCard,
   OrganizationSwitcher,
@@ -12599,12 +12637,29 @@ export {
   XIcon2 as XIcon,
   ZoomIcon,
   accountViewPaths,
+  authClient,
+  authDataCache,
   authLocalization,
   authViewPaths,
+  cn,
+  errorCodeToCamelCase,
+  fileToBase64,
+  getGravatarUrl,
+  getKeyByValue,
+  getLocalizedError,
+  getPasswordSchema,
+  getSearchParam,
   getViewByPath,
+  isValidEmail,
   organizationViewPaths,
+  resizeAndCropImage,
   socialProviders,
   useAuthData,
   useAuthenticate,
-  useCurrentOrganization
+  useCaptcha,
+  useCurrentOrganization,
+  useIsHydrated,
+  useLang,
+  useOnSuccessTransition,
+  useTheme
 };