@mercurjs/vendor 2.0.0 → 2.0.1

package/dist/onboarding-DLIBZRKE.js

@@ -0,0 +1,873 @@
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-JRTZWK77.js";
+import {
+  useCreateSellerAccount
+} from "./chunk-NYRRRCJS.js";
+import "./chunk-STBCWNZQ.js";
+import {
+  useLogout
+} from "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-PCMNEUMV.js";
+import "./chunk-BOZJOOGW.js";
+import "./chunk-RL7SFZOF.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-GCSQEJMD.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-UL4O5M4S.js";
+import {
+  retrieveActiveStore,
+  storeQueryKeys,
+  useStore
+} from "./chunk-FX4V5JCF.js";
+import "./chunk-3B34B2M2.js";
+import "./chunk-RUE5BPC2.js";
+import "./chunk-ZEVYT6IX.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/onboarding/loader.ts
+var storeDetailQuery = () => ({
+  queryKey: storeQueryKeys.details(),
+  queryFn: async () => retrieveActiveStore()
+});
+var onboardingLoader = async () => {
+  const query = storeDetailQuery();
+  return queryClient.ensureQueryData(query);
+};
+
+// src/pages/onboarding/onboarding.tsx
+import { useState } from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { OpenRectArrowOut } from "@medusajs/icons";
+import {
+  Avatar,
+  Button,
+  Heading,
+  Input,
+  Select,
+  Text,
+  Textarea,
+  toast
+} from "@medusajs/ui";
+import { AnimatePresence, motion } from "motion/react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import {
+  useLocation,
+  Navigate,
+  useNavigate,
+  useLoaderData
+} from "react-router-dom";
+import * as z from "zod";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StoreSetupSchema = z.object({
+  name: z.string().min(1),
+  email: z.string().email(),
+  currency_code: z.string().min(1),
+  description: z.string().optional()
+});
+var DetailsSetupSchema = z.object({
+  first_name: z.string().min(1),
+  last_name: z.string().min(1),
+  company: z.string().optional(),
+  address_1: z.string().min(1),
+  address_2: z.string().optional(),
+  city: z.string().min(1),
+  country_code: z.string().min(1),
+  province: z.string().optional(),
+  postal_code: z.string().min(1),
+  phone: z.string().optional(),
+  corporate_name: z.string().optional(),
+  registration_number: z.string().optional(),
+  tax_id: z.string().optional()
+});
+var Onboarding = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const email = location.state?.email ?? "";
+  const [step, setStep] = useState(1);
+  const [layoutStep, setLayoutStep] = useState(1);
+  const totalSteps = 2;
+  if (!email) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/login", replace: true });
+  }
+  const { mutateAsync: logoutMutation } = useLogout();
+  const handleLogout = async () => {
+    await logoutMutation(void 0, {
+      onSuccess: () => {
+        queryClient.clear();
+      },
+      onSettled: () => {
+        navigate("/login");
+      }
+    });
+  };
+  const storeForm = useForm({
+    resolver: zodResolver(StoreSetupSchema),
+    defaultValues: {
+      name: "",
+      email: "",
+      currency_code: "",
+      description: ""
+    }
+  });
+  const detailsForm = useForm({
+    resolver: zodResolver(DetailsSetupSchema),
+    defaultValues: {
+      first_name: "",
+      last_name: "",
+      company: "",
+      address_1: "",
+      address_2: "",
+      city: "",
+      country_code: "",
+      province: "",
+      postal_code: "",
+      phone: "",
+      corporate_name: "",
+      registration_number: "",
+      tax_id: ""
+    }
+  });
+  const handleStoreSubmit = storeForm.handleSubmit(async (_data) => {
+    setStep(2);
+  });
+  const { mutateAsync: createSellerAccount, isPending: isCreating } = useCreateSellerAccount();
+  const handleDetailsSubmit = detailsForm.handleSubmit(async (details) => {
+    const storeData = storeForm.getValues();
+    const { corporate_name, registration_number, tax_id, ...addressFields } = details;
+    try {
+      await createSellerAccount({
+        name: storeData.name,
+        email: storeData.email,
+        member_email: email,
+        currency_code: storeData.currency_code.toLowerCase(),
+        description: storeData.description || void 0,
+        address: addressFields,
+        professional_details: corporate_name || registration_number || tax_id ? { corporate_name, registration_number, tax_id } : void 0
+      });
+      setStep(3);
+    } catch (error) {
+      toast.error(error.message);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: handleLogout,
+        className: "txt-compact-small text-ui-fg-subtle flex items-center gap-x-1 font-medium transition-colors hover:text-ui-fg-base",
+        children: [
+          /* @__PURE__ */ jsx(OpenRectArrowOut, {}),
+          /* @__PURE__ */ jsxs("span", { children: [
+            t("actions.logout"),
+            email && ` (${email})`
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: step <= 2 ? /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: `flex flex-1 flex-col items-center px-4 ${layoutStep === 1 ? "justify-center" : "pt-8"}`,
+        exit: {
+          opacity: 0,
+          y: 40,
+          filter: "blur(6px)",
+          transition: { duration: 0.5, ease: [0, 0.71, 0.2, 1.01] }
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex w-full max-w-[720px] flex-col",
+            style: layoutStep === 2 ? { paddingBottom: "5rem" } : void 0,
+            children: /* @__PURE__ */ jsx(
+              AnimatePresence,
+              {
+                mode: "wait",
+                onExitComplete: () => setLayoutStep(step),
+                children: step === 1 ? /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 8, filter: "blur(4px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    exit: {
+                      opacity: 0,
+                      y: -3,
+                      filter: "blur(4px)",
+                      transition: {
+                        duration: 0.25,
+                        ease: [0.23, 1, 0.32, 1]
+                      }
+                    },
+                    transition: {
+                      duration: 0.4,
+                      ease: [0.23, 1, 0.32, 1]
+                    },
+                    children: /* @__PURE__ */ jsx(StoreStep, { form: storeForm, onSubmit: handleStoreSubmit })
+                  },
+                  "store-step"
+                ) : /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 8, filter: "blur(4px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    exit: {
+                      opacity: 0,
+                      y: -3,
+                      filter: "blur(4px)",
+                      transition: {
+                        duration: 0.25,
+                        ease: [0.23, 1, 0.32, 1]
+                      }
+                    },
+                    transition: {
+                      duration: 0.4,
+                      ease: [0.23, 1, 0.32, 1]
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      DetailsStep,
+                      {
+                        form: detailsForm,
+                        onSubmit: handleDetailsSubmit,
+                        onBack: () => setStep(1),
+                        isPending: isCreating
+                      }
+                    )
+                  },
+                  "details-step"
+                )
+              }
+            )
+          }
+        )
+      },
+      "form-steps"
+    ) : /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "flex flex-1 flex-col items-center justify-center px-4",
+        initial: { opacity: 0, scale: 0.95 },
+        animate: { opacity: 1, scale: 1 },
+        transition: {
+          duration: 0.6,
+          delay: 0.3,
+          ease: [0, 0.71, 0.2, 1.01]
+        },
+        children: /* @__PURE__ */ jsx(SubmittedStep, { email })
+      },
+      "submitted"
+    ) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: step <= 2 && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "fixed bottom-0 left-0 right-0 flex items-center justify-center py-4 bg-ui-bg-subtle",
+        exit: {
+          opacity: 0,
+          transition: { duration: 0.3, ease: [0.23, 1, 0.32, 1] }
+        },
+        children: /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-muted", children: t("onboarding.step", {
+          current: String(step).padStart(2, "0"),
+          total: String(totalSteps).padStart(2, "0")
+        }) })
+      }
+    ) })
+  ] });
+};
+var sectionVariants = {
+  hidden: { opacity: 0, y: 8 },
+  visible: (i) => ({
+    opacity: 1,
+    y: 0,
+    transition: {
+      delay: 0.06 * i,
+      duration: 0.35,
+      ease: [0.23, 1, 0.32, 1]
+    }
+  })
+};
+var StoreStep = ({
+  form,
+  onSubmit
+}) => {
+  const { t } = useTranslation();
+  const initialData = useLoaderData();
+  const { store } = useStore(void 0, { initialData });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "pb-8 flex items-center gap-x-4",
+        variants: sectionVariants,
+        initial: "hidden",
+        animate: "visible",
+        custom: 0,
+        children: [
+          /* @__PURE__ */ jsx(Avatar, { fallback: "?", variant: "rounded", size: "xlarge" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h1", className: "text-ui-fg-base", children: t("onboarding.storeSetup.title") }),
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("onboarding.storeSetup.subtitle") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "border-t border-dotted border-ui-border-base",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 1
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "grid grid-cols-2 gap-x-12 py-8",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 2,
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: t("onboarding.storeSetup.title") }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("onboarding.storeSetup.subtitle") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "name",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("onboarding.storeSetup.storeName") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        autoComplete: "organization",
+                        ...field,
+                        placeholder: t(
+                          "onboarding.storeSetup.storeNamePlaceholder"
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "email",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("onboarding.storeSetup.storeEmail") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "email",
+                        autoComplete: "email",
+                        ...field,
+                        placeholder: "store@example.com"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.Hint, { children: t("onboarding.storeSetup.storeEmailHint") }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "currency_code",
+                  render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("fields.currency") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, onValueChange: onChange, children: [
+                      /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(
+                        Select.Value,
+                        {
+                          placeholder: t(
+                            "onboarding.storeSetup.selectCurrency"
+                          )
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Select.Content, { children: store?.supported_currencies?.map((sc) => /* @__PURE__ */ jsx(
+                        Select.Item,
+                        {
+                          value: sc.currency_code,
+                          children: sc.currency_code.toUpperCase()
+                        },
+                        sc.currency_code
+                      )) })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(Form.Hint, { children: t("onboarding.storeSetup.currencyHint") }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "description",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.description") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Textarea,
+                      {
+                        ...field,
+                        placeholder: t(
+                          "onboarding.storeSetup.descriptionPlaceholder"
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "border-t border-dotted border-ui-border-base",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 3
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "grid grid-cols-2 gap-x-12 py-8",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 4,
+          children: [
+            /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", children: t("actions.continue") })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+var DetailsStep = ({
+  form,
+  onSubmit,
+  onBack,
+  isPending
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "pb-8 flex items-center gap-x-4",
+        variants: sectionVariants,
+        initial: "hidden",
+        animate: "visible",
+        custom: 0,
+        children: [
+          /* @__PURE__ */ jsx(Avatar, { fallback: "?", variant: "rounded", size: "xlarge" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h1", className: "text-ui-fg-base", children: t("onboarding.detailsSetup.title") }),
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("onboarding.detailsSetup.subtitle") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "border-t border-dotted border-ui-border-base",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 1
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "grid grid-cols-2 gap-x-12 py-8",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 2,
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: t("onboarding.detailsSetup.addressTitle") }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("onboarding.detailsSetup.addressSubtitle") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "first_name",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("fields.firstName") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "given-name", ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "last_name",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("fields.lastName") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "family-name", ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "company",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.company") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "organization", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "country_code",
+                  render: ({ field: { onChange, ref: _ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("fields.country") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field, onChange }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "address_1",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("fields.address") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "address-line1", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "address_2",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.address2") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "address-line2", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "city",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("fields.city") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "address-level2", ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "postal_code",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("fields.postalCode") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "postal-code", ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "province",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.province") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "address-level1", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "phone",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.phone") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "tel", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "border-t border-dotted border-ui-border-base",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 3
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "grid grid-cols-2 gap-x-12 py-8",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 4,
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: t("onboarding.detailsSetup.professionalTitle") }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("onboarding.detailsSetup.professionalSubtitle") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "corporate_name",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("onboarding.detailsSetup.corporateName") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "registration_number",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("onboarding.detailsSetup.registrationNumber") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "tax_id",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("onboarding.detailsSetup.taxId") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "border-t border-dotted border-ui-border-base",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 5
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "grid grid-cols-2 gap-x-12 py-8",
+          variants: sectionVariants,
+          initial: "hidden",
+          animate: "visible",
+          custom: 6,
+          children: [
+            /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-x-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  className: "w-full",
+                  onClick: onBack,
+                  children: t("actions.back")
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", isLoading: isPending, children: t("onboarding.detailsSetup.completeSetup") })
+            ] })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+var SubmittedStep = ({ email }) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative mb-6", children: [
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "flex size-14 items-center justify-center rounded-xl bg-ui-button-neutral shadow-buttons-neutral",
+          initial: { opacity: 0, scale: 0.8 },
+          animate: { opacity: 1, scale: 1 },
+          transition: {
+            duration: 0.5,
+            delay: 0.1,
+            ease: [0, 0.71, 0.2, 1.01]
+          },
+          children: /* @__PURE__ */ jsx(Avatar, { fallback: "M", variant: "rounded", size: "xlarge" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset]",
+          initial: { opacity: 0, scale: 0.5 },
+          animate: { opacity: 1, scale: 1 },
+          transition: {
+            duration: 1.2,
+            delay: 0.8,
+            ease: [0, 0.71, 0.2, 1.01]
+          },
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              children: /* @__PURE__ */ jsx(
+                motion.path,
+                {
+                  d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
+                  stroke: "white",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  initial: { pathLength: 0, opacity: 0 },
+                  animate: { pathLength: 1, opacity: 1 },
+                  transition: {
+                    duration: 1.3,
+                    delay: 1.1,
+                    bounce: 0.6,
+                    ease: [0.1, 0.8, 0.2, 1.01]
+                  }
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "flex flex-col items-center gap-y-1",
+        initial: { opacity: 0, y: 8 },
+        animate: { opacity: 1, y: 0 },
+        transition: {
+          duration: 0.5,
+          delay: 0.4,
+          ease: [0.23, 1, 0.32, 1]
+        },
+        children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h1", className: "text-center text-ui-fg-base", children: t("onboarding.submitted.title") }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              className: "text-ui-fg-subtle text-center max-w-[300px]",
+              children: t("onboarding.submitted.description", { email })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "mt-6 w-full",
+        initial: { opacity: 0, y: 8 },
+        animate: { opacity: 1, y: 0 },
+        transition: {
+          duration: 0.5,
+          delay: 0.7,
+          ease: [0.23, 1, 0.32, 1]
+        },
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            className: "w-full",
+            onClick: () => navigate("/login"),
+            children: t("onboarding.submitted.action")
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  Onboarding as Component,
+  onboardingLoader as loader
+};