@mercurjs/vendor 2.0.0 → 2.0.1

package/dist/{inventory-AIRQ2KNS.js → inventory-W6S2NIBI.js}

@@ -1,26 +1,27 @@
 import {
   InventoryListPage
-} from "./chunk-UXKKD4AD.js";
+} from "./chunk-FQTYHU6G.js";
 import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-WHTS4G5K.js";
+import "./chunk-QXUKJDZB.js";
 import "./chunk-LYUCDASZ.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-RM5RSDYP.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-CFETU5BI.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-NBPMNUKZ.js";
 import "./chunk-BDGZ4EQO.js";
+import "./chunk-QHQWEERJ.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-SI4ALL7W.js";
-import "./chunk-WPFTRRWV.js";
+import "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 export {
   InventoryListPage
 };

package/dist/invite-P6HTOEIV.js

@@ -0,0 +1,301 @@
+import {
+  AvatarBox
+} from "./chunk-CP5IL4P6.js";
+import {
+  isFetchError
+} from "./chunk-C6SUTRP2.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  useAcceptInvite
+} from "./chunk-STBCWNZQ.js";
+import {
+  useSignInForInvite,
+  useSignUpForInvite
+} from "./chunk-F4OJN2F2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/invite/invite.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Alert, Button, Heading, Hint, Input, Text, toast } from "@medusajs/ui";
+import i18n from "i18next";
+import { AnimatePresence, motion } from "motion/react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { decodeToken } from "react-jwt";
+import { Link, useSearchParams } from "react-router-dom";
+import * as z from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateAccountSchema = z.object({
+  email: z.string().email(),
+  password: z.string().min(1),
+  repeat_password: z.string().optional(),
+  existing_member: z.boolean()
+}).superRefine(({ password, repeat_password, existing_member }, ctx) => {
+  if (!existing_member && (!repeat_password || password !== repeat_password)) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: i18n.t("invite.passwordMismatch"),
+      path: ["repeat_password"]
+    });
+  }
+});
+var Invite = () => {
+  const [searchParams] = useSearchParams();
+  const [success, setSuccess] = useState(false);
+  const token = searchParams.get("token");
+  const invite = token ? decodeToken(token) : null;
+  const isValidInvite = invite && validateDecodedInvite(invite);
+  return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
+    /* @__PURE__ */ jsx(AvatarBox, { checked: success }),
+    /* @__PURE__ */ jsx("div", { className: "w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ jsx(AnimatePresence, { children: !success ? /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: false,
+        animate: { y: 0 },
+        exit: { height: 0, y: 40 },
+        transition: {
+          duration: 0.8,
+          delay: 0.6,
+          ease: [0, 0.71, 0.2, 1.01]
+        },
+        className: "w-full will-change-transform",
+        children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: false,
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.7 },
+            transition: {
+              duration: 0.6,
+              delay: 0,
+              ease: [0, 0.71, 0.2, 1.01]
+            },
+            children: /* @__PURE__ */ jsx(
+              CreateView,
+              {
+                onSuccess: () => setSuccess(true),
+                token,
+                invite
+              }
+            )
+          },
+          "inner-create-account"
+        )
+      },
+      "create-account"
+    ) : /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, scale: 0.4 },
+        animate: { opacity: 1, scale: 1 },
+        transition: {
+          duration: 1,
+          delay: 0.6,
+          ease: [0, 0.71, 0.2, 1.01]
+        },
+        className: "w-full",
+        children: /* @__PURE__ */ jsx(SuccessView, { sellerName: invite.seller_name })
+      },
+      "success-view"
+    ) }) : /* @__PURE__ */ jsx(InvalidView, {}) })
+  ] }) });
+};
+var LoginLink = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "my-6 h-px w-full border-b border-dotted" }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/login",
+        className: "txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover font-medium outline-none",
+        children: t("invite.backToLogin")
+      }
+    )
+  ] });
+};
+var InvalidView = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("invite.invalidTokenTitle") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("invite.invalidTokenHint") })
+    ] }),
+    /* @__PURE__ */ jsx(LoginLink, {})
+  ] });
+};
+var CreateView = ({
+  onSuccess,
+  token,
+  invite
+}) => {
+  const { t } = useTranslation();
+  const [invalid, setInvalid] = useState(false);
+  const isExistingMember = invite.existing_member;
+  const form = useForm({
+    resolver: zodResolver(CreateAccountSchema),
+    defaultValues: {
+      email: invite.email || "",
+      password: "",
+      repeat_password: "",
+      existing_member: isExistingMember
+    }
+  });
+  const { mutateAsync: signUp, isPending: isCreatingAuthUser } = useSignUpForInvite();
+  const { mutateAsync: signIn, isPending: isSigningIn } = useSignInForInvite();
+  const { mutateAsync: acceptInvite, isPending: isAcceptingInvite } = useAcceptInvite();
+  const handleSubmit = form.handleSubmit(async (data) => {
+    try {
+      const { token: authToken } = isExistingMember ? await signIn({
+        email: data.email,
+        password: data.password
+      }) : await signUp({
+        email: data.email,
+        password: data.password
+      });
+      await acceptInvite({
+        invite_token: token,
+        auth_token: authToken
+      });
+      toast.success(t("invite.toast.accepted"));
+      onSuccess();
+    } catch (error) {
+      if (isFetchError(error)) {
+        if (error.status === 401) {
+          form.setError("root", {
+            type: "manual",
+            message: t("errors.invalidCredentials")
+          });
+          return;
+        }
+        if (error.status === 400) {
+          form.setError("root", {
+            type: "manual",
+            message: t("invite.invalidInvite")
+          });
+          setInvalid(true);
+          return;
+        }
+      }
+      form.setError("root", {
+        type: "manual",
+        message: t("errors.serverError")
+      });
+    }
+  });
+  const serverError = form.formState.errors.root?.message;
+  const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message || form.formState.errors.repeat_password?.message;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("invite.title", {
+        name: invite.seller_name
+      }) }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: isExistingMember ? t("invite.existingMemberHint") : t("invite.hint") })
+    ] }),
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "off",
+                ...field,
+                className: "bg-ui-bg-field-component",
+                placeholder: t("fields.email"),
+                disabled: true
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "password",
+            render: ({ field }) => /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "new-password",
+                type: "password",
+                ...field,
+                className: "bg-ui-bg-field-component",
+                placeholder: t("fields.password")
+              }
+            ) }) })
+          }
+        ),
+        !isExistingMember && /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "repeat_password",
+            render: ({ field }) => /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "off",
+                type: "password",
+                ...field,
+                className: "bg-ui-bg-field-component",
+                placeholder: t("fields.repeatPassword")
+              }
+            ) }) })
+          }
+        ),
+        validationError && /* @__PURE__ */ jsx("div", { className: "mt-6 text-center", children: /* @__PURE__ */ jsx(Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+        serverError && /* @__PURE__ */ jsx(
+          Alert,
+          {
+            className: "bg-ui-bg-base items-center p-2",
+            dismissible: true,
+            variant: "error",
+            children: serverError
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "w-full",
+          type: "submit",
+          isLoading: isCreatingAuthUser || isSigningIn || isAcceptingInvite,
+          disabled: invalid,
+          children: isExistingMember ? t("invite.signIn") : t("invite.createAccount")
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(LoginLink, {})
+  ] });
+};
+var SuccessView = ({ sellerName }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { className: "text-center", children: t("invite.successTitle", { name: sellerName }) }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("invite.successHint") })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, className: "w-full", children: /* @__PURE__ */ jsx(Link, { to: "/login", replace: true, children: t("invite.backToLogin") }) })
+  ] });
+};
+var InviteSchema = z.object({
+  id: z.string(),
+  jti: z.string(),
+  exp: z.number(),
+  iat: z.number()
+});
+var validateDecodedInvite = (decoded) => {
+  return InviteSchema.safeParse(decoded).success;
+};
+export {
+  Invite as Component
+};