@mercurjs/vendor 2.3.7 → 2.3.8-canary.1

package/dist/onboarding-GEX2RXKN.js

@@ -0,0 +1,1085 @@
+import {
+  CountrySelect
+} from "./chunk-7CAFYKKA.js";
+import "./chunk-JRTZWK77.js";
+import {
+  HandleInput
+} from "./chunk-HJ56YXBU.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  retrieveActiveStore,
+  storeQueryKeys,
+  useStore
+} from "./chunk-ZAB27HSU.js";
+import {
+  useLogout
+} from "./chunk-3JFOBIRE.js";
+import "./chunk-P6UW4MKP.js";
+import "./chunk-37GBG5JR.js";
+import "./chunk-TIZRIQFH.js";
+import "./chunk-TBKX7EQP.js";
+import "./chunk-JXLOX7ZP.js";
+import "./chunk-ZDMCE62O.js";
+import "./chunk-ITV6SKOV.js";
+import "./chunk-CFUFUOLL.js";
+import {
+  useCreateSellerAccount,
+  useSellerHandleAvailability,
+  useSellers
+} from "./chunk-LKQQJWYX.js";
+import "./chunk-6NPALPJ6.js";
+import "./chunk-BDMA67RG.js";
+import "./chunk-DHC22IMF.js";
+import "./chunk-2VXV42WD.js";
+import "./chunk-JVQQKRAB.js";
+import "./chunk-ARB246D5.js";
+import "./chunk-CL47ZKQ3.js";
+import "./chunk-V7ZAQBSV.js";
+import "./chunk-XVVNJBC5.js";
+import "./chunk-WJR7CLUN.js";
+import "./chunk-RFOLOEUY.js";
+import "./chunk-SKYXU4GP.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  assetUrl,
+  sdk
+} from "./chunk-UKLW4VDE.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 { useEffect as useEffect2 } from "react";
+import { Navigate, useLocation } from "react-router-dom";
+
+// src/components/onboarding-wizard/onboarding-wizard.tsx
+import { useMemo } from "react";
+import { useNavigate as useNavigate2 } from "react-router-dom";
+import { useExtension, useLinkQuery } from "@mercurjs/dashboard-shared";
+
+// src/components/onboarding-wizard/constants.ts
+var WIZARD_STEPS = [
+  { id: "store", rank: 10, optional: false, required: true },
+  { id: "address", rank: 20, optional: true },
+  { id: "company", rank: 30, optional: true },
+  { id: "payment", rank: 40, optional: true }
+];
+
+// src/components/onboarding-wizard/wizard-sidebar.tsx
+import { ChevronLeft } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WizardSidebar = ({
+  currentStep,
+  totalSteps,
+  onBack,
+  showBack,
+  children
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col lg:w-[584px] lg:shrink-0 h-full bg-ui-bg-base border-r border-ui-border-base overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-8 lg:px-14 lg:py-12", children: [
+    showBack && onBack && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "txt-compact-small text-ui-fg-base flex items-center gap-x-0.5 font-medium transition-colors hover:text-ui-fg-subtle self-start mb-6",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { children: t("actions.back") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle mb-1", children: t("onboarding.wizard.stepOf", {
+      current: currentStep + 1,
+      total: totalSteps
+    }) }),
+    children
+  ] }) });
+};
+
+// src/components/onboarding-wizard/wizard-preview.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var WizardPreview = () => {
+  return /* @__PURE__ */ jsx2("div", { className: "hidden lg:flex flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src: assetUrl("/onboarding/illustration.svg"),
+      alt: "",
+      className: "h-full w-full object-cover"
+    }
+  ) });
+};
+
+// src/components/onboarding-wizard/wizard-step.tsx
+import { clx } from "@medusajs/ui";
+import { motion } from "motion/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var stepVariants = {
+  initial: { opacity: 0, y: 12, filter: "blur(4px)" },
+  animate: { opacity: 1, y: 0, filter: "blur(0px)" }
+};
+var WizardStep = ({ active, children }) => {
+  return /* @__PURE__ */ jsx3(
+    motion.div,
+    {
+      variants: stepVariants,
+      initial: "initial",
+      animate: active ? "animate" : "initial",
+      transition: { duration: 0.35, ease: [0.23, 1, 0.32, 1] },
+      className: clx("flex-col", active ? "flex" : "hidden"),
+      children
+    }
+  );
+};
+
+// src/components/onboarding-wizard/hooks/use-onboarding.ts
+import { useCallback, useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { toast } from "@medusajs/ui";
+var readRegisterDraft = () => {
+  try {
+    const raw = sessionStorage.getItem("mercur_register_draft");
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return {
+      first_name: parsed.first_name || void 0,
+      last_name: parsed.last_name || void 0,
+      additional_data: parsed.additional_data || void 0
+    };
+  } catch {
+    return {};
+  }
+};
+var useOnboarding = (memberEmail, steps) => {
+  const navigate = useNavigate();
+  const [currentStep, setCurrentStep] = useState(0);
+  const [furthestStep, setFurthestStep] = useState(0);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const sellerIdRef = useRef(null);
+  const stepDataRef = useRef({});
+  const { mutateAsync: createSeller, isPending: isCreating } = useCreateSellerAccount();
+  const { mutateAsync: logout } = useLogout();
+  const isPending = isCreating || isSubmitting;
+  const createSellerWithAllData = useCallback(async () => {
+    if (sellerIdRef.current) {
+      navigate("/store-select", { replace: true });
+      return;
+    }
+    const stepData = stepDataRef.current;
+    const valuesOf = (id) => {
+      const entry = stepData[id];
+      if (!entry) return void 0;
+      const { additional_data: _additionalData, ...values } = entry;
+      return values;
+    };
+    const storeData = valuesOf("store");
+    if (!storeData) return;
+    const addressData = valuesOf("address");
+    const companyData = valuesOf("company");
+    const paymentData = valuesOf("payment");
+    const hasCompanyData = companyData?.corporate_name || companyData?.registration_number || companyData?.tax_id;
+    const isUS = paymentData?.country_code === "us";
+    const registerDraft = readRegisterDraft();
+    const additionalData = steps.reduce(
+      (acc, step) => ({ ...acc, ...stepData[step.id]?.additional_data }),
+      { ...registerDraft.additional_data }
+    );
+    try {
+      setIsSubmitting(true);
+      const result = await createSeller({
+        name: storeData.name,
+        handle: storeData.handle,
+        email: storeData.email,
+        phone: storeData.phone || void 0,
+        member_email: memberEmail,
+        first_name: registerDraft.first_name,
+        last_name: registerDraft.last_name,
+        currency_code: storeData.currency_code.toLowerCase(),
+        description: storeData.description || void 0,
+        ...Object.keys(additionalData).length ? { additional_data: additionalData } : {},
+        address: addressData ? {
+          name: addressData.name || void 0,
+          address_1: addressData.address_1 || void 0,
+          address_2: addressData.address_2 || void 0,
+          postal_code: addressData.postal_code || void 0,
+          city: addressData.city || void 0,
+          country_code: addressData.country_code,
+          province: addressData.province || void 0
+        } : void 0,
+        professional_details: companyData && hasCompanyData ? {
+          corporate_name: companyData.corporate_name || void 0,
+          registration_number: companyData.registration_number || void 0,
+          tax_id: companyData.tax_id || void 0
+        } : void 0,
+        payment_details: paymentData ? {
+          country_code: paymentData.country_code,
+          holder_name: paymentData.holder_name,
+          iban: isUS ? null : paymentData.iban || null,
+          bic: isUS ? null : paymentData.bic || null,
+          routing_number: isUS ? paymentData.routing_number || null : null,
+          account_number: paymentData.account_number || null
+        } : void 0
+      });
+      sellerIdRef.current = result.seller.id;
+      try {
+        await logout();
+      } catch {
+      }
+      queryClient.clear();
+      sessionStorage.removeItem("mercur_onboarding_email");
+      sessionStorage.removeItem("mercur_register_draft");
+      navigate("/login", { replace: true });
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : String(error));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [createSeller, logout, memberEmail, navigate, steps]);
+  const advance = useCallback(
+    async (index) => {
+      if (index >= steps.length - 1) {
+        await createSellerWithAllData();
+        return;
+      }
+      setCurrentStep(index + 1);
+      setFurthestStep((prev) => Math.max(prev, index + 1));
+    },
+    [steps.length, createSellerWithAllData]
+  );
+  const submitStep = useCallback(
+    async (index, data) => {
+      stepDataRef.current[steps[index].id] = data;
+      await advance(index);
+    },
+    [steps, advance]
+  );
+  const skipStep = useCallback(
+    async (index) => {
+      stepDataRef.current[steps[index].id] = null;
+      await advance(index);
+    },
+    [steps, advance]
+  );
+  const goBack = useCallback(() => {
+    setCurrentStep((prev) => Math.max(0, prev - 1));
+  }, []);
+  return {
+    currentStep,
+    furthestStep,
+    totalSteps: steps.length,
+    isPending,
+    goBack,
+    submitStep,
+    skipStep
+  };
+};
+
+// src/components/onboarding-wizard/steps/store-step.tsx
+import { CheckCircleSolid, Spinner } from "@medusajs/icons";
+import { Heading, Input, Select, Text as Text2, Textarea } from "@medusajs/ui";
+import i18n from "i18next";
+import { useEffect, useState as useState2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useLoaderData } from "react-router-dom";
+import * as z from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
+
+// src/components/onboarding-wizard/steps/step-actions.tsx
+import { Button } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var StepActions = ({ onSkip, isLast, isPending }) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsx4(
+      Button,
+      {
+        type: "submit",
+        className: "w-full",
+        isLoading: isPending,
+        "data-testid": "onboarding-continue-button",
+        children: isLast ? t("onboarding.wizard.finish") : t("actions.continue")
+      }
+    ),
+    onSkip && /* @__PURE__ */ jsx4(
+      Button,
+      {
+        type: "button",
+        variant: "transparent",
+        className: "w-full",
+        onClick: onSkip,
+        disabled: isPending,
+        "data-testid": "onboarding-skip-button",
+        children: t("onboarding.wizard.skip")
+      }
+    )
+  ] });
+};
+
+// src/components/onboarding-wizard/steps/store-step.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var HANDLE_REGEX = /^[\p{Ll}\p{Lo}\p{Lm}\p{N}]+(?:-[\p{Ll}\p{Lo}\p{Lm}\p{N}]+)*$/u;
+var HANDLE_CHECK_DEBOUNCE_MS = 400;
+var StoreStepSchema = z.object({
+  name: z.string().min(1, i18n.t("onboarding.wizard.validation.nameRequired")),
+  email: z.string().email(i18n.t("onboarding.wizard.validation.emailInvalid")),
+  phone: z.string().optional(),
+  currency_code: z.string().min(1, i18n.t("onboarding.wizard.validation.currencyRequired")),
+  description: z.string().optional(),
+  handle: z.string().min(1, i18n.t("onboarding.wizard.store.handleRequired")).regex(HANDLE_REGEX, i18n.t("onboarding.wizard.store.handleInvalid"))
+});
+var useDebouncedValue = (value, delay) => {
+  const [debounced, setDebounced] = useState2(value);
+  useEffect(() => {
+    const timeout = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timeout);
+  }, [value, delay]);
+  return debounced;
+};
+var StoreStep = ({
+  onSubmit,
+  onSkip,
+  isLast,
+  isPending
+}) => {
+  const { t } = useTranslation3();
+  const initialData = useLoaderData();
+  const { store } = useStore(void 0, { initialData });
+  const form = useExtendableForm({
+    schema: StoreStepSchema,
+    model: "seller",
+    zone: "onboarding",
+    tab: "store",
+    data: store,
+    defaultValues: {
+      name: "",
+      email: "",
+      phone: "",
+      currency_code: "",
+      description: "",
+      handle: ""
+    }
+  });
+  const handle = form.watch("handle");
+  const debouncedHandle = useDebouncedValue(handle, HANDLE_CHECK_DEBOUNCE_MS);
+  const canCheckHandle = HANDLE_REGEX.test(debouncedHandle);
+  const { available, reason, isFetching } = useSellerHandleAvailability(
+    debouncedHandle,
+    { enabled: canCheckHandle }
+  );
+  const isCheckingHandle = HANDLE_REGEX.test(handle) && (handle !== debouncedHandle || isFetching);
+  const isHandleAvailable = !isCheckingHandle && canCheckHandle && handle === debouncedHandle && available;
+  useEffect(() => {
+    if (isCheckingHandle || !canCheckHandle || available !== false) {
+      if (form.getFieldState("handle").error?.type === "manual") {
+        form.clearErrors("handle");
+      }
+      return;
+    }
+    form.setError("handle", {
+      type: "manual",
+      message: reason === "invalid" ? t("onboarding.wizard.store.handleInvalid") : t("onboarding.wizard.store.handleTaken")
+    });
+  }, [available, reason, isCheckingHandle, canCheckHandle, form, t]);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const result = await sdk.vendor.sellers.handleAvailability.query({
+      handle: data.handle
+    });
+    if (!result.available) {
+      form.setError("handle", {
+        type: "manual",
+        message: result.reason === "invalid" ? t("onboarding.wizard.store.handleInvalid") : t("onboarding.wizard.store.handleTaken")
+      });
+      return;
+    }
+    await onSubmit(data);
+  });
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx5(Heading, { level: "h2", className: "text-ui-fg-base text-lg", children: t("onboarding.wizard.store.title") }),
+    /* @__PURE__ */ jsx5(Form, { ...form, children: /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "name",
+            render: ({ field }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(Form.Label, { children: t("onboarding.wizard.store.name") }),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Input, { autoComplete: "organization", ...field }) }),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(Form.Label, { children: t("onboarding.wizard.store.email") }),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Input, { type: "email", autoComplete: "email", ...field }) }),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "phone",
+            render: ({ field }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(Form.Label, { optional: true, children: t("fields.phone") }),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Input, { type: "tel", autoComplete: "tel", ...field }) }),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "description",
+            render: ({ field }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(Form.Label, { optional: true, children: t("fields.description") }),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Textarea, { ...field }) }),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "handle",
+            render: ({ field }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(
+                Form.Label,
+                {
+                  tooltip: t("onboarding.wizard.store.handleTooltip"),
+                  children: t("onboarding.wizard.store.handle")
+                }
+              ),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(
+                HandleInput,
+                {
+                  placeholder: t("onboarding.wizard.store.handlePlaceholder"),
+                  "data-testid": "onboarding-handle-input",
+                  ...field
+                }
+              ) }),
+              isCheckingHandle && /* @__PURE__ */ jsxs3(
+                "div",
+                {
+                  className: "text-ui-fg-muted flex items-center gap-x-1.5",
+                  "data-testid": "onboarding-handle-checking",
+                  children: [
+                    /* @__PURE__ */ jsx5(Spinner, { className: "size-3.5 animate-spin" }),
+                    /* @__PURE__ */ jsx5(Text2, { size: "small", leading: "compact", children: t("onboarding.wizard.store.handleChecking") })
+                  ]
+                }
+              ),
+              isHandleAvailable && /* @__PURE__ */ jsxs3(
+                "div",
+                {
+                  className: "flex items-center gap-x-1.5",
+                  "data-testid": "onboarding-handle-available",
+                  children: [
+                    /* @__PURE__ */ jsx5(CheckCircleSolid, { className: "text-ui-tag-green-icon" }),
+                    /* @__PURE__ */ jsx5(
+                      Text2,
+                      {
+                        size: "small",
+                        leading: "compact",
+                        className: "text-ui-tag-green-text",
+                        children: t("onboarding.wizard.store.handleAvailable")
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Form.Field,
+          {
+            control: form.control,
+            name: "currency_code",
+            render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              /* @__PURE__ */ jsx5(Form.Label, { children: t("onboarding.wizard.store.currency") }),
+              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsxs3(Select, { ...field, onValueChange: onChange, children: [
+                /* @__PURE__ */ jsx5(Select.Trigger, { ref, children: /* @__PURE__ */ jsx5(
+                  Select.Value,
+                  {
+                    placeholder: t("onboarding.wizard.store.selectCurrency")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx5(Select.Content, { children: store?.supported_currencies?.map((sc) => /* @__PURE__ */ jsx5(
+                  Select.Item,
+                  {
+                    value: sc.currency_code,
+                    children: sc.currency_code.toUpperCase()
+                  },
+                  sc.currency_code
+                )) })
+              ] }) }),
+              /* @__PURE__ */ jsx5(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          FormExtensionZone,
+          {
+            model: "seller",
+            zone: "onboarding",
+            tab: "store",
+            control: form.control,
+            data: store
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx5(
+        StepActions,
+        {
+          onSkip,
+          isLast,
+          isPending: isPending || form.formState.isSubmitting
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/components/onboarding-wizard/steps/address-step.tsx
+import { Heading as Heading2, Input as Input2 } from "@medusajs/ui";
+import i18n2 from "i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import * as z2 from "zod";
+import {
+  FormExtensionZone as FormExtensionZone2,
+  useExtendableForm as useExtendableForm2
+} from "@mercurjs/dashboard-shared";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var AddressStepSchema = z2.object({
+  name: z2.string().min(1, i18n2.t("onboarding.wizard.validation.nameRequired")),
+  address_1: z2.string().optional(),
+  address_2: z2.string().optional(),
+  postal_code: z2.string().optional(),
+  city: z2.string().optional(),
+  country_code: z2.string().min(1, i18n2.t("onboarding.wizard.validation.countryRequired")),
+  province: z2.string().optional()
+});
+var AddressStep = ({
+  onSubmit,
+  onSkip,
+  isLast,
+  isPending
+}) => {
+  const { t } = useTranslation4();
+  const form = useExtendableForm2({
+    schema: AddressStepSchema,
+    model: "seller",
+    zone: "onboarding",
+    tab: "address",
+    defaultValues: {
+      name: "",
+      address_1: "",
+      address_2: "",
+      postal_code: "",
+      city: "",
+      country_code: "",
+      province: ""
+    }
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await onSubmit(data);
+  });
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx6(Heading2, { level: "h2", className: "text-ui-fg-base text-lg", children: t("onboarding.wizard.address.title") }),
+    /* @__PURE__ */ jsx6(Form, { ...form, children: /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "name",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { children: t("onboarding.wizard.address.name") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "address_1",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { optional: true, children: t("onboarding.wizard.address.address") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { autoComplete: "address-line1", ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "address_2",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { optional: true, children: t("onboarding.wizard.address.address2") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { autoComplete: "address-line2", ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "postal_code",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { optional: true, children: t("onboarding.wizard.address.postalCode") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { autoComplete: "postal-code", ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "city",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { optional: true, children: t("onboarding.wizard.address.city") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { autoComplete: "address-level2", ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "country_code",
+            render: ({ field: { onChange, ref: _ref, ...field } }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { children: t("onboarding.wizard.address.country") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(CountrySelect, { ...field, onChange }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: "province",
+            render: ({ field }) => /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx6(Form.Label, { optional: true, children: t("onboarding.wizard.address.state") }),
+              /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(Input2, { autoComplete: "address-level1", ...field }) }),
+              /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          FormExtensionZone2,
+          {
+            model: "seller",
+            zone: "onboarding",
+            tab: "address",
+            control: form.control
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx6(StepActions, { onSkip, isLast, isPending })
+    ] }) })
+  ] });
+};
+
+// src/components/onboarding-wizard/steps/company-step.tsx
+import { Heading as Heading3, Input as Input3 } from "@medusajs/ui";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import * as z3 from "zod";
+import {
+  FormExtensionZone as FormExtensionZone3,
+  useExtendableForm as useExtendableForm3
+} from "@mercurjs/dashboard-shared";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var CompanyStepSchema = z3.object({
+  corporate_name: z3.string().optional(),
+  registration_number: z3.string().optional(),
+  tax_id: z3.string().optional()
+});
+var CompanyStep = ({
+  onSubmit,
+  onSkip,
+  isLast,
+  isPending
+}) => {
+  const { t } = useTranslation5();
+  const form = useExtendableForm3({
+    schema: CompanyStepSchema,
+    model: "seller",
+    zone: "onboarding",
+    tab: "company",
+    defaultValues: {
+      corporate_name: "",
+      registration_number: "",
+      tax_id: ""
+    }
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await onSubmit(data);
+  });
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx7(Heading3, { level: "h2", className: "text-ui-fg-base text-lg", children: t("onboarding.wizard.company.title") }),
+    /* @__PURE__ */ jsx7(Form, { ...form, children: /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx7(
+          Form.Field,
+          {
+            control: form.control,
+            name: "corporate_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs5(Form.Item, { children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, children: t("onboarding.wizard.company.corporateName") }),
+              /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(Input3, { ...field }) }),
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          Form.Field,
+          {
+            control: form.control,
+            name: "registration_number",
+            render: ({ field }) => /* @__PURE__ */ jsxs5(Form.Item, { children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, children: t("onboarding.wizard.company.registrationNumber") }),
+              /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(Input3, { ...field }) }),
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          Form.Field,
+          {
+            control: form.control,
+            name: "tax_id",
+            render: ({ field }) => /* @__PURE__ */ jsxs5(Form.Item, { children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, children: t("onboarding.wizard.company.taxId") }),
+              /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(Input3, { ...field }) }),
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          FormExtensionZone3,
+          {
+            model: "seller",
+            zone: "onboarding",
+            tab: "company",
+            control: form.control
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx7(StepActions, { onSkip, isLast, isPending })
+    ] }) })
+  ] });
+};
+
+// src/components/onboarding-wizard/steps/payment-step.tsx
+import { Heading as Heading4, Input as Input4 } from "@medusajs/ui";
+import i18n3 from "i18next";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import * as z4 from "zod";
+import {
+  FormExtensionZone as FormExtensionZone4,
+  useExtendableForm as useExtendableForm4
+} from "@mercurjs/dashboard-shared";
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var PaymentStepSchema = z4.object({
+  country_code: z4.string().min(1, i18n3.t("onboarding.wizard.validation.countryRequired")),
+  holder_name: z4.string().min(1, i18n3.t("onboarding.wizard.validation.accountNameRequired")),
+  iban: z4.string().optional(),
+  bic: z4.string().optional(),
+  routing_number: z4.string().optional(),
+  account_number: z4.string().optional()
+});
+var PaymentStep = ({
+  onSubmit,
+  onSkip,
+  isLast,
+  isPending
+}) => {
+  const { t } = useTranslation6();
+  const form = useExtendableForm4({
+    schema: PaymentStepSchema,
+    model: "seller",
+    zone: "onboarding",
+    tab: "payment",
+    defaultValues: {
+      country_code: "",
+      holder_name: "",
+      iban: "",
+      bic: "",
+      routing_number: "",
+      account_number: ""
+    }
+  });
+  const selectedCountry = form.watch("country_code");
+  const isUS = selectedCountry === "us";
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await onSubmit(data);
+  });
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx8(Heading4, { level: "h2", className: "text-ui-fg-base text-lg", children: t("onboarding.wizard.payment.title") }),
+    /* @__PURE__ */ jsx8(Form, { ...form, children: /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx8(
+          Form.Field,
+          {
+            control: form.control,
+            name: "country_code",
+            render: ({ field: { onChange, ref: _ref, ...field } }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+              /* @__PURE__ */ jsx8(Form.Label, { children: t("onboarding.wizard.address.country") }),
+              /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(CountrySelect, { ...field, onChange }) }),
+              /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        selectedCountry && /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx8(
+            Form.Field,
+            {
+              control: form.control,
+              name: "holder_name",
+              render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                /* @__PURE__ */ jsx8(Form.Label, { children: t("onboarding.wizard.payment.accountName") }),
+                /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          isUS ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx8(
+              Form.Field,
+              {
+                control: form.control,
+                name: "account_number",
+                render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { optional: true, children: t("onboarding.wizard.payment.accountNumber") }),
+                  /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                  /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              Form.Field,
+              {
+                control: form.control,
+                name: "routing_number",
+                render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { optional: true, children: t("onboarding.wizard.payment.achRoutingNumber") }),
+                  /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                  /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                ] })
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx8(
+              Form.Field,
+              {
+                control: form.control,
+                name: "iban",
+                render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { optional: true, children: t("onboarding.wizard.payment.iban") }),
+                  /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                  /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              Form.Field,
+              {
+                control: form.control,
+                name: "account_number",
+                render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { optional: true, children: t("onboarding.wizard.payment.accountNumber") }),
+                  /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                  /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              Form.Field,
+              {
+                control: form.control,
+                name: "bic",
+                render: ({ field }) => /* @__PURE__ */ jsxs6(Form.Item, { children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { optional: true, children: t("onboarding.wizard.payment.swiftBic") }),
+                  /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(Input4, { ...field }) }),
+                  /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                ] })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8(
+          FormExtensionZone4,
+          {
+            model: "seller",
+            zone: "onboarding",
+            tab: "payment",
+            control: form.control
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx8(StepActions, { onSkip, isLast, isPending })
+    ] }) })
+  ] });
+};
+
+// src/components/onboarding-wizard/steps/custom-step.tsx
+import { Heading as Heading5 } from "@medusajs/ui";
+import * as z5 from "zod";
+import {
+  FormExtensionZone as FormExtensionZone5,
+  useExtendableForm as useExtendableForm5
+} from "@mercurjs/dashboard-shared";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var CustomStepSchema = z5.object({});
+var CustomStep = ({
+  id,
+  label,
+  onSubmit,
+  onSkip,
+  isLast,
+  isPending
+}) => {
+  const form = useExtendableForm5({
+    schema: CustomStepSchema,
+    model: "seller",
+    zone: "onboarding",
+    tab: id,
+    defaultValues: {}
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await onSubmit(data);
+  });
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-8", children: [
+    label && /* @__PURE__ */ jsx9(Heading5, { level: "h2", className: "text-ui-fg-base text-lg", children: label }),
+    /* @__PURE__ */ jsx9(Form, { ...form, children: /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsx9(
+        FormExtensionZone5,
+        {
+          model: "seller",
+          zone: "onboarding",
+          tab: id,
+          control: form.control
+        }
+      ),
+      /* @__PURE__ */ jsx9(StepActions, { onSkip, isLast, isPending })
+    ] }) })
+  ] });
+};
+
+// src/components/onboarding-wizard/onboarding-wizard.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var BUILT_IN_STEPS = {
+  store: StoreStep,
+  address: AddressStep,
+  company: CompanyStep,
+  payment: PaymentStep
+};
+var OnboardingWizard = ({ memberEmail }) => {
+  const navigate = useNavigate2();
+  const extension = useExtension();
+  const { mutateAsync: logoutMutation } = useLogout();
+  const { seller_members } = useSellers(useLinkQuery("seller"));
+  const hasStores = (seller_members?.length ?? 0) > 0;
+  const steps = useMemo(
+    () => extension.getOnboardingSteps("seller", [...WIZARD_STEPS]),
+    [extension]
+  );
+  const { currentStep, furthestStep, isPending, goBack, submitStep, skipStep } = useOnboarding(memberEmail, steps);
+  const handleBack = async () => {
+    if (currentStep === 0) {
+      if (hasStores) {
+        navigate("/store-select", { replace: true });
+      } else {
+        await logoutMutation(void 0, {
+          onSuccess: () => queryClient.clear(),
+          onSettled: () => navigate("/login")
+        });
+      }
+    } else {
+      goBack();
+    }
+  };
+  const renderStep = (index) => {
+    const step = steps[index];
+    const props = {
+      onSubmit: (data) => submitStep(index, data),
+      onSkip: step.optional ? () => skipStep(index) : void 0,
+      isLast: index === steps.length - 1,
+      isPending
+    };
+    const BuiltIn = step.custom ? void 0 : BUILT_IN_STEPS[step.id];
+    return /* @__PURE__ */ jsx10(WizardStep, { active: index === currentStep, children: /* @__PURE__ */ jsx10("div", { "data-testid": `onboarding-step-${step.id}`, children: BuiltIn ? /* @__PURE__ */ jsx10(BuiltIn, { ...props }) : /* @__PURE__ */ jsx10(CustomStep, { id: step.id, label: step.label, ...props }) }) }, step.id);
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "flex h-dvh w-dvw overflow-hidden", children: [
+    /* @__PURE__ */ jsx10(
+      WizardSidebar,
+      {
+        currentStep,
+        totalSteps: steps.length,
+        onBack: handleBack,
+        showBack: true,
+        children: steps.slice(0, furthestStep + 1).map((_, index) => renderStep(index))
+      }
+    ),
+    /* @__PURE__ */ jsx10(WizardPreview, {})
+  ] });
+};
+
+// src/pages/onboarding/onboarding.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ONBOARDING_EMAIL_KEY = "mercur_onboarding_email";
+var Onboarding = () => {
+  const location = useLocation();
+  const stateEmail = location.state?.email;
+  useEffect2(() => {
+    if (stateEmail) {
+      sessionStorage.setItem(ONBOARDING_EMAIL_KEY, stateEmail);
+    }
+  }, [stateEmail]);
+  const email = stateEmail || sessionStorage.getItem(ONBOARDING_EMAIL_KEY) || "";
+  if (!email) {
+    return /* @__PURE__ */ jsx11(Navigate, { to: "/login", replace: true });
+  }
+  return /* @__PURE__ */ jsx11(OnboardingWizard, { memberEmail: email });
+};
+export {
+  Onboarding as Component,
+  onboardingLoader as loader
+};