npm - @m5kdev/web-ui - Versions diffs - 0.9.1 → 0.9.3 - Mend

@m5kdev/web-ui 0.9.1 → 0.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

package/dist/src/modules/auth/components/ResetPasswordForm.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, useSearchParams } from "react-router";
 import { Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
-import { useTranslation } from "react-i18next";
-import { Link as Link$1, useSearchParams } from "react-router";
 import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
@@ -86,7 +86,7 @@ function ResetPasswordForm() {
 			children: [
 				t("web-ui:auth.forgotPassword.rememberPassword"),
 				" ",
-				/* @__PURE__ */ jsx(Link$1, {
+				/* @__PURE__ */ jsx(Link, {
 					to: "/login",
 					className: "underline underline-offset-4 hover:text-primary",
 					children: t("web-ui:auth.login.button")

package/dist/src/modules/auth/components/ResetPasswordForm.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetPasswordForm.mjs","names":[~~"Link"~~],"sources":["../../../../../src/modules/auth/components/ResetPasswordForm.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useSearchParams } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n password: string;\r\n confirmPassword: string;\r\n};\r\n\r\nexport function ResetPasswordForm() {\r\n const { t } = useTranslation();\r\n const {\r\n register,\r\n handleSubmit,\r\n setError,\r\n formState: { errors },\r\n } = useForm<Inputs>();\r\n const [searchParams] = useSearchParams();\r\n const token = searchParams.get(\"token\");\r\n\r\n const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n if (data.password !== data.confirmPassword) {\r\n setError(\"confirmPassword\", { message: t(\"web-ui:auth.resetPassword.passwordMismatch\") });\r\n return;\r\n }\r\n\r\n if (!token) {\r\n throw new Error(t(\"web-ui:auth.resetPassword.tokenRequired\"));\r\n }\r\n\r\n authClient\r\n .resetPassword({\r\n newPassword: data.password,\r\n token,\r\n })\r\n .then(() => {\r\n toast.success(t(\"web-ui:auth.resetPassword.success\"));\r\n // Optionally, redirect\r\n })\r\n .catch(() => {\r\n toast.error(t(\"web-ui:auth.resetPassword.error\"));\r\n });\r\n };\r\n\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n </CardHeader>\r\n <CardBody className=\"gap-6\">\r\n <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n <div className=\"grid gap-2\">\r\n <Input\r\n labelPlacement=\"outside\"\r\n label={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n placeholder={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n type=\"password\"\r\n variant=\"bordered\"\r\n isRequired\r\n {...register(\"password\", {\r\n required: t(\"web-ui:auth.resetPassword.passwordRequired\"),\r\n })}\r\n />\r\n {errors.password && (\r\n <span className=\"text-red-500 text-xs\">{errors.password.message}</span>\r\n )}\r\n </div>\r\n <div className=\"grid gap-2\">\r\n <Input\r\n labelPlacement=\"outside\"\r\n label={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n placeholder={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n type=\"password\"\r\n variant=\"bordered\"\r\n isRequired\r\n {...register(\"confirmPassword\", {\r\n required: t(\"web-ui:auth.resetPassword.confirmPasswordRequired\"),\r\n })}\r\n />\r\n {errors.confirmPassword && (\r\n <span className=\"text-red-500 text-xs\">{errors.confirmPassword.message}</span>\r\n )}\r\n </div>\r\n <Button type=\"submit\" className=\"w-full\" color=\"primary\">\r\n {t(\"web-ui:auth.resetPassword.button\")}\r\n </Button>\r\n </form>\r\n </CardBody>\r\n </Card>\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\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":";;;;;;;;AAYA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,aACX,SAAiB;CACrB,MAAM,CAAC,gBAAgB,iBAAiB;CACxC,MAAM,QAAQ,aAAa,IAAI,QAAQ;CAEvC,MAAM,YAAmC,SAAS;AAChD,MAAI,KAAK,aAAa,KAAK,iBAAiB;AAC1C,YAAS,mBAAmB,EAAE,SAAS,EAAE,6CAA6C,EAAE,CAAC;AACzF;;AAGF,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,EAAE,0CAA0C,CAAC;AAG/D,aACG,cAAc;GACb,aAAa,KAAK;GAClB;GACD,CAAC,CACD,WAAW;AACV,SAAM,QAAQ,EAAE,oCAAoC,CAAC;IAErD,CACD,YAAY;AACX,SAAM,MAAM,EAAE,kCAAkC,CAAC;IACjD;;AAGN,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD;GAAU,WAAU;aAClB,qBAAC,QAAD;IAAM,UAAU,aAAa,SAAS;IAAE,WAAU;cAAlD;KACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,wCAAwC;OACjD,aAAa,EAAE,wCAAwC;OACvD,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,YAAY,EACvB,UAAU,EAAE,6CAA6C,EAC1D,CAAC;OACF,CAAA,EACD,OAAO,YACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,SAAS;OAAe,CAAA,CAErE;;KACN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,4CAA4C;OACrD,aAAa,EAAE,4CAA4C;OAC3D,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,mBAAmB,EAC9B,UAAU,EAAE,oDAAoD,EACjE,CAAC;OACF,CAAA,EACD,OAAO,mBACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,gBAAgB;OAAe,CAAA,CAE5E;;KACN,oBAAC,QAAD;MAAQ,MAAK;MAAS,WAAU;MAAS,OAAM;gBAC5C,EAAE,mCAAmC;MAC/B,CAAA;KACJ;;GACE,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,~~oBAACA~~,~~QAAD~~;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}
1	+ {"version":3,"file":"ResetPasswordForm.mjs","names":[],"sources":["../../../../../src/modules/auth/components/ResetPasswordForm.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useSearchParams } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n password: string;\r\n confirmPassword: string;\r\n};\r\n\r\nexport function ResetPasswordForm() {\r\n const { t } = useTranslation();\r\n const {\r\n register,\r\n handleSubmit,\r\n setError,\r\n formState: { errors },\r\n } = useForm<Inputs>();\r\n const [searchParams] = useSearchParams();\r\n const token = searchParams.get(\"token\");\r\n\r\n const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n if (data.password !== data.confirmPassword) {\r\n setError(\"confirmPassword\", { message: t(\"web-ui:auth.resetPassword.passwordMismatch\") });\r\n return;\r\n }\r\n\r\n if (!token) {\r\n throw new Error(t(\"web-ui:auth.resetPassword.tokenRequired\"));\r\n }\r\n\r\n authClient\r\n .resetPassword({\r\n newPassword: data.password,\r\n token,\r\n })\r\n .then(() => {\r\n toast.success(t(\"web-ui:auth.resetPassword.success\"));\r\n // Optionally, redirect\r\n })\r\n .catch(() => {\r\n toast.error(t(\"web-ui:auth.resetPassword.error\"));\r\n });\r\n };\r\n\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n </CardHeader>\r\n <CardBody className=\"gap-6\">\r\n <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n <div className=\"grid gap-2\">\r\n <Input\r\n labelPlacement=\"outside\"\r\n label={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n placeholder={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n type=\"password\"\r\n variant=\"bordered\"\r\n isRequired\r\n {...register(\"password\", {\r\n required: t(\"web-ui:auth.resetPassword.passwordRequired\"),\r\n })}\r\n />\r\n {errors.password && (\r\n <span className=\"text-red-500 text-xs\">{errors.password.message}</span>\r\n )}\r\n </div>\r\n <div className=\"grid gap-2\">\r\n <Input\r\n labelPlacement=\"outside\"\r\n label={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n placeholder={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n type=\"password\"\r\n variant=\"bordered\"\r\n isRequired\r\n {...register(\"confirmPassword\", {\r\n required: t(\"web-ui:auth.resetPassword.confirmPasswordRequired\"),\r\n })}\r\n />\r\n {errors.confirmPassword && (\r\n <span className=\"text-red-500 text-xs\">{errors.confirmPassword.message}</span>\r\n )}\r\n </div>\r\n <Button type=\"submit\" className=\"w-full\" color=\"primary\">\r\n {t(\"web-ui:auth.resetPassword.button\")}\r\n </Button>\r\n </form>\r\n </CardBody>\r\n </Card>\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\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":";;;;;;;;AAYA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,aACX,SAAiB;CACrB,MAAM,CAAC,gBAAgB,iBAAiB;CACxC,MAAM,QAAQ,aAAa,IAAI,QAAQ;CAEvC,MAAM,YAAmC,SAAS;AAChD,MAAI,KAAK,aAAa,KAAK,iBAAiB;AAC1C,YAAS,mBAAmB,EAAE,SAAS,EAAE,6CAA6C,EAAE,CAAC;AACzF;;AAGF,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,EAAE,0CAA0C,CAAC;AAG/D,aACG,cAAc;GACb,aAAa,KAAK;GAClB;GACD,CAAC,CACD,WAAW;AACV,SAAM,QAAQ,EAAE,oCAAoC,CAAC;IAErD,CACD,YAAY;AACX,SAAM,MAAM,EAAE,kCAAkC,CAAC;IACjD;;AAGN,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD;GAAU,WAAU;aAClB,qBAAC,QAAD;IAAM,UAAU,aAAa,SAAS;IAAE,WAAU;cAAlD;KACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,wCAAwC;OACjD,aAAa,EAAE,wCAAwC;OACvD,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,YAAY,EACvB,UAAU,EAAE,6CAA6C,EAC1D,CAAC;OACF,CAAA,EACD,OAAO,YACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,SAAS;OAAe,CAAA,CAErE;;KACN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,4CAA4C;OACrD,aAAa,EAAE,4CAA4C;OAC3D,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,mBAAmB,EAC9B,UAAU,EAAE,oDAAoD,EACjE,CAAC;OACF,CAAA,EACD,OAAO,mBACN,oBAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,gBAAgB;OAAe,CAAA,CAE5E;;KACN,oBAAC,QAAD;MAAQ,MAAK;MAAS,WAAU;MAAS,OAAM;gBAC5C,EAAE,mCAAmC;MAC/B,CAAA;KACJ;;GACE,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,oBAAC,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/ResetPasswordRoute.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
 const require_src_modules_auth_components_ResetPasswordForm = require("./ResetPasswordForm.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _heroui_react = require("@heroui/react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
+let _heroui_react = require("@heroui/react");
 //#region src/modules/auth/components/ResetPasswordRoute.tsx
 function ResetPasswordRoute() {
 	const { t } = (0, react_i18next.useTranslation)();

package/dist/src/modules/auth/components/ResetPasswordRoute.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ResetPasswordForm } from "./ResetPasswordForm.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 { useTranslation } from "react-i18next";
-import { Link as Link$1 } from "react-router";
 //#region src/modules/auth/components/ResetPasswordRoute.tsx
 function ResetPasswordRoute() {
 	const { t } = useTranslation();
@@ -22,7 +22,7 @@ function ResetPasswordRoute() {
 			children: [
 				t("web-ui:auth.forgotPassword.rememberPassword"),
 				" ",
-				/* @__PURE__ */ jsx(Link$1, {
+				/* @__PURE__ */ jsx(Link, {
 					to: "/login",
 					className: "underline underline-offset-4 hover:text-primary",
 					children: t("web-ui:auth.login.button")

package/dist/src/modules/auth/components/ResetPasswordRoute.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetPasswordRoute.mjs","names":[~~"Link"~~],"sources":["../../../../../src/modules/auth/components/ResetPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ResetPasswordForm } from \"./ResetPasswordForm\";\r\n\r\nexport function ResetPasswordRoute() {\r\n const { t } = useTranslation();\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n </CardHeader>\r\n <CardBody>\r\n <ResetPasswordForm />\r\n </CardBody>\r\n </Card>\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\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":";;;;;;AAKA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACZ,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,~~oBAACA~~,~~QAAD~~;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}
1	+ {"version":3,"file":"ResetPasswordRoute.mjs","names":[],"sources":["../../../../../src/modules/auth/components/ResetPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ResetPasswordForm } from \"./ResetPasswordForm\";\r\n\r\nexport function ResetPasswordRoute() {\r\n const { t } = useTranslation();\r\n return (\r\n <div className=\"flex flex-col gap-6\">\r\n <Card>\r\n <CardHeader className=\"text-center flex flex-col gap-1\">\r\n <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n </CardHeader>\r\n <CardBody>\r\n <ResetPasswordForm />\r\n </CardBody>\r\n </Card>\r\n <div className=\"text-center text-xs text-muted-foreground\">\r\n {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\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":";;;;;;AAKA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACZ,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,oBAAC,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/SignupFormRoute.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-let _heroui_react = require("@heroui/react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
+let _heroui_react = require("@heroui/react");
 let sonner = require("sonner");
 let react_hook_form = require("react-hook-form");
 let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");

package/dist/src/modules/auth/components/SignupFormRoute.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Input } from "@heroui/react";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate } from "react-router";
+import { Alert, Button, Input } from "@heroui/react";
 import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";

package/dist/src/modules/auth/components/SignupRoute.js CHANGED Viewed

@@ -4,10 +4,10 @@ const require_src_modules_auth_components_AuthProviders = require("./AuthProvide
 const require_src_modules_auth_components_SignupFormRoute = require("./SignupFormRoute.js");
 const require_src_modules_auth_components_WaitlistCard = require("./WaitlistCard.js");
 const require_src_modules_auth_components_WaitlistCodeValidation = require("./WaitlistCodeValidation.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _heroui_react = require("@heroui/react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
+let _heroui_react = require("@heroui/react");
 let nuqs = require("nuqs");
 //#region src/modules/auth/components/SignupRoute.tsx
 function SignupRoute({ providers, useTRPC }) {

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

@@ -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 { 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$1, {
+				/* @__PURE__ */ jsx(Link, {
 					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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
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"}

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

@@ -1,8 +1,8 @@
 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");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/modules/auth/components/UserPreferences.tsx
 function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
 	const { t } = (0, react_i18next.useTranslation)("web-ui");

package/dist/src/modules/auth/components/UserPreferences.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { PreferencesEditor } from "./PreferencesEditor.mjs";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 //#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.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-let _heroui_react = require("@heroui/react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_react = require("@heroui/react");
 let sonner = require("sonner");
 let _tanstack_react_query = require("@tanstack/react-query");
 //#region src/modules/auth/components/WaitlistCard.tsx

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

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
 import { toast } from "sonner";
 import { useMutation } from "@tanstack/react-query";
 //#region src/modules/auth/components/WaitlistCard.tsx

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_react = require("@heroui/react");
-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 }) {

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

@@ -1,6 +1,6 @@
+import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 import { Alert } from "@heroui/react";
-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.mts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/modules/billing/components/BillingBetaPage.d.ts
 interface BillingBetaPageProps {

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

@@ -4,9 +4,9 @@ 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");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/modules/billing/components/BillingBetaPage.tsx
 function BillingBetaPage({ appName, className, footer }) {
 	const { t } = (0, react_i18next.useTranslation)("web-ui");

package/dist/src/modules/billing/components/BillingBetaPage.mjs CHANGED Viewed

@@ -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.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
+let lucide_react = require("lucide-react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_react = require("@heroui/react");
-let lucide_react = require("lucide-react");
-let _tanstack_react_query = require("@tanstack/react-query");
 let _m5kdev_frontend_modules_billing_hooks_useSubscription = require("@m5kdev/frontend/modules/billing/hooks/useSubscription");
+let _tanstack_react_query = require("@tanstack/react-query");
 //#region src/modules/billing/components/BillingInvoicePage.tsx
 function BillingInvoicePage({ useTRPC, serverUrl }) {
 	const { data: invoices, isLoading } = (0, _tanstack_react_query.useQuery)(useTRPC().billing.listInvoices.queryOptions());

package/dist/src/modules/billing/components/BillingInvoicePage.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
+import { AlertCircle, CheckCircle2, ExternalLink } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
-import { AlertCircle, CheckCircle2, ExternalLink } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
 import { useSubscription } from "@m5kdev/frontend/modules/billing/hooks/useSubscription";
+import { useQuery } from "@tanstack/react-query";
 //#region src/modules/billing/components/BillingInvoicePage.tsx
 function BillingInvoicePage({ useTRPC, serverUrl }) {
 	const { data: invoices, isLoading } = useQuery(useTRPC().billing.listInvoices.queryOptions());

package/dist/src/modules/billing/components/BillingSinglePlanSelect.js CHANGED Viewed

@@ -3,12 +3,12 @@ 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_tabs = require("../../../components/ui/tabs.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _heroui_react = require("@heroui/react");
 let lucide_react = require("lucide-react");
+let react = require("react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
+let _heroui_react = require("@heroui/react");
 let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
 //#region src/modules/billing/components/BillingSinglePlanSelect.tsx
 function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Card as Card$1, CardContent, CardDescription, CardFooter, CardHeader as CardHeader$1, CardTitle } from "../../../components/ui/card.mjs";
 import { Tabs, TabsList, TabsTrigger } from "../../../components/ui/tabs.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button } from "@heroui/react";
 import { Check, LogOut } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Link as Link$1, useNavigate } from "react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, useNavigate } from "react-router";
+import { Button } from "@heroui/react";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 //#region src/modules/billing/components/BillingSinglePlanSelect.tsx
 function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
@@ -143,7 +143,7 @@ function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
 						" ",
 						t("common.and", "and"),
 						" ",
-						/* @__PURE__ */ jsx(Link$1, {
+						/* @__PURE__ */ jsx(Link, {
 							to: "/privacy",
 							children: t("common.privacyPolicy", "Privacy Policy")
 						})

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader"~~,"Link"~~],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n plan: StripePlan;\r\n features?: string[];\r\n /** URL for the Terms of Service link. Override for your app's legal page. /\r\n termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n plan,\r\n termsOfServiceUrl,\r\n features = [\r\n \"Unlimited access to all features\",\r\n \"Priority support\",\r\n \"Early access to new features\",\r\n \"Secure data storage\",\r\n \"Cancel anytime\",\r\n ],\r\n}: BillingSinglePlanSelectProps) {\r\n const { t } = useTranslation(\"web-ui\");\r\n const navigate = useNavigate();\r\n const [billingInterval, setBillingInterval] = useState<\"monthly\" \| \"annually\">(\"annually\");\r\n\r\n const handleLogout = async () => {\r\n await authClient.signOut();\r\n navigate(\"/login\");\r\n };\r\n\r\n const isAnnual = billingInterval === \"annually\";\r\n const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n // Fallback if no annual price ID exists\r\n const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n const priceDisplay = {\r\n monthly: {\r\n amount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month\",\r\n },\r\n annually: {\r\n amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n originalAmount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month, billed annually\",\r\n discountLabel: plan.annualPriceUnitAmount\r\n ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) 100).toFixed(0)}%`\r\n : \"\",\r\n },\r\n };\r\n\r\n return (\r\n <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n <div className=\"flex flex-col items-center gap-8\">\r\n <div className=\"text-center space-y-2\">\r\n <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n </h2>\r\n <p className=\"text-muted-foreground text-lg\">\r\n {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n </p>\r\n </div>\r\n\r\n {hasAnnualOption && (\r\n <Tabs\r\n defaultValue=\"annually\"\r\n value={billingInterval}\r\n onValueChange={(v) => setBillingInterval(v as \"monthly\" \| \"annually\")}\r\n className=\"w-full max-w-xs\"\r\n >\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n <TabsTrigger value=\"annually\" className=\"relative\">\r\n Annually\r\n {priceDisplay.annually.discountLabel && (\r\n <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n {priceDisplay.annually.discountLabel}\r\n </span>\r\n )}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n )}\r\n\r\n <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n <CardHeader>\r\n <CardTitle className=\"flex justify-between items-start\">\r\n <span className=\"text-xl font-bold\">{plan.name}</span>\r\n </CardTitle>\r\n <CardDescription>\r\n {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n </CardDescription>\r\n </CardHeader>\r\n\r\n <CardContent className=\"space-y-6\">\r\n <div className=\"flex items-baseline gap-1\">\r\n <span className=\"text-4xl font-bold\">\r\n {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n </span>\r\n <span className=\"text-muted-foreground\">\r\n {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n </span>\r\n </div>\r\n\r\n {isAnnual && priceDisplay.annually.originalAmount && (\r\n <p className=\"text-sm text-green-500 line-through\">\r\n {\" \"}\r\n {priceDisplay.annually.originalAmount} / month\r\n </p>\r\n )}\r\n\r\n <div className=\"space-y-3\">\r\n {features.map((feature) => (\r\n <div key={feature} className=\"flex items-center gap-2\">\r\n <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n <Check className=\"h-3 w-3 text-primary\" />\r\n </div>\r\n <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </CardContent>\r\n\r\n <CardFooter>\r\n <Button\r\n className=\"w-full\"\r\n color=\"primary\"\r\n size=\"lg\"\r\n as=\"a\"\r\n href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n >\r\n {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n\r\n <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n {t(\"common.termsOfService\", \"Terms of Service\")}\r\n </a>{\" \"}\r\n {t(\"common.and\", \"and\")}{\" \"}\r\n <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"fixed bottom-4 left-4\">\r\n <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n <LogOut className=\"h-4 w-4\" />\r\n {t(\"sidebar.user.logout\", \"Log out\")}\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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~~oBAACC~~,~~QAAD~~;OAAM,IAAG;iBAAY,EAAE,wBAAwB,iBAAiB;OAAQ,CAAA;MACpE;;IACF;MAEN,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,QAAD;IAAQ,SAAQ;IAAQ,SAAS;IAAc,WAAU;cAAzD,CACE,oBAAC,QAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAE,uBAAuB,UAAU,CAC7B;;GACL,CAAA,CACF"}
1	+ {"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader"],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n plan: StripePlan;\r\n features?: string[];\r\n /** URL for the Terms of Service link. Override for your app's legal page. /\r\n termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n plan,\r\n termsOfServiceUrl,\r\n features = [\r\n \"Unlimited access to all features\",\r\n \"Priority support\",\r\n \"Early access to new features\",\r\n \"Secure data storage\",\r\n \"Cancel anytime\",\r\n ],\r\n}: BillingSinglePlanSelectProps) {\r\n const { t } = useTranslation(\"web-ui\");\r\n const navigate = useNavigate();\r\n const [billingInterval, setBillingInterval] = useState<\"monthly\" \| \"annually\">(\"annually\");\r\n\r\n const handleLogout = async () => {\r\n await authClient.signOut();\r\n navigate(\"/login\");\r\n };\r\n\r\n const isAnnual = billingInterval === \"annually\";\r\n const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n // Fallback if no annual price ID exists\r\n const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n const priceDisplay = {\r\n monthly: {\r\n amount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month\",\r\n },\r\n annually: {\r\n amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n originalAmount: `$${priceUnitAmount / 100}`,\r\n label: \"/ month, billed annually\",\r\n discountLabel: plan.annualPriceUnitAmount\r\n ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) 100).toFixed(0)}%`\r\n : \"\",\r\n },\r\n };\r\n\r\n return (\r\n <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n <div className=\"flex flex-col items-center gap-8\">\r\n <div className=\"text-center space-y-2\">\r\n <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n </h2>\r\n <p className=\"text-muted-foreground text-lg\">\r\n {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n </p>\r\n </div>\r\n\r\n {hasAnnualOption && (\r\n <Tabs\r\n defaultValue=\"annually\"\r\n value={billingInterval}\r\n onValueChange={(v) => setBillingInterval(v as \"monthly\" \| \"annually\")}\r\n className=\"w-full max-w-xs\"\r\n >\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n <TabsTrigger value=\"annually\" className=\"relative\">\r\n Annually\r\n {priceDisplay.annually.discountLabel && (\r\n <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n {priceDisplay.annually.discountLabel}\r\n </span>\r\n )}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n )}\r\n\r\n <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n <CardHeader>\r\n <CardTitle className=\"flex justify-between items-start\">\r\n <span className=\"text-xl font-bold\">{plan.name}</span>\r\n </CardTitle>\r\n <CardDescription>\r\n {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n </CardDescription>\r\n </CardHeader>\r\n\r\n <CardContent className=\"space-y-6\">\r\n <div className=\"flex items-baseline gap-1\">\r\n <span className=\"text-4xl font-bold\">\r\n {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n </span>\r\n <span className=\"text-muted-foreground\">\r\n {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n </span>\r\n </div>\r\n\r\n {isAnnual && priceDisplay.annually.originalAmount && (\r\n <p className=\"text-sm text-green-500 line-through\">\r\n {\" \"}\r\n {priceDisplay.annually.originalAmount} / month\r\n </p>\r\n )}\r\n\r\n <div className=\"space-y-3\">\r\n {features.map((feature) => (\r\n <div key={feature} className=\"flex items-center gap-2\">\r\n <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n <Check className=\"h-3 w-3 text-primary\" />\r\n </div>\r\n <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </CardContent>\r\n\r\n <CardFooter>\r\n <Button\r\n className=\"w-full\"\r\n color=\"primary\"\r\n size=\"lg\"\r\n as=\"a\"\r\n href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n >\r\n {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n\r\n <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n {t(\"common.termsOfService\", \"Terms of Service\")}\r\n </a>{\" \"}\r\n {t(\"common.and\", \"and\")}{\" \"}\r\n <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"fixed bottom-4 left-4\">\r\n <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n <LogOut className=\"h-4 w-4\" />\r\n {t(\"sidebar.user.logout\", \"Log out\")}\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/table/components/ColumnOrderAndVisibility.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("../../../components/ui/button.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
 let lucide_react = require("lucide-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _dnd_kit_core = require("@dnd-kit/core");
 let _dnd_kit_sortable = require("@dnd-kit/sortable");
 let _dnd_kit_utilities = require("@dnd-kit/utilities");

package/dist/src/modules/table/components/ColumnOrderAndVisibility.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Button } from "../../../components/ui/button.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
 import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";

package/dist/src/modules/table/components/NuqsTable.js CHANGED Viewed

@@ -6,10 +6,10 @@ const require_src_modules_table_components_ColumnOrderAndVisibility = require(".
 const require_src_modules_table_components_TableFiltering = require("./TableFiltering.js");
 const require_src_modules_table_components_TableGroupBy = require("./TableGroupBy.js");
 const require_src_modules_table_components_TablePagination = require("./TablePagination.js");
-let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_react = require("@heroui/react");
-let lucide_react = require("lucide-react");
 let _tanstack_react_table = require("@tanstack/react-table");
 //#region src/modules/table/components/NuqsTable.tsx
 function getStorageKey(columnIds) {

package/dist/src/modules/table/components/NuqsTable.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { ColumnOrderAndVisibility } from "./ColumnOrderAndVisibility.mjs";
 import { TableFiltering } from "./TableFiltering.mjs";
 import { TableGroupBy } from "./TableGroupBy.mjs";
 import { TablePagination } from "./TablePagination.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight, ChevronUp, Search } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
-import { ChevronDown, ChevronRight, ChevronUp, Search } from "lucide-react";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getPaginationRowModel, useReactTable } from "@tanstack/react-table";
 //#region src/modules/table/components/NuqsTable.tsx
 function getStorageKey(columnIds) {
@@ -199,7 +199,7 @@ const NuqsTable = ({ data, total, columns, tableProps, showGlobalSearch = false,
 	const [isFiltersOpen, setIsFiltersOpen] = useState(false);
 	const [isColumnsOpen, setIsColumnsOpen] = useState(false);
 	const [isGroupByOpen, setIsGroupByOpen] = useState(false);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs("div", {
 			className: "flex w-full flex-wrap items-center justify-between gap-2",
 			children: [/* @__PURE__ */ jsx("div", {
@@ -297,7 +297,7 @@ const NuqsTable = ({ data, total, columns, tableProps, showGlobalSearch = false,
 			}
 		}) }), table.getHeaderGroups()[0].headers.map((header) => /* @__PURE__ */ jsxs(TableHead, {
 			onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0,
-			children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && /* @__PURE__ */ jsxs(Fragment, { children: [header.column.getIsSorted() === "asc" && /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 inline ml-1" }), header.column.getIsSorted() === "desc" && /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 inline ml-1" })] })]
+			children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && /* @__PURE__ */ jsxs(Fragment$1, { children: [header.column.getIsSorted() === "asc" && /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 inline ml-1" }), header.column.getIsSorted() === "desc" && /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 inline ml-1" })] })]
 		}, header.id))] }) }), /* @__PURE__ */ jsx(TableBody$1, { children: table.getRowModel().rows.map((row) => {
 			if (row.getIsGrouped()) return /* @__PURE__ */ jsxs(TableRow$1, {
 				className: "bg-muted/40 font-medium cursor-pointer hover:bg-muted/60",