@acmekit/dashboard 2.13.6 → 2.13.8

package/dist/login-AIMR26AL.mjs

@@ -1,291 +0,0 @@
-import {
-  useCloudAuthEnabled,
-  useCreateCloudAuthUser
-} from "./chunk-FBTP4AJM.mjs";
-import {
-  useExtension
-} from "./chunk-C5P5PL3E.mjs";
-import {
-  isFetchError
-} from "./chunk-QYOO4QR6.mjs";
-import {
-  AvatarBox
-} from "./chunk-JSJZMTQG.mjs";
-import {
-  Form,
-  sdk,
-  useSignInWithEmailPass
-} from "./chunk-4VYJHIB3.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/login/login.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Alert, Button as Button2, Heading, Hint, Input, Text } from "@acmekit/ui";
-import { useForm } from "react-hook-form";
-import { Trans, useTranslation as useTranslation2 } from "react-i18next";
-import { Link, useLocation, useNavigate as useNavigate2 } from "react-router-dom";
-import * as z from "zod";
-
-// src/routes/login/components/cloud-auth-login.tsx
-import { Spinner } from "@acmekit/icons";
-import { Button, toast } from "@acmekit/ui";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { decodeToken } from "react-jwt";
-import { useNavigate, useSearchParams } from "react-router-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CLOUD_AUTH_PROVIDER = "cloud";
-var CloudAuthLogin = () => {
-  const { t } = useTranslation();
-  const [searchParams] = useSearchParams();
-  const { data: cloudAuth } = useCloudAuthEnabled();
-  const isAutoLogin = searchParams.get("auth_provider") === CLOUD_AUTH_PROVIDER && searchParams.get("auto") === "true";
-  const isCallback = searchParams.get("auth_provider") === CLOUD_AUTH_PROVIDER && (searchParams.has("code") || searchParams.has("error"));
-  const { handleLogin, isLoginPending } = useHandleLogin(isAutoLogin);
-  const { handleCallback, isCallbackPending } = useAuthCallback(searchParams);
-  const actionInitiated = useRef(false);
-  useEffect(() => {
-    if (actionInitiated.current) {
-      return;
-    }
-    if (isAutoLogin) {
-      actionInitiated.current = true;
-      handleLogin();
-    } else if (isCallback) {
-      actionInitiated.current = true;
-      handleCallback();
-    }
-  }, [isAutoLogin, isCallback, handleLogin, handleCallback]);
-  if (isAutoLogin || isCallback) {
-    return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle fixed inset-0 z-50 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "text-ui-fg-subtle animate-spin" }) });
-  }
-  if (!cloudAuth?.enabled) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("hr", { className: "bg-ui-border-base my-4" }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        onClick: handleLogin,
-        className: "w-full",
-        disabled: isLoginPending || isCallbackPending,
-        isLoading: isLoginPending || isCallbackPending,
-        children: t("auth.login.cloud")
-      }
-    )
-  ] });
-};
-var useHandleLogin = (isAutoLogin) => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const [isPending, setIsPending] = useState(false);
-  const handleLogin = useCallback(async () => {
-    setIsPending(true);
-    try {
-      const result = await sdk.auth.login("user", CLOUD_AUTH_PROVIDER, {
-        // setting callback_url in case the admin is on a different domain, or the backend URL is set to just "/" which won't work for the callback
-        callback_url: `${window.location.origin}${window.location.pathname}?auth_provider=${CLOUD_AUTH_PROVIDER}`
-      });
-      if (typeof result === "object" && result.location) {
-        window.location.href = result.location;
-        return;
-      }
-      throw new Error("Unexpected login response");
-    } catch {
-      toast.error(t("auth.login.authenticationFailed"));
-      if (isAutoLogin) {
-        navigate("/login");
-      }
-    }
-    setIsPending(false);
-  }, [t, navigate, isAutoLogin]);
-  return { handleLogin, isLoginPending: isPending };
-};
-var useAuthCallback = (searchParams) => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const { mutateAsync: createCloudAuthUser } = useCreateCloudAuthUser();
-  const [isPending, setIsPending] = useState(false);
-  const handleCallback = useCallback(async () => {
-    setIsPending(true);
-    try {
-      let token;
-      try {
-        const query = Object.fromEntries(searchParams);
-        delete query.auth_provider;
-        token = await sdk.auth.callback("user", CLOUD_AUTH_PROVIDER, query);
-      } catch (error) {
-        throw new Error("Authentication callback failed");
-      }
-      const decodedToken = decodeToken(token);
-      if (!decodedToken?.actor_id) {
-        await createCloudAuthUser();
-        const refreshedToken = await sdk.auth.refresh({
-          Authorization: `Bearer ${token}`
-          // passing it manually in case the auth type is session
-        });
-        if (!refreshedToken) {
-          throw new Error("Failed to refresh token after user creation");
-        }
-      }
-      navigate("/");
-    } catch (error) {
-      toast.error(t("auth.login.authenticationFailed"));
-      navigate("/login");
-    }
-    setIsPending(false);
-  }, [searchParams, t, createCloudAuthUser, navigate]);
-  return { handleCallback, isCallbackPending: isPending };
-};
-
-// src/routes/login/login.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var LoginSchema = z.object({
-  email: z.string().email(),
-  password: z.string()
-});
-var Login = () => {
-  const { t } = useTranslation2();
-  const location = useLocation();
-  const navigate = useNavigate2();
-  const { getWidgets } = useExtension();
-  const from = location.state?.from?.pathname || "/orders";
-  const form = useForm({
-    resolver: zodResolver(LoginSchema),
-    defaultValues: {
-      email: "",
-      password: ""
-    }
-  });
-  const { mutateAsync, isPending } = useSignInWithEmailPass();
-  const handleSubmit = form.handleSubmit(async ({ email, password }) => {
-    await mutateAsync(
-      {
-        email,
-        password
-      },
-      {
-        onError: (error) => {
-          if (isFetchError(error)) {
-            if (error.status === 401) {
-              form.setError("email", {
-                type: "manual",
-                message: error.message
-              });
-              return;
-            }
-          }
-          form.setError("root.serverError", {
-            type: "manual",
-            message: error.message
-          });
-        },
-        onSuccess: () => {
-          navigate(from, { replace: true });
-        }
-      }
-    );
-  });
-  const serverError = form.formState.errors?.root?.serverError?.message;
-  const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
-  return /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsxs2("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-    /* @__PURE__ */ jsx2(AvatarBox, {}),
-    /* @__PURE__ */ jsxs2("div", { className: "mb-4 flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx2(Heading, { children: t("login.title") }),
-      /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("login.hint") })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col gap-y-3", children: [
-      getWidgets("login.before").map((Component, i) => {
-        return /* @__PURE__ */ jsx2(Component, {}, i);
-      }),
-      /* @__PURE__ */ jsx2(Form, { ...form, children: /* @__PURE__ */ jsxs2(
-        "form",
-        {
-          onSubmit: handleSubmit,
-          className: "flex w-full flex-col gap-y-6",
-          children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-1", children: [
-              /* @__PURE__ */ jsx2(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "email",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsx2(Form.Item, { children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
-                      Input,
-                      {
-                        autoComplete: "email",
-                        ...field,
-                        className: "bg-ui-bg-field-component",
-                        placeholder: t("fields.email")
-                      }
-                    ) }) });
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "password",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs2(Form.Item, { children: [
-                      /* @__PURE__ */ jsx2(Form.Label, {}),
-                      /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
-                        Input,
-                        {
-                          type: "password",
-                          autoComplete: "current-password",
-                          ...field,
-                          className: "bg-ui-bg-field-component",
-                          placeholder: t("fields.password")
-                        }
-                      ) })
-                    ] });
-                  }
-                }
-              )
-            ] }),
-            validationError && /* @__PURE__ */ jsx2("div", { className: "text-center", children: /* @__PURE__ */ jsx2(Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-            serverError && /* @__PURE__ */ jsx2(
-              Alert,
-              {
-                className: "bg-ui-bg-base items-center p-2",
-                dismissible: true,
-                variant: "error",
-                children: serverError
-              }
-            ),
-            /* @__PURE__ */ jsx2(Button2, { className: "w-full", type: "submit", isLoading: isPending, children: t("actions.continueWithEmail") })
-          ]
-        }
-      ) }),
-      [...getWidgets("login.after"), CloudAuthLogin].map(
-        (Component, i) => {
-          return /* @__PURE__ */ jsx2(Component, {}, i);
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ jsx2(
-      Trans,
-      {
-        i18nKey: "login.forgotPassword",
-        components: [
-          /* @__PURE__ */ jsx2(
-            Link,
-            {
-              to: "/reset-password",
-              className: "text-ui-fg-interactive transition-fg hover:text-ui-fg-interactive-hover focus-visible:text-ui-fg-interactive-hover font-medium outline-none"
-            },
-            "reset-password-link"
-          )
-        ]
-      }
-    ) })
-  ] }) });
-};
-export {
-  Login as Component
-};