@mercurjs/admin 2.0.0-canary.100

package/dist/invite-25CGHT4W.js

@@ -0,0 +1,373 @@
+import {
+  AvatarBox
+} from "./chunk-CP5IL4P6.js";
+import {
+  isFetchError
+} from "./chunk-C6SUTRP2.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useSignUpWithEmailPass
+} from "./chunk-R325CPYC.js";
+import {
+  useAcceptInvite
+} from "./chunk-R4O667NT.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.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 { token: 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
+};

package/dist/location-create-G3MNWQWB.js

@@ -0,0 +1,239 @@
+import "./chunk-NXDFDEKP.js";
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateStockLocation
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-create/components/create-location-form/create-location-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, Text, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateLocationSchema = zod.object({
+  name: zod.string().min(1),
+  address: zod.object({
+    address_1: zod.string().min(1),
+    address_2: zod.string().optional(),
+    country_code: zod.string().min(2).max(2),
+    city: zod.string().optional(),
+    postal_code: zod.string().optional(),
+    province: zod.string().optional(),
+    company: zod.string().optional(),
+    phone: zod.string().optional()
+  })
+});
+var CreateLocationForm = () => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: "",
+      address: {
+        address_1: "",
+        address_2: "",
+        city: "",
+        company: "",
+        country_code: "",
+        phone: "",
+        postal_code: "",
+        province: ""
+      }
+    },
+    resolver: zodResolver(CreateLocationSchema)
+  });
+  const { mutateAsync, isPending } = useCreateStockLocation();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        name: values.name,
+        address: values.address
+      },
+      {
+        onSuccess: ({ stock_location }) => {
+          toast.success(t("locations.toast.create"));
+          handleSuccess(`/settings/locations/${stock_location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-create-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "location-create-form-header" }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", "data-testid": "location-create-form-body", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+          /* @__PURE__ */ jsxs("div", { "data-testid": "location-create-form-header-section", children: [
+            /* @__PURE__ */ jsx(Heading, { className: "capitalize", "data-testid": "location-create-form-heading", children: t("stockLocations.create.header") }),
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "location-create-form-hint", children: t("stockLocations.create.hint") })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-create-form-name-label", children: t("fields.name") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-name-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-name-error" })
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", "data-testid": "location-create-form-address-fields", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.address_1",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-address-1-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-create-form-address-1-label", children: t("fields.address") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-address-1-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-address-1-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-address-1-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.address_2",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-address-2-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-address-2-label", children: t("fields.address2") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-address-2-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-address-2-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-address-2-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.postal_code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-postal-code-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-postal-code-label", children: t("fields.postalCode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-postal-code-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-postal-code-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-postal-code-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.city",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-city-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-city-label", children: t("fields.city") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-city-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-city-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-city-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.country_code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-country-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-create-form-country-label", children: t("fields.country") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-country-control", children: /* @__PURE__ */ jsx(CountrySelect, { ...field, "data-testid": "location-create-form-country-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-country-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.province",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-province-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-province-label", children: t("fields.state") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-province-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-province-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-province-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.company",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-company-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-company-label", children: t("fields.company") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-company-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-company-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-company-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "address.phone",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-create-form-phone-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "location-create-form-phone-label", children: t("fields.phone") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-create-form-phone-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-create-form-phone-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-create-form-phone-error" })
+                  ] });
+                }
+              }
+            )
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-create-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "location-create-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, "data-testid": "location-create-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/locations/location-create/location-create.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LocationCreate = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { "data-testid": "location-create-modal", children: /* @__PURE__ */ jsx2(CreateLocationForm, {}) });
+};
+export {
+  LocationCreate as Component
+};