@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/user/api/userRoute.d.ts

@@ -0,0 +1,5 @@
+//#region src/client/user/api/userRoute.d.ts
+declare function userRouteGETHandler(req: Request): Promise<Response>;
+//#endregion
+export { userRouteGETHandler };
+//# sourceMappingURL=userRoute.d.ts.map

package/dist/client/user/api/userRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userRoute.d.ts","names":[],"sources":["../../../../src/client/user/api/userRoute.ts"],"mappings":";iBAyCsB,mBAAA,CAAoB,GAAA,EAAK,OAAA,GAAO,OAAA,CAAA,QAAA"}

package/dist/client/user/api/userRoute.mjs

@@ -0,0 +1,65 @@
+//#region src/client/user/api/userRoute.ts
+const APP_ID = "8bd950c5-551b-4603-bfe6-f33cdcae1a69";
+function serializeCookie(name, value, options) {
+	let cookie = `${name}=${encodeURIComponent(value)}`;
+	if (options.path) cookie += `; Path=${options.path}`;
+	if (options.maxAge != null) cookie += `; Max-Age=${options.maxAge}`;
+	if (options.httpOnly) cookie += "; HttpOnly";
+	if (options.secure) cookie += "; Secure";
+	cookie += "; SameSite=Lax";
+	return cookie;
+}
+async function refreshAccessToken(refreshToken) {
+	const response = await fetch(`https://customers.enad.io/api/v1/${APP_ID}/auth/refresh`, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			"api-key": "MaCtW4PYVqDl8n4fpplMBqJ3-0De4DP1cPLT76oJuHE8lyR61oHne_iK-yX5"
+		},
+		body: JSON.stringify({ refresh_token: refreshToken })
+	});
+	if (!response.ok) throw new Error("Failed to refresh token");
+	return response.json();
+}
+async function getUser(accessToken) {
+	const response = await fetch(`https://customers.enad.io/api/v1/${APP_ID}/user`, { headers: { Authorization: `Bearer ${accessToken}` } });
+	if (!response.ok) throw new Error("Failed to fetch user");
+	return response.json();
+}
+async function userRouteGETHandler(req) {
+	try {
+		const cookies = req.headers.get("cookie") || "";
+		let accessToken = cookies.split("; ").find((c) => c.startsWith("access_token="))?.split("=")[1];
+		const refreshToken = cookies.split("; ").find((c) => c.startsWith("refresh_token="))?.split("=")[1];
+		if (!accessToken && !refreshToken) return Response.json({ error: "Not authenticated" }, { status: 401 });
+		try {
+			const user = await getUser(accessToken);
+			return Response.json({ user });
+		} catch (err) {
+			if (!refreshToken) throw err;
+			const refreshData = await refreshAccessToken(refreshToken);
+			accessToken = refreshData.access_token;
+			const headers = new Headers();
+			headers.append("Set-Cookie", serializeCookie("access_token", refreshData.access_token, {
+				httpOnly: true,
+				secure: process.env.NODE_ENV === "production",
+				path: "/",
+				maxAge: refreshData.expires_in
+			}));
+			if (refreshData.refresh_token) headers.append("Set-Cookie", serializeCookie("refresh_token", refreshData.refresh_token, {
+				httpOnly: true,
+				secure: process.env.NODE_ENV === "production",
+				path: "/",
+				maxAge: 10080 * 60
+			}));
+			return Response.json({ user: await getUser(accessToken) }, { headers });
+		}
+	} catch (error) {
+		console.error(error);
+		return Response.json({ error: "Unable to fetch user" }, { status: 500 });
+	}
+}
+//#endregion
+export { userRouteGETHandler };
+
+//# sourceMappingURL=userRoute.mjs.map

package/dist/client/user/api/userRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"userRoute.mjs","names":[],"sources":["../../../../src/client/user/api/userRoute.ts"],"sourcesContent":["const APP_ID = \"8bd950c5-551b-4603-bfe6-f33cdcae1a69\";\n\nfunction serializeCookie(\n  name: string,\n  value: string,\n  options: { httpOnly?: boolean; secure?: boolean; path?: string; maxAge?: number },\n): string {\n  let cookie = `${name}=${encodeURIComponent(value)}`;\n  if (options.path) cookie += `; Path=${options.path}`;\n  if (options.maxAge != null) cookie += `; Max-Age=${options.maxAge}`;\n  if (options.httpOnly) cookie += \"; HttpOnly\";\n  if (options.secure) cookie += \"; Secure\";\n  cookie += \"; SameSite=Lax\";\n  return cookie;\n}\n\nasync function refreshAccessToken(refreshToken: string) {\n  const response = await fetch(`https://customers.enad.io/api/v1/${APP_ID}/auth/refresh`, {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"api-key\": \"MaCtW4PYVqDl8n4fpplMBqJ3-0De4DP1cPLT76oJuHE8lyR61oHne_iK-yX5\",\n    },\n    body: JSON.stringify({ refresh_token: refreshToken }),\n  });\n\n  if (!response.ok) throw new Error(\"Failed to refresh token\");\n\n  return response.json(); // { access_token, refresh_token? }\n}\n\nasync function getUser(accessToken: string) {\n  const response = await fetch(`https://customers.enad.io/api/v1/${APP_ID}/user`, {\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n\n  if (!response.ok) throw new Error(\"Failed to fetch user\");\n\n  return response.json();\n}\n\nexport async function userRouteGETHandler(req: Request) {\n  try {\n    // Read access token from cookie\n    const cookies = req.headers.get(\"cookie\") || \"\";\n    let accessToken = cookies\n      .split(\"; \")\n      .find((c) => c.startsWith(\"access_token=\"))\n      ?.split(\"=\")[1];\n    const refreshToken = cookies\n      .split(\"; \")\n      .find((c) => c.startsWith(\"refresh_token=\"))\n      ?.split(\"=\")[1];\n\n    if (!accessToken && !refreshToken) {\n      return Response.json({ error: \"Not authenticated\" }, { status: 401 });\n    }\n\n    try {\n      // Try fetching user with current access token\n      const user = await getUser(accessToken!);\n      return Response.json({ user });\n    } catch (err) {\n      // If token expired, refresh it\n      if (!refreshToken) throw err;\n\n      const refreshData = await refreshAccessToken(refreshToken);\n      accessToken = refreshData.access_token;\n\n      // Update cookies with new access token and refresh token if returned\n      const headers = new Headers();\n      headers.append(\n        \"Set-Cookie\",\n        serializeCookie(\"access_token\", refreshData.access_token, {\n          httpOnly: true,\n          secure: process.env.NODE_ENV === \"production\",\n          path: \"/\",\n          maxAge: refreshData.expires_in,\n        }),\n      );\n\n      if (refreshData.refresh_token) {\n        headers.append(\n          \"Set-Cookie\",\n          serializeCookie(\"refresh_token\", refreshData.refresh_token, {\n            httpOnly: true,\n            secure: process.env.NODE_ENV === \"production\",\n            path: \"/\",\n            maxAge: 7 * 24 * 60 * 60, // 7 days\n          }),\n        );\n      }\n\n      return Response.json({ user: await getUser(accessToken!) }, { headers });\n    }\n  } catch (error) {\n    console.error(error);\n    return Response.json({ error: \"Unable to fetch user\" }, { status: 500 });\n  }\n}\n"],"mappings":";AAAA,MAAM,SAAS;AAEf,SAAS,gBACP,MACA,OACA,SACQ;CACR,IAAI,SAAS,GAAG,KAAK,GAAG,mBAAmB,MAAM;AACjD,KAAI,QAAQ,KAAM,WAAU,UAAU,QAAQ;AAC9C,KAAI,QAAQ,UAAU,KAAM,WAAU,aAAa,QAAQ;AAC3D,KAAI,QAAQ,SAAU,WAAU;AAChC,KAAI,QAAQ,OAAQ,WAAU;AAC9B,WAAU;AACV,QAAO;;AAGT,eAAe,mBAAmB,cAAsB;CACtD,MAAM,WAAW,MAAM,MAAM,oCAAoC,OAAO,gBAAgB;EACtF,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,WAAW;GACZ;EACD,MAAM,KAAK,UAAU,EAAE,eAAe,cAAc,CAAC;EACtD,CAAC;AAEF,KAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,0BAA0B;AAE5D,QAAO,SAAS,MAAM;;AAGxB,eAAe,QAAQ,aAAqB;CAC1C,MAAM,WAAW,MAAM,MAAM,oCAAoC,OAAO,QAAQ,EAC9E,SAAS,EAAE,eAAe,UAAU,eAAe,EACpD,CAAC;AAEF,KAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,uBAAuB;AAEzD,QAAO,SAAS,MAAM;;AAGxB,eAAsB,oBAAoB,KAAc;AACtD,KAAI;EAEF,MAAM,UAAU,IAAI,QAAQ,IAAI,SAAS,IAAI;EAC7C,IAAI,cAAc,QACf,MAAM,KAAK,CACX,MAAM,MAAM,EAAE,WAAW,gBAAgB,CAAC,EACzC,MAAM,IAAI,CAAC;EACf,MAAM,eAAe,QAClB,MAAM,KAAK,CACX,MAAM,MAAM,EAAE,WAAW,iBAAiB,CAAC,EAC1C,MAAM,IAAI,CAAC;AAEf,MAAI,CAAC,eAAe,CAAC,aACnB,QAAO,SAAS,KAAK,EAAE,OAAO,qBAAqB,EAAE,EAAE,QAAQ,KAAK,CAAC;AAGvE,MAAI;GAEF,MAAM,OAAO,MAAM,QAAQ,YAAa;AACxC,UAAO,SAAS,KAAK,EAAE,MAAM,CAAC;WACvB,KAAK;AAEZ,OAAI,CAAC,aAAc,OAAM;GAEzB,MAAM,cAAc,MAAM,mBAAmB,aAAa;AAC1D,iBAAc,YAAY;GAG1B,MAAM,UAAU,IAAI,SAAS;AAC7B,WAAQ,OACN,cACA,gBAAgB,gBAAgB,YAAY,cAAc;IACxD,UAAU;IACV,QAAQ,QAAQ,IAAI,aAAa;IACjC,MAAM;IACN,QAAQ,YAAY;IACrB,CAAC,CACH;AAED,OAAI,YAAY,cACd,SAAQ,OACN,cACA,gBAAgB,iBAAiB,YAAY,eAAe;IAC1D,UAAU;IACV,QAAQ,QAAQ,IAAI,aAAa;IACjC,MAAM;IACN,QAAQ,QAAc;IACvB,CAAC,CACH;AAGH,UAAO,SAAS,KAAK,EAAE,MAAM,MAAM,QAAQ,YAAa,EAAE,EAAE,EAAE,SAAS,CAAC;;UAEnE,OAAO;AACd,UAAQ,MAAM,MAAM;AACpB,SAAO,SAAS,KAAK,EAAE,OAAO,wBAAwB,EAAE,EAAE,QAAQ,KAAK,CAAC"}

package/dist/client/user/clients/enad.d.ts

@@ -0,0 +1,8 @@
+import { CustomerClient, ShopperClient } from "@enadhq/enad-ts-sdk";
+
+//#region src/client/user/clients/enad.d.ts
+declare const customerClient: CustomerClient;
+declare const shopperClient: ShopperClient;
+//#endregion
+export { customerClient, shopperClient };
+//# sourceMappingURL=enad.d.ts.map

package/dist/client/user/clients/enad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enad.d.ts","names":[],"sources":["../../../../src/client/user/clients/enad.ts"],"mappings":";;;cAGa,cAAA,EAAc,cAAA;AAAA,cAMd,aAAA,EAAa,aAAA"}

package/dist/client/user/clients/enad.mjs

@@ -0,0 +1,19 @@
+import { enadConfig } from "../../global/config/index.mjs";
+import { CustomerClient, ShopperClient } from "@enadhq/enad-ts-sdk";
+//#region src/client/user/clients/enad.ts
+const customerClient = new CustomerClient({
+	apiKey: enadConfig.server.userApiKey,
+	appId: enadConfig.client.appId,
+	groupId: enadConfig.client.groupId
+});
+const shopperClient = new ShopperClient({
+	apiKey: enadConfig.client.apiKey,
+	appId: enadConfig.client.appId,
+	groupId: enadConfig.client.groupId,
+	defaultLocale: enadConfig.client.defaultLocale,
+	defaultMarket: enadConfig.client.defaultMarket
+});
+//#endregion
+export { customerClient, shopperClient };
+
+//# sourceMappingURL=enad.mjs.map

package/dist/client/user/clients/enad.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"enad.mjs","names":[],"sources":["../../../../src/client/user/clients/enad.ts"],"sourcesContent":["import { CustomerClient, ShopperClient } from \"@enadhq/enad-ts-sdk\"\nimport { enadConfig } from \"../../../client/global/config\"\n\nexport const customerClient = new CustomerClient({\n  apiKey: enadConfig.server.userApiKey,\n  appId: enadConfig.client.appId,\n  groupId: enadConfig.client.groupId,\n})\n\nexport const shopperClient = new ShopperClient({\n  apiKey: enadConfig.client.apiKey,\n  appId: enadConfig.client.appId,\n  groupId: enadConfig.client.groupId,\n  defaultLocale: enadConfig.client.defaultLocale,\n  defaultMarket: enadConfig.client.defaultMarket,\n})\n"],"mappings":";;;AAGA,MAAa,iBAAiB,IAAI,eAAe;CAC/C,QAAQ,WAAW,OAAO;CAC1B,OAAO,WAAW,OAAO;CACzB,SAAS,WAAW,OAAO;CAC5B,CAAC;AAEF,MAAa,gBAAgB,IAAI,cAAc;CAC7C,QAAQ,WAAW,OAAO;CAC1B,OAAO,WAAW,OAAO;CACzB,SAAS,WAAW,OAAO;CAC3B,eAAe,WAAW,OAAO;CACjC,eAAe,WAAW,OAAO;CAClC,CAAC"}

package/dist/client/user/components/login-form.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+
+//#region src/client/user/components/login-form.d.ts
+interface LoginFormProps {
+  labels?: {
+    title?: string;
+    subtitle?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    password?: string;
+    passwordPlaceholder?: string;
+    forgotPassword?: string;
+    submit?: string;
+    signingIn?: string;
+  };
+  forgotPasswordLink?: string;
+  signup?: {
+    href: string;
+    label: string;
+  };
+  successRedirect?: string;
+}
+declare const LoginForm: React.FC<LoginFormProps>;
+//#endregion
+export { LoginForm };
+//# sourceMappingURL=login-form.d.ts.map

package/dist/client/user/components/login-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.d.ts","names":[],"sources":["../../../../src/client/user/components/login-form.tsx"],"mappings":";;;UAOU,cAAA;EACR,MAAA;IACE,KAAA;IACA,QAAA;IACA,KAAA;IACA,gBAAA;IACA,QAAA;IACA,mBAAA;IACA,cAAA;IACA,MAAA;IACA,SAAA;EAAA;EAEF,kBAAA;EACA,MAAA;IACE,IAAA;IACA,KAAA;EAAA;EAEF,eAAA;AAAA;AAAA,cAwEW,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/client/user/components/login-form.mjs

@@ -0,0 +1,124 @@
+"use client";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { StorefrontInput } from "../../storefront/primitives/input.mjs";
+import { logInUserAction } from "../actions/logInUserAction.mjs";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/user/components/login-form.tsx
+const DEFAULT_LOGIN_LABELS = {
+	title: "Welcome back",
+	subtitle: "Sign in to access your account",
+	email: "Email address",
+	emailPlaceholder: "you@example.com",
+	password: "Password",
+	passwordPlaceholder: "••••••••",
+	forgotPassword: "Forgot password?",
+	submit: "Sign In",
+	signingIn: "Signing in..."
+};
+function LoginFormFields({ emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPassword, forgotPasswordLink, errors }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "email",
+			id: "email",
+			name: "email",
+			required: true,
+			label: emailLabel,
+			placeholder: emailPlaceholder,
+			error: errors.email?.join(", ")
+		}),
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "password",
+			id: "password",
+			name: "password",
+			required: true,
+			label: passwordLabel,
+			placeholder: passwordPlaceholder,
+			error: errors.password?.join(", ")
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "flex justify-start text-sm",
+			children: /* @__PURE__ */ jsx("a", {
+				href: forgotPasswordLink,
+				className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition",
+				children: forgotPassword
+			})
+		})
+	] });
+}
+const LoginForm = ({ labels = {}, forgotPasswordLink = "/reset-password/start", signup = {
+	href: "/signup",
+	label: "Sign up"
+}, successRedirect = "/" }) => {
+	const resolved = {
+		...DEFAULT_LOGIN_LABELS,
+		...labels
+	};
+	const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved;
+	const emailLabel = resolved.email;
+	const passwordLabel = resolved.password;
+	const [errors, setErrors] = useState({});
+	const [isPending, setIsPending] = useState(false);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsPending(true);
+		setErrors({});
+		const res = await logInUserAction(new FormData(e.currentTarget), { redirectPath: successRedirect });
+		if (res?.errors) setErrors(res.errors);
+		setIsPending(false);
+	};
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex items-center justify-center px-4 font-enad",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-(--enad-text-muted-color) text-sm text-center mb-8",
+					children: subtitle
+				}),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ jsx(LoginFormFields, {
+							emailLabel,
+							emailPlaceholder,
+							passwordLabel,
+							passwordPlaceholder,
+							forgotPassword,
+							forgotPasswordLink,
+							errors
+						}),
+						/* @__PURE__ */ jsx(StorefrontButton, {
+							type: "submit",
+							disabled: isPending,
+							className: "w-full",
+							children: isPending ? signingIn : submit
+						}),
+						errors.general && /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							className: "text-(--enad-error-color) text-sm mt-2 text-center",
+							children: errors.general.join(", ")
+						})
+					]
+				}),
+				signup && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) text-center mt-2",
+					children: /* @__PURE__ */ jsx("a", {
+						href: signup.href,
+						className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
+						children: signup.label
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { LoginForm };
+
+//# sourceMappingURL=login-form.mjs.map

package/dist/client/user/components/login-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.mjs","names":[],"sources":["../../../../src/client/user/components/login-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { logInUserAction } from \"../actions/logInUserAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface LoginFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    password?: string\n    passwordPlaceholder?: string\n    forgotPassword?: string\n    submit?: string\n    signingIn?: string\n  }\n  forgotPasswordLink?: string\n  signup?: {\n    href: string\n    label: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  password?: string[]\n  general?: string[]\n}\n\nconst DEFAULT_LOGIN_LABELS = {\n  title: \"Welcome back\",\n  subtitle: \"Sign in to access your account\",\n  email: \"Email address\",\n  emailPlaceholder: \"you@example.com\",\n  password: \"Password\",\n  passwordPlaceholder: \"••••••••\",\n  forgotPassword: \"Forgot password?\",\n  submit: \"Sign In\",\n  signingIn: \"Signing in...\",\n} as const\n\nfunction LoginFormFields({\n  emailLabel,\n  emailPlaceholder,\n  passwordLabel,\n  passwordPlaceholder,\n  forgotPassword,\n  forgotPasswordLink,\n  errors,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  passwordLabel: string\n  passwordPlaceholder: string\n  forgotPassword: string\n  forgotPasswordLink: string\n  errors: FormErrors\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontInput\n        type=\"password\"\n        id=\"password\"\n        name=\"password\"\n        required\n        label={passwordLabel}\n        placeholder={passwordPlaceholder}\n        error={errors.password?.join(\", \")}\n      />\n\n      <div className=\"flex justify-start text-sm\">\n        <a\n          href={forgotPasswordLink}\n          className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition\"\n        >\n          {forgotPassword}\n        </a>\n      </div>\n    </>\n  )\n}\n\nexport const LoginForm: React.FC<LoginFormProps> = ({\n  labels = {},\n  forgotPasswordLink = \"/reset-password/start\",\n  signup = { href: \"/signup\", label: \"Sign up\" },\n  successRedirect = \"/\",\n}) => {\n  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels }\n  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved\n  const emailLabel = resolved.email\n  const passwordLabel = resolved.password\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n\n    const formData = new FormData(e.currentTarget)\n    const res = await logInUserAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-(--enad-text-muted-color) text-sm text-center mb-8\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <LoginFormFields\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            passwordLabel={passwordLabel}\n            passwordPlaceholder={passwordPlaceholder}\n            forgotPassword={forgotPassword}\n            forgotPasswordLink={forgotPasswordLink}\n            errors={errors}\n          />\n\n          <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n            {isPending ? signingIn : submit}\n          </StorefrontButton>\n\n          {errors.general && (\n            <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-2 text-center\">\n              {errors.general.join(\", \")}\n            </p>\n          )}\n        </form>\n\n        {signup && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-2\">\n            <a\n              href={signup.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {signup.label}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";;;;;;;AAiCA,MAAM,uBAAuB;CAC3B,OAAO;CACP,UAAU;CACV,OAAO;CACP,kBAAkB;CAClB,UAAU;CACV,qBAAqB;CACrB,gBAAgB;CAChB,QAAQ;CACR,WAAW;CACZ;AAED,SAAS,gBAAgB,EACvB,YACA,kBACA,eACA,qBACA,gBACA,oBACA,UASC;AACD,QACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,OAAO,KAAK,KAAK;GAC/B,CAAA;EAEF,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,UAAU,KAAK,KAAK;GAClC,CAAA;EAEF,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,KAAD;IACE,MAAM;IACN,WAAU;cAET;IACC,CAAA;GACA,CAAA;EACL,EAAA,CAAA;;AAIP,MAAa,aAAuC,EAClD,SAAS,EAAE,EACX,qBAAqB,yBACrB,SAAS;CAAE,MAAM;CAAW,OAAO;CAAW,EAC9C,kBAAkB,UACd;CACJ,MAAM,WAAW;EAAE,GAAG;EAAsB,GAAG;EAAQ;CACvD,MAAM,EAAE,OAAO,UAAU,kBAAkB,qBAAqB,gBAAgB,QAAQ,cAAc;CACtG,MAAM,aAAa,SAAS;CAC5B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,CAAC,QAAQ,aAAa,SAAqB,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,eAAe,OAAO,MAAkC;AAC5D,IAAE,gBAAgB;AAClB,eAAa,KAAK;AAClB,YAAU,EAAE,CAAC;EAGb,MAAM,MAAM,MAAM,gBADD,IAAI,SAAS,EAAE,cAAc,EACF,EAAE,cAAc,iBAAiB,CAAC;AAE9E,MAAI,KAAK,OACP,WAAU,IAAI,OAAO;AAGvB,eAAa,MAAM;;AAGrB,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA;IACL,oBAAC,KAAD;KAAG,WAAU;eAA2D;KAAa,CAAA;IAErF,qBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eAAxC;MACE,oBAAC,iBAAD;OACc;OACM;OACH;OACM;OACL;OACI;OACZ;OACR,CAAA;MAEF,oBAAC,kBAAD;OAAkB,MAAK;OAAS,UAAU;OAAW,WAAU;iBAC5D,YAAY,YAAY;OACR,CAAA;MAElB,OAAO,WACN,oBAAC,KAAD;OAAG,MAAK;OAAQ,WAAU;iBACvB,OAAO,QAAQ,KAAK,KAAK;OACxB,CAAA;MAED;;IAEN,UACC,oBAAC,KAAD;KAAG,WAAU;eACX,oBAAC,KAAD;MACE,MAAM,OAAO;MACb,WAAU;gBAET,OAAO;MACN,CAAA;KACF,CAAA;IAEF;;EACD,CAAA"}

package/dist/client/user/components/reset-password-form.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+
+//#region src/client/user/components/reset-password-form.d.ts
+interface ResetPasswordFormProps {
+  labels?: {
+    title?: string;
+    subtitle?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    submit?: string;
+    sending?: string;
+    successMessage?: string;
+  };
+  extraLink?: {
+    href: string;
+    text: string;
+  };
+  successRedirect?: string;
+}
+declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;
+//#endregion
+export { ResetPasswordForm };
+//# sourceMappingURL=reset-password-form.d.ts.map

package/dist/client/user/components/reset-password-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.d.ts","names":[],"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"mappings":";;;UAOU,sBAAA;EACR,MAAA;IACE,KAAA;IACA,QAAA;IACA,KAAA;IACA,gBAAA;IACA,MAAA;IACA,OAAA;IACA,cAAA;EAAA;EAEF,SAAA;IACE,IAAA;IACA,IAAA;EAAA;EAEF,eAAA;AAAA;AAAA,cAwDW,iBAAA,EAAmB,KAAA,CAAM,EAAA,CAAG,sBAAA"}

package/dist/client/user/components/reset-password-form.mjs

@@ -0,0 +1,96 @@
+"use client";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { StorefrontInput } from "../../storefront/primitives/input.mjs";
+import { createPasswordResetLinkAction } from "../actions/createResetPasswordLinkAction.mjs";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/user/components/reset-password-form.tsx
+function ResetPasswordFormBody({ emailLabel, emailPlaceholder, submit, sending, errors, isPending, successMessage }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "email",
+			id: "email",
+			name: "email",
+			required: true,
+			label: emailLabel,
+			placeholder: emailPlaceholder,
+			error: errors.email?.join(", ")
+		}),
+		/* @__PURE__ */ jsx(StorefrontButton, {
+			type: "submit",
+			disabled: isPending,
+			className: "w-full",
+			children: isPending ? sending : submit
+		}),
+		errors.general && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-(--enad-error-color) text-sm mt-1 text-center",
+			children: errors.general.join(", ")
+		}),
+		successMessage && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			className: "text-(--enad-success-color) text-sm mt-2 text-center",
+			children: successMessage
+		})
+	] });
+}
+const ResetPasswordForm = ({ labels = {}, extraLink = {
+	href: "/login",
+	text: "Back to sign in"
+}, successRedirect = "/login" }) => {
+	const { title = "Reset your password", subtitle = "Enter your email to receive reset instructions", email: emailLabel = "Email", emailPlaceholder = "you@example.com", submit = "Send Reset Link", sending = "Sending...", successMessage: successMessageText = "Check your email for reset instructions." } = labels;
+	const [errors, setErrors] = useState({});
+	const [isPending, setIsPending] = useState(false);
+	const [successMessage, setSuccessMessage] = useState("");
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsPending(true);
+		setErrors({});
+		setSuccessMessage("");
+		const res = await createPasswordResetLinkAction(new FormData(e.currentTarget), { redirectPath: successRedirect });
+		if (res?.errors) setErrors(res.errors);
+		else setSuccessMessage(successMessageText);
+		setIsPending(false);
+	};
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex items-center justify-center px-4 font-enad",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) mb-8 text-center",
+					children: subtitle
+				}),
+				/* @__PURE__ */ jsx("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-5",
+					children: /* @__PURE__ */ jsx(ResetPasswordFormBody, {
+						emailLabel,
+						emailPlaceholder,
+						submit,
+						sending,
+						errors,
+						isPending,
+						successMessage
+					})
+				}),
+				extraLink && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) text-center mt-4",
+					children: /* @__PURE__ */ jsx("a", {
+						href: extraLink.href,
+						className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
+						children: extraLink.text
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { ResetPasswordForm };
+
+//# sourceMappingURL=reset-password-form.mjs.map

package/dist/client/user/components/reset-password-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.mjs","names":[],"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { createPasswordResetLinkAction } from \"../actions/createResetPasswordLinkAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface ResetPasswordFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    submit?: string\n    sending?: string\n    successMessage?: string\n  }\n  extraLink?: {\n    href: string\n    text: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  general?: string[]\n}\n\nfunction ResetPasswordFormBody({\n  emailLabel,\n  emailPlaceholder,\n  submit,\n  sending,\n  errors,\n  isPending,\n  successMessage,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  submit: string\n  sending: string\n  errors: FormErrors\n  isPending: boolean\n  successMessage: string\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n        {isPending ? sending : submit}\n      </StorefrontButton>\n\n      {errors.general && (\n        <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-1 text-center\">\n          {errors.general.join(\", \")}\n        </p>\n      )}\n\n      {successMessage && (\n        <p role=\"status\" className=\"text-(--enad-success-color) text-sm mt-2 text-center\">\n          {successMessage}\n        </p>\n      )}\n    </>\n  )\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  labels = {},\n  extraLink = { href: \"/login\", text: \"Back to sign in\" },\n  successRedirect = \"/login\",\n}) => {\n  const {\n    title = \"Reset your password\",\n    subtitle = \"Enter your email to receive reset instructions\",\n    email: emailLabel = \"Email\",\n    emailPlaceholder = \"you@example.com\",\n    submit = \"Send Reset Link\",\n    sending = \"Sending...\",\n    successMessage: successMessageText = \"Check your email for reset instructions.\",\n  } = labels\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n  const [successMessage, setSuccessMessage] = useState(\"\")\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n    setSuccessMessage(\"\")\n\n    const formData = new FormData(e.currentTarget)\n    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    } else {\n      setSuccessMessage(successMessageText)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-8 text-center\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <ResetPasswordFormBody\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            submit={submit}\n            sending={sending}\n            errors={errors}\n            isPending={isPending}\n            successMessage={successMessage}\n          />\n        </form>\n\n        {extraLink && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-4\">\n            <a\n              href={extraLink.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {extraLink.text}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAS,sBAAsB,EAC7B,YACA,kBACA,QACA,SACA,QACA,WACA,kBASC;AACD,QACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,OAAO,KAAK,KAAK;GAC/B,CAAA;EAEF,oBAAC,kBAAD;GAAkB,MAAK;GAAS,UAAU;GAAW,WAAU;aAC5D,YAAY,UAAU;GACN,CAAA;EAElB,OAAO,WACN,oBAAC,KAAD;GAAG,MAAK;GAAQ,WAAU;aACvB,OAAO,QAAQ,KAAK,KAAK;GACxB,CAAA;EAGL,kBACC,oBAAC,KAAD;GAAG,MAAK;GAAS,WAAU;aACxB;GACC,CAAA;EAEL,EAAA,CAAA;;AAIP,MAAa,qBAAuD,EAClE,SAAS,EAAE,EACX,YAAY;CAAE,MAAM;CAAU,MAAM;CAAmB,EACvD,kBAAkB,eACd;CACJ,MAAM,EACJ,QAAQ,uBACR,WAAW,kDACX,OAAO,aAAa,SACpB,mBAAmB,mBACnB,SAAS,mBACT,UAAU,cACV,gBAAgB,qBAAqB,+CACnC;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAqB,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,GAAG;CAExD,MAAM,eAAe,OAAO,MAAkC;AAC5D,IAAE,gBAAgB;AAClB,eAAa,KAAK;AAClB,YAAU,EAAE,CAAC;AACb,oBAAkB,GAAG;EAGrB,MAAM,MAAM,MAAM,8BADD,IAAI,SAAS,EAAE,cAAc,EACY,EAAE,cAAc,iBAAiB,CAAC;AAE5F,MAAI,KAAK,OACP,WAAU,IAAI,OAAO;MAErB,mBAAkB,mBAAmB;AAGvC,eAAa,MAAM;;AAGrB,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA;IACL,oBAAC,KAAD;KAAG,WAAU;eAA2D;KAAa,CAAA;IAErF,oBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eACtC,oBAAC,uBAAD;MACc;MACM;MACV;MACC;MACD;MACG;MACK;MAChB,CAAA;KACG,CAAA;IAEN,aACC,oBAAC,KAAD;KAAG,WAAU;eACX,oBAAC,KAAD;MACE,MAAM,UAAU;MAChB,WAAU;gBAET,UAAU;MACT,CAAA;KACF,CAAA;IAEF;;EACD,CAAA"}

package/dist/client/user/components/sign-out.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/user/components/sign-out.d.ts
+interface SignOutProps {
+  labels?: {
+    button?: string;
+  };
+}
+declare const SignOut: ({
+  labels
+}: SignOutProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SignOut };
+//# sourceMappingURL=sign-out.d.ts.map

package/dist/client/user/components/sign-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-out.d.ts","names":[],"sources":["../../../../src/client/user/components/sign-out.tsx"],"mappings":";;;UAMU,YAAA;EACR,MAAA;IACE,MAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW;AAAA,GAAiB,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/user/components/sign-out.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { logOutUserAction } from "../actions/logoutUserAction.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+//#region src/client/user/components/sign-out.tsx
+const SignOut = ({ labels = {} }) => {
+	const { button = "Sign out" } = labels;
+	const queryClient = useQueryClient();
+	return /* @__PURE__ */ jsx(StorefrontButton, {
+		variant: "ghost",
+		onClick: async () => {
+			if (await logOutUserAction()) queryClient.setQueryData(["user"], null);
+		},
+		children: button
+	});
+};
+//#endregion
+export { SignOut };
+
+//# sourceMappingURL=sign-out.mjs.map

package/dist/client/user/components/sign-out.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-out.mjs","names":[],"sources":["../../../../src/client/user/components/sign-out.tsx"],"sourcesContent":["\"use client\"\n\nimport { useQueryClient } from \"@tanstack/react-query\"\nimport { logOutUserAction } from \"../actions/logoutUserAction\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface SignOutProps {\n  labels?: {\n    button?: string\n  }\n}\n\nexport const SignOut = ({ labels = {} }: SignOutProps) => {\n  const { button = \"Sign out\" } = labels\n  const queryClient = useQueryClient()\n\n  return (\n    <StorefrontButton\n      variant=\"ghost\"\n      onClick={async () => {\n        const success = await logOutUserAction()\n\n        if (success) {\n          queryClient.setQueryData([\"user\"], null)\n        }\n      }}\n    >\n      {button}\n    </StorefrontButton>\n  )\n}\n"],"mappings":";;;;;;AAYA,MAAa,WAAW,EAAE,SAAS,EAAE,OAAqB;CACxD,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,cAAc,gBAAgB;AAEpC,QACE,oBAAC,kBAAD;EACE,SAAQ;EACR,SAAS,YAAY;AAGnB,OAFgB,MAAM,kBAAkB,CAGtC,aAAY,aAAa,CAAC,OAAO,EAAE,KAAK;;YAI3C;EACgB,CAAA"}

package/dist/client/user/components/signup-form.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+
+//#region src/client/user/components/signup-form.d.ts
+interface SignupFormProps {
+  labels?: {
+    title?: string;
+    subtitle?: string;
+    firstName?: string;
+    firstNamePlaceholder?: string;
+    lastName?: string;
+    lastNamePlaceholder?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    password?: string;
+    passwordPlaceholder?: string;
+    acceptTerms?: string;
+    termsLinkText?: string;
+    submit?: string;
+    signingUp?: string;
+  };
+  extraLink?: {
+    href: string;
+    text: string;
+  };
+  successRedirect: string;
+}
+declare const SignupForm: React.FC<SignupFormProps>;
+//#endregion
+export { SignupForm };
+//# sourceMappingURL=signup-form.d.ts.map

package/dist/client/user/components/signup-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-form.d.ts","names":[],"sources":["../../../../src/client/user/components/signup-form.tsx"],"mappings":";;;UAQU,eAAA;EACR,MAAA;IACE,KAAA;IACA,QAAA;IACA,SAAA;IACA,oBAAA;IACA,QAAA;IACA,mBAAA;IACA,KAAA;IACA,gBAAA;IACA,QAAA;IACA,mBAAA;IACA,WAAA;IACA,aAAA;IACA,MAAA;IACA,SAAA;EAAA;EAEF,SAAA;IACE,IAAA;IACA,IAAA;EAAA;EAEF,eAAA;AAAA;AAAA,cAqIW,UAAA,EAAY,KAAA,CAAM,EAAA,CAAG,eAAA"}