@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/modules/auth/components/SignupRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupRoute.js","names":["Link"],"sources":["../../../../../src/modules/auth/components/SignupRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { SignupForm } from \"./SignupFormRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { WaitlistCard } from \"./WaitlistCard\";\r\nimport { WaitlistCodeValidation } from \"./WaitlistCodeValidation\";\r\n\r\ninterface SignupRouteProps {\r\n  providers?: string[];\r\n  useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function SignupRoute({ providers, useTRPC }: SignupRouteProps) {\r\n  const { t } = useTranslation();\r\n\r\n  const [code] = useQueryState(\"code\");\r\n  const [email] = useQueryState(\"email\");\r\n\r\n  const hasWaitlist = !!useTRPC;\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      {hasWaitlist && !code ? (\r\n        <WaitlistCard useTRPC={useTRPC} />\r\n      ) : (\r\n        <Card>\r\n          <CardHeader className=\"text-center flex flex-col gap-1\">\r\n            <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.signup.createAccount\")}</p>\r\n            <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.signup.description\")}</p>\r\n          </CardHeader>\r\n          <CardBody>\r\n            <div className=\"grid gap-6\">\r\n              {hasWaitlist && code && useTRPC && (\r\n                <WaitlistCodeValidation code={code} useTRPC={useTRPC} />\r\n              )}\r\n              <AuthProviders providers={providers} code={code} requestSignUp />\r\n              <SignupForm code={code} email={email} waitlist={hasWaitlist} />\r\n            </div>\r\n          </CardBody>\r\n        </Card>\r\n      )}\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.signup.alreadyHaveAccount\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,YAAY,EAAE,WAAW,WAA6B;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,QAAQ,cAAc,OAAO;CACpC,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,oBAAC,cAAD,EAAuB,SAAW,CAAA,GAElC,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,oBAAC,UAAD,EAAA,UACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,oBAAC,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,oBAAC,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,oBAAC,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,oBAACA,QAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/UserPreferences.d.ts

@@ -1,12 +1,23 @@
-import type { ReactElement } from "react";
-import type { z } from "zod";
-import { type ControlsFor, type UpdatePreferencesOptions } from "./PreferencesEditor";
-export type { ControlDefinition, ControlsFor, PreferenceEditorLabels, UpdatePreferencesOptions, } from "./PreferencesEditor";
-export declare function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({ schema, controls, preferences, isLoading, isPending, updatePreferences, }: {
-    schema: S;
-    controls: ControlsFor<z.infer<S>>;
-    preferences: z.infer<S>;
-    isLoading: boolean;
-    isPending: boolean;
-    updatePreferences: (partialPreferences: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
+import { ControlDefinition, ControlsFor, PreferenceEditorLabels, UpdatePreferencesOptions } from "./PreferencesEditor.js";
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/UserPreferences.d.ts
+declare function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({
+  schema,
+  controls,
+  preferences,
+  isLoading,
+  isPending,
+  updatePreferences
+}: {
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  preferences: z.infer<S>;
+  isLoading: boolean;
+  isPending: boolean;
+  updatePreferences: (partialPreferences: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
 }): ReactElement;
+//#endregion
+export { type ControlDefinition, type ControlsFor, type PreferenceEditorLabels, type UpdatePreferencesOptions, UserPreferences };
+//# sourceMappingURL=UserPreferences.d.ts.map

package/dist/src/modules/auth/components/UserPreferences.js

@@ -1,14 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { PreferencesEditor } from "./PreferencesEditor.js";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { PreferencesEditor, } from "./PreferencesEditor";
-export function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences, }) {
-    const { t } = useTranslation("web-ui");
-    const labels = {
-        title: t("web-ui:preferences.title"),
-        submit: t("web-ui:preferences.submit"),
-        updated: t("web-ui:preferences.updated"),
-        updateError: t("web-ui:preferences.updateError"),
-        loading: t("web-ui:preferences.loading"),
-    };
-    return (_jsx(PreferencesEditor, { schema: schema, controls: controls, values: preferences, isLoading: isLoading, isPending: isPending, labels: labels, updateValues: updatePreferences }));
+//#region src/modules/auth/components/UserPreferences.tsx
+function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
+	const { t } = useTranslation("web-ui");
+	return /* @__PURE__ */ jsx(PreferencesEditor, {
+		schema,
+		controls,
+		values: preferences,
+		isLoading,
+		isPending,
+		labels: {
+			title: t("web-ui:preferences.title"),
+			submit: t("web-ui:preferences.submit"),
+			updated: t("web-ui:preferences.updated"),
+			updateError: t("web-ui:preferences.updateError"),
+			loading: t("web-ui:preferences.loading")
+		},
+		updateValues: updatePreferences
+	});
 }
+//#endregion
+export { UserPreferences };
+
+//# sourceMappingURL=UserPreferences.js.map

package/dist/src/modules/auth/components/UserPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.js","names":[],"sources":["../../../../../src/modules/auth/components/UserPreferences.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { z } from \"zod\";\r\nimport {\r\n  type ControlsFor,\r\n  type PreferenceEditorLabels,\r\n  PreferencesEditor,\r\n  type UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport type {\r\n  ControlDefinition,\r\n  ControlsFor,\r\n  PreferenceEditorLabels,\r\n  UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({\r\n  schema,\r\n  controls,\r\n  preferences,\r\n  isLoading,\r\n  isPending,\r\n  updatePreferences,\r\n}: {\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  preferences: z.infer<S>;\r\n  isLoading: boolean;\r\n  isPending: boolean;\r\n  updatePreferences: (\r\n    partialPreferences: Partial<z.infer<S>>,\r\n    options: UpdatePreferencesOptions\r\n  ) => void;\r\n}): ReactElement {\r\n  const { t } = useTranslation(\"web-ui\");\r\n\r\n  const labels: PreferenceEditorLabels = {\r\n    title: t(\"web-ui:preferences.title\"),\r\n    submit: t(\"web-ui:preferences.submit\"),\r\n    updated: t(\"web-ui:preferences.updated\"),\r\n    updateError: t(\"web-ui:preferences.updateError\"),\r\n    loading: t(\"web-ui:preferences.loading\"),\r\n  };\r\n\r\n  return (\r\n    <PreferencesEditor\r\n      schema={schema}\r\n      controls={controls}\r\n      values={preferences}\r\n      isLoading={isLoading}\r\n      isPending={isPending}\r\n      labels={labels}\r\n      updateValues={updatePreferences}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;AAiBA,SAAgB,gBAAsD,EACpE,QACA,UACA,aACA,WACA,WACA,qBAWe;CACf,MAAM,EAAE,MAAM,eAAe,SAAS;AAUtC,QACE,oBAAC,mBAAD;EACU;EACE;EACV,QAAQ;EACG;EACA;EACX,QAfmC;GACrC,OAAO,EAAE,2BAA2B;GACpC,QAAQ,EAAE,4BAA4B;GACtC,SAAS,EAAE,6BAA6B;GACxC,aAAa,EAAE,iCAAiC;GAChD,SAAS,EAAE,6BAA6B;GACzC;EAUG,cAAc;EACd,CAAA"}

package/dist/src/modules/auth/components/WaitlistCard.d.ts

@@ -1,6 +1,13 @@
-import type { UseBackendTRPC } from "../../../types";
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/WaitlistCard.d.ts
 interface WaitlistCardProps {
-    useTRPC: UseBackendTRPC;
+  useTRPC: UseBackendTRPC;
 }
-export declare function WaitlistCard({ useTRPC }: WaitlistCardProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function WaitlistCard({
+  useTRPC
+}: WaitlistCardProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WaitlistCard };
+//# sourceMappingURL=WaitlistCard.d.ts.map

package/dist/src/modules/auth/components/WaitlistCard.js

@@ -1,32 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
-import { useMutation } from "@tanstack/react-query";
 import { useState } from "react";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-export function WaitlistCard({ useTRPC }) {
-    const { t } = useTranslation();
-    const trpc = useTRPC();
-    const [email, setEmail] = useState("");
-    const [joined, setJoined] = useState(false);
-    const { mutate } = useMutation(trpc.auth.joinWaitlist.mutationOptions());
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        mutate({ email }, {
-            onSuccess: () => {
-                setJoined(true);
-            },
-            onError: (error) => {
-                toast.error(error instanceof Error
-                    ? error.message
-                    : t("web-ui:auth.waitlist.error", {
-                        defaultValue: "Failed to join waitlist. Please try again.",
-                    }));
-            },
-        });
-    };
-    if (joined) {
-        return (_jsx(Card, { children: _jsx(CardBody, { className: "pt-6", children: _jsx(Alert, { color: "success", variant: "faded", title: t("web-ui:auth.waitlist.success") }) }) }));
-    }
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "text-center flex flex-col gap-1", children: [_jsx("p", { className: "text-xl font-semibold", children: t("web-ui:auth.waitlist.title") }), _jsx("p", { className: "text-sm text-default-600", children: t("web-ui:auth.waitlist.description") })] }), _jsx(CardBody, { children: _jsxs("form", { onSubmit: handleSubmit, className: "grid gap-6", children: [_jsx("div", { className: "grid gap-2", children: _jsx(Input, { type: "email", label: t("web-ui:auth.waitlist.email"), labelPlacement: "outside", placeholder: t("web-ui:auth.waitlist.placeholder.email"), isRequired: true, variant: "bordered", value: email, onChange: (e) => setEmail(e.target.value) }) }), _jsx(Button, { type: "submit", color: "primary", children: t("web-ui:auth.waitlist.button") })] }) })] }));
+import { useMutation } from "@tanstack/react-query";
+//#region src/modules/auth/components/WaitlistCard.tsx
+function WaitlistCard({ useTRPC }) {
+	const { t } = useTranslation();
+	const trpc = useTRPC();
+	const [email, setEmail] = useState("");
+	const [joined, setJoined] = useState(false);
+	const { mutate } = useMutation(trpc.auth.joinWaitlist.mutationOptions());
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		mutate({ email }, {
+			onSuccess: () => {
+				setJoined(true);
+			},
+			onError: (error) => {
+				toast.error(error instanceof Error ? error.message : t("web-ui:auth.waitlist.error", { defaultValue: "Failed to join waitlist. Please try again." }));
+			}
+		});
+	};
+	if (joined) return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, {
+		className: "pt-6",
+		children: /* @__PURE__ */ jsx(Alert, {
+			color: "success",
+			variant: "faded",
+			title: t("web-ui:auth.waitlist.success")
+		})
+	}) });
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+		className: "text-center flex flex-col gap-1",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-xl font-semibold",
+			children: t("web-ui:auth.waitlist.title")
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-default-600",
+			children: t("web-ui:auth.waitlist.description")
+		})]
+	}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit,
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grid gap-2",
+			children: /* @__PURE__ */ jsx(Input, {
+				type: "email",
+				label: t("web-ui:auth.waitlist.email"),
+				labelPlacement: "outside",
+				placeholder: t("web-ui:auth.waitlist.placeholder.email"),
+				isRequired: true,
+				variant: "bordered",
+				value: email,
+				onChange: (e) => setEmail(e.target.value)
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			color: "primary",
+			children: t("web-ui:auth.waitlist.button")
+		})]
+	}) })] });
 }
+//#endregion
+export { WaitlistCard };
+
+//# sourceMappingURL=WaitlistCard.js.map

package/dist/src/modules/auth/components/WaitlistCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCard.js","names":[],"sources":["../../../../../src/modules/auth/components/WaitlistCard.tsx"],"sourcesContent":["import { Alert, Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { useMutation } from \"@tanstack/react-query\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface WaitlistCardProps {\r\n  useTRPC: UseBackendTRPC;\r\n}\r\n\r\nexport function WaitlistCard({ useTRPC }: WaitlistCardProps) {\r\n  const { t } = useTranslation();\r\n  const trpc = useTRPC();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [joined, setJoined] = useState(false);\r\n\r\n  const { mutate } = useMutation(trpc.auth.joinWaitlist.mutationOptions());\r\n\r\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n    e.preventDefault();\r\n    mutate(\r\n      { email },\r\n      {\r\n        onSuccess: () => {\r\n          setJoined(true);\r\n        },\r\n        onError: (error) => {\r\n          toast.error(\r\n            error instanceof Error\r\n              ? error.message\r\n              : t(\"web-ui:auth.waitlist.error\", {\r\n                  defaultValue: \"Failed to join waitlist. Please try again.\",\r\n                })\r\n          );\r\n        },\r\n      }\r\n    );\r\n  };\r\n\r\n  if (joined) {\r\n    return (\r\n      <Card>\r\n        <CardBody className=\"pt-6\">\r\n          <Alert color=\"success\" variant=\"faded\" title={t(\"web-ui:auth.waitlist.success\")} />\r\n        </CardBody>\r\n      </Card>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Card>\r\n      <CardHeader className=\"text-center flex flex-col gap-1\">\r\n        <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.waitlist.title\")}</p>\r\n        <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.waitlist.description\")}</p>\r\n      </CardHeader>\r\n      <CardBody>\r\n        <form onSubmit={handleSubmit} className=\"grid gap-6\">\r\n          <div className=\"grid gap-2\">\r\n            <Input\r\n              type=\"email\"\r\n              label={t(\"web-ui:auth.waitlist.email\")}\r\n              labelPlacement=\"outside\"\r\n              placeholder={t(\"web-ui:auth.waitlist.placeholder.email\")}\r\n              isRequired\r\n              variant=\"bordered\"\r\n              value={email}\r\n              onChange={(e) => setEmail(e.target.value)}\r\n            />\r\n          </div>\r\n          <Button type=\"submit\" color=\"primary\">\r\n            {t(\"web-ui:auth.waitlist.button\")}\r\n          </Button>\r\n        </form>\r\n      </CardBody>\r\n    </Card>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAWA,SAAgB,aAAa,EAAE,WAA8B;CAC3D,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,EAAE,WAAW,YAAY,KAAK,KAAK,aAAa,iBAAiB,CAAC;CAExE,MAAM,gBAAgB,MAAwC;AAC5D,IAAE,gBAAgB;AAClB,SACE,EAAE,OAAO,EACT;GACE,iBAAiB;AACf,cAAU,KAAK;;GAEjB,UAAU,UAAU;AAClB,UAAM,MACJ,iBAAiB,QACb,MAAM,UACN,EAAE,8BAA8B,EAC9B,cAAc,8CACf,CAAC,CACP;;GAEJ,CACF;;AAGH,KAAI,OACF,QACE,oBAAC,MAAD,EAAA,UACE,oBAAC,UAAD;EAAU,WAAU;YAClB,oBAAC,OAAD;GAAO,OAAM;GAAU,SAAQ;GAAQ,OAAO,EAAE,+BAA+B;GAAI,CAAA;EAC1E,CAAA,EACN,CAAA;AAIX,QACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EAAY,WAAU;YAAtB,CACE,oBAAC,KAAD;GAAG,WAAU;aAAyB,EAAE,6BAA6B;GAAK,CAAA,EAC1E,oBAAC,KAAD;GAAG,WAAU;aAA4B,EAAE,mCAAmC;GAAK,CAAA,CACxE;KACb,oBAAC,UAAD,EAAA,UACE,qBAAC,QAAD;EAAM,UAAU;EAAc,WAAU;YAAxC,CACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IACE,MAAK;IACL,OAAO,EAAE,6BAA6B;IACtC,gBAAe;IACf,aAAa,EAAE,yCAAyC;IACxD,YAAA;IACA,SAAQ;IACR,OAAO;IACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IACzC,CAAA;GACE,CAAA,EACN,oBAAC,QAAD;GAAQ,MAAK;GAAS,OAAM;aACzB,EAAE,8BAA8B;GAC1B,CAAA,CACJ;KACE,CAAA,CACN,EAAA,CAAA"}

package/dist/src/modules/auth/components/WaitlistCodeValidation.d.ts

@@ -1,7 +1,15 @@
-import type { UseBackendTRPC } from "../../../types";
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/WaitlistCodeValidation.d.ts
 interface WaitlistCodeValidationProps {
-    useTRPC: UseBackendTRPC;
-    code: string;
+  useTRPC: UseBackendTRPC;
+  code: string;
 }
-export declare function WaitlistCodeValidation({ useTRPC, code }: WaitlistCodeValidationProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+declare function WaitlistCodeValidation({
+  useTRPC,
+  code
+}: WaitlistCodeValidationProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { WaitlistCodeValidation };
+//# sourceMappingURL=WaitlistCodeValidation.d.ts.map

package/dist/src/modules/auth/components/WaitlistCodeValidation.js

@@ -1,43 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Alert } from "@heroui/react";
-import { useQuery } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-export function WaitlistCodeValidation({ useTRPC, code }) {
-    const { t } = useTranslation();
-    const trpc = useTRPC();
-    const { data, isLoading, error } = useQuery(trpc.auth.validateWaitlistCode.queryOptions({ code }));
-    const status = data?.status;
-    const className = "p-1";
-    if (isLoading) {
-        return (_jsx(Alert, { className: className, color: "default", variant: "faded", title: t("web-ui:auth.waitlist.validatingCode", {
-                defaultValue: "Validating the invitation code...",
-            }) }));
-    }
-    if (error) {
-        return (_jsx(Alert, { className: className, color: "danger", variant: "faded", title: t("web-ui:auth.waitlist.codeError", {
-                defaultValue: "An error occurred while validating the invitation code.",
-            }) }));
-    }
-    if (status === "VALID") {
-        return (_jsx(Alert, { className: className, color: "success", variant: "faded", title: t("web-ui:auth.waitlist.codeValid", {
-                defaultValue: "Invitation code is valid. You can proceed.",
-            }) }));
-    }
-    if (status) {
-        let message = t("web-ui:auth.waitlist.invalidCode", {
-            defaultValue: "Invalid invitation code.",
-        });
-        if (status === "EXPIRED") {
-            message = t("web-ui:auth.waitlist.expiredCode", {
-                defaultValue: "Invitation code has expired.",
-            });
-        }
-        else if (status === "NOT_FOUND") {
-            message = t("web-ui:auth.waitlist.codeNotFound", {
-                defaultValue: "Invitation code not found.",
-            });
-        }
-        return _jsx(Alert, { className: className, color: "danger", variant: "faded", title: message });
-    }
-    return null;
+import { useQuery } from "@tanstack/react-query";
+//#region src/modules/auth/components/WaitlistCodeValidation.tsx
+function WaitlistCodeValidation({ useTRPC, code }) {
+	const { t } = useTranslation();
+	const { data, isLoading, error } = useQuery(useTRPC().auth.validateWaitlistCode.queryOptions({ code }));
+	const status = data?.status;
+	const className = "p-1";
+	if (isLoading) return /* @__PURE__ */ jsx(Alert, {
+		className,
+		color: "default",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.validatingCode", { defaultValue: "Validating the invitation code..." })
+	});
+	if (error) return /* @__PURE__ */ jsx(Alert, {
+		className,
+		color: "danger",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.codeError", { defaultValue: "An error occurred while validating the invitation code." })
+	});
+	if (status === "VALID") return /* @__PURE__ */ jsx(Alert, {
+		className,
+		color: "success",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.codeValid", { defaultValue: "Invitation code is valid. You can proceed." })
+	});
+	if (status) {
+		let message = t("web-ui:auth.waitlist.invalidCode", { defaultValue: "Invalid invitation code." });
+		if (status === "EXPIRED") message = t("web-ui:auth.waitlist.expiredCode", { defaultValue: "Invitation code has expired." });
+		else if (status === "NOT_FOUND") message = t("web-ui:auth.waitlist.codeNotFound", { defaultValue: "Invitation code not found." });
+		return /* @__PURE__ */ jsx(Alert, {
+			className,
+			color: "danger",
+			variant: "faded",
+			title: message
+		});
+	}
+	return null;
 }
+//#endregion
+export { WaitlistCodeValidation };
+
+//# sourceMappingURL=WaitlistCodeValidation.js.map

package/dist/src/modules/auth/components/WaitlistCodeValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCodeValidation.js","names":[],"sources":["../../../../../src/modules/auth/components/WaitlistCodeValidation.tsx"],"sourcesContent":["import { Alert } from \"@heroui/react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport type { UseBackendTRPC } from \"../../../types\";\n\ninterface WaitlistCodeValidationProps {\n  useTRPC: UseBackendTRPC;\n  code: string;\n}\n\nexport function WaitlistCodeValidation({ useTRPC, code }: WaitlistCodeValidationProps) {\n  const { t } = useTranslation();\n  const trpc = useTRPC();\n  const { data, isLoading, error } = useQuery(\n    trpc.auth.validateWaitlistCode.queryOptions({ code })\n  );\n  const status = data?.status;\n\n  const className = \"p-1\";\n\n  if (isLoading) {\n    return (\n      <Alert\n        className={className}\n        color=\"default\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.validatingCode\", {\n          defaultValue: \"Validating the invitation code...\",\n        })}\n      />\n    );\n  }\n\n  if (error) {\n    return (\n      <Alert\n        className={className}\n        color=\"danger\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.codeError\", {\n          defaultValue: \"An error occurred while validating the invitation code.\",\n        })}\n      />\n    );\n  }\n\n  if (status === \"VALID\") {\n    return (\n      <Alert\n        className={className}\n        color=\"success\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.codeValid\", {\n          defaultValue: \"Invitation code is valid. You can proceed.\",\n        })}\n      />\n    );\n  }\n\n  if (status) {\n    let message = t(\"web-ui:auth.waitlist.invalidCode\", {\n      defaultValue: \"Invalid invitation code.\",\n    });\n\n    if (status === \"EXPIRED\") {\n      message = t(\"web-ui:auth.waitlist.expiredCode\", {\n        defaultValue: \"Invitation code has expired.\",\n      });\n    } else if (status === \"NOT_FOUND\") {\n      message = t(\"web-ui:auth.waitlist.codeNotFound\", {\n        defaultValue: \"Invitation code not found.\",\n      });\n    }\n\n    return <Alert className={className} color=\"danger\" variant=\"faded\" title={message} />;\n  }\n\n  return null;\n}\n"],"mappings":";;;;;AAUA,SAAgB,uBAAuB,EAAE,SAAS,QAAqC;CACrF,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,EAAE,MAAM,WAAW,UAAU,SADtB,SAAS,CAEf,KAAK,qBAAqB,aAAa,EAAE,MAAM,CAAC,CACtD;CACD,MAAM,SAAS,MAAM;CAErB,MAAM,YAAY;AAElB,KAAI,UACF,QACE,oBAAC,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,uCAAuC,EAC9C,cAAc,qCACf,CAAC;EACF,CAAA;AAIN,KAAI,MACF,QACE,oBAAC,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,kCAAkC,EACzC,cAAc,2DACf,CAAC;EACF,CAAA;AAIN,KAAI,WAAW,QACb,QACE,oBAAC,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,kCAAkC,EACzC,cAAc,8CACf,CAAC;EACF,CAAA;AAIN,KAAI,QAAQ;EACV,IAAI,UAAU,EAAE,oCAAoC,EAClD,cAAc,4BACf,CAAC;AAEF,MAAI,WAAW,UACb,WAAU,EAAE,oCAAoC,EAC9C,cAAc,gCACf,CAAC;WACO,WAAW,YACpB,WAAU,EAAE,qCAAqC,EAC/C,cAAc,8BACf,CAAC;AAGJ,SAAO,oBAAC,OAAD;GAAkB;GAAW,OAAM;GAAS,SAAQ;GAAQ,OAAO;GAAW,CAAA;;AAGvF,QAAO"}

package/dist/src/modules/billing/components/BillingBetaPage.d.ts

@@ -1,8 +1,17 @@
-import type { ReactNode } from "react";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/billing/components/BillingBetaPage.d.ts
 interface BillingBetaPageProps {
-    appName: string;
-    className?: string;
-    footer?: ReactNode;
+  appName: string;
+  className?: string;
+  footer?: ReactNode;
 }
-export declare function BillingBetaPage({ appName, className, footer }: BillingBetaPageProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function BillingBetaPage({
+  appName,
+  className,
+  footer
+}: BillingBetaPageProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingBetaPage };
+//# sourceMappingURL=BillingBetaPage.d.ts.map

package/dist/src/modules/billing/components/BillingBetaPage.js

@@ -1,11 +1,158 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card.js";
+import { Separator } from "../../../components/ui/separator.js";
+import { Badge } from "../../../components/ui/badge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Bell, CheckCircle2, Clock3, Sparkles } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { Badge } from "../../../components/ui/badge";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card";
-import { Separator } from "../../../components/ui/separator";
-import { cn } from "../../../lib/utils";
-export function BillingBetaPage({ appName, className, footer }) {
-    const { t } = useTranslation("web-ui");
-    return (_jsxs("div", { className: cn("mx-auto max-w-5xl px-4 py-12 md:py-16", className), children: [_jsxs("div", { className: "flex flex-col items-center text-center gap-4", children: [_jsx(Badge, { variant: "secondary", className: "uppercase tracking-wide", children: t("billing.beta.badge") }), _jsxs("div", { className: "space-y-3", children: [_jsx("h1", { className: "text-3xl md:text-4xl font-semibold tracking-tight", children: t("billing.title") }), _jsx("p", { className: "text-muted-foreground max-w-2xl", children: t("billing.subtitle", { appName }) })] })] }), _jsx(Separator, { className: "my-8" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-green-600 dark:text-green-500", children: [_jsx(Sparkles, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.free.title") })] }), _jsx(CardDescription, { children: t("billing.card.free.description") })] }), _jsxs(CardContent, { children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-4xl font-bold tracking-tight", children: t("billing.card.free.price") }), _jsx("span", { className: "text-muted-foreground", children: t("billing.card.free.priceSuffix") })] }), _jsxs("ul", { className: "mt-4 space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.fullAccess")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.noCard")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.riskFree")] })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-blue-600 dark:text-blue-500", children: [_jsx(Clock3, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.progress.title") })] }), _jsx(CardDescription, { children: t("billing.card.progress.description") })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.transparentPlans")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.fairValue")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.simpleBilling")] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-amber-600 dark:text-amber-500", children: [_jsx(Bell, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.notice.title") })] }), _jsx(CardDescription, { children: t("billing.card.notice.description") })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.timeToDecide")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.safeData")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.autoFreeTier")] })] }) })] })] }), footer] }));
+//#region src/modules/billing/components/BillingBetaPage.tsx
+function BillingBetaPage({ appName, className, footer }) {
+	const { t } = useTranslation("web-ui");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("mx-auto max-w-5xl px-4 py-12 md:py-16", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center text-center gap-4",
+				children: [/* @__PURE__ */ jsx(Badge, {
+					variant: "secondary",
+					className: "uppercase tracking-wide",
+					children: t("billing.beta.badge")
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: "text-3xl md:text-4xl font-semibold tracking-tight",
+						children: t("billing.title")
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground max-w-2xl",
+						children: t("billing.subtitle", { appName })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6",
+				children: [
+					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 text-green-600 dark:text-green-500",
+							children: [/* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ jsx(CardTitle, { children: t("billing.card.free.title") })]
+						}), /* @__PURE__ */ jsx(CardDescription, { children: t("billing.card.free.description") })]
+					}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-baseline gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-4xl font-bold tracking-tight",
+							children: t("billing.card.free.price")
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: t("billing.card.free.priceSuffix")
+						})]
+					}), /* @__PURE__ */ jsxs("ul", {
+						className: "mt-4 space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.fullAccess")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.noCard")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.riskFree")
+								]
+							})
+						]
+					})] })] }),
+					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 text-blue-600 dark:text-blue-500",
+							children: [/* @__PURE__ */ jsx(Clock3, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ jsx(CardTitle, { children: t("billing.card.progress.title") })]
+						}), /* @__PURE__ */ jsx(CardDescription, { children: t("billing.card.progress.description") })]
+					}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("ul", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.transparentPlans")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.fairValue")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.simpleBilling")
+								]
+							})
+						]
+					}) })] }),
+					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 text-amber-600 dark:text-amber-500",
+							children: [/* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ jsx(CardTitle, { children: t("billing.card.notice.title") })]
+						}), /* @__PURE__ */ jsx(CardDescription, { children: t("billing.card.notice.description") })]
+					}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("ul", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.timeToDecide")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.safeData")
+								]
+							}),
+							/* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.autoFreeTier")
+								]
+							})
+						]
+					}) })] })
+				]
+			}),
+			footer
+		]
+	});
 }
+//#endregion
+export { BillingBetaPage };
+
+//# sourceMappingURL=BillingBetaPage.js.map

package/dist/src/modules/billing/components/BillingBetaPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingBetaPage.js","names":[],"sources":["../../../../../src/modules/billing/components/BillingBetaPage.tsx"],"sourcesContent":["import { Bell, CheckCircle2, Clock3, Sparkles } from \"lucide-react\";\r\nimport type { ReactNode } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Badge } from \"../../../components/ui/badge\";\r\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"../../../components/ui/card\";\r\nimport { Separator } from \"../../../components/ui/separator\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\ninterface BillingBetaPageProps {\r\n  appName: string;\r\n  className?: string;\r\n  footer?: ReactNode;\r\n}\r\n\r\nexport function BillingBetaPage({ appName, className, footer }: BillingBetaPageProps) {\r\n  const { t } = useTranslation(\"web-ui\");\r\n  return (\r\n    <div className={cn(\"mx-auto max-w-5xl px-4 py-12 md:py-16\", className)}>\r\n      {/* Heading */}\r\n      <div className=\"flex flex-col items-center text-center gap-4\">\r\n        <Badge variant=\"secondary\" className=\"uppercase tracking-wide\">\r\n          {t(\"billing.beta.badge\")}\r\n        </Badge>\r\n        <div className=\"space-y-3\">\r\n          <h1 className=\"text-3xl md:text-4xl font-semibold tracking-tight\">\r\n            {t(\"billing.title\")}\r\n          </h1>\r\n          <p className=\"text-muted-foreground max-w-2xl\">{t(\"billing.subtitle\", { appName })}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <Separator className=\"my-8\" />\r\n\r\n      {/* Info Cards */}\r\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6\">\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-green-600 dark:text-green-500\">\r\n              <Sparkles className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.free.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.free.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <div className=\"flex items-baseline gap-2\">\r\n              <span className=\"text-4xl font-bold tracking-tight\">\r\n                {t(\"billing.card.free.price\")}\r\n              </span>\r\n              <span className=\"text-muted-foreground\">{t(\"billing.card.free.priceSuffix\")}</span>\r\n            </div>\r\n            <ul className=\"mt-4 space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.fullAccess\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.noCard\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.riskFree\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-blue-600 dark:text-blue-500\">\r\n              <Clock3 className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.progress.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.progress.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <ul className=\"space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.transparentPlans\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.fairValue\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.simpleBilling\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-amber-600 dark:text-amber-500\">\r\n              <Bell className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.notice.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.notice.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <ul className=\"space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.timeToDecide\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.safeData\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.autoFreeTier\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n      </div>\r\n\r\n      {footer}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/billing/components/BillingInvoicePage.d.ts

@@ -1,7 +1,15 @@
-import type { UseBackendTRPC } from "../../../types";
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/billing/components/BillingInvoicePage.d.ts
 interface BillingInvoicePageProps {
-    useTRPC: UseBackendTRPC;
-    serverUrl: string;
+  useTRPC: UseBackendTRPC;
+  serverUrl: string;
 }
-export declare function BillingInvoicePage({ useTRPC, serverUrl }: BillingInvoicePageProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function BillingInvoicePage({
+  useTRPC,
+  serverUrl
+}: BillingInvoicePageProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingInvoicePage };
+//# sourceMappingURL=BillingInvoicePage.d.ts.map