@m5kdev/web-ui 0.6.0 → 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAuthRoute.js","names":["Link"],"sources":["../../../../../src/modules/auth/components/ErrorAuthRoute.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { AlertCircle } from \"lucide-react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function ErrorAuthRoute() {\r\n  const { t } = useTranslation();\r\n  const [error] = useQueryState(\"error\");\r\n\r\n  const ErrorEnum = {\r\n    invalid_callback_request: {\r\n      title: \"Invalid callback request\",\r\n      description: \"The callback request is invalid. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    state_not_found: {\r\n      title: \"State not found\",\r\n      description: \"The state was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    account_already_linked_to_different_user: {\r\n      title: \"Account already linked to different user\",\r\n      description: \"The account is already linked to a different user. Please try again.\",\r\n      buttons: [\"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    \"email_doesn't_match\": {\r\n      title: \"Email doesn't match\",\r\n      description: \"The email doesn't match. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    email_not_found: {\r\n      title: \"Email not found\",\r\n      description: \"The email was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    no_callback_url: {\r\n      title: \"No callback URL\",\r\n      description: \"The callback URL is not set. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    no_code: {\r\n      title: \"No code\",\r\n      description: \"The code is not set. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    oauth_provider_not_found: {\r\n      title: \"OAuth provider not found\",\r\n      description: \"The OAuth provider was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    unable_to_link_account: {\r\n      title: \"Unable to link account\",\r\n      description: \"The account could not be linked. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    unable_to_get_user_info: {\r\n      title: \"Unable to get user info\",\r\n      description: \"The user info could not be retrieved. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    state_mismatch: {\r\n      title: \"State mismatch\",\r\n      description: \"The state mismatch. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    signup_disabled: {\r\n      title: \"Signup disabled\",\r\n      description:\r\n        \"The signup is disabled while we are in beta. Please join the waitlist to be notified when we launch.\",\r\n      buttons: [\"signup\"],\r\n      signupLabel: \"Join the waitlist\",\r\n    },\r\n    default: {\r\n      title: \"Authentication Failed\",\r\n      description: \"We encountered an issue with your authentication request\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n  };\r\n\r\n  const errorData = ErrorEnum[error as keyof typeof ErrorEnum] || ErrorEnum.default;\r\n  const { title, description, buttons, signupLabel } = errorData;\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-2 items-center\">\r\n          <AlertCircle className=\"w-10 h-10 text-red-500\" />\r\n          <p className=\"text-xl font-semibold\">{title}</p>\r\n          <p className=\"text-sm text-default-600\">{description}</p>\r\n        </CardHeader>\r\n        <CardBody className=\"flex flex-col gap-4\">\r\n          <div className=\"flex flex-col gap-2\">\r\n            {buttons.includes(\"login\") && (\r\n              <Button as={Link} to=\"/login\" variant=\"bordered\">\r\n                {t(\"web-ui:auth.error.backToLogin\")}\r\n              </Button>\r\n            )}\r\n            {buttons.includes(\"signup\") && (\r\n              <Button as={Link} to=\"/signup\" variant=\"bordered\">\r\n                {signupLabel || t(\"web-ui:auth.error.backToSignup\")}\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiB;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,YAAY;EAChB,0BAA0B;GACxB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,0CAA0C;GACxC,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS;GACnB,aAAa;GACd;EACD,uBAAuB;GACrB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,0BAA0B;GACxB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,wBAAwB;GACtB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,yBAAyB;GACvB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,gBAAgB;GACd,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aACE;GACF,SAAS,CAAC,SAAS;GACnB,aAAa;GACd;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACF;CAGD,MAAM,EAAE,OAAO,aAAa,SAAS,gBADnB,UAAU,UAAoC,UAAU;AAG1E,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,aAAD,EAAa,WAAU,0BAA2B,CAAA;IAClD,oBAAC,KAAD;KAAG,WAAU;eAAyB;KAAU,CAAA;IAChD,oBAAC,KAAD;KAAG,WAAU;eAA4B;KAAgB,CAAA;IAC9C;MACb,oBAAC,UAAD;GAAU,WAAU;aAClB,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,QAAQ,SAAS,QAAQ,IACxB,oBAAC,QAAD;KAAQ,IAAIA;KAAM,IAAG;KAAS,SAAQ;eACnC,EAAE,gCAAgC;KAC5B,CAAA,EAEV,QAAQ,SAAS,SAAS,IACzB,oBAAC,QAAD;KAAQ,IAAIA;KAAM,IAAG;KAAU,SAAQ;eACpC,eAAe,EAAE,iCAAiC;KAC5C,CAAA,CAEP;;GACG,CAAA,CACN,EAAA,CAAA;EACH,CAAA"}

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

@@ -1 +1,7 @@
-export declare function ForgotPasswordForm(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/ForgotPasswordForm.d.ts
+declare function ForgotPasswordForm(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ForgotPasswordForm };
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

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

@@ -1,27 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input } from "@heroui/react";
-import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 import { useState } from "react";
-import { useForm } from "react-hook-form";
+import { Button, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-export function ForgotPasswordForm() {
-    const { t } = useTranslation();
-    const { register, handleSubmit, formState: { errors }, } = useForm();
-    const [isBusy, setIsBusy] = useState(false);
-    const onSubmit = (data) => {
-        setIsBusy(true);
-        authClient
-            .requestPasswordReset({
-            email: data.email,
-            redirectTo: "/reset-password",
-        })
-            .then(() => {
-            toast.success(t("web-ui:auth.forgotPassword.success"));
-        })
-            .catch(() => {
-            toast.error(t("web-ui:auth.forgotPassword.error"));
-        });
-    };
-    return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "grid gap-6", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Input, { labelPlacement: "outside", label: t("web-ui:auth.login.email"), type: "email", placeholder: t("web-ui:auth.login.placeholder.email"), variant: "bordered", isRequired: true, ...register("email", { required: true }) }), errors.email && (_jsx("span", { className: "text-red-500 text-xs", children: t("web-ui:auth.signup.emailRequired") }))] }), _jsx(Button, { type: "submit", className: "w-full", color: "primary", isDisabled: isBusy, children: t("web-ui:auth.forgotPassword.button") })] }));
+import { useForm } from "react-hook-form";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+//#region src/modules/auth/components/ForgotPasswordForm.tsx
+function ForgotPasswordForm() {
+	const { t } = useTranslation();
+	const { register, handleSubmit, formState: { errors } } = useForm();
+	const [isBusy, setIsBusy] = useState(false);
+	const onSubmit = (data) => {
+		setIsBusy(true);
+		authClient.requestPasswordReset({
+			email: data.email,
+			redirectTo: "/reset-password"
+		}).then(() => {
+			toast.success(t("web-ui:auth.forgotPassword.success"));
+		}).catch(() => {
+			toast.error(t("web-ui:auth.forgotPassword.error"));
+		});
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(onSubmit),
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid gap-2",
+			children: [/* @__PURE__ */ jsx(Input, {
+				labelPlacement: "outside",
+				label: t("web-ui:auth.login.email"),
+				type: "email",
+				placeholder: t("web-ui:auth.login.placeholder.email"),
+				variant: "bordered",
+				isRequired: true,
+				...register("email", { required: true })
+			}), errors.email && /* @__PURE__ */ jsx("span", {
+				className: "text-red-500 text-xs",
+				children: t("web-ui:auth.signup.emailRequired")
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			color: "primary",
+			isDisabled: isBusy,
+			children: t("web-ui:auth.forgotPassword.button")
+		})]
+	});
 }
+//#endregion
+export { ForgotPasswordForm };
+
+//# sourceMappingURL=ForgotPasswordForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.js","names":[],"sources":["../../../../../src/modules/auth/components/ForgotPasswordForm.tsx"],"sourcesContent":["import { Button, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useState } from \"react\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  email: string;\r\n};\r\n\r\nexport function ForgotPasswordForm() {\r\n  const { t } = useTranslation();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n\r\n  const [isBusy, setIsBusy] = useState(false);\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    setIsBusy(true);\r\n    authClient\r\n      .requestPasswordReset({\r\n        email: data.email,\r\n        redirectTo: \"/reset-password\",\r\n      })\r\n      .then(() => {\r\n        toast.success(t(\"web-ui:auth.forgotPassword.success\"));\r\n      })\r\n      .catch(() => {\r\n        toast.error(t(\"web-ui:auth.forgotPassword.error\"));\r\n      });\r\n  };\r\n\r\n  return (\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.login.email\")}\r\n          type=\"email\"\r\n          placeholder={t(\"web-ui:auth.login.placeholder.email\")}\r\n          variant=\"bordered\"\r\n          isRequired\r\n          {...register(\"email\", { required: true })}\r\n        />\r\n        {errors.email && (\r\n          <span className=\"text-red-500 text-xs\">{t(\"web-ui:auth.signup.emailRequired\")}</span>\r\n        )}\r\n      </div>\r\n      <Button type=\"submit\" className=\"w-full\" color=\"primary\" isDisabled={isBusy}>\r\n        {t(\"web-ui:auth.forgotPassword.button\")}\r\n      </Button>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAWA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,WAAW,EAAE,aACX,SAAiB;CAErB,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,YAAmC,SAAS;AAChD,YAAU,KAAK;AACf,aACG,qBAAqB;GACpB,OAAO,KAAK;GACZ,YAAY;GACb,CAAC,CACD,WAAW;AACV,SAAM,QAAQ,EAAE,qCAAqC,CAAC;IACtD,CACD,YAAY;AACX,SAAM,MAAM,EAAE,mCAAmC,CAAC;IAClD;;AAGN,QACE,qBAAC,QAAD;EAAM,UAAU,aAAa,SAAS;EAAE,WAAU;YAAlD,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,gBAAe;IACf,OAAO,EAAE,0BAA0B;IACnC,MAAK;IACL,aAAa,EAAE,sCAAsC;IACrD,SAAQ;IACR,YAAA;IACA,GAAI,SAAS,SAAS,EAAE,UAAU,MAAM,CAAC;IACzC,CAAA,EACD,OAAO,SACN,oBAAC,QAAD;IAAM,WAAU;cAAwB,EAAE,mCAAmC;IAAQ,CAAA,CAEnF;MACN,oBAAC,QAAD;GAAQ,MAAK;GAAS,WAAU;GAAS,OAAM;GAAU,YAAY;aAClE,EAAE,oCAAoC;GAChC,CAAA,CACJ"}

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

@@ -1 +1,7 @@
-export declare function ForgotPasswordRoute(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/ForgotPasswordRoute.d.ts
+declare function ForgotPasswordRoute(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ForgotPasswordRoute };
+//# sourceMappingURL=ForgotPasswordRoute.d.ts.map

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

@@ -1,9 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ForgotPasswordForm } from "./ForgotPasswordForm.js";
 import { Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { Link } from "react-router";
-import { ForgotPasswordForm } from "./ForgotPasswordForm";
-export function ForgotPasswordRoute() {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "text-center flex flex-col gap-1", children: [_jsx("p", { className: "text-xl font-semibold", children: t("web-ui:auth.forgotPassword.title") }), _jsx("p", { className: "text-sm text-default-600", children: t("web-ui:auth.forgotPassword.description") })] }), _jsx(CardBody, { children: _jsx(ForgotPasswordForm, {}) })] }), _jsxs("div", { className: "text-center text-xs text-muted-foreground", children: [t("web-ui:auth.forgotPassword.rememberPassword"), " ", _jsx(Link, { to: "/login", className: "underline underline-offset-4 hover:text-primary", children: t("web-ui:auth.login.button") })] })] }));
+import { Link as Link$1 } from "react-router";
+//#region src/modules/auth/components/ForgotPasswordRoute.tsx
+function ForgotPasswordRoute() {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.forgotPassword.title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.forgotPassword.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(ForgotPasswordForm, {}) })] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.forgotPassword.rememberPassword"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
 }
+//#endregion
+export { ForgotPasswordRoute };
+
+//# sourceMappingURL=ForgotPasswordRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordRoute.js","names":["Link"],"sources":["../../../../../src/modules/auth/components/ForgotPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ForgotPasswordForm } from \"./ForgotPasswordForm\";\r\n\r\nexport function ForgotPasswordRoute() {\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          <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.forgotPassword.title\")}</p>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.forgotPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <ForgotPasswordForm />\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,sBAAsB;CACpC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,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,yCAAyC;IAAK,CAAA,CAC9E;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,oBAAD,EAAsB,CAAA,EACb,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"}

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

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

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

@@ -1,74 +1,280 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyButton } from "../../../components/CopyButton.js";
+import { useMemo, useState } from "react";
 import { Button, Card, CardBody, CardHeader, Chip, Input } from "@heroui/react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle2, Link2Icon, Mail, Send, Ticket, Users, Zap } from "lucide-react";
-import { useMemo, useState } from "react";
 import { toast } from "sonner";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { z } from "zod";
-import { CopyButton } from "../../../components/CopyButton";
-export function InviteFriends({ useTRPC }) {
-    const trpc = useTRPC();
-    const queryClient = useQueryClient();
-    const { data: waitlist = [] } = useQuery(trpc.auth.listWaitlist.queryOptions());
-    const { data: count = 0 } = useQuery(trpc.auth.getUserWaitlistCount.queryOptions());
-    const invitesAvailable = Math.max(0, 3 - count);
-    const inviteMutation = useMutation(trpc.auth.inviteToWaitlist.mutationOptions({
-        onSuccess: (result) => {
-            queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
-            queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [
-                ...(old ?? []),
-                result,
-            ]);
-            toast.success("Invitation sent successfully!");
-        },
-        onError: (error) => {
-            toast.error(error.message);
-        },
-    }));
-    const createInvitationCodeMutation = useMutation(trpc.auth.createInvitationCode.mutationOptions({
-        onSuccess: (result) => {
-            queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
-            queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [
-                ...(old ?? []),
-                result,
-            ]);
-            toast.success("Code created successfully!");
-        },
-        onError: (error) => {
-            toast.error(error.message);
-        },
-    }));
-    const [email, setEmail] = useState("");
-    const [name, setName] = useState("");
-    const isLoading = inviteMutation.isPending || createInvitationCodeMutation.isPending;
-    const isEmailValid = useMemo(() => {
-        return z.email().safeParse(email).success;
-    }, [email]);
-    const handleInvite = async (e) => {
-        e.preventDefault();
-        if (!email)
-            return;
-        inviteMutation.mutate({ email, name: name.length > 0 ? name : undefined });
-        setEmail("");
-        setName("");
-    };
-    const handleCreateCode = async () => {
-        createInvitationCodeMutation.mutate({ name: name.length > 0 ? name : undefined });
-        setEmail("");
-        setName("");
-    };
-    const getStatusColor = (status) => {
-        switch (status.toLowerCase()) {
-            case "accepted":
-            case "completed":
-                return "success";
-            case "invited":
-                return "warning";
-            case "waitlist":
-                return "default";
-            default:
-                return "default";
-        }
-    };
-    return (_jsxs("div", { className: "max-w-3xl mx-auto p-6 space-y-8", children: [_jsxs("div", { className: "text-center space-y-4", children: [_jsx("div", { className: "inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-2 ring-1 ring-primary/20", children: _jsx(Ticket, { className: "w-8 h-8 text-primary" }) }), _jsx("h1", { className: "text-3xl md:text-4xl font-bold tracking-tight", children: "Invite Friends & Skip the Waitlist" }), _jsxs("p", { className: "text-lg text-default-600 max-w-lg mx-auto leading-relaxed", children: ["Encourage your friends to join! Friends invited by you get", " ", _jsx("span", { className: "text-foreground font-medium", children: "immediate access" }), " and skip the waitlist completely."] }), _jsx("div", { className: "flex justify-center mt-4", children: _jsxs(Chip, { color: invitesAvailable > 0 ? "warning" : "default", variant: "flat", size: "lg", startContent: _jsx(Zap, { size: 16, className: invitesAvailable > 0 ? "text-warning-600" : "" }), className: "font-medium", children: [invitesAvailable, " ", invitesAvailable === 1 ? "Invite" : "Invites", " Remaining"] }) })] }), _jsxs("div", { className: "grid gap-6", children: [_jsxs(Card, { className: "shadow-sm border border-default-200", children: [_jsxs(CardHeader, { className: "flex flex-col items-start gap-1 px-6 pt-6 pb-2", children: [_jsx("h3", { className: "text-xl font-semibold", children: "Send an Invitation via Email" }), _jsx("p", { className: "text-small text-default-600", children: "They'll receive a unique code to join instantly." })] }), _jsx(CardBody, { className: "px-6 pb-6", children: _jsxs("form", { onSubmit: handleInvite, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(Input, { label: "Friend's Name (Optional)", placeholder: "e.g. Alex", value: name, onValueChange: setName, variant: "bordered", labelPlacement: "outside" }), _jsx(Input, { type: "email", label: "Email Address (Required for sending)", placeholder: "friend@example.com", value: email, onValueChange: setEmail, variant: "bordered", labelPlacement: "outside", startContent: _jsx(Mail, { className: "text-default-400 pointer-events-none flex-shrink-0", size: 16 }) })] }), _jsxs("div", { className: "flex justify-end pt-2 gap-2", children: [_jsx(Button, { color: "primary", variant: "bordered", type: "button", isLoading: isLoading, isDisabled: invitesAvailable <= 0, onPress: handleCreateCode, className: "font-medium", endContent: !isLoading && _jsx(Link2Icon, { size: 16 }), children: "Create Invitation Link" }), _jsx(Button, { color: "primary", type: "submit", isLoading: isLoading, isDisabled: invitesAvailable <= 0 || !isEmailValid, className: "font-medium", endContent: !isLoading && _jsx(Send, { size: 16 }), children: "Send Invitation" })] })] }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsx("h3", { className: "text-xl font-semibold", children: "Created Invitations" }) }), waitlist.length > 0 ? (_jsx("div", { className: "flex flex-col gap-3", children: waitlist.map((item) => (_jsxs("div", { className: "flex items-center justify-between p-4 border border-default-200 rounded-lg bg-content1", children: [_jsxs("div", { className: "flex flex-row gap-3", children: [_jsx("div", { children: _jsx("span", { className: "text-sm font-medium", children: item.email || item.name || "Open Invitation Link" }) }), _jsx(Chip, { size: "sm", color: getStatusColor(item.status), variant: "flat", className: "capitalize", children: item.status.toLowerCase() })] }), _jsx("div", { className: "flex items-center gap-3", children: item.code && (_jsx(CopyButton, { variant: "flat", color: "success", size: "sm", text: `${import.meta.env.VITE_APP_URL}/signup?code=${item.code}`, isIconOnly: true })) })] }, item.id))) })) : (_jsx("div", { className: "text-center py-8 text-default-600 border border-dashed border-default-200 rounded-lg", children: "No invitations created yet." }))] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 py-4", children: [_jsxs("div", { className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm", children: [_jsx("div", { className: "p-3 bg-warning/10 text-warning rounded-full mb-4", children: _jsx(Zap, { className: "w-6 h-6" }) }), _jsx("h3", { className: "font-semibold mb-2", children: "Instant Access" }), _jsx("p", { className: "text-sm text-default-600", children: "Friends you invite skip the waitlist completely and get in right away." })] }), _jsxs("div", { className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm", children: [_jsx("div", { className: "p-3 bg-primary/10 text-primary rounded-full mb-4", children: _jsx(Users, { className: "w-6 h-6" }) }), _jsx("h3", { className: "font-semibold mb-2", children: "Grow Your Network" }), _jsx("p", { className: "text-sm text-default-600", children: "Build your circle within the app from day one." })] }), _jsxs("div", { className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm", children: [_jsx("div", { className: "p-3 bg-success/10 text-success rounded-full mb-4", children: _jsx(CheckCircle2, { className: "w-6 h-6" }) }), _jsx("h3", { className: "font-semibold mb-2", children: "Verified Status" }), _jsx("p", { className: "text-sm text-default-600", children: "Invited members get a verified badge on their profile." })] })] })] }));
+//#region src/modules/auth/components/InviteFriends.tsx
+function InviteFriends({ useTRPC }) {
+	const trpc = useTRPC();
+	const queryClient = useQueryClient();
+	const { data: waitlist = [] } = useQuery(trpc.auth.listWaitlist.queryOptions());
+	const { data: count = 0 } = useQuery(trpc.auth.getUserWaitlistCount.queryOptions());
+	const invitesAvailable = Math.max(0, 3 - count);
+	const inviteMutation = useMutation(trpc.auth.inviteToWaitlist.mutationOptions({
+		onSuccess: (result) => {
+			queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
+			queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [...old ?? [], result]);
+			toast.success("Invitation sent successfully!");
+		},
+		onError: (error) => {
+			toast.error(error.message);
+		}
+	}));
+	const createInvitationCodeMutation = useMutation(trpc.auth.createInvitationCode.mutationOptions({
+		onSuccess: (result) => {
+			queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
+			queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [...old ?? [], result]);
+			toast.success("Code created successfully!");
+		},
+		onError: (error) => {
+			toast.error(error.message);
+		}
+	}));
+	const [email, setEmail] = useState("");
+	const [name, setName] = useState("");
+	const isLoading = inviteMutation.isPending || createInvitationCodeMutation.isPending;
+	const isEmailValid = useMemo(() => {
+		return z.email().safeParse(email).success;
+	}, [email]);
+	const handleInvite = async (e) => {
+		e.preventDefault();
+		if (!email) return;
+		inviteMutation.mutate({
+			email,
+			name: name.length > 0 ? name : void 0
+		});
+		setEmail("");
+		setName("");
+	};
+	const handleCreateCode = async () => {
+		createInvitationCodeMutation.mutate({ name: name.length > 0 ? name : void 0 });
+		setEmail("");
+		setName("");
+	};
+	const getStatusColor = (status) => {
+		switch (status.toLowerCase()) {
+			case "accepted":
+			case "completed": return "success";
+			case "invited": return "warning";
+			case "waitlist": return "default";
+			default: return "default";
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "max-w-3xl mx-auto p-6 space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-center space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-2 ring-1 ring-primary/20",
+						children: /* @__PURE__ */ jsx(Ticket, { className: "w-8 h-8 text-primary" })
+					}),
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-3xl md:text-4xl font-bold tracking-tight",
+						children: "Invite Friends & Skip the Waitlist"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-lg text-default-600 max-w-lg mx-auto leading-relaxed",
+						children: [
+							"Encourage your friends to join! Friends invited by you get",
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "text-foreground font-medium",
+								children: "immediate access"
+							}),
+							" and skip the waitlist completely."
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex justify-center mt-4",
+						children: /* @__PURE__ */ jsxs(Chip, {
+							color: invitesAvailable > 0 ? "warning" : "default",
+							variant: "flat",
+							size: "lg",
+							startContent: /* @__PURE__ */ jsx(Zap, {
+								size: 16,
+								className: invitesAvailable > 0 ? "text-warning-600" : ""
+							}),
+							className: "font-medium",
+							children: [
+								invitesAvailable,
+								" ",
+								invitesAvailable === 1 ? "Invite" : "Invites",
+								" Remaining"
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-6",
+				children: [/* @__PURE__ */ jsxs(Card, {
+					className: "shadow-sm border border-default-200",
+					children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "flex flex-col items-start gap-1 px-6 pt-6 pb-2",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-xl font-semibold",
+							children: "Send an Invitation via Email"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-small text-default-600",
+							children: "They'll receive a unique code to join instantly."
+						})]
+					}), /* @__PURE__ */ jsx(CardBody, {
+						className: "px-6 pb-6",
+						children: /* @__PURE__ */ jsxs("form", {
+							onSubmit: handleInvite,
+							className: "flex flex-col gap-4",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ jsx(Input, {
+									label: "Friend's Name (Optional)",
+									placeholder: "e.g. Alex",
+									value: name,
+									onValueChange: setName,
+									variant: "bordered",
+									labelPlacement: "outside"
+								}), /* @__PURE__ */ jsx(Input, {
+									type: "email",
+									label: "Email Address (Required for sending)",
+									placeholder: "friend@example.com",
+									value: email,
+									onValueChange: setEmail,
+									variant: "bordered",
+									labelPlacement: "outside",
+									startContent: /* @__PURE__ */ jsx(Mail, {
+										className: "text-default-400 pointer-events-none flex-shrink-0",
+										size: 16
+									})
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex justify-end pt-2 gap-2",
+								children: [/* @__PURE__ */ jsx(Button, {
+									color: "primary",
+									variant: "bordered",
+									type: "button",
+									isLoading,
+									isDisabled: invitesAvailable <= 0,
+									onPress: handleCreateCode,
+									className: "font-medium",
+									endContent: !isLoading && /* @__PURE__ */ jsx(Link2Icon, { size: 16 }),
+									children: "Create Invitation Link"
+								}), /* @__PURE__ */ jsx(Button, {
+									color: "primary",
+									type: "submit",
+									isLoading,
+									isDisabled: invitesAvailable <= 0 || !isEmailValid,
+									className: "font-medium",
+									endContent: !isLoading && /* @__PURE__ */ jsx(Send, { size: 16 }),
+									children: "Send Invitation"
+								})]
+							})]
+						})
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-between",
+						children: /* @__PURE__ */ jsx("h3", {
+							className: "text-xl font-semibold",
+							children: "Created Invitations"
+						})
+					}), waitlist.length > 0 ? /* @__PURE__ */ jsx("div", {
+						className: "flex flex-col gap-3",
+						children: waitlist.map((item) => /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between p-4 border border-default-200 rounded-lg bg-content1",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-row gap-3",
+								children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+									className: "text-sm font-medium",
+									children: item.email || item.name || "Open Invitation Link"
+								}) }), /* @__PURE__ */ jsx(Chip, {
+									size: "sm",
+									color: getStatusColor(item.status),
+									variant: "flat",
+									className: "capitalize",
+									children: item.status.toLowerCase()
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "flex items-center gap-3",
+								children: item.code && /* @__PURE__ */ jsx(CopyButton, {
+									variant: "flat",
+									color: "success",
+									size: "sm",
+									text: `${import.meta.env.VITE_APP_URL}/signup?code=${item.code}`,
+									isIconOnly: true
+								})
+							})]
+						}, item.id))
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "text-center py-8 text-default-600 border border-dashed border-default-200 rounded-lg",
+						children: "No invitations created yet."
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4 py-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "p-3 bg-warning/10 text-warning rounded-full mb-4",
+								children: /* @__PURE__ */ jsx(Zap, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-semibold mb-2",
+								children: "Instant Access"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-sm text-default-600",
+								children: "Friends you invite skip the waitlist completely and get in right away."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "p-3 bg-primary/10 text-primary rounded-full mb-4",
+								children: /* @__PURE__ */ jsx(Users, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-semibold mb-2",
+								children: "Grow Your Network"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-sm text-default-600",
+								children: "Build your circle within the app from day one."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "p-3 bg-success/10 text-success rounded-full mb-4",
+								children: /* @__PURE__ */ jsx(CheckCircle2, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-semibold mb-2",
+								children: "Verified Status"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-sm text-default-600",
+								children: "Invited members get a verified badge on their profile."
+							})
+						]
+					})
+				]
+			})
+		]
+	});
 }
+//#endregion
+export { InviteFriends };
+
+//# sourceMappingURL=InviteFriends.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InviteFriends.js","names":[],"sources":["../../../../../src/modules/auth/components/InviteFriends.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Chip, Input } from \"@heroui/react\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { CheckCircle2, Link2Icon, Mail, Send, Ticket, Users, Zap } from \"lucide-react\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\nimport { z } from \"zod\";\r\nimport { CopyButton } from \"../../../components/CopyButton\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\nexport interface InviteFriendsProps {\r\n  useTRPC: UseBackendTRPC;\r\n}\r\n\r\nexport function InviteFriends({ useTRPC }: InviteFriendsProps) {\r\n  const trpc = useTRPC();\r\n  const queryClient = useQueryClient();\r\n\r\n  const { data: waitlist = [] } = useQuery(trpc.auth.listWaitlist.queryOptions());\r\n  const { data: count = 0 } = useQuery(trpc.auth.getUserWaitlistCount.queryOptions());\r\n\r\n  const invitesAvailable = Math.max(0, 3 - count);\r\n\r\n  const inviteMutation = useMutation(\r\n    trpc.auth.inviteToWaitlist.mutationOptions({\r\n      onSuccess: (result) => {\r\n        queryClient.setQueryData(\r\n          trpc.auth.getUserWaitlistCount.queryKey(),\r\n          (old) => (old ?? 0) + 1\r\n        );\r\n        queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [\r\n          ...(old ?? []),\r\n          result,\r\n        ]);\r\n        toast.success(\"Invitation sent successfully!\");\r\n      },\r\n      onError: (error) => {\r\n        toast.error(error.message);\r\n      },\r\n    })\r\n  );\r\n\r\n  const createInvitationCodeMutation = useMutation(\r\n    trpc.auth.createInvitationCode.mutationOptions({\r\n      onSuccess: (result) => {\r\n        queryClient.setQueryData(\r\n          trpc.auth.getUserWaitlistCount.queryKey(),\r\n          (old) => (old ?? 0) + 1\r\n        );\r\n        queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [\r\n          ...(old ?? []),\r\n          result,\r\n        ]);\r\n        toast.success(\"Code created successfully!\");\r\n      },\r\n      onError: (error) => {\r\n        toast.error(error.message);\r\n      },\r\n    })\r\n  );\r\n\r\n  const [email, setEmail] = useState(\"\");\r\n  const [name, setName] = useState(\"\");\r\n  const isLoading = inviteMutation.isPending || createInvitationCodeMutation.isPending;\r\n\r\n  const isEmailValid = useMemo(() => {\r\n    return z.email().safeParse(email).success;\r\n  }, [email]);\r\n\r\n  const handleInvite = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!email) return;\r\n\r\n    inviteMutation.mutate({ email, name: name.length > 0 ? name : undefined });\r\n    setEmail(\"\");\r\n    setName(\"\");\r\n  };\r\n\r\n  const handleCreateCode = async () => {\r\n    createInvitationCodeMutation.mutate({ name: name.length > 0 ? name : undefined });\r\n    setEmail(\"\");\r\n    setName(\"\");\r\n  };\r\n\r\n  const getStatusColor = (status: string) => {\r\n    switch (status.toLowerCase()) {\r\n      case \"accepted\":\r\n      case \"completed\":\r\n        return \"success\";\r\n      case \"invited\":\r\n        return \"warning\";\r\n      case \"waitlist\":\r\n        return \"default\";\r\n      default:\r\n        return \"default\";\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"max-w-3xl mx-auto p-6 space-y-8\">\r\n      {/* Hero Section */}\r\n      <div className=\"text-center space-y-4\">\r\n        <div className=\"inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-2 ring-1 ring-primary/20\">\r\n          <Ticket className=\"w-8 h-8 text-primary\" />\r\n        </div>\r\n        <h1 className=\"text-3xl md:text-4xl font-bold tracking-tight\">\r\n          Invite Friends & Skip the Waitlist\r\n        </h1>\r\n        <p className=\"text-lg text-default-600 max-w-lg mx-auto leading-relaxed\">\r\n          Encourage your friends to join! Friends invited by you get{\" \"}\r\n          <span className=\"text-foreground font-medium\">immediate access</span> and skip the\r\n          waitlist completely.\r\n        </p>\r\n        <div className=\"flex justify-center mt-4\">\r\n          <Chip\r\n            color={invitesAvailable > 0 ? \"warning\" : \"default\"}\r\n            variant=\"flat\"\r\n            size=\"lg\"\r\n            startContent={\r\n              <Zap size={16} className={invitesAvailable > 0 ? \"text-warning-600\" : \"\"} />\r\n            }\r\n            className=\"font-medium\"\r\n          >\r\n            {invitesAvailable} {invitesAvailable === 1 ? \"Invite\" : \"Invites\"} Remaining\r\n          </Chip>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"grid gap-6\">\r\n        {/* Invite Form */}\r\n        <Card className=\"shadow-sm border border-default-200\">\r\n          <CardHeader className=\"flex flex-col items-start gap-1 px-6 pt-6 pb-2\">\r\n            <h3 className=\"text-xl font-semibold\">Send an Invitation via Email</h3>\r\n            <p className=\"text-small text-default-600\">\r\n              They'll receive a unique code to join instantly.\r\n            </p>\r\n          </CardHeader>\r\n          <CardBody className=\"px-6 pb-6\">\r\n            <form onSubmit={handleInvite} className=\"flex flex-col gap-4\">\r\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <Input\r\n                  label=\"Friend's Name (Optional)\"\r\n                  placeholder=\"e.g. Alex\"\r\n                  value={name}\r\n                  onValueChange={setName}\r\n                  variant=\"bordered\"\r\n                  labelPlacement=\"outside\"\r\n                />\r\n                <Input\r\n                  type=\"email\"\r\n                  label=\"Email Address (Required for sending)\"\r\n                  placeholder=\"friend@example.com\"\r\n                  value={email}\r\n                  onValueChange={setEmail}\r\n                  variant=\"bordered\"\r\n                  labelPlacement=\"outside\"\r\n                  startContent={\r\n                    <Mail\r\n                      className=\"text-default-400 pointer-events-none flex-shrink-0\"\r\n                      size={16}\r\n                    />\r\n                  }\r\n                />\r\n              </div>\r\n              <div className=\"flex justify-end pt-2 gap-2\">\r\n                <Button\r\n                  color=\"primary\"\r\n                  variant=\"bordered\"\r\n                  type=\"button\"\r\n                  isLoading={isLoading}\r\n                  isDisabled={invitesAvailable <= 0}\r\n                  onPress={handleCreateCode}\r\n                  className=\"font-medium\"\r\n                  endContent={!isLoading && <Link2Icon size={16} />}\r\n                >\r\n                  Create Invitation Link\r\n                </Button>\r\n                <Button\r\n                  color=\"primary\"\r\n                  type=\"submit\"\r\n                  isLoading={isLoading}\r\n                  isDisabled={invitesAvailable <= 0 || !isEmailValid}\r\n                  className=\"font-medium\"\r\n                  endContent={!isLoading && <Send size={16} />}\r\n                >\r\n                  Send Invitation\r\n                </Button>\r\n              </div>\r\n            </form>\r\n          </CardBody>\r\n        </Card>\r\n\r\n        {/* Created Invitations Section */}\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <h3 className=\"text-xl font-semibold\">Created Invitations</h3>\r\n          </div>\r\n\r\n          {waitlist.length > 0 ? (\r\n            <div className=\"flex flex-col gap-3\">\r\n              {waitlist.map((item) => (\r\n                <div\r\n                  key={item.id}\r\n                  className=\"flex items-center justify-between p-4 border border-default-200 rounded-lg bg-content1\"\r\n                >\r\n                  <div className=\"flex flex-row gap-3\">\r\n                    <div>\r\n                      <span className=\"text-sm font-medium\">\r\n                        {item.email || item.name || \"Open Invitation Link\"}\r\n                      </span>\r\n                    </div>\r\n                    <Chip\r\n                      size=\"sm\"\r\n                      color={getStatusColor(item.status)}\r\n                      variant=\"flat\"\r\n                      className=\"capitalize\"\r\n                    >\r\n                      {item.status.toLowerCase()}\r\n                    </Chip>\r\n                  </div>\r\n\r\n                  <div className=\"flex items-center gap-3\">\r\n                    {item.code && (\r\n                      <CopyButton\r\n                        variant=\"flat\"\r\n                        color=\"success\"\r\n                        size=\"sm\"\r\n                        text={`${import.meta.env.VITE_APP_URL}/signup?code=${item.code}`}\r\n                        isIconOnly\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : (\r\n            <div className=\"text-center py-8 text-default-600 border border-dashed border-default-200 rounded-lg\">\r\n              No invitations created yet.\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Benefits Grid */}\r\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 py-4\">\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-warning/10 text-warning rounded-full mb-4\">\r\n            <Zap className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Instant Access</h3>\r\n          <p className=\"text-sm text-default-600\">\r\n            Friends you invite skip the waitlist completely and get in right away.\r\n          </p>\r\n        </div>\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-primary/10 text-primary rounded-full mb-4\">\r\n            <Users className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Grow Your Network</h3>\r\n          <p className=\"text-sm text-default-600\">Build your circle within the app from day one.</p>\r\n        </div>\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-success/10 text-success rounded-full mb-4\">\r\n            <CheckCircle2 className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Verified Status</h3>\r\n          <p className=\"text-sm text-default-600\">\r\n            Invited members get a verified badge on their profile.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

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

@@ -1,5 +1,17 @@
-import { type BadgeProps } from "@heroui/react";
-export declare function LastUsedBadge({ lastMethod, method, children, ...props }: BadgeProps & {
-    lastMethod?: string | null;
-    method?: string | null;
-}): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
+import * as _$react from "react";
+import { BadgeProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/LastUsedBadge.d.ts
+declare function LastUsedBadge({
+  lastMethod,
+  method,
+  children,
+  ...props
+}: BadgeProps & {
+  lastMethod?: string | null;
+  method?: string | null;
+}): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { LastUsedBadge };
+//# sourceMappingURL=LastUsedBadge.d.ts.map