@m5kdev/web-ui 0.8.7 → 0.8.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignupRoute.js","names":["WaitlistCard","Card","CardHeader","CardBody","WaitlistCodeValidation","AuthProviders","SignupForm","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,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,CAAC,SAAA,GAAA,KAAA,eAAsB,OAAO;CACpC,MAAM,CAAC,UAAA,GAAA,KAAA,eAAuB,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,iBAAA,GAAA,kBAAA,KAACA,iDAAAA,cAAD,EAAuB,SAAW,CAAA,GAElC,iBAAA,GAAA,kBAAA,MAACC,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,YAAD;GAAY,WAAU;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,iBAAA,GAAA,kBAAA,KAACC,2DAAAA,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,iBAAA,GAAA,kBAAA,KAACC,kDAAAA,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,iBAAA,GAAA,kBAAA,KAACC,oDAAAA,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/SignupRoute.mjs

@@ -2,10 +2,10 @@ import { AuthProviders } from "./AuthProviders.mjs";
 import { SignupForm } from "./SignupFormRoute.mjs";
 import { WaitlistCard } from "./WaitlistCard.mjs";
 import { WaitlistCodeValidation } from "./WaitlistCodeValidation.mjs";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-router";
 import { Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
 import { useQueryState } from "nuqs";
 //#region src/modules/auth/components/SignupRoute.tsx
 function SignupRoute({ providers, useTRPC }) {
@@ -47,7 +47,7 @@ function SignupRoute({ providers, useTRPC }) {
 			children: [
 				t("web-ui:auth.signup.alreadyHaveAccount"),
 				" ",
-				/* @__PURE__ */ jsx(Link, {
+				/* @__PURE__ */ jsx(Link$1, {
 					to: "/login",
 					className: "underline underline-offset-4 hover:text-primary",
 					children: t("web-ui:auth.login.button")

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

@@ -1 +1 @@
-{"version":3,"file":"SignupRoute.mjs","names":[],"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,oBAAC,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}
+{"version":3,"file":"SignupRoute.mjs","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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_PreferencesEditor = require("./PreferencesEditor.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+//#region src/modules/auth/components/UserPreferences.tsx
+function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_PreferencesEditor.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
+exports.UserPreferences = UserPreferences;
+
+//# sourceMappingURL=UserPreferences.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.js","names":["PreferencesEditor"],"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,OAAA,GAAA,cAAA,gBAAqB,SAAS;AAUtC,QACE,iBAAA,GAAA,kBAAA,KAACA,sDAAAA,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/UserPreferences.mjs

@@ -1,6 +1,6 @@
 import { PreferencesEditor } from "./PreferencesEditor.mjs";
-import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 //#region src/modules/auth/components/UserPreferences.tsx
 function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
 	const { t } = useTranslation("web-ui");

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

@@ -0,0 +1,13 @@
+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;
+}
+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

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+let _tanstack_react_query = require("@tanstack/react-query");
+//#region src/modules/auth/components/WaitlistCard.tsx
+function WaitlistCard({ useTRPC }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const trpc = useTRPC();
+	const [email, setEmail] = (0, react.useState)("");
+	const [joined, setJoined] = (0, react.useState)(false);
+	const { mutate } = (0, _tanstack_react_query.useMutation)(trpc.auth.joinWaitlist.mutationOptions());
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		mutate({ email }, {
+			onSuccess: () => {
+				setJoined(true);
+			},
+			onError: (error) => {
+				sonner.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__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+		className: "pt-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+			color: "success",
+			variant: "faded",
+			title: t("web-ui:auth.waitlist.success")
+		})
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+		className: "text-center flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-xl font-semibold",
+			children: t("web-ui:auth.waitlist.title")
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-default-600",
+			children: t("web-ui:auth.waitlist.description")
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		onSubmit: handleSubmit,
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "grid gap-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.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__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+			type: "submit",
+			color: "primary",
+			children: t("web-ui:auth.waitlist.button")
+		})]
+	}) })] });
+}
+//#endregion
+exports.WaitlistCard = WaitlistCard;
+
+//# sourceMappingURL=WaitlistCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCard.js","names":["Card","CardBody","Alert","CardHeader","Input","Button"],"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,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,GAAG;CACtC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,EAAE,YAAA,GAAA,sBAAA,aAAuB,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,WAAA,MAAM,MACJ,iBAAiB,QACb,MAAM,UACN,EAAE,8BAA8B,EAC9B,cAAc,8CACf,CAAC,CACP;;GAEJ,CACF;;AAGH,KAAI,OACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,MAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD;EAAU,WAAU;YAClB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;GAAO,OAAM;GAAU,SAAQ;GAAQ,OAAO,EAAE,+BAA+B;GAAI,CAAA;EAC1E,CAAA,EACN,CAAA;AAIX,QACE,iBAAA,GAAA,kBAAA,MAACF,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACG,cAAAA,YAAD;EAAY,WAAU;YAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aAAyB,EAAE,6BAA6B;GAAK,CAAA,EAC1E,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aAA4B,EAAE,mCAAmC;GAAK,CAAA,CACxE;KACb,iBAAA,GAAA,kBAAA,KAACF,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EAAM,UAAU;EAAc,WAAU;YAAxC,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,KAACG,cAAAA,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,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;GAAQ,MAAK;GAAS,OAAM;aACzB,EAAE,8BAA8B;GAC1B,CAAA,CACJ;KACE,CAAA,CACN,EAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
 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";
 import { useMutation } from "@tanstack/react-query";
 //#region src/modules/auth/components/WaitlistCard.tsx

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

@@ -0,0 +1,15 @@
+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;
+}
+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

@@ -0,0 +1,47 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let _tanstack_react_query = require("@tanstack/react-query");
+//#region src/modules/auth/components/WaitlistCodeValidation.tsx
+function WaitlistCodeValidation({ useTRPC, code }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { data, isLoading, error } = (0, _tanstack_react_query.useQuery)(useTRPC().auth.validateWaitlistCode.queryOptions({ code }));
+	const status = data?.status;
+	const className = "p-1";
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+		className,
+		color: "default",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.validatingCode", { defaultValue: "Validating the invitation code..." })
+	});
+	if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.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__ */ (0, react_jsx_runtime.jsx)(_heroui_react.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__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+			className,
+			color: "danger",
+			variant: "faded",
+			title: message
+		});
+	}
+	return null;
+}
+//#endregion
+exports.WaitlistCodeValidation = WaitlistCodeValidation;
+
+//# sourceMappingURL=WaitlistCodeValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCodeValidation.js","names":["Alert"],"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,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,EAAE,MAAM,WAAW,WAAA,GAAA,sBAAA,UADZ,SAAS,CAEf,KAAK,qBAAqB,aAAa,EAAE,MAAM,CAAC,CACtD;CACD,MAAM,SAAS,MAAM;CAErB,MAAM,YAAY;AAElB,KAAI,UACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,uCAAuC,EAC9C,cAAc,qCACf,CAAC;EACF,CAAA;AAIN,KAAI,MACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,kCAAkC,EACzC,cAAc,2DACf,CAAC;EACF,CAAA;AAIN,KAAI,WAAW,QACb,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,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,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;GAAkB;GAAW,OAAM;GAAS,SAAQ;GAAQ,OAAO;GAAW,CAAA;;AAGvF,QAAO"}

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

@@ -1,6 +1,6 @@
-import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
 import { Alert } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import { useQuery } from "@tanstack/react-query";
 //#region src/modules/auth/components/WaitlistCodeValidation.tsx
 function WaitlistCodeValidation({ useTRPC, code }) {

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

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/modules/billing/components/BillingBetaPage.d.ts
+interface BillingBetaPageProps {
+  appName: string;
+  className?: string;
+  footer?: ReactNode;
+}
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BillingBetaPage.js","names":["cn","Badge","Separator","Card","CardHeader","Sparkles","CardTitle","CardDescription","CardContent","CheckCircle2","Clock3","Bell"],"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/BillingBetaPage.mjs

@@ -2,9 +2,9 @@ import { cn } from "../../../lib/utils.mjs";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card.mjs";
 import { Separator } from "../../../components/ui/separator.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Bell, CheckCircle2, Clock3, Sparkles } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/modules/billing/components/BillingBetaPage.tsx
 function BillingBetaPage({ appName, className, footer }) {
 	const { t } = useTranslation("web-ui");

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

@@ -0,0 +1,15 @@
+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;
+}
+declare function BillingInvoicePage({
+  useTRPC,
+  serverUrl
+}: BillingInvoicePageProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingInvoicePage };
+//# sourceMappingURL=BillingInvoicePage.d.ts.map