@mercurjs/vendor 2.0.2 → 2.1.0-canary.5

package/dist/{store-select-Q2HE572R.js → store-select-XPC6NIV5.js}

@@ -1,6 +1,9 @@
 import {
   require_dist
 } from "./chunk-ZZO3INVE.js";
+import {
+  AuthLayout
+} from "./chunk-JWB2HSCJ.js";
 import {
   AvatarBox
 } from "./chunk-CP5IL4P6.js";
@@ -8,8 +11,7 @@ import "./chunk-U2EI2ZLM.js";
 import {
   useSelectSeller,
   useSellers
-} from "./chunk-NYRRRCJS.js";
-import "./chunk-STBCWNZQ.js";
+} from "./chunk-ZCJ737TR.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -38,12 +40,13 @@ import {
 } from "./chunk-NBMM2TZK.js";
 
 // src/pages/store-select/store-select.tsx
+import { Children } from "react";
 import { ChevronRight, Plus, Spinner } from "@medusajs/icons";
 import { Avatar, Heading, StatusBadge, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useLocation, useNavigate } from "react-router-dom";
 var import_types = __toESM(require_dist(), 1);
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var getSellerStatusBadge = (status, t) => {
   switch (status) {
     case import_types.SellerStatus.OPEN:
@@ -56,7 +59,7 @@ var getSellerStatusBadge = (status, t) => {
     case import_types.SellerStatus.SUSPENDED:
       return { color: "red", label: t("storeSelect.status.suspended") };
     case import_types.SellerStatus.TERMINATED:
-      return { color: "grey", label: t("storeSelect.status.terminated") };
+      return null;
     default:
       return { color: "grey", label: status };
   }
@@ -66,9 +69,9 @@ var StoreSelectLogo = () => {
 };
 var StoreSelectHeader = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col items-center", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-col", children: [
     /* @__PURE__ */ jsx(Heading, { children: t("storeSelect.title") }),
-    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("storeSelect.subtitle") })
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("storeSelect.subtitle") })
   ] });
 };
 var StoreSelectList = ({
@@ -83,7 +86,7 @@ var StoreSelectList = ({
     navigate("/", { replace: true });
   };
   return /* @__PURE__ */ jsxs("div", { className: "shadow-elevation-card-rest bg-ui-bg-base flex w-full flex-col divide-y rounded-lg", children: [
-    seller_members?.map((member) => {
+    seller_members?.filter((member) => member.seller.status !== import_types.SellerStatus.TERMINATED).map((member) => {
       const seller = member.seller;
       const badge = getSellerStatusBadge(seller.status, t);
       return /* @__PURE__ */ jsxs(
@@ -97,22 +100,26 @@ var StoreSelectList = ({
               {
                 variant: "squared",
                 size: "small",
+                src: seller.logo || void 0,
                 fallback: seller.name.charAt(0).toUpperCase()
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start", children: [
               /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: seller.name }),
-              /* @__PURE__ */ jsx(
+              seller.handle ? /* @__PURE__ */ jsxs(
                 Text,
                 {
                   size: "xsmall",
                   className: "text-ui-fg-subtle",
                   leading: "compact",
-                  children: seller.handle
+                  children: [
+                    "/",
+                    seller.handle
+                  ]
                 }
-              )
+              ) : null
             ] }),
-            /* @__PURE__ */ jsx(StatusBadge, { color: badge.color, children: badge.label }),
+            badge ? /* @__PURE__ */ jsx(StatusBadge, { color: badge.color, children: badge.label }) : null,
             /* @__PURE__ */ jsx(ChevronRight, { className: "text-ui-fg-muted" })
           ]
         },
@@ -135,23 +142,25 @@ var StoreSelectList = ({
 var StoreSelectFooter = () => {
   return null;
 };
-var Root = () => {
+var Root = ({ children }) => {
   const location = useLocation();
   const email = location.state?.email ?? "";
   const { seller_members, isLoading } = useSellers();
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "text-ui-fg-muted animate-spin" }) });
+    return /* @__PURE__ */ jsx(AuthLayout, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "text-ui-fg-muted animate-spin" }) }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-[380px] flex-col items-center", children: [
+  return /* @__PURE__ */ jsx(AuthLayout, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StoreSelectLogo, {}),
-    /* @__PURE__ */ jsx(StoreSelectHeader, {}),
-    /* @__PURE__ */ jsx(
-      StoreSelectList,
-      {
-        seller_members: seller_members ?? [],
-        email
-      }
-    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-8", children: [
+      /* @__PURE__ */ jsx(StoreSelectHeader, {}),
+      /* @__PURE__ */ jsx(
+        StoreSelectList,
+        {
+          seller_members: seller_members ?? [],
+          email
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(StoreSelectFooter, {})
   ] }) });
 };

package/dist/{team-ZLZJJWIY.js → team-DZ5CV3LG.js}

@@ -34,8 +34,7 @@ import {
   useMe,
   useRemoveSellerMember,
   useSellerMembers
-} from "./chunk-NYRRRCJS.js";
-import "./chunk-STBCWNZQ.js";
+} from "./chunk-ZCJ737TR.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mercurjs/vendor",
-  "version": "2.0.2",
+  "version": "2.1.0-canary.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/mercurjs/mercur",
@@ -29,8 +29,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
   "dependencies": {
-    "@mercurjs/dashboard-shared": "2.0.0-canary.97",
-    "@mercurjs/client": "2.0.0-canary.97",
+    "@mercurjs/dashboard-shared": "2.1.0-canary.5",
+    "@mercurjs/client": "2.1.0-canary.5",
     "@ariakit/react": "^0.4.15",
     "@babel/runtime": "^7.26.10",
     "@dnd-kit/core": "^6.1.0",
@@ -83,8 +83,8 @@
     "tsup": "^8.0.2",
     "typescript": "5.9.3",
     "@medusajs/types": "2.13.4",
-    "@mercurjs/core-plugin": "workspace:*",
+    "@mercurjs/core": "workspace:*",
     "@mercurjs/dashboard-sdk": "workspace:*",
     "@mercurjs/types": "workspace:*"
   }
-}
+}

package/dist/chunk-STBCWNZQ.js

@@ -1,57 +0,0 @@
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import {
-  queryKeysFactory
-} from "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-RIN4CBRB.js";
-
-// src/hooks/api/invites.tsx
-import {
-  useMutation,
-  useQuery
-} from "@tanstack/react-query";
-var INVITES_QUERY_KEY = "invites";
-var invitesQueryKeys = queryKeysFactory(INVITES_QUERY_KEY);
-var useInvites = (sellerId, query, options) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.vendor.sellers.$id.members.invites.query({
-      $id: sellerId,
-      ...query
-    }),
-    queryKey: invitesQueryKeys.list({ sellerId, ...query }),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-var useAcceptInvite = (options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.vendor.members.invites.accept.mutate({
-      invite_token: payload.invite_token,
-      fetchOptions: {
-        headers: {
-          Authorization: `Bearer ${payload.auth_token}`
-        }
-      }
-    }),
-    ...options
-  });
-};
-var useCreateInvite = (sellerId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.vendor.sellers.$id.members.mutate({ $id: sellerId, ...payload }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: invitesQueryKeys.lists() });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-
-export {
-  useInvites,
-  useAcceptInvite,
-  useCreateInvite
-};

package/dist/invite-P6HTOEIV.js

@@ -1,301 +0,0 @@
-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
-};