import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { welcomeSchema as s, companyDataSchema as l, shippingSchema as c, onlineShopSchema as m } from "./schemas.js";
import d from "../../hooks/useStepper.js";
import { StepperLayout as h } from "../../components/StepperLayout.js";
import { StepperLayoutNav as u } from "../../components/StepperLayoutNav.js";
import f from "../../../stepper/components/stepper-step/StepperStep.js";
import { StepperLayoutContent as S } from "../../components/StepperLayoutContent.js";
import { StepperLayoutPanel as o } from "../../components/StepperLayoutPanel.js";
import p from "../../../app-header/AppHeader.js";
import g from "./steps/WelcomeStep.js";
import y from "./steps/CompanyDataStep.js";
import v from "./steps/ShippingStep.js";
import C from "./steps/OnlineShopStep.js";
import L from "./steps/SetupStep.js";
import { StepperLayoutFooter as P } from "../../components/StepperLayoutFooter.js";
import { StepperLayoutBack as b } from "../../components/StepperLayoutBack.js";
import a from "../../../button/Button.js";
import k from "../../../box/Box.js";
import { StepperLayoutNext as x } from "../../components/StepperLayoutNext.js";
const r = [
  {
    id: "welcome",
    title: "Welcome",
    description: "How would you like to get started?",
    schema: s,
    defaultValues: { instanceType: "" }
  },
  {
    id: "company",
    title: "Company Data",
    description: "Please enter your company data.",
    schema: l,
    defaultValues: { firstName: "", lastName: "", companyName: "", address: "", country: "", taxId: "", phone: "" }
  },
  {
    id: "shipping",
    title: "Shipping",
    description: "Pick a shipping provider and accept the terms.",
    schema: c,
    defaultValues: { shippingProvider: "dhl", acceptShippingTerms: !1 }
  },
  {
    id: "shop",
    title: "Online Shop",
    description: "Choose a sales channel and accept the terms.",
    schema: m,
    defaultValues: { salesChannel: "jtl-shop", shopName: "", acceptShopTerms: !1 }
  },
  {
    id: "setup",
    title: "Setup",
    description: "Your instance is being prepared."
  }
], N = () => {
  const i = d(r);
  return /* @__PURE__ */ t(h, { stepper: i, children: [
    /* @__PURE__ */ e(u, { children: r.map((n) => /* @__PURE__ */ e(f, { title: n.title }, n.id)) }),
    /* @__PURE__ */ t(S, { children: [
      /* @__PURE__ */ t(o, { stepId: "welcome", children: [
        /* @__PURE__ */ e(p, { title: "Welcome!", subtitle: "How would you like to get started?", icon: { icon: "Plus", variant: "info", size: "lg" } }),
        /* @__PURE__ */ e(g, { id: "welcome" })
      ] }),
      /* @__PURE__ */ t(o, { stepId: "company", children: [
        /* @__PURE__ */ e(
          p,
          {
            title: "Welcome to JTL ERP Cloud",
            subtitle: "Please enter your company data to get started.",
            icon: { icon: "Building2", variant: "info", size: "lg" }
          }
        ),
        /* @__PURE__ */ e(y, { id: "company" })
      ] }),
      /* @__PURE__ */ t(o, { stepId: "shipping", children: [
        /* @__PURE__ */ e(
          p,
          {
            title: "Shipping setup",
            subtitle: "Pick a shipping provider and accept the terms.",
            icon: { icon: "Truck", variant: "info", size: "lg" }
          }
        ),
        /* @__PURE__ */ e(v, { id: "shipping" })
      ] }),
      /* @__PURE__ */ t(o, { stepId: "shop", children: [
        /* @__PURE__ */ e(
          p,
          {
            title: "Connect your online shop",
            subtitle: "Choose a sales channel and accept the terms.",
            icon: { icon: "Store", variant: "info", size: "lg" }
          }
        ),
        /* @__PURE__ */ e(C, { id: "shop" })
      ] }),
      /* @__PURE__ */ t(o, { stepId: "setup", children: [
        /* @__PURE__ */ e(p, { title: "Finishing up", subtitle: "Your instance is being prepared.", icon: { icon: "Loader2", variant: "info", size: "lg" } }),
        /* @__PURE__ */ e(L, { id: "setup" })
      ] }),
      /* @__PURE__ */ t(P, { children: [
        /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(a, { label: "Back", variant: "outline", icon: "ChevronLeft", iconPosition: "left", onClick: i.layoutProps.onBack }) }),
        /* @__PURE__ */ t(k, { className: "flex gap-2", children: [
          /* @__PURE__ */ e(a, { label: "Cancel", variant: "ghost", onClick: i.reset }),
          /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
            a,
            {
              label: i.isLast ? "Submit" : "Next",
              icon: i.isLast ? void 0 : "ChevronRight",
              iconPosition: "right",
              onClick: i.layoutProps.onNext
            }
          ) })
        ] })
      ] })
    ] })
  ] });
};
N.displayName = "FormExample";
export {
  N as default
};
//# sourceMappingURL=FormExample.js.map
