@better-auth-ui/solid 1.6.19

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

@@ -0,0 +1,212 @@
+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, Link as d, Preview as f, Section as p, Tailwind as m, Text as h } from "@solidjs-email/main";
+import { Show as g } from "solid-js";
+//#region src/components/auth/email/email-verification.tsx
+var _ = "<meta content=\"light dark\" name=\"color-scheme\">", v = "<meta content=\"light dark\" name=\"supported-color-schemes\">";
+function y(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var b = {
+	VERIFY_YOUR_EMAIL_ADDRESS: "Verify your email address",
+	LOGO: "Logo",
+	CLICK_BUTTON_TO_VERIFY_EMAIL: "Click the button below to verify your email address {emailAddress} for your {appName} account.",
+	VERIFY_EMAIL_ADDRESS: "Verify email address",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_LINK_EXPIRES_IN_MINUTES: "This link 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 x(e) {
+	return e.replace(/\s{2,}/g, " ").replace(" .", ".");
+}
+function S(b) {
+	let C = () => b.expirationMinutes ?? 60, w = () => b.darkMode ?? !0, T = () => ({
+		...S.localization,
+		...b.localization
+	}), E = () => x(T().CLICK_BUTTON_TO_VERIFY_EMAIL.replace("{appName}", b.appName || "").replace("{emailAddress}", b.email || ""));
+	return t(l, { get children() {
+		return [
+			t(o, { get children() {
+				return [
+					n(_),
+					n(v),
+					t(e, {
+						get colors() {
+							return b.colors;
+						},
+						get darkMode() {
+							return w();
+						}
+					}),
+					b.head
+				];
+			} }),
+			t(f, { get children() {
+				return T().VERIFY_YOUR_EMAIL_ADDRESS;
+			} }),
+			t(m, { get children() {
+				return t(r, {
+					get class() {
+						return y("bg-background", b.classNames?.body);
+					},
+					style: { "font-family": "Arial, Helvetica, sans-serif" },
+					get children() {
+						return t(a, {
+							get class() {
+								return y("mx-auto my-auto max-w-xl px-2 py-10", b.classNames?.container);
+							},
+							get children() {
+								return t(p, {
+									get class() {
+										return y("rounded-none border border-border bg-card p-8 text-card-foreground", b.classNames?.card);
+									},
+									get children() {
+										return [
+											b.logoURL && (typeof b.logoURL == "string" ? t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL;
+												},
+												width: 48
+											}) : [t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("logo-light mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL.light;
+												},
+												width: 48
+											}), t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("logo-dark hidden mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL.dark;
+												},
+												width: 48
+											})]),
+											t(s, {
+												get class() {
+													return y("m-0 mb-5 font-semibold text-2xl", b.classNames?.title);
+												},
+												get children() {
+													return T().VERIFY_EMAIL_ADDRESS;
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("font-normal text-sm", b.classNames?.content);
+												},
+												get children() {
+													return E();
+												}
+											}),
+											t(p, {
+												class: "my-6",
+												get children() {
+													return t(i, {
+														get class() {
+															return y("inline-block whitespace-nowrap rounded-none bg-primary px-6 py-2.5 font-medium text-primary-foreground text-sm no-underline", b.classNames?.button);
+														},
+														get href() {
+															return b.url;
+														},
+														get children() {
+															return T().VERIFY_EMAIL_ADDRESS;
+														}
+													});
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("mb-3 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return T().OR_COPY_AND_PASTE_URL;
+												}
+											}),
+											t(d, {
+												get class() {
+													return y("break-all text-primary text-xs", b.classNames?.link);
+												},
+												get href() {
+													return b.url;
+												},
+												get children() {
+													return b.url;
+												}
+											}),
+											t(c, { get class() {
+												return y("my-6 w-full border border-border border-solid", b.classNames?.separator);
+											} }),
+											t(h, {
+												get class() {
+													return y("mb-3 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return [T().THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", C().toString()), t(g, {
+														get when() {
+															return b.appName;
+														},
+														children: (e) => ` ${T().EMAIL_SENT_BY.replace("{appName}", e())}`
+													})];
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("mt-3 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return T().IF_YOU_DIDNT_REQUEST_THIS_EMAIL;
+												}
+											}),
+											t(g, {
+												get when() {
+													return b.poweredBy;
+												},
+												get children() {
+													return t(h, {
+														get class() {
+															return y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", b.classNames?.poweredBy);
+														},
+														get children() {
+															return T().POWERED_BY_BETTER_AUTH.replace("{betterAuth}", "better-auth");
+														}
+													});
+												}
+											})
+										];
+									}
+								});
+							}
+						});
+					}
+				});
+			} })
+		];
+	} });
+}
+S.localization = b, S.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/verify-email",
+	appName: "Better Auth",
+	email: "m@example.com",
+	darkMode: !0
+};
+//#endregion
+export { S as default };

package/dist/components/auth/email/index.d.ts

@@ -0,0 +1,9 @@
+export * from './email-changed';
+export * from './email-styles';
+export * from './email-verification';
+export * from './magic-link';
+export * from './new-device';
+export * from './organization-invitation';
+export * from './otp-email';
+export * from './password-changed';
+export * from './reset-password';

package/dist/components/auth/email/magic-link.d.ts

@@ -0,0 +1,53 @@
+import { JSX } from 'solid-js';
+import { EmailClassNames, EmailColors } from './email-styles';
+declare const magicLinkEmailLocalization: {
+    SIGN_IN_TO_APP_NAME: string;
+    SIGN_IN_TO_YOUR_ACCOUNT: string;
+    YOUR_ACCOUNT: string;
+    LOGO: string;
+    CLICK_BUTTON_TO_SIGN_IN: string;
+    OR_COPY_AND_PASTE_URL: string;
+    THIS_LINK_EXPIRES_IN_MINUTES: string;
+    EMAIL_SENT_BY: string;
+    IF_YOU_DIDNT_REQUEST_THIS_EMAIL: string;
+    POWERED_BY_BETTER_AUTH: string;
+};
+export type MagicLinkEmailLocalization = typeof magicLinkEmailLocalization;
+export interface MagicLinkEmailProps {
+    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<MagicLinkEmailLocalization>;
+}
+export declare function MagicLinkEmail(props: MagicLinkEmailProps): JSX.Element;
+export declare namespace MagicLinkEmail {
+    var localization: {
+        SIGN_IN_TO_APP_NAME: string;
+        SIGN_IN_TO_YOUR_ACCOUNT: string;
+        YOUR_ACCOUNT: string;
+        LOGO: string;
+        CLICK_BUTTON_TO_SIGN_IN: string;
+        OR_COPY_AND_PASTE_URL: string;
+        THIS_LINK_EXPIRES_IN_MINUTES: string;
+        EMAIL_SENT_BY: string;
+        IF_YOU_DIDNT_REQUEST_THIS_EMAIL: string;
+        POWERED_BY_BETTER_AUTH: string;
+    };
+    var PreviewProps: {
+        url: string;
+        email: string;
+        appName: string;
+        darkMode: true;
+    };
+}
+export default MagicLinkEmail;

package/dist/components/auth/email/magic-link.js

@@ -0,0 +1,213 @@
+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, Link as d, Preview as f, Section as p, Tailwind as m, Text as h } from "@solidjs-email/main";
+import { Show as g } from "solid-js";
+//#region src/components/auth/email/magic-link.tsx
+var _ = "<meta content=\"light dark\" name=\"color-scheme\">", v = "<meta content=\"light dark\" name=\"supported-color-schemes\">";
+function y(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var b = {
+	SIGN_IN_TO_APP_NAME: "Sign in to {appName}",
+	SIGN_IN_TO_YOUR_ACCOUNT: "Sign in to your account",
+	YOUR_ACCOUNT: "your account",
+	LOGO: "Logo",
+	CLICK_BUTTON_TO_SIGN_IN: "Click the button below to sign in to your account {emailAddress}.",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_LINK_EXPIRES_IN_MINUTES: "This link 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 x(e) {
+	return e.replace(/\s{2,}/g, " ").replace(" .", ".");
+}
+function S(b) {
+	let C = () => b.expirationMinutes ?? 5, w = () => b.darkMode ?? !0, T = () => ({
+		...S.localization,
+		...b.localization
+	}), E = () => b.appName ? T().SIGN_IN_TO_APP_NAME.replace("{appName}", b.appName) : T().SIGN_IN_TO_YOUR_ACCOUNT, D = () => x(T().CLICK_BUTTON_TO_SIGN_IN.replace("{emailAddress}", b.email || ""));
+	return t(l, { get children() {
+		return [
+			t(o, { get children() {
+				return [
+					n(_),
+					n(v),
+					t(e, {
+						get colors() {
+							return b.colors;
+						},
+						get darkMode() {
+							return w();
+						}
+					}),
+					b.head
+				];
+			} }),
+			t(f, { get children() {
+				return E();
+			} }),
+			t(m, { get children() {
+				return t(r, {
+					get class() {
+						return y("bg-background", b.classNames?.body);
+					},
+					style: { "font-family": "Arial, Helvetica, sans-serif" },
+					get children() {
+						return t(a, {
+							get class() {
+								return y("mx-auto my-auto max-w-xl px-2 py-10", b.classNames?.container);
+							},
+							get children() {
+								return t(p, {
+									get class() {
+										return y("rounded-none border border-border bg-card p-8 text-card-foreground", b.classNames?.card);
+									},
+									get children() {
+										return [
+											b.logoURL && (typeof b.logoURL == "string" ? t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL;
+												},
+												width: 48
+											}) : [t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("logo-light mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL.light;
+												},
+												width: 48
+											}), t(u, {
+												get alt() {
+													return b.appName || T().LOGO;
+												},
+												get class() {
+													return y("logo-dark hidden mx-auto mb-8", b.classNames?.logo);
+												},
+												height: 48,
+												get src() {
+													return b.logoURL.dark;
+												},
+												width: 48
+											})]),
+											t(s, {
+												get class() {
+													return y("m-0 mb-5 font-semibold text-2xl", b.classNames?.title);
+												},
+												get children() {
+													return E();
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("m-0 font-normal text-sm", b.classNames?.content);
+												},
+												get children() {
+													return D();
+												}
+											}),
+											t(p, {
+												class: "my-6",
+												get children() {
+													return t(i, {
+														get class() {
+															return y("inline-block whitespace-nowrap rounded-none bg-primary px-6 py-2.5 font-medium text-primary-foreground text-sm no-underline", b.classNames?.button);
+														},
+														get href() {
+															return b.url;
+														},
+														get children() {
+															return E();
+														}
+													});
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("m-0 mb-3 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return T().OR_COPY_AND_PASTE_URL;
+												}
+											}),
+											t(d, {
+												get class() {
+													return y("break-all text-primary text-xs", b.classNames?.link);
+												},
+												get href() {
+													return b.url;
+												},
+												get children() {
+													return b.url;
+												}
+											}),
+											t(c, { get class() {
+												return y("my-6 w-full border border-border border-solid", b.classNames?.separator);
+											} }),
+											t(h, {
+												get class() {
+													return y("m-0 mb-3 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return [T().THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", C().toString()), t(g, {
+														get when() {
+															return b.appName;
+														},
+														children: (e) => ` ${T().EMAIL_SENT_BY.replace("{appName}", e())}`
+													})];
+												}
+											}),
+											t(h, {
+												get class() {
+													return y("m-0 text-muted-foreground text-xs", b.classNames?.description);
+												},
+												get children() {
+													return T().IF_YOU_DIDNT_REQUEST_THIS_EMAIL;
+												}
+											}),
+											t(g, {
+												get when() {
+													return b.poweredBy;
+												},
+												get children() {
+													return t(h, {
+														get class() {
+															return y("m-0 mt-4 text-center text-[11px] text-muted-foreground", b.classNames?.poweredBy);
+														},
+														get children() {
+															return T().POWERED_BY_BETTER_AUTH.replace("{betterAuth}", "better-auth");
+														}
+													});
+												}
+											})
+										];
+									}
+								});
+							}
+						});
+					}
+				});
+			} })
+		];
+	} });
+}
+S.localization = b, S.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/verify",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
+};
+//#endregion
+export { S as default };

package/dist/components/auth/email/new-device.d.ts

@@ -0,0 +1,77 @@
+import { JSX } from 'solid-js';
+import { EmailClassNames, EmailColors } from './email-styles';
+export interface DeviceInfo {
+    browser?: string;
+    os?: string;
+    location?: string;
+    ipAddress?: string;
+    timestamp?: string;
+}
+declare const newDeviceEmailLocalization: {
+    NEW_SIGN_IN_DETECTED: string;
+    LOGO: string;
+    NEW_SIGN_IN_TO_YOUR_ACCOUNT: string;
+    DEVICE_DETAILS: string;
+    BROWSER: string;
+    OPERATING_SYSTEM: string;
+    LOCATION: string;
+    IP_ADDRESS: string;
+    TIME: string;
+    IF_THIS_WAS_YOU: string;
+    SECURE_MY_ACCOUNT: string;
+    EMAIL_SENT_BY: string;
+    IF_YOU_DIDNT_SIGN_IN: string;
+    POWERED_BY_BETTER_AUTH: string;
+};
+export type NewDeviceEmailLocalization = typeof newDeviceEmailLocalization;
+export interface NewDeviceEmailProps {
+    userEmail?: string;
+    deviceInfo?: DeviceInfo;
+    secureAccountLink?: string;
+    appName?: string;
+    supportEmail?: string;
+    logoURL?: string | {
+        light: string;
+        dark: string;
+    };
+    classNames?: EmailClassNames;
+    colors?: EmailColors;
+    poweredBy?: boolean;
+    darkMode?: boolean;
+    head?: JSX.Element;
+    localization?: Partial<NewDeviceEmailLocalization>;
+}
+export declare function NewDeviceEmail(props: NewDeviceEmailProps): JSX.Element;
+export declare namespace NewDeviceEmail {
+    var localization: {
+        NEW_SIGN_IN_DETECTED: string;
+        LOGO: string;
+        NEW_SIGN_IN_TO_YOUR_ACCOUNT: string;
+        DEVICE_DETAILS: string;
+        BROWSER: string;
+        OPERATING_SYSTEM: string;
+        LOCATION: string;
+        IP_ADDRESS: string;
+        TIME: string;
+        IF_THIS_WAS_YOU: string;
+        SECURE_MY_ACCOUNT: string;
+        EMAIL_SENT_BY: string;
+        IF_YOU_DIDNT_SIGN_IN: string;
+        POWERED_BY_BETTER_AUTH: string;
+    };
+    var PreviewProps: {
+        userEmail: string;
+        deviceInfo: {
+            browser: string;
+            os: string;
+            location: string;
+            ipAddress: string;
+            timestamp: string;
+        };
+        secureAccountLink: string;
+        appName: string;
+        supportEmail: string;
+        darkMode: true;
+    };
+}
+export default NewDeviceEmail;