@mercurjs/admin 2.0.0-canary.24

package/dist/inventory-stock-3MBERL3K.js

@@ -0,0 +1,288 @@
+import {
+  INVENTORY_ITEM_IDS_KEY
+} from "./chunk-EOZUAYQL.js";
+import {
+  DataGridTogglableNumberCell
+} from "./chunk-YGSM5PVN.js";
+import {
+  DataGrid,
+  DataGridReadonlyCell,
+  createDataGridHelper
+} from "./chunk-KUWNYCGL.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  castNumber
+} from "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import {
+  useStockLocations
+} from "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  useBatchInventoryItemsLocationLevels,
+  useInventoryItems
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-stock/inventory-stock.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
+// src/pages/inventory/inventory-stock/components/inventory-stock-form/inventory-stock-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useRef } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/inventory/inventory-stock/hooks/use-inventory-stock-columns.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var helper = createDataGridHelper();
+var useInventoryStockColumns = (locations = []) => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      helper.column({
+        id: "title",
+        name: "Title",
+        header: "Title",
+        cell: (context) => {
+          const item = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: item.title || void 0, children: item.title || "-" }) });
+        },
+        disableHiding: true
+      }),
+      helper.column({
+        id: "sku",
+        name: "SKU",
+        header: "SKU",
+        cell: (context) => {
+          const item = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: item.sku || void 0, children: item.sku || "-" }) });
+        },
+        disableHiding: true
+      }),
+      ...locations.map(
+        (location) => helper.column({
+          id: `location_${location.id}`,
+          name: location.name,
+          header: location.name,
+          field: (context) => {
+            const item = context.row.original;
+            return `inventory_items.${item.id}.locations.${location.id}`;
+          },
+          type: "togglable-number",
+          cell: (context) => {
+            return /* @__PURE__ */ jsx(
+              DataGridTogglableNumberCell,
+              {
+                context,
+                disabledToggleTooltip: t(
+                  "inventory.stock.disabledToggleTooltip"
+                )
+              }
+            );
+          }
+        })
+      )
+    ],
+    [locations, t]
+  );
+};
+
+// src/pages/inventory/inventory-stock/schema.ts
+import { z } from "zod";
+var LocationQuantitySchema = z.object({
+  id: z.string().optional(),
+  quantity: z.union([z.number(), z.string()]),
+  checked: z.boolean(),
+  disabledToggle: z.boolean()
+});
+var InventoryLocationsSchema = z.record(LocationQuantitySchema);
+var InventoryItemSchema = z.object({
+  locations: InventoryLocationsSchema
+});
+var InventoryStockSchema = z.object({
+  inventory_items: z.record(InventoryItemSchema)
+});
+
+// src/pages/inventory/inventory-stock/components/inventory-stock-form/inventory-stock-form.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var InventoryStockForm = ({
+  items,
+  locations
+}) => {
+  const { t } = useTranslation2();
+  const { setCloseOnEscape, handleSuccess } = useRouteModal();
+  const initialValues = useRef(getDefaultValues(items, locations));
+  const form = useForm({
+    defaultValues: getDefaultValues(items, locations),
+    resolver: zodResolver(InventoryStockSchema)
+  });
+  const columns = useInventoryStockColumns(locations);
+  const { mutateAsync, isPending } = useBatchInventoryItemsLocationLevels();
+  const onSubmit = form.handleSubmit(async (data) => {
+    const payload = {
+      create: [],
+      update: [],
+      delete: [],
+      force: true
+    };
+    for (const [inventory_item_id, item] of Object.entries(
+      data.inventory_items
+    )) {
+      for (const [location_id, level] of Object.entries(item.locations)) {
+        if (level.id) {
+          const wasChecked = initialValues.current?.inventory_items?.[inventory_item_id]?.locations?.[location_id]?.checked;
+          if (wasChecked && !level.checked) {
+            payload.delete.push(level.id);
+          } else {
+            const newQuantity = level.quantity !== "" ? castNumber(level.quantity) : 0;
+            const originalQuantity = initialValues.current?.inventory_items?.[inventory_item_id]?.locations?.[location_id]?.quantity;
+            if (newQuantity !== originalQuantity) {
+              payload.update.push({
+                id: level.id,
+                inventory_item_id,
+                location_id,
+                stocked_quantity: newQuantity
+              });
+            }
+          }
+        }
+        if (!level.id && level.quantity !== "") {
+          payload.create.push({
+            inventory_item_id,
+            location_id,
+            stocked_quantity: castNumber(level.quantity)
+          });
+        }
+      }
+    }
+    await mutateAsync(payload, {
+      onSuccess: () => {
+        toast.success(t("inventory.stock.successToast"));
+        handleSuccess();
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "size-full flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx2(
+      DataGrid,
+      {
+        columns,
+        data: items,
+        state: form,
+        onEditingChange: (editing) => {
+          setCloseOnEscape(!editing);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+function getDefaultValues(items, locations) {
+  return {
+    inventory_items: items.reduce((acc, item) => {
+      const locationsMap = locations.reduce((locationAcc, location) => {
+        const level = item.location_levels?.find(
+          (level2) => level2.location_id === location.id
+        );
+        locationAcc[location.id] = {
+          id: level?.id,
+          quantity: typeof level?.stocked_quantity === "number" ? level?.stocked_quantity : "",
+          checked: !!level,
+          disabledToggle: (level?.incoming_quantity || 0) > 0 || (level?.reserved_quantity || 0) > 0
+        };
+        return locationAcc;
+      }, {});
+      acc[item.id] = { locations: locationsMap };
+      return acc;
+    }, {})
+  };
+}
+
+// src/pages/inventory/inventory-stock/inventory-stock.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var InventoryStock = () => {
+  const { t } = useTranslation3();
+  const [searchParams] = useSearchParams();
+  const inventoryItemIds = searchParams.get(INVENTORY_ITEM_IDS_KEY)?.split(",") || void 0;
+  const { inventory_items, isPending, isError, error } = useInventoryItems({
+    id: inventoryItemIds
+  });
+  const {
+    stock_locations,
+    isPending: isPendingStockLocations,
+    isError: isErrorStockLocations,
+    error: errorStockLocations
+  } = useStockLocations({
+    limit: 9999,
+    fields: "id,name"
+  });
+  const ready = !isPending && !!inventory_items && !isPendingStockLocations && !!stock_locations;
+  if (isError) {
+    throw error;
+  }
+  if (isErrorStockLocations) {
+    throw errorStockLocations;
+  }
+  return /* @__PURE__ */ jsxs2(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx3(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("inventory.stock.title") }) }),
+    /* @__PURE__ */ jsx3(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("inventory.stock.description") }) }),
+    ready && /* @__PURE__ */ jsx3(
+      InventoryStockForm,
+      {
+        items: inventory_items,
+        locations: stock_locations
+      }
+    )
+  ] });
+};
+export {
+  InventoryStock as Component
+};

package/dist/invite-HJ7BRO6H.js

@@ -0,0 +1,372 @@
+import {
+  AvatarBox
+} from "./chunk-CP5IL4P6.js";
+import {
+  isFetchError
+} from "./chunk-C6SUTRP2.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  useSignUpWithEmailPass
+} from "./chunk-ODBDAABQ.js";
+import {
+  useAcceptInvite
+} from "./chunk-NS5CHWOH.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.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(),
+  first_name: z.string().min(1),
+  last_name: z.string().min(1),
+  password: z.string().min(1),
+  repeat_password: z.string().min(1)
+}).superRefine(({ password, repeat_password }, ctx) => {
+  if (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", "data-testid": "invite-page", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[360px] flex-col items-center", "data-testid": "invite-container", children: [
+    /* @__PURE__ */ jsx(AvatarBox, { checked: success }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ jsx(AnimatePresence, { children: !success ? /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: false,
+        animate: {
+          height: "557px",
+          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",
+        "data-testid": "invite-create-account-view",
+        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",
+        "data-testid": "invite-success-view",
+        children: /* @__PURE__ */ jsx(SuccessView, {})
+      },
+      "success-view"
+    ) }) : /* @__PURE__ */ jsx(InvalidView, {}) })
+  ] }) });
+};
+var LoginLink = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center", "data-testid": "invite-login-link-section", 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",
+        "data-testid": "invite-back-to-login-link",
+        children: t("invite.backToLogin")
+      },
+      "login-link"
+    )
+  ] });
+};
+var InvalidView = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", "data-testid": "invite-invalid-view", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1", "data-testid": "invite-invalid-view-header", children: [
+      /* @__PURE__ */ jsx(Heading, { "data-testid": "invite-invalid-view-title", children: t("invite.invalidTokenTitle") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", "data-testid": "invite-invalid-view-hint", children: t("invite.invalidTokenHint") })
+    ] }),
+    /* @__PURE__ */ jsx(LoginLink, {})
+  ] });
+};
+var CreateView = ({
+  onSuccess,
+  token,
+  invite
+}) => {
+  const { t } = useTranslation();
+  const [invalid, setInvalid] = useState(false);
+  const [params] = useSearchParams();
+  const isFirstRun = params.get("first_run") === "true";
+  const form = useForm({
+    resolver: zodResolver(CreateAccountSchema),
+    defaultValues: {
+      email: isFirstRun ? "" : invite.email || "",
+      first_name: "",
+      last_name: "",
+      password: "",
+      repeat_password: ""
+    }
+  });
+  const { mutateAsync: signUpEmailPass, isPending: isCreatingAuthUser } = useSignUpWithEmailPass();
+  const { mutateAsync: acceptInvite, isPending: isAcceptingInvite } = useAcceptInvite(token);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    try {
+      const authToken = await signUpEmailPass({
+        email: data.email,
+        password: data.password
+      });
+      const invitePayload = {
+        email: data.email,
+        first_name: data.first_name,
+        last_name: data.last_name
+      };
+      await acceptInvite({
+        ...invitePayload,
+        auth_token: authToken
+      });
+      toast.success(t("invite.toast.accepted"));
+      onSuccess();
+    } catch (error) {
+      if (isFetchError(error) && 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 || form.formState.errors.first_name?.message || form.formState.errors.last_name?.message;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center", "data-testid": "invite-create-view", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col items-center", "data-testid": "invite-create-view-header", children: [
+      /* @__PURE__ */ jsx(Heading, { "data-testid": "invite-create-view-title", children: t("invite.title") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", "data-testid": "invite-create-view-hint", children: t("invite.hint") })
+    ] }),
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", "data-testid": "invite-create-view-form", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => {
+              return /* @__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"),
+                  "data-testid": "invite-email-input"
+                }
+              ) }) });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "first_name",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  autoComplete: "given-name",
+                  ...field,
+                  className: "bg-ui-bg-field-component",
+                  placeholder: t("fields.firstName"),
+                  "data-testid": "invite-first-name-input"
+                }
+              ) }) });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "last_name",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  autoComplete: "family-name",
+                  ...field,
+                  className: "bg-ui-bg-field-component",
+                  placeholder: t("fields.lastName"),
+                  "data-testid": "invite-last-name-input"
+                }
+              ) }) });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "password",
+            render: ({ field }) => {
+              return /* @__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"),
+                  "data-testid": "invite-password-input"
+                }
+              ) }) });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "repeat_password",
+            render: ({ field }) => {
+              return /* @__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"),
+                  "data-testid": "invite-repeat-password-input"
+                }
+              ) }) });
+            }
+          }
+        ),
+        validationError && /* @__PURE__ */ jsx("div", { className: "mt-6 text-center", "data-testid": "invite-validation-error", children: /* @__PURE__ */ jsx(Hint, { className: "inline-flex", variant: "error", "data-testid": "invite-validation-error-message", children: validationError }) }),
+        serverError && /* @__PURE__ */ jsx(
+          Alert,
+          {
+            className: "bg-ui-bg-base items-center p-2",
+            dismissible: true,
+            variant: "error",
+            "data-testid": "invite-server-error",
+            children: serverError
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "w-full",
+          type: "submit",
+          isLoading: isCreatingAuthUser || isAcceptingInvite,
+          disabled: invalid,
+          "data-testid": "invite-create-account-button",
+          children: t("invite.createAccount")
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(LoginLink, {})
+  ] });
+};
+var SuccessView = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-y-6", "data-testid": "invite-success-view-content", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1", "data-testid": "invite-success-view-header", children: [
+      /* @__PURE__ */ jsx(Heading, { className: "text-center", "data-testid": "invite-success-view-title", children: t("invite.successTitle") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", "data-testid": "invite-success-view-hint", children: t("invite.successHint") })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, className: "w-full", "data-testid": "invite-success-action-button", children: /* @__PURE__ */ jsx(Link, { to: "/login", replace: true, children: t("invite.successAction") }) }),
+    /* @__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",
+        "data-testid": "invite-success-back-to-login-link",
+        children: t("invite.backToLogin")
+      },
+      "login-link"
+    )
+  ] });
+};
+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
+};