@better-auth-ui/solid 1.6.19

package/dist/components/auth/email/otp-email.js

@@ -0,0 +1,191 @@
+import e from "./email-styles.js";
+import { createComponent as t, ssr as n } from "solid-js/web";
+import { Body as r, Container as i, Head as a, Heading as o, Hr as s, Html as c, Img as l, Preview as u, Section as d, Tailwind as f, Text as p } from "@solidjs-email/main";
+import { Show as m } from "solid-js";
+//#region src/components/auth/email/otp-email.tsx
+var h = "<meta content=\"light dark\" name=\"color-scheme\">", g = "<meta content=\"light dark\" name=\"supported-color-schemes\">";
+function _(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var v = {
+	YOUR_VERIFICATION_CODE_IS_CODE: "Your verification code is {verificationCode}",
+	LOGO: "Logo",
+	VERIFY_YOUR_EMAIL: "Verify your email",
+	WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS: "We need to verify your email address {email} before you can access your {appName} account. Enter the code below in your open browser window.",
+	THIS_CODE_EXPIRES_IN_MINUTES: "This code expires in {expirationMinutes} minutes.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+};
+function y(e) {
+	return e.replace(/\s{2,}/g, " ").replace(" .", ".");
+}
+function b(v) {
+	let x = () => v.expirationMinutes ?? 10, S = () => v.darkMode ?? !0, C = () => ({
+		...b.localization,
+		...v.localization
+	}), w = () => C().YOUR_VERIFICATION_CODE_IS_CODE.replace("{verificationCode}", v.verificationCode), T = () => y(C().WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS.replace("{email}", v.email || "").replace("{appName}", v.appName || ""));
+	return t(c, { get children() {
+		return [
+			t(a, { get children() {
+				return [
+					n(h),
+					n(g),
+					t(e, {
+						get colors() {
+							return v.colors;
+						},
+						get darkMode() {
+							return S();
+						}
+					}),
+					v.head
+				];
+			} }),
+			t(u, { get children() {
+				return w();
+			} }),
+			t(f, { get children() {
+				return t(r, {
+					get class() {
+						return _("bg-background", v.classNames?.body);
+					},
+					style: { "font-family": "Arial, Helvetica, sans-serif" },
+					get children() {
+						return t(i, {
+							get class() {
+								return _("mx-auto my-auto max-w-xl px-2 py-10", v.classNames?.container);
+							},
+							get children() {
+								return t(d, {
+									get class() {
+										return _("rounded-none border border-border bg-card p-8 text-card-foreground", v.classNames?.card);
+									},
+									get children() {
+										return [
+											v.logoURL && (typeof v.logoURL == "string" ? t(l, {
+												get alt() {
+													return v.appName || C().LOGO;
+												},
+												get class() {
+													return _("mx-auto mb-8", v.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return v.logoURL;
+												},
+												width: 48
+											}) : [t(l, {
+												get alt() {
+													return v.appName || C().LOGO;
+												},
+												get class() {
+													return _("logo-light mx-auto mb-8", v.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return v.logoURL.light;
+												},
+												width: 48
+											}), t(l, {
+												get alt() {
+													return v.appName || C().LOGO;
+												},
+												get class() {
+													return _("logo-dark hidden mx-auto mb-8", v.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return v.logoURL.dark;
+												},
+												width: 48
+											})]),
+											t(o, {
+												get class() {
+													return _("mb-5 font-semibold text-2xl", v.classNames?.title);
+												},
+												get children() {
+													return C().VERIFY_YOUR_EMAIL;
+												}
+											}),
+											t(p, {
+												get class() {
+													return _("font-normal text-sm", v.classNames?.content);
+												},
+												get children() {
+													return T();
+												}
+											}),
+											t(d, {
+												get class() {
+													return _("my-6 border border-border bg-muted p-6", v.classNames?.codeBlock);
+												},
+												get children() {
+													return t(p, {
+														get class() {
+															return _("m-0 text-center font-semibold text-4xl tracking-widest", v.classNames?.title);
+														},
+														get children() {
+															return v.verificationCode;
+														}
+													});
+												}
+											}),
+											t(s, { get class() {
+												return _("my-6 w-full border border-border border-solid", v.classNames?.separator);
+											} }),
+											t(p, {
+												get class() {
+													return _("mb-3 text-muted-foreground text-xs", v.classNames?.description);
+												},
+												get children() {
+													return [C().THIS_CODE_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", x().toString()), t(m, {
+														get when() {
+															return v.appName;
+														},
+														children: (e) => ` ${C().EMAIL_SENT_BY.replace("{appName}", e())}`
+													})];
+												}
+											}),
+											t(p, {
+												get class() {
+													return _("mt-3 text-muted-foreground text-xs", v.classNames?.description);
+												},
+												get children() {
+													return C().IF_YOU_DIDNT_REQUEST_THIS_EMAIL;
+												}
+											}),
+											t(m, {
+												get when() {
+													return v.poweredBy;
+												},
+												get children() {
+													return t(p, {
+														get class() {
+															return _("mt-4 mb-0 text-center text-[11px] text-muted-foreground", v.classNames?.poweredBy);
+														},
+														get children() {
+															return C().POWERED_BY_BETTER_AUTH.replace("{betterAuth}", "better-auth");
+														}
+													});
+												}
+											})
+										];
+									}
+								});
+							}
+						});
+					}
+				});
+			} })
+		];
+	} });
+}
+b.localization = v, b.PreviewProps = {
+	verificationCode: "069420",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
+};
+//#endregion
+export { b as default };

package/dist/components/auth/email/password-changed.d.ts

@@ -0,0 +1,56 @@
+import { JSX } from 'solid-js';
+import { EmailClassNames, EmailColors } from './email-styles';
+declare const passwordChangedEmailLocalization: {
+    YOUR_PASSWORD_HAS_BEEN_CHANGED: string;
+    LOGO: string;
+    PASSWORD_CHANGED_SUCCESSFULLY: string;
+    PASSWORD_FOR_YOUR_ACCOUNT_CHANGED: string;
+    CHANGED_AT: string;
+    IF_YOU_MADE_THIS_CHANGE: string;
+    I_DIDNT_MAKE_THIS_CHANGE: string;
+    EMAIL_SENT_BY: string;
+    IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: string;
+    POWERED_BY_BETTER_AUTH: string;
+};
+export type PasswordChangedEmailLocalization = typeof passwordChangedEmailLocalization;
+export interface PasswordChangedEmailProps {
+    email?: string;
+    timestamp?: string;
+    secureAccountURL?: string;
+    appName?: string;
+    supportEmail?: string;
+    logoURL?: string | {
+        light: string;
+        dark: string;
+    };
+    classNames?: EmailClassNames;
+    colors?: EmailColors;
+    poweredBy?: boolean;
+    darkMode?: boolean;
+    head?: JSX.Element;
+    localization?: Partial<PasswordChangedEmailLocalization>;
+}
+export declare function PasswordChangedEmail(props: PasswordChangedEmailProps): JSX.Element;
+export declare namespace PasswordChangedEmail {
+    var localization: {
+        YOUR_PASSWORD_HAS_BEEN_CHANGED: string;
+        LOGO: string;
+        PASSWORD_CHANGED_SUCCESSFULLY: string;
+        PASSWORD_FOR_YOUR_ACCOUNT_CHANGED: string;
+        CHANGED_AT: string;
+        IF_YOU_MADE_THIS_CHANGE: string;
+        I_DIDNT_MAKE_THIS_CHANGE: string;
+        EMAIL_SENT_BY: string;
+        IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: string;
+        POWERED_BY_BETTER_AUTH: string;
+    };
+    var PreviewProps: {
+        email: string;
+        timestamp: string;
+        secureAccountURL: string;
+        appName: string;
+        supportEmail: string;
+        darkMode: true;
+    };
+}
+export default PasswordChangedEmail;

package/dist/components/auth/email/password-changed.js

@@ -0,0 +1,236 @@
+import e from "./email-styles.js";
+import { createComponent as t, ssr as n } from "solid-js/web";
+import { Body as r, Button as i, Container as a, Head as o, Heading as s, Hr as c, Html as l, Img as u, Preview as d, Section as f, Tailwind as p, Text as m } from "@solidjs-email/main";
+import { Show as h } from "solid-js";
+//#region src/components/auth/email/password-changed.tsx
+var g = "<meta content=\"light dark\" name=\"color-scheme\">", _ = "<meta content=\"light dark\" name=\"supported-color-schemes\">";
+function v(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var y = {
+	YOUR_PASSWORD_HAS_BEEN_CHANGED: "Your password has been changed",
+	LOGO: "Logo",
+	PASSWORD_CHANGED_SUCCESSFULLY: "Password changed successfully",
+	PASSWORD_FOR_YOUR_ACCOUNT_CHANGED: "The password for your {appName} account {userEmail} has been changed successfully.",
+	CHANGED_AT: "Changed at",
+	IF_YOU_MADE_THIS_CHANGE: "If you made this change, you can safely ignore this email. Your account is secure.",
+	I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+};
+function b(e) {
+	return e.replace(/\s{2,}/g, " ").replace(" .", ".");
+}
+function x(y) {
+	let S = () => y.darkMode ?? !0, C = () => ({
+		...x.localization,
+		...y.localization
+	}), w = () => b(C().PASSWORD_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", y.appName || "").replace("{userEmail}", y.email || "")), T = () => b(C().IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", y.supportEmail || ""));
+	return t(l, { get children() {
+		return [
+			t(o, { get children() {
+				return [
+					n(g),
+					n(_),
+					t(e, {
+						get colors() {
+							return y.colors;
+						},
+						get darkMode() {
+							return S();
+						}
+					}),
+					y.head
+				];
+			} }),
+			t(d, { get children() {
+				return C().YOUR_PASSWORD_HAS_BEEN_CHANGED;
+			} }),
+			t(p, { get children() {
+				return t(r, {
+					get class() {
+						return v("bg-background", y.classNames?.body);
+					},
+					style: { "font-family": "Arial, Helvetica, sans-serif" },
+					get children() {
+						return t(a, {
+							get class() {
+								return v("mx-auto my-auto max-w-xl px-2 py-10", y.classNames?.container);
+							},
+							get children() {
+								return t(f, {
+									get class() {
+										return v("rounded-none border border-border bg-card p-8 text-card-foreground", y.classNames?.card);
+									},
+									get children() {
+										return [
+											y.logoURL && (typeof y.logoURL == "string" ? t(u, {
+												get alt() {
+													return y.appName || C().LOGO;
+												},
+												get class() {
+													return v("mx-auto mb-8", y.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return y.logoURL;
+												},
+												width: 48
+											}) : [t(u, {
+												get alt() {
+													return y.appName || C().LOGO;
+												},
+												get class() {
+													return v("logo-light mx-auto mb-8", y.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return y.logoURL.light;
+												},
+												width: 48
+											}), t(u, {
+												get alt() {
+													return y.appName || C().LOGO;
+												},
+												get class() {
+													return v("logo-dark hidden mx-auto mb-8", y.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return y.logoURL.dark;
+												},
+												width: 48
+											})]),
+											t(s, {
+												get class() {
+													return v("m-0 mb-5 font-semibold text-2xl", y.classNames?.title);
+												},
+												get children() {
+													return C().PASSWORD_CHANGED_SUCCESSFULLY;
+												}
+											}),
+											t(m, {
+												get class() {
+													return v("font-normal text-sm", y.classNames?.content);
+												},
+												get children() {
+													return w();
+												}
+											}),
+											t(h, {
+												get when() {
+													return y.timestamp;
+												},
+												children: (e) => t(f, {
+													get class() {
+														return v("my-6 border border-border bg-muted p-4", y.classNames?.codeBlock);
+													},
+													get children() {
+														return [t(m, {
+															get class() {
+																return v("m-0 mb-2 text-muted-foreground text-xs", y.classNames?.description);
+															},
+															get children() {
+																return [C().CHANGED_AT, ":"];
+															}
+														}), t(m, {
+															get class() {
+																return v("m-0 font-semibold text-sm", y.classNames?.content);
+															},
+															get children() {
+																return e();
+															}
+														})];
+													}
+												})
+											}),
+											t(m, {
+												get class() {
+													return v("font-normal text-sm", y.classNames?.content);
+												},
+												get children() {
+													return C().IF_YOU_MADE_THIS_CHANGE;
+												}
+											}),
+											t(h, {
+												get when() {
+													return y.secureAccountURL;
+												},
+												children: (e) => t(f, {
+													class: "mt-6",
+													get children() {
+														return t(i, {
+															get class() {
+																return v("inline-block whitespace-nowrap rounded-none bg-primary px-6 py-2.5 font-medium text-primary-foreground text-sm no-underline", y.classNames?.button);
+															},
+															get href() {
+																return e();
+															},
+															get children() {
+																return C().I_DIDNT_MAKE_THIS_CHANGE;
+															}
+														});
+													}
+												})
+											}),
+											t(c, { get class() {
+												return v("my-6 w-full border border-border border-solid", y.classNames?.separator);
+											} }),
+											t(h, {
+												get when() {
+													return y.appName;
+												},
+												children: (e) => t(m, {
+													get class() {
+														return v("mb-3 text-muted-foreground text-xs", y.classNames?.description);
+													},
+													get children() {
+														return C().EMAIL_SENT_BY.replace("{appName}", e());
+													}
+												})
+											}),
+											t(m, {
+												get class() {
+													return v("mt-3 text-muted-foreground text-xs", y.classNames?.description);
+												},
+												get children() {
+													return T();
+												}
+											}),
+											t(h, {
+												get when() {
+													return y.poweredBy;
+												},
+												get children() {
+													return t(m, {
+														get class() {
+															return v("mt-4 mb-0 text-center text-[11px] text-muted-foreground", y.classNames?.poweredBy);
+														},
+														get children() {
+															return C().POWERED_BY_BETTER_AUTH.replace("{betterAuth}", "better-auth");
+														}
+													});
+												}
+											})
+										];
+									}
+								});
+							}
+						});
+					}
+				});
+			} })
+		];
+	} });
+}
+x.localization = y, x.PreviewProps = {
+	email: "m@example.com",
+	timestamp: "February 10, 2025 at 4:20 PM UTC",
+	secureAccountURL: "https://better-auth-ui.com/settings/security",
+	appName: "Better Auth",
+	supportEmail: "support@example.com",
+	darkMode: !0
+};
+//#endregion
+export { x as default };

package/dist/components/auth/email/reset-password.d.ts

@@ -0,0 +1,51 @@
+import { JSX } from 'solid-js';
+import { EmailClassNames, EmailColors } from './email-styles';
+declare const resetPasswordEmailLocalization: {
+    RESET_YOUR_PASSWORD: string;
+    LOGO: string;
+    WE_RECEIVED_REQUEST_TO_RESET_PASSWORD: string;
+    RESET_PASSWORD: string;
+    OR_COPY_AND_PASTE_URL: string;
+    THIS_LINK_EXPIRES_IN_MINUTES: string;
+    EMAIL_SENT_BY: string;
+    IF_YOU_DIDNT_REQUEST_PASSWORD_RESET: string;
+    POWERED_BY_BETTER_AUTH: string;
+};
+export type ResetPasswordEmailLocalization = typeof resetPasswordEmailLocalization;
+export interface ResetPasswordEmailProps {
+    url: string;
+    email?: string;
+    appName?: string;
+    expirationMinutes?: number;
+    logoURL?: string | {
+        light: string;
+        dark: string;
+    };
+    classNames?: EmailClassNames;
+    colors?: EmailColors;
+    poweredBy?: boolean;
+    darkMode?: boolean;
+    head?: JSX.Element;
+    localization?: Partial<ResetPasswordEmailLocalization>;
+}
+export declare function ResetPasswordEmail(props: ResetPasswordEmailProps): JSX.Element;
+export declare namespace ResetPasswordEmail {
+    var localization: {
+        RESET_YOUR_PASSWORD: string;
+        LOGO: string;
+        WE_RECEIVED_REQUEST_TO_RESET_PASSWORD: string;
+        RESET_PASSWORD: string;
+        OR_COPY_AND_PASTE_URL: string;
+        THIS_LINK_EXPIRES_IN_MINUTES: string;
+        EMAIL_SENT_BY: string;
+        IF_YOU_DIDNT_REQUEST_PASSWORD_RESET: string;
+        POWERED_BY_BETTER_AUTH: string;
+    };
+    var PreviewProps: {
+        url: string;
+        email: string;
+        appName: string;
+        darkMode: true;
+    };
+}
+export default ResetPasswordEmail;