better-auth-ui 3.2.5

package/dist/server.cjs

@@ -0,0 +1,194 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkCRAHKL2Ccjs = require('./chunk-CRAHKL2C.cjs');
+
+// src/components/email/email-template.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _components = require('@react-email/components');
+var _jsxruntime = require('react/jsx-runtime');
+var EmailTemplate = ({
+  classNames,
+  action,
+  baseUrl,
+  content,
+  heading,
+  imageUrl,
+  preview,
+  siteName,
+  variant = "vercel",
+  url
+}) => {
+  baseUrl = baseUrl || process.env.BASE_URL || process.env.NEXT_PUBLIC_BASE_URL;
+  imageUrl = imageUrl || `${baseUrl}/apple-touch-icon.png`;
+  siteName = siteName || process.env.SITE_NAME || process.env.NEXT_PUBLIC_SITE_NAME;
+  preview = preview || (typeof heading === "string" ? heading : void 0);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Html, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Head, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { name: "x-apple-disable-message-reformatting" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { content: "light dark", name: "color-scheme" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { content: "light dark", name: "supported-color-schemes" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { type: "text/css", children: `
+                        :root {
+                            color-scheme: light dark;
+                            supported-color-schemes: light dark;
+                        }
+                    ` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { type: "text/css", children: `      
+                        html, body {
+                            background-color: #ffffff;
+                            color: #000000;
+                        }
+
+                        a {
+                            color: #000000;
+                        }
+
+                        .border-color {
+                            border-color: #eaeaea;
+                        }
+
+                        .action-button {
+                            background-color: #000000 !important;
+                            color: #ffffff !important;
+                        }
+
+                        @media (prefers-color-scheme: dark) {
+                            html, body {
+                                background-color: #000000 !important;
+                                color: #ffffff !important;
+                            }
+
+                            a {
+                                color: #ffffff;
+                            }
+
+                            .border-color {
+                                border-color: #333333 !important;
+                            }
+
+                            .action-button {
+                                background-color: rgb(38, 38, 38) !important;
+                                color: #ffffff !important;
+                            }
+                        }
+                    ` })
+    ] }),
+    preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Preview, { children: preview }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Tailwind, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _components.Body,
+      {
+        className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+          "mx-auto my-auto px-2 font-sans",
+          classNames == null ? void 0 : classNames.body
+        ),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Container, { className: "mx-auto my-[40px] max-w-[465px] rounded border border-color border-solid p-[20px]", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Img,
+            {
+              alt: siteName,
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "mx-auto my-0 rounded-full",
+                classNames == null ? void 0 : classNames.image
+              ),
+              height: "40",
+              src: imageUrl,
+              width: "40"
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Heading,
+            {
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "mx-0 my-[30px] p-0 text-center font-bold text-[24px]",
+                classNames == null ? void 0 : classNames.heading
+              ),
+              children: heading
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Text,
+            {
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "text-[14px] leading-[24px]",
+                classNames == null ? void 0 : classNames.content
+              ),
+              children: content
+            }
+          ),
+          action && url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Section, { className: "mt-[32px] mb-[32px] text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Button,
+            {
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "action-button rounded px-5 py-3 text-center font-semibold text-[12px] no-underline",
+                classNames == null ? void 0 : classNames.button
+              ),
+              href: url,
+              children: action
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Hr,
+            {
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "mx-0 my-[26px] w-full border border-color border-solid",
+                classNames == null ? void 0 : classNames.hr
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _components.Text,
+            {
+              className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                "text-[#666666] text-[12px] leading-[24px]",
+                classNames == null ? void 0 : classNames.footer
+              ),
+              children: [
+                siteName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  siteName,
+                  " "
+                ] }),
+                baseUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _components.Link,
+                  {
+                    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+                      "no-underline",
+                      classNames == null ? void 0 : classNames.link
+                    ),
+                    href: baseUrl,
+                    children: baseUrl == null ? void 0 : baseUrl.replace("https://", "").replace("http://", "")
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+};
+
+
+
+
+
+
+
+exports.EmailTemplate = EmailTemplate; exports.accountViewPaths = _chunkCRAHKL2Ccjs.accountViewPaths; exports.authLocalization = _chunkCRAHKL2Ccjs.authLocalization; exports.authViewPaths = _chunkCRAHKL2Ccjs.authViewPaths; exports.getViewByPath = _chunkCRAHKL2Ccjs.getViewByPath; exports.organizationViewPaths = _chunkCRAHKL2Ccjs.organizationViewPaths;

package/dist/server.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+export { g as getViewByPath } from './utils-C5R37WDe.cjs';
+export { a as AccountViewPath, f as AccountViewPaths, A as AuthLocalization, b as AuthViewPath, c as AuthViewPaths, O as OrganizationViewPath, g as OrganizationViewPaths, e as accountViewPaths, h as authLocalization, d as authViewPaths, o as organizationViewPaths } from './view-paths-CHSJf5dv.cjs';
+
+interface EmailTemplateClassNames {
+    body?: string;
+    button?: string;
+    container?: string;
+    image?: string;
+    content?: string;
+    footer?: string;
+    heading?: string;
+    hr?: string;
+    link?: string;
+}
+interface EmailTemplateProps {
+    classNames?: EmailTemplateClassNames;
+    action?: string;
+    /** @default process.env.BASE_URL || process.env.NEXT_PUBLIC_BASE_URL */
+    baseUrl?: string;
+    content: ReactNode;
+    heading: ReactNode;
+    /** @default `${baseUrl}/apple-touch-icon.png` */
+    imageUrl?: string;
+    preview?: string;
+    /** @default process.env.SITE_NAME || process.env.NEXT_PUBLIC_SITE_NAME */
+    siteName?: string;
+    url?: string;
+    /** @default "vercel" */
+    variant?: "vercel";
+}
+declare const EmailTemplate: ({ classNames, action, baseUrl, content, heading, imageUrl, preview, siteName, variant, url }: EmailTemplateProps) => react_jsx_runtime.JSX.Element;
+
+export { EmailTemplate, type EmailTemplateClassNames, type EmailTemplateProps };

package/dist/server.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+export { g as getViewByPath } from './utils-C5R37WDe.js';
+export { a as AccountViewPath, f as AccountViewPaths, A as AuthLocalization, b as AuthViewPath, c as AuthViewPaths, O as OrganizationViewPath, g as OrganizationViewPaths, e as accountViewPaths, h as authLocalization, d as authViewPaths, o as organizationViewPaths } from './view-paths-CHSJf5dv.js';
+
+interface EmailTemplateClassNames {
+    body?: string;
+    button?: string;
+    container?: string;
+    image?: string;
+    content?: string;
+    footer?: string;
+    heading?: string;
+    hr?: string;
+    link?: string;
+}
+interface EmailTemplateProps {
+    classNames?: EmailTemplateClassNames;
+    action?: string;
+    /** @default process.env.BASE_URL || process.env.NEXT_PUBLIC_BASE_URL */
+    baseUrl?: string;
+    content: ReactNode;
+    heading: ReactNode;
+    /** @default `${baseUrl}/apple-touch-icon.png` */
+    imageUrl?: string;
+    preview?: string;
+    /** @default process.env.SITE_NAME || process.env.NEXT_PUBLIC_SITE_NAME */
+    siteName?: string;
+    url?: string;
+    /** @default "vercel" */
+    variant?: "vercel";
+}
+declare const EmailTemplate: ({ classNames, action, baseUrl, content, heading, imageUrl, preview, siteName, variant, url }: EmailTemplateProps) => react_jsx_runtime.JSX.Element;
+
+export { EmailTemplate, type EmailTemplateClassNames, type EmailTemplateProps };

package/dist/server.js

@@ -0,0 +1,194 @@
+import {
+  accountViewPaths,
+  authLocalization,
+  authViewPaths,
+  cn,
+  getViewByPath,
+  organizationViewPaths
+} from "./chunk-MJPOA6PK.js";
+
+// src/components/email/email-template.tsx
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Link,
+  Preview,
+  Section,
+  Tailwind,
+  Text
+} from "@react-email/components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EmailTemplate = ({
+  classNames,
+  action,
+  baseUrl,
+  content,
+  heading,
+  imageUrl,
+  preview,
+  siteName,
+  variant = "vercel",
+  url
+}) => {
+  baseUrl = baseUrl || process.env.BASE_URL || process.env.NEXT_PUBLIC_BASE_URL;
+  imageUrl = imageUrl || `${baseUrl}/apple-touch-icon.png`;
+  siteName = siteName || process.env.SITE_NAME || process.env.NEXT_PUBLIC_SITE_NAME;
+  preview = preview || (typeof heading === "string" ? heading : void 0);
+  return /* @__PURE__ */ jsxs(Html, { children: [
+    /* @__PURE__ */ jsxs(Head, { children: [
+      /* @__PURE__ */ jsx("meta", { name: "x-apple-disable-message-reformatting" }),
+      /* @__PURE__ */ jsx("meta", { content: "light dark", name: "color-scheme" }),
+      /* @__PURE__ */ jsx("meta", { content: "light dark", name: "supported-color-schemes" }),
+      /* @__PURE__ */ jsx("style", { type: "text/css", children: `
+                        :root {
+                            color-scheme: light dark;
+                            supported-color-schemes: light dark;
+                        }
+                    ` }),
+      /* @__PURE__ */ jsx("style", { type: "text/css", children: `      
+                        html, body {
+                            background-color: #ffffff;
+                            color: #000000;
+                        }
+
+                        a {
+                            color: #000000;
+                        }
+
+                        .border-color {
+                            border-color: #eaeaea;
+                        }
+
+                        .action-button {
+                            background-color: #000000 !important;
+                            color: #ffffff !important;
+                        }
+
+                        @media (prefers-color-scheme: dark) {
+                            html, body {
+                                background-color: #000000 !important;
+                                color: #ffffff !important;
+                            }
+
+                            a {
+                                color: #ffffff;
+                            }
+
+                            .border-color {
+                                border-color: #333333 !important;
+                            }
+
+                            .action-button {
+                                background-color: rgb(38, 38, 38) !important;
+                                color: #ffffff !important;
+                            }
+                        }
+                    ` })
+    ] }),
+    preview && /* @__PURE__ */ jsx(Preview, { children: preview }),
+    /* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(
+      Body,
+      {
+        className: cn(
+          "mx-auto my-auto px-2 font-sans",
+          classNames == null ? void 0 : classNames.body
+        ),
+        children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto my-[40px] max-w-[465px] rounded border border-color border-solid p-[20px]", children: [
+          /* @__PURE__ */ jsx(Section, { className: "mt-[32px]", children: /* @__PURE__ */ jsx(
+            Img,
+            {
+              alt: siteName,
+              className: cn(
+                "mx-auto my-0 rounded-full",
+                classNames == null ? void 0 : classNames.image
+              ),
+              height: "40",
+              src: imageUrl,
+              width: "40"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Heading,
+            {
+              className: cn(
+                "mx-0 my-[30px] p-0 text-center font-bold text-[24px]",
+                classNames == null ? void 0 : classNames.heading
+              ),
+              children: heading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              className: cn(
+                "text-[14px] leading-[24px]",
+                classNames == null ? void 0 : classNames.content
+              ),
+              children: content
+            }
+          ),
+          action && url && /* @__PURE__ */ jsx(Section, { className: "mt-[32px] mb-[32px] text-center", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: cn(
+                "action-button rounded px-5 py-3 text-center font-semibold text-[12px] no-underline",
+                classNames == null ? void 0 : classNames.button
+              ),
+              href: url,
+              children: action
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Hr,
+            {
+              className: cn(
+                "mx-0 my-[26px] w-full border border-color border-solid",
+                classNames == null ? void 0 : classNames.hr
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              className: cn(
+                "text-[#666666] text-[12px] leading-[24px]",
+                classNames == null ? void 0 : classNames.footer
+              ),
+              children: [
+                siteName && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  siteName,
+                  " "
+                ] }),
+                baseUrl && /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    className: cn(
+                      "no-underline",
+                      classNames == null ? void 0 : classNames.link
+                    ),
+                    href: baseUrl,
+                    children: baseUrl == null ? void 0 : baseUrl.replace("https://", "").replace("http://", "")
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  EmailTemplate,
+  accountViewPaths,
+  authLocalization,
+  authViewPaths,
+  getViewByPath,
+  organizationViewPaths
+};

package/dist/style.css

@@ -0,0 +1 @@
+@source ".";

package/dist/tanstack.cjs

@@ -0,0 +1,153 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkSV64DXGWcjs = require('./chunk-SV64DXGW.cjs');
+require('./chunk-CRAHKL2C.cjs');
+
+// src/lib/tanstack/auth-ui-provider-tanstack.tsx
+var _react = require('react');
+
+// src/lib/tanstack/use-tanstack-options.ts
+
+
+
+var _betterauthtanstack = require('@daveyplate/better-auth-tanstack');
+var _reactquery = require('@tanstack/react-query');
+
+function useTanstackOptions({
+  authClient
+}) {
+  const {
+    useUnlinkAccount,
+    useUpdateUser,
+    useDeletePasskey,
+    useRevokeSession,
+    useRevokeDeviceSession,
+    useSetActiveSession
+  } = _betterauthtanstack.createAuthHooks.call(void 0, authClient);
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const { mutateAsync: updateUserAsync } = useUpdateUser();
+  const { mutateAsync: deletePasskeyAsync } = useDeletePasskey();
+  const { mutateAsync: unlinkAccountAsync } = useUnlinkAccount();
+  const { mutateAsync: revokeSessionAsync } = useRevokeSession();
+  const { mutateAsync: revokeDeviceSessionAsync } = useRevokeDeviceSession();
+  const { setActiveSessionAsync } = useSetActiveSession();
+  const { sessionKey } = _react.useContext.call(void 0, _betterauthtanstack.AuthQueryContext);
+  const hooks = _react.useMemo.call(void 0, 
+    () => ({
+      ..._betterauthtanstack.createAuthHooks.call(void 0, authClient),
+      useIsRestoring: _reactquery.useIsRestoring
+    }),
+    [authClient]
+  );
+  const mutators = _react.useMemo.call(void 0, 
+    () => ({
+      updateUser: async (params) => {
+        const { error } = await updateUserAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      },
+      unlinkAccount: async (params) => {
+        const { error } = await unlinkAccountAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      },
+      deletePasskey: async (params) => {
+        const { error } = await deletePasskeyAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      },
+      revokeSession: async (params) => {
+        const { error } = await revokeSessionAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      },
+      setActiveSession: async (params) => {
+        const { error } = await setActiveSessionAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      },
+      revokeDeviceSession: async (params) => {
+        const { error } = await revokeDeviceSessionAsync({
+          ...params,
+          fetchOptions: { throw: false }
+        });
+        if (error) throw error;
+      }
+    }),
+    [
+      updateUserAsync,
+      deletePasskeyAsync,
+      unlinkAccountAsync,
+      revokeSessionAsync,
+      revokeDeviceSessionAsync,
+      setActiveSessionAsync
+    ]
+  );
+  const onSessionChange = _react.useCallback.call(void 0, async () => {
+    await queryClient.refetchQueries({ queryKey: sessionKey });
+    queryClient.invalidateQueries({
+      predicate: (query) => query.queryKey !== sessionKey
+    });
+  }, [queryClient, sessionKey]);
+  return {
+    hooks,
+    mutators,
+    onSessionChange,
+    optimistic: true
+  };
+}
+
+// src/lib/tanstack/auth-ui-provider-tanstack.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function AuthUIProviderTanstack({
+  children,
+  authClient,
+  hooks: hooksProp,
+  mutators: mutatorsProp,
+  onSessionChange: onSessionChangeProp,
+  ...props
+}) {
+  const {
+    hooks: contextHooks,
+    mutators: contextMutators,
+    onSessionChange,
+    optimistic
+  } = useTanstackOptions({ authClient });
+  const hooks = _react.useMemo.call(void 0, 
+    () => ({ ...contextHooks, ...hooksProp }),
+    [contextHooks, hooksProp]
+  );
+  const mutators = _react.useMemo.call(void 0, 
+    () => ({ ...contextMutators, ...mutatorsProp }),
+    [contextMutators, mutatorsProp]
+  );
+  const onSessionChangeCallback = _react.useCallback.call(void 0, async () => {
+    await onSessionChange();
+    await (onSessionChangeProp == null ? void 0 : onSessionChangeProp());
+  }, [onSessionChangeProp, onSessionChange]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkSV64DXGWcjs.AuthUIProvider,
+    {
+      authClient,
+      hooks,
+      mutators,
+      onSessionChange: onSessionChangeCallback,
+      optimistic,
+      ...props,
+      children
+    }
+  );
+}
+
+
+exports.AuthUIProviderTanstack = AuthUIProviderTanstack;

package/dist/tanstack.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { l as AuthUIProviderProps } from './auth-ui-provider-DhZfncd3.cjs';
+import 'react';
+import './view-paths-CHSJf5dv.cjs';
+import './auth-hooks-IOEvlYYv.cjs';
+import '@better-fetch/fetch';
+import 'better-auth';
+import 'better-auth/plugins/organization';
+import 'better-auth/react';
+import 'inspector';
+import 'better-auth/client/plugins';
+import 'better-auth/plugins/passkey';
+import './auth-mutators-DdqOmQ32.cjs';
+import 'better-auth/social-providers';
+
+declare function AuthUIProviderTanstack({ children, authClient, hooks: hooksProp, mutators: mutatorsProp, onSessionChange: onSessionChangeProp, ...props }: AuthUIProviderProps): react_jsx_runtime.JSX.Element;
+
+export { AuthUIProviderTanstack };

package/dist/tanstack.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { l as AuthUIProviderProps } from './auth-ui-provider-BsH3xJDw.js';
+import 'react';
+import './view-paths-CHSJf5dv.js';
+import './auth-hooks-IOEvlYYv.js';
+import '@better-fetch/fetch';
+import 'better-auth';
+import 'better-auth/plugins/organization';
+import 'better-auth/react';
+import 'inspector';
+import 'better-auth/client/plugins';
+import 'better-auth/plugins/passkey';
+import './auth-mutators-DdqOmQ32.js';
+import 'better-auth/social-providers';
+
+declare function AuthUIProviderTanstack({ children, authClient, hooks: hooksProp, mutators: mutatorsProp, onSessionChange: onSessionChangeProp, ...props }: AuthUIProviderProps): react_jsx_runtime.JSX.Element;
+
+export { AuthUIProviderTanstack };