@rpcbase/auth 0.36.0 → 0.38.0

package/dist/{handler-DAT7ZSyq.js → handler-Bl5DlLdb.js}

@@ -2,7 +2,7 @@ import crypto from "crypto";
 import { i as isEmail } from "./isEmail-IG0hXiQk.js";
 import { loadModel } from "@rpcbase/api";
 import { hashPassword } from "@rpcbase/server";
-import { a as Route, c as requestSchema } from "./index-DGbE-dXC.js";
+import { R as Route, r as requestSchema } from "./index-BYEYCL3Q.js";
 const signUp = async (payload, ctx) => {
   const User = await loadModel("User", ctx);
   const { email_or_phone, password } = requestSchema.parse(payload);

package/dist/{handler-agHFe1sA.js → handler-CSmOkoqC.js}

@@ -1,5 +1,5 @@
 import { i as isEmail } from "./isEmail-IG0hXiQk.js";
-import { R as Route, r as requestSchema } from "./index-DGbE-dXC.js";
+import { R as Route, r as requestSchema } from "./index-BphnyggH.js";
 const signIn = async (payload, ctx) => {
   const { email_or_phone } = requestSchema.parse(payload);
   if (isEmail(email_or_phone)) {

package/dist/{handler-BGIQUixx.js → handler-rzI-pkuD.js}

@@ -1,4 +1,4 @@
-import { o as object, b as boolean } from "./index-DGbE-dXC.js";
+import { o as object, b as boolean } from "./schemas-DKK0lkQz.js";
 const Route = "/api/rb/auth/sign-out";
 object({});
 object({

package/dist/index-BYEYCL3Q.js

@@ -0,0 +1,25 @@
+import { i as isValidNumber } from "./isValidNumber-6pMDGLRn.js";
+import { o as object, s as string, b as boolean } from "./schemas-DKK0lkQz.js";
+const Route = "/api/rb/auth/sign-up";
+const requestSchema = object({
+  email_or_phone: string().nonempty("Email or phone number is required").refine(
+    (value) => {
+      const isEmail = string().email().safeParse(value).success;
+      const isPhone = isValidNumber(value);
+      return isEmail || isPhone;
+    },
+    "Please enter a valid email address or phone number"
+  ),
+  password: string().min(8, { message: "Password must be at least 8 characters long." }),
+  password_confirmation: string().nonempty({ message: "Please confirm your password." })
+}).refine((data) => data.password === data.password_confirmation, {
+  message: "Passwords do not match.",
+  path: ["password_confirmation"]
+});
+object({
+  success: boolean()
+});
+export {
+  Route as R,
+  requestSchema as r
+};

package/dist/index-BphnyggH.js

@@ -0,0 +1,21 @@
+import { i as isValidNumber } from "./isValidNumber-6pMDGLRn.js";
+import { o as object, b as boolean, s as string } from "./schemas-DKK0lkQz.js";
+const Route = "/api/rb/auth/sign-in";
+const requestSchema = object({
+  email_or_phone: string().nonempty("Email or phone number is required").default("").refine(
+    (value) => {
+      const isEmail = string().email().safeParse(value).success;
+      const isPhone = isValidNumber(value);
+      return isEmail || isPhone;
+    },
+    "Please enter a valid email address or phone number"
+  ),
+  remember_me: boolean().default(true)
+});
+object({
+  success: boolean()
+});
+export {
+  Route as R,
+  requestSchema as r
+};

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export * from './components';
-export * from './routes';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/index.js

@@ -1,10 +1,178 @@
-import { d, A, E, f, S, e, g } from "./index-DGbE-dXC.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useLocation, Link } from "@rpcbase/router";
+import clsx from "clsx";
+import { useFormContext, useForm, zodResolver, FormProvider } from "@rpcbase/form";
+import { useEffect } from "react";
+import { r as requestSchema } from "./index-BphnyggH.js";
+import { r as requestSchema$1 } from "./index-BYEYCL3Q.js";
+const LINKS_REDIRECTION_MAP = {
+  "/auth/sign-in": {
+    "title": "Sign Up",
+    "location": "/auth/sign-up"
+  },
+  "/auth/sign-up": {
+    "title": "Sign In",
+    "location": "/auth/sign-in"
+  },
+  "/auth/forgot-password": {
+    "title": "Sign In",
+    "location": "/auth/sign-in"
+  },
+  "/auth/logout-success": {
+    "title": "Sign In",
+    "location": "/auth/sign-in"
+  }
+};
+const AuthLayout = ({
+  sidePanel = null,
+  children
+}) => {
+  const location = useLocation();
+  const linkTitle = LINKS_REDIRECTION_MAP[location.pathname]?.title;
+  const linkLocation = LINKS_REDIRECTION_MAP[location.pathname]?.location;
+  return /* @__PURE__ */ jsxs("div", { className: "container relative hidden h-dvh flex-col items-center justify-center md:grid md:w-full lg:max-w-none lg:grid-cols-2 lg:px-0", children: [
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 absolute right-4 top-4 md:right-8 md:top-8",
+        to: linkLocation,
+        children: linkTitle
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex", children: sidePanel }),
+    /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full flex-col justify-center gap-6 /*sm:w-[350px]*/", children })
+  ] });
+};
+const AppleSignInButton = ({
+  onPress,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: onPress,
+      className: clsx(`
+        w-full
+        bg-black text-white hover:bg-gray-800
+        flex items-center justify-center
+        px-6 py-2
+        rounded-lg
+        font-medium
+        transition duration-150 ease-in-out
+        focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black
+      `, className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-5 h-5 mr-3",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "white",
+            children: /* @__PURE__ */ jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.539 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: "Continue with Apple" })
+      ]
+    }
+  );
+};
+const EmailOrPhoneInput = ({
+  id,
+  className,
+  placeholder
+}) => {
+  const { register, formState } = useFormContext();
+  const error = formState.errors.email_or_phone;
+  let errorMessage;
+  if (typeof error === "string") {
+    errorMessage = error;
+  } else if (error && typeof error.message === "string") {
+    errorMessage = error.message;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type: "text",
+        required: true,
+        autoComplete: "on",
+        className,
+        placeholder,
+        ...register("email_or_phone")
+      }
+    ),
+    errorMessage ? /* @__PURE__ */ jsx("p", { className: "mt-1 -mb-2 text-sm/6 text-red-500", children: errorMessage }) : null
+  ] });
+};
+const SignInForm = ({
+  children,
+  className
+}) => {
+  const methods = useForm({
+    defaultValues: {
+      email_or_phone: "",
+      remember_me: true
+    },
+    resolver: zodResolver(requestSchema)
+  });
+  const onSubmit = async (data) => {
+    console.log("SUBMIT SIGNIN", data);
+  };
+  useEffect(() => {
+    console.log(methods.formState.errors);
+  }, [methods.formState.errors]);
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx("form", { method: "post", noValidate: true, className, onSubmit: methods.handleSubmit(onSubmit), children }) });
+};
+const SignUpForm = ({
+  children,
+  className
+}) => {
+  const methods = useForm({
+    defaultValues: {
+      email_or_phone: "",
+      password: "",
+      password_confirmation: ""
+    },
+    resolver: zodResolver(requestSchema$1)
+  });
+  const onSubmit = async (data) => {
+    console.log("SUBMIT SIGNUp", data);
+  };
+  useEffect(() => {
+    console.log(methods.formState.errors);
+  }, [methods.formState.errors]);
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx("form", { method: "post", noValidate: true, className, onSubmit: methods.handleSubmit(onSubmit), children }) });
+};
+const RememberMeCheckbox = ({
+  label,
+  as: Component = "input"
+}) => {
+  const { register } = useFormContext();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Component,
+      {
+        id: "remember_me",
+        ...register("remember_me")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: "remember_me",
+        className: "pl-2 block text-sm/6 text-gray-900",
+        children: label
+      }
+    )
+  ] });
+};
 export {
-  d as AppleSignInButton,
-  A as AuthLayout,
-  E as EmailOrPhoneInput,
-  f as RememberMeCheckbox,
-  S as SignInForm,
-  e as SignUpForm,
-  g as routes
+  AppleSignInButton,
+  AuthLayout,
+  EmailOrPhoneInput,
+  RememberMeCheckbox,
+  SignInForm,
+  SignUpForm
 };