@mercurjs/vendor 2.0.2 → 2.1.0-canary.4

package/dist/onboarding-DLIBZRKE.js

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