@drfed/web 0.0.0-stage → 0.1.0-dev.561

package/.output/server/_ssr/sign-in-CNHZb_zL.mjs

@@ -0,0 +1,264 @@
+import { r as __toESM } from "../_runtime.mjs";
+import { n as require_relay_runtime } from "../_libs/relay-runtime.mjs";
+import { D as Show, E as Match, K as mergeProps, N as createComponent, V as createSignal, g as ssrAttribute, h as ssr, k as Switch, u as escape, v as ssrHydrationKey } from "../_libs/solid-js.mjs";
+import { n as Title } from "./dist-D6rgyh-L.mjs";
+import { a as __export, i as Polymorphic, t as Button } from "./JNCCF6MP-BAZlBnvx.mjs";
+import { b as string, d as object, h as pipe, l as nonEmpty, r as email, x as trim } from "../_libs/valibot.mjs";
+import { i as createMutation } from "../_libs/solid-relay+tiny-invariant.mjs";
+import { n as Form, r as createForm, t as Field } from "./dist-I7KRMRbA.mjs";
+import { m as form_module_default } from "./form.module-CTvIl1lm.mjs";
+import { t as TextField } from "./TSB6MOZK-D06WZb6o.mjs";
+//#region node_modules/.nitro/vite/services/ssr/_build/assets/sign-in-CNHZb_zL.js
+var import_relay_runtime = /* @__PURE__ */ __toESM(require_relay_runtime());
+/**
+* @generated SignedSource<<f922c28fa3ef1530d281ae9db8af9386>>
+* @lightSyntaxTransform
+*/
+var { ConcreteRequest } = import_relay_runtime?.default?.default?.__esModule ? import_relay_runtime.default.default : import_relay_runtime?.default?.__esModule ? import_relay_runtime.default : import_relay_runtime;
+var node = function() {
+	var v0 = [{
+		"defaultValue": null,
+		"kind": "LocalArgument",
+		"name": "email"
+	}, {
+		"defaultValue": null,
+		"kind": "LocalArgument",
+		"name": "verifyUrl"
+	}], v1 = [{
+		"alias": null,
+		"args": [{
+			"kind": "Variable",
+			"name": "email",
+			"variableName": "email"
+		}, {
+			"kind": "Variable",
+			"name": "verifyUrl",
+			"variableName": "verifyUrl"
+		}],
+		"concreteType": "LoginChallenge",
+		"kind": "LinkedField",
+		"name": "loginByEmail",
+		"plural": false,
+		"selections": [{
+			"alias": null,
+			"args": null,
+			"kind": "ScalarField",
+			"name": "challengeId",
+			"storageKey": null
+		}],
+		"storageKey": null
+	}];
+	return {
+		"fragment": {
+			"argumentDefinitions": v0,
+			"kind": "Fragment",
+			"metadata": null,
+			"name": "SignInMutation",
+			"selections": v1,
+			"type": "Mutation",
+			"abstractKey": null
+		},
+		"kind": "Request",
+		"operation": {
+			"argumentDefinitions": v0,
+			"kind": "Operation",
+			"name": "SignInMutation",
+			"selections": v1
+		},
+		"params": {
+			"cacheID": "37e10229ff566b2aae936dd6e4f5eeba",
+			"id": null,
+			"metadata": {},
+			"name": "SignInMutation",
+			"operationKind": "mutation",
+			"text": "mutation SignInMutation(\n  $email: Email!\n  $verifyUrl: URITemplate!\n) {\n  loginByEmail(email: $email, verifyUrl: $verifyUrl) {\n    challengeId\n  }\n}\n"
+		}
+	};
+}();
+node.hash = "8c239b3bc42d23561c6a06c26b528dfd";
+__export({}, {
+	Alert: () => Alert,
+	Root: () => AlertRoot
+});
+function AlertRoot(props) {
+	return createComponent(Polymorphic, mergeProps({
+		as: "div",
+		role: "alert"
+	}, props));
+}
+var Alert = AlertRoot;
+var { graphql } = import_relay_runtime?.default?.default?.__esModule ? import_relay_runtime.default.default : import_relay_runtime?.default?.__esModule ? import_relay_runtime.default : import_relay_runtime;
+var _tmpl$ = [
+	"<main",
+	"><!--$-->",
+	"<!--/--><section",
+	" aria-labelledby=\"sign-in-title\"><header",
+	"><h1 id=\"sign-in-title\">Sign in</h1><p>Enter your email address to receive a secure sign-in link.</p></header><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></section></main>"
+];
+var _tmpl$2 = [
+	"<span",
+	" class=\"",
+	"\">Required</span>"
+];
+var _tmpl$3 = [
+	"<span",
+	" id=\"email-error\" class=\"",
+	"\" role=\"alert\">",
+	"</span>"
+];
+var _tmpl$4 = [
+	"<output",
+	" class=\"",
+	"\">",
+	"</output>"
+];
+var id$$ = "src/routes/sign-in.tsx?pick=default&pick=$css&lang.tsx";
+var signInMutation = node;
+var signInSchema = object({ email: pipe(string(), trim(), nonEmpty("Enter a valid email address."), email("Enter a valid email address.")) });
+function SignInPage() {
+	const [result, setResult] = createSignal();
+	const [commitSignIn, isSigningIn] = createMutation(signInMutation);
+	const signInForm = createForm({
+		schema: signInSchema,
+		initialInput: { email: "" }
+	});
+	const submit = ({ email }) => {
+		const verifyUrl = `${globalThis.location.origin}/confirm/{challengeId}?code={code}`;
+		setResult(void 0);
+		commitSignIn({
+			variables: {
+				email,
+				verifyUrl
+			},
+			onCompleted: (_response, errors) => {
+				const graphQLErrors = errors ?? [];
+				if (graphQLErrors.length > 0) {
+					setResult({
+						message: graphQLErrors.map((error) => error.message).join("\n"),
+						status: "error"
+					});
+					return;
+				}
+				setResult({
+					message: "Check your inbox for a secure sign-in link. You can close this page.",
+					status: "success"
+				});
+			},
+			onError: (error) => {
+				setResult({
+					message: error.message,
+					status: "error"
+				});
+			}
+		});
+	};
+	return ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("class", escape(form_module_default.page, true), false), escape(createComponent(Title, { children: "Sign in — DrFed" })), ssrAttribute("class", escape(form_module_default.panel, true), false), ssrAttribute("class", escape(form_module_default.header, true), false), escape(createComponent(Form, {
+		get ["class"]() {
+			return form_module_default.form;
+		},
+		of: signInForm,
+		onSubmit: submit,
+		get children() {
+			return [createComponent(Field, {
+				of: signInForm,
+				path: ["email"],
+				children: (field) => createComponent(TextField, {
+					get ["class"]() {
+						return form_module_default.field;
+					},
+					get name() {
+						return field.props.name;
+					},
+					get value() {
+						return field.input ?? "";
+					},
+					required: true,
+					get children() {
+						return [
+							createComponent(TextField.Label, {
+								get ["class"]() {
+									return form_module_default.fieldHeading;
+								},
+								get children() {
+									return ["Email address", ssr(_tmpl$2, ssrHydrationKey(), `${escape(form_module_default.fieldStatus, true)} ${escape(form_module_default.required, true)}`)];
+								}
+							}),
+							createComponent(TextField.Input, mergeProps(() => field.props, {
+								get ["class"]() {
+									return form_module_default.input;
+								},
+								type: "email",
+								autocomplete: "email",
+								inputMode: "email",
+								placeholder: "you@example.com",
+								get ["aria-invalid"]() {
+									return Boolean(field.errors);
+								},
+								get ["aria-describedby"]() {
+									return field.errors ? "email-error" : void 0;
+								}
+							})),
+							createComponent(Show, {
+								get when() {
+									return field.errors;
+								},
+								children: (errors) => ssr(_tmpl$3, ssrHydrationKey(), `${escape(form_module_default.notice, true)} ${escape(form_module_default.error, true)}`, escape(errors()[0]))
+							})
+						];
+					}
+				})
+			}), createComponent(Button, {
+				get ["class"]() {
+					return form_module_default.button;
+				},
+				type: "submit",
+				get disabled() {
+					return isSigningIn();
+				},
+				get children() {
+					return createComponent(Show, {
+						get when() {
+							return isSigningIn();
+						},
+						get fallback() {
+							return result()?.status === "success" ? "Resend sign-in link" : "Send sign-in link";
+						},
+						children: "Sending link…"
+					});
+				}
+			})];
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return result();
+		},
+		children: (formResult) => createComponent(Switch, { get children() {
+			return [createComponent(Match, {
+				get when() {
+					return formResult().status === "error";
+				},
+				get children() {
+					return createComponent(Alert, {
+						get ["class"]() {
+							return `${form_module_default.notice} ${form_module_default.error}`;
+						},
+						get children() {
+							return formResult().message;
+						}
+					});
+				}
+			}), createComponent(Match, {
+				get when() {
+					return formResult().status === "success";
+				},
+				get children() {
+					return ssr(_tmpl$4, ssrHydrationKey(), `${escape(form_module_default.notice, true)} ${escape(form_module_default.success, true)}`, escape(formResult().message));
+				}
+			})];
+		} })
+	})));
+}
+//#endregion
+export { SignInPage as default, id$$ };