@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

package/dist/kadaikodi/pages/cart-owner/MerchantOnboardingPage.js

@@ -0,0 +1,373 @@
+import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { useCreateProvider as n, useProviders as r } from "../../hooks/useKadaikodiApi.js";
+import { StepProgress as i } from "../../components/viz/StepProgress.js";
+import "../../components/viz/index.js";
+import { useMemo as a, useState as o } from "react";
+import { ArrowLeft as s, ArrowRight as c, CheckCircle2 as l, MapPin as u, ShieldCheck as d, Store as f, Truck as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { GlassCard as g } from "@burdenoff/fe-libs/ui";
+//#region src/kadaikodi/pages/cart-owner/MerchantOnboardingPage.tsx
+var _ = [
+	["FOOD_BEVERAGE", "Food & Beverage"],
+	["GROCERY_ESSENTIALS", "Grocery & Essentials"],
+	["CLOTHING_FASHION", "Clothing & Fashion"],
+	["RETAIL_MERCHANDISE", "Retail & Merchandise"],
+	["PERSONAL_CARE_BEAUTY", "Personal Care & Beauty"],
+	["REPAIR_MAINTENANCE", "Repair & Maintenance"],
+	["HOME_SERVICES", "Home Services"],
+	["HEALTH_WELLNESS", "Health & Wellness"],
+	["EDUCATION_SKILLS", "Education & Skills"]
+], v = [
+	["PICKUP", "Pickup"],
+	["DELIVERY", "Delivery"],
+	["CART_DISPATCH", "Cart dispatch"],
+	["ON_LOCATION", "On-location"],
+	["HOME_SERVICE", "Home service"]
+], y = [
+	{ label: "Business details" },
+	{ label: "Location & hours" },
+	{ label: "Fulfilment" },
+	{ label: "Review & submit" }
+], b = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 40) + "-" + Math.random().toString(36).slice(2, 7);
+function x() {
+	let { navigateTo: x, currentUser: S } = e(), { data: C = [] } = r(), w = n(), T = a(() => C.some((e) => e.ownerId === S?.id), [C, S?.id]), [E, D] = o(0), [O, k] = o(!1), [A, j] = o(""), [M, N] = o({
+		name: "",
+		category: "FOOD_BEVERAGE",
+		description: "",
+		address: "",
+		open: "08:00",
+		close: "22:00",
+		fulfilments: ["PICKUP", "DELIVERY"]
+	}), P = (e, t) => N((n) => ({
+		...n,
+		[e]: t
+	})), F = "w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong", I = E === 0 ? M.name.trim().length > 1 : E === 1 ? M.address.trim().length > 3 : !0;
+	return O ? /* @__PURE__ */ m(t, {
+		title: "You're all set",
+		description: "Your cart has been submitted",
+		children: /* @__PURE__ */ m("div", {
+			className: "mx-auto max-w-xl",
+			children: /* @__PURE__ */ h(g, {
+				treatment: "glass",
+				className: "p-8 text-center",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle",
+						children: /* @__PURE__ */ m(l, { className: "h-7 w-7 text-status-success-text" })
+					}),
+					/* @__PURE__ */ m("h3", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Submitted for verification"
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "mx-auto mt-2 max-w-md text-sm text-text-secondary",
+						children: [
+							"“",
+							M.name,
+							"” has been created and sent for admin review. You can add offerings, set detailed hours and open your service from the dashboard now."
+						]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "mt-6 flex flex-col justify-center gap-3 sm:flex-row",
+						children: [/* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => x("/cart-owner/inventory"),
+							className: "rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken",
+							children: "Add offerings"
+						}), /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => x("/cart-owner/dashboard"),
+							className: "rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover",
+							children: "Go to Dashboard"
+						})]
+					})
+				]
+			})
+		})
+	}) : /* @__PURE__ */ m(t, {
+		title: "Set up your cart",
+		description: "Get your business live and discoverable on the marketplace",
+		children: /* @__PURE__ */ h("div", {
+			className: "mx-auto max-w-2xl space-y-6",
+			children: [
+				T && /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2 rounded-lg border border-status-info-text/30 bg-status-info-bg-subtle p-3 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ m(d, { className: "h-4 w-4 text-status-info-text" }), "You already have a cart — this creates an additional one."]
+				}),
+				/* @__PURE__ */ m(i, {
+					steps: y,
+					current: E
+				}),
+				/* @__PURE__ */ h(g, {
+					treatment: "plain",
+					className: "p-6",
+					children: [
+						E === 0 && /* @__PURE__ */ h("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2 text-text-primary",
+									children: [
+										/* @__PURE__ */ m(f, { className: "h-5 w-5 text-accent-primary" }),
+										" ",
+										/* @__PURE__ */ m("h3", {
+											className: "font-semibold",
+											children: "Business details"
+										})
+									]
+								}),
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									className: "mb-1 block text-sm font-medium text-text-secondary",
+									children: "Business name"
+								}), /* @__PURE__ */ m("input", {
+									className: F,
+									value: M.name,
+									onChange: (e) => P("name", e.target.value),
+									placeholder: "Anna Nagar Tiffin Cart"
+								})] }),
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									className: "mb-1 block text-sm font-medium text-text-secondary",
+									children: "Category"
+								}), /* @__PURE__ */ m("div", {
+									className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
+									children: _.map(([e, t]) => /* @__PURE__ */ m("button", {
+										type: "button",
+										onClick: () => P("category", e),
+										className: "rounded-lg border px-3 py-2 text-xs font-medium transition " + (M.category === e ? "border-accent-primary bg-accent-primary/10 text-accent-primary" : "border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken"),
+										children: t
+									}, e))
+								})] }),
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									className: "mb-1 block text-sm font-medium text-text-secondary",
+									children: "Description"
+								}), /* @__PURE__ */ m("textarea", {
+									className: F,
+									rows: 3,
+									value: M.description,
+									onChange: (e) => P("description", e.target.value),
+									placeholder: "What you sell and what makes you special."
+								})] })
+							]
+						}),
+						E === 1 && /* @__PURE__ */ h("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2 text-text-primary",
+									children: [
+										/* @__PURE__ */ m(u, { className: "h-5 w-5 text-accent-primary" }),
+										" ",
+										/* @__PURE__ */ m("h3", {
+											className: "font-semibold",
+											children: "Location & hours"
+										})
+									]
+								}),
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									className: "mb-1 block text-sm font-medium text-text-secondary",
+									children: "Address"
+								}), /* @__PURE__ */ m("input", {
+									className: F,
+									value: M.address,
+									onChange: (e) => P("address", e.target.value),
+									placeholder: "24 North Usman Rd, Anna Nagar, Chennai"
+								})] }),
+								/* @__PURE__ */ h("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Opens"
+									}), /* @__PURE__ */ m("input", {
+										type: "time",
+										className: F,
+										value: M.open,
+										onChange: (e) => P("open", e.target.value)
+									})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Closes"
+									}), /* @__PURE__ */ m("input", {
+										type: "time",
+										className: F,
+										value: M.close,
+										onChange: (e) => P("close", e.target.value)
+									})] })]
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-xs text-text-muted",
+									children: "You can set detailed per-day hours later in Service Config."
+								})
+							]
+						}),
+						E === 2 && /* @__PURE__ */ h("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2 text-text-primary",
+									children: [
+										/* @__PURE__ */ m(p, { className: "h-5 w-5 text-accent-primary" }),
+										" ",
+										/* @__PURE__ */ m("h3", {
+											className: "font-semibold",
+											children: "Fulfilment modes"
+										})
+									]
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-sm text-text-secondary",
+									children: "How will customers receive their orders?"
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
+									children: v.map(([e, t]) => {
+										let n = M.fulfilments.includes(e);
+										return /* @__PURE__ */ m("button", {
+											type: "button",
+											onClick: () => P("fulfilments", n ? M.fulfilments.filter((t) => t !== e) : [...M.fulfilments, e]),
+											className: "rounded-lg border px-3 py-2 text-sm font-medium transition " + (n ? "border-accent-primary bg-accent-primary/10 text-accent-primary" : "border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken"),
+											children: t
+										}, e);
+									})
+								})
+							]
+						}),
+						E === 3 && /* @__PURE__ */ h("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2 text-text-primary",
+									children: [
+										/* @__PURE__ */ m(d, { className: "h-5 w-5 text-accent-primary" }),
+										" ",
+										/* @__PURE__ */ m("h3", {
+											className: "font-semibold",
+											children: "Review & submit"
+										})
+									]
+								}),
+								/* @__PURE__ */ h("dl", {
+									className: "space-y-2 text-sm",
+									children: [
+										/* @__PURE__ */ h("div", {
+											className: "flex justify-between border-b border-border-subtle py-2",
+											children: [/* @__PURE__ */ m("dt", {
+												className: "text-text-secondary",
+												children: "Business"
+											}), /* @__PURE__ */ m("dd", {
+												className: "font-medium text-text-primary",
+												children: M.name || "—"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "flex justify-between border-b border-border-subtle py-2",
+											children: [/* @__PURE__ */ m("dt", {
+												className: "text-text-secondary",
+												children: "Category"
+											}), /* @__PURE__ */ m("dd", {
+												className: "font-medium text-text-primary",
+												children: _.find((e) => e[0] === M.category)?.[1]
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "flex justify-between border-b border-border-subtle py-2",
+											children: [/* @__PURE__ */ m("dt", {
+												className: "text-text-secondary",
+												children: "Address"
+											}), /* @__PURE__ */ m("dd", {
+												className: "max-w-[60%] text-right font-medium text-text-primary",
+												children: M.address || "—"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "flex justify-between border-b border-border-subtle py-2",
+											children: [/* @__PURE__ */ m("dt", {
+												className: "text-text-secondary",
+												children: "Hours"
+											}), /* @__PURE__ */ h("dd", {
+												className: "font-medium text-text-primary",
+												children: [
+													M.open,
+													"–",
+													M.close
+												]
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "flex justify-between py-2",
+											children: [/* @__PURE__ */ m("dt", {
+												className: "text-text-secondary",
+												children: "Fulfilment"
+											}), /* @__PURE__ */ m("dd", {
+												className: "max-w-[60%] text-right font-medium text-text-primary",
+												children: M.fulfilments.map((e) => v.find((t) => t[0] === e)?.[1]).join(", ") || "—"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 text-xs text-text-secondary",
+									children: "On submit, your cart is created and sent to platform admins for verification. Verification documents (GST, licences) can be added from your profile once that step is enabled."
+								}),
+								A && /* @__PURE__ */ m("p", {
+									className: "text-sm text-status-error-text",
+									children: A
+								})
+							]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "mt-6 flex items-center justify-between border-t border-border-subtle pt-4",
+							children: [/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: () => E === 0 ? x("/cart-owner/dashboard") : D((e) => e - 1),
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken",
+								children: [
+									/* @__PURE__ */ m(s, { className: "h-4 w-4" }),
+									" ",
+									E === 0 ? "Cancel" : "Back"
+								]
+							}), E < y.length - 1 ? /* @__PURE__ */ h("button", {
+								type: "button",
+								disabled: !I,
+								onClick: () => D((e) => e + 1),
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50",
+								children: ["Continue ", /* @__PURE__ */ m(c, { className: "h-4 w-4" })]
+							}) : /* @__PURE__ */ h("button", {
+								type: "button",
+								disabled: w.isPending,
+								onClick: () => {
+									j(""), w.mutate({
+										ownerId: S?.id,
+										name: M.name.trim(),
+										slug: b(M.name),
+										description: M.description.trim() || void 0,
+										category: M.category,
+										offeringType: "both",
+										serviceTypes: [],
+										location: { address: M.address.trim() },
+										businessHours: {
+											open: M.open,
+											close: M.close
+										}
+									}, {
+										onSuccess: () => k(!0),
+										onError: (e) => j(e instanceof Error ? e.message : "Could not create your cart.")
+									});
+								},
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60",
+								children: [
+									/* @__PURE__ */ m(d, { className: "h-4 w-4" }),
+									" ",
+									w.isPending ? "Submitting…" : "Submit for Verification"
+								]
+							})]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { x as MerchantOnboardingPage };
+
+//# sourceMappingURL=MerchantOnboardingPage.js.map

package/dist/kadaikodi/pages/cart-owner/MerchantOnboardingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantOnboardingPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/cart-owner/MerchantOnboardingPage.tsx"],"sourcesContent":["/**\n * MerchantOnboardingPage — guided first-time merchant setup.\n *\n * A real StepProgress wizard that creates a live ServiceProvider (via\n * kadaikodiCreateServiceProvider) across Business details → Location & hours →\n * Fulfilment → Review & submit. Verification is honest: submitting creates the\n * provider (status DRAFT/ACTIVE) for admin review — no fabricated KYC upload.\n */\nimport { useMemo, useState } from 'react';\nimport { Store, MapPin, Truck, CheckCircle2, ShieldCheck, ArrowRight, ArrowLeft } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useProviders, useCreateProvider } from '../../hooks/useKadaikodiApi';\nimport { StepProgress } from '../../components/viz';\n\nconst CATEGORIES = [\n  ['FOOD_BEVERAGE', 'Food & Beverage'],\n  ['GROCERY_ESSENTIALS', 'Grocery & Essentials'],\n  ['CLOTHING_FASHION', 'Clothing & Fashion'],\n  ['RETAIL_MERCHANDISE', 'Retail & Merchandise'],\n  ['PERSONAL_CARE_BEAUTY', 'Personal Care & Beauty'],\n  ['REPAIR_MAINTENANCE', 'Repair & Maintenance'],\n  ['HOME_SERVICES', 'Home Services'],\n  ['HEALTH_WELLNESS', 'Health & Wellness'],\n  ['EDUCATION_SKILLS', 'Education & Skills'],\n] as const;\n\nconst FULFILMENTS = [\n  ['PICKUP', 'Pickup'],\n  ['DELIVERY', 'Delivery'],\n  ['CART_DISPATCH', 'Cart dispatch'],\n  ['ON_LOCATION', 'On-location'],\n  ['HOME_SERVICE', 'Home service'],\n] as const;\n\nconst STEPS = [\n  { label: 'Business details' },\n  { label: 'Location & hours' },\n  { label: 'Fulfilment' },\n  { label: 'Review & submit' },\n];\n\nconst slugify = (s: string) =>\n  s.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '').slice(0, 40) +\n  '-' +\n  Math.random().toString(36).slice(2, 7);\n\nexport function MerchantOnboardingPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: providers = [] } = useProviders();\n  const createProvider = useCreateProvider();\n  const alreadyHasProvider = useMemo(\n    () => providers.some((p) => p.ownerId === currentUser?.id),\n    [providers, currentUser?.id]\n  );\n\n  const [step, setStep] = useState(0);\n  const [done, setDone] = useState(false);\n  const [error, setError] = useState('');\n  const [form, setForm] = useState({\n    name: '',\n    category: 'FOOD_BEVERAGE' as (typeof CATEGORIES)[number][0],\n    description: '',\n    address: '',\n    open: '08:00',\n    close: '22:00',\n    fulfilments: ['PICKUP', 'DELIVERY'] as string[],\n  });\n  const set = <K extends keyof typeof form>(k: K, v: (typeof form)[K]) => setForm((f) => ({ ...f, [k]: v }));\n  const inputCls =\n    'w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong';\n\n  const canNext =\n    step === 0 ? form.name.trim().length > 1 : step === 1 ? form.address.trim().length > 3 : true;\n\n  const submit = () => {\n    setError('');\n    createProvider.mutate(\n      {\n        ownerId: currentUser?.id,\n        name: form.name.trim(),\n        slug: slugify(form.name),\n        description: form.description.trim() || undefined,\n        category: form.category,\n        offeringType: 'both',\n        serviceTypes: [],\n        location: { address: form.address.trim() },\n        businessHours: { open: form.open, close: form.close },\n      },\n      {\n        onSuccess: () => setDone(true),\n        onError: (e) => setError(e instanceof Error ? e.message : 'Could not create your cart.'),\n      }\n    );\n  };\n\n  if (done) {\n    return (\n      <PageLayout title=\"You're all set\" description=\"Your cart has been submitted\">\n        <div className=\"mx-auto max-w-xl\">\n          <GlassCard treatment=\"glass\" className=\"p-8 text-center\">\n            <div className=\"mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n              <CheckCircle2 className=\"h-7 w-7 text-status-success-text\" />\n            </div>\n            <h3 className=\"text-lg font-semibold text-text-primary\">Submitted for verification</h3>\n            <p className=\"mx-auto mt-2 max-w-md text-sm text-text-secondary\">\n              “{form.name}” has been created and sent for admin review. You can add offerings, set detailed\n              hours and open your service from the dashboard now.\n            </p>\n            <div className=\"mt-6 flex flex-col justify-center gap-3 sm:flex-row\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/cart-owner/inventory')}\n                className=\"rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken\"\n              >\n                Add offerings\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/cart-owner/dashboard')}\n                className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover\"\n              >\n                Go to Dashboard\n              </button>\n            </div>\n          </GlassCard>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Set up your cart\" description=\"Get your business live and discoverable on the marketplace\">\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        {alreadyHasProvider && (\n          <div className=\"flex items-center gap-2 rounded-lg border border-status-info-text/30 bg-status-info-bg-subtle p-3 text-sm text-text-secondary\">\n            <ShieldCheck className=\"h-4 w-4 text-status-info-text\" />\n            You already have a cart — this creates an additional one.\n          </div>\n        )}\n\n        <StepProgress steps={STEPS} current={step} />\n\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          {step === 0 && (\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <Store className=\"h-5 w-5 text-accent-primary\" /> <h3 className=\"font-semibold\">Business details</h3>\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Business name</label>\n                <input className={inputCls} value={form.name} onChange={(e) => set('name', e.target.value)} placeholder=\"Anna Nagar Tiffin Cart\" />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Category</label>\n                <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n                  {CATEGORIES.map(([val, label]) => (\n                    <button\n                      key={val}\n                      type=\"button\"\n                      onClick={() => set('category', val)}\n                      className={\n                        'rounded-lg border px-3 py-2 text-xs font-medium transition ' +\n                        (form.category === val\n                          ? 'border-accent-primary bg-accent-primary/10 text-accent-primary'\n                          : 'border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken')\n                      }\n                    >\n                      {label}\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Description</label>\n                <textarea className={inputCls} rows={3} value={form.description} onChange={(e) => set('description', e.target.value)} placeholder=\"What you sell and what makes you special.\" />\n              </div>\n            </div>\n          )}\n\n          {step === 1 && (\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <MapPin className=\"h-5 w-5 text-accent-primary\" /> <h3 className=\"font-semibold\">Location & hours</h3>\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Address</label>\n                <input className={inputCls} value={form.address} onChange={(e) => set('address', e.target.value)} placeholder=\"24 North Usman Rd, Anna Nagar, Chennai\" />\n              </div>\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Opens</label>\n                  <input type=\"time\" className={inputCls} value={form.open} onChange={(e) => set('open', e.target.value)} />\n                </div>\n                <div>\n                  <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Closes</label>\n                  <input type=\"time\" className={inputCls} value={form.close} onChange={(e) => set('close', e.target.value)} />\n                </div>\n              </div>\n              <p className=\"text-xs text-text-muted\">You can set detailed per-day hours later in Service Config.</p>\n            </div>\n          )}\n\n          {step === 2 && (\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <Truck className=\"h-5 w-5 text-accent-primary\" /> <h3 className=\"font-semibold\">Fulfilment modes</h3>\n              </div>\n              <p className=\"text-sm text-text-secondary\">How will customers receive their orders?</p>\n              <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n                {FULFILMENTS.map(([val, label]) => {\n                  const on = form.fulfilments.includes(val);\n                  return (\n                    <button\n                      key={val}\n                      type=\"button\"\n                      onClick={() =>\n                        set('fulfilments', on ? form.fulfilments.filter((x) => x !== val) : [...form.fulfilments, val])\n                      }\n                      className={\n                        'rounded-lg border px-3 py-2 text-sm font-medium transition ' +\n                        (on\n                          ? 'border-accent-primary bg-accent-primary/10 text-accent-primary'\n                          : 'border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken')\n                      }\n                    >\n                      {label}\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {step === 3 && (\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <ShieldCheck className=\"h-5 w-5 text-accent-primary\" /> <h3 className=\"font-semibold\">Review & submit</h3>\n              </div>\n              <dl className=\"space-y-2 text-sm\">\n                <div className=\"flex justify-between border-b border-border-subtle py-2\"><dt className=\"text-text-secondary\">Business</dt><dd className=\"font-medium text-text-primary\">{form.name || '—'}</dd></div>\n                <div className=\"flex justify-between border-b border-border-subtle py-2\"><dt className=\"text-text-secondary\">Category</dt><dd className=\"font-medium text-text-primary\">{CATEGORIES.find((c) => c[0] === form.category)?.[1]}</dd></div>\n                <div className=\"flex justify-between border-b border-border-subtle py-2\"><dt className=\"text-text-secondary\">Address</dt><dd className=\"max-w-[60%] text-right font-medium text-text-primary\">{form.address || '—'}</dd></div>\n                <div className=\"flex justify-between border-b border-border-subtle py-2\"><dt className=\"text-text-secondary\">Hours</dt><dd className=\"font-medium text-text-primary\">{form.open}–{form.close}</dd></div>\n                <div className=\"flex justify-between py-2\"><dt className=\"text-text-secondary\">Fulfilment</dt><dd className=\"max-w-[60%] text-right font-medium text-text-primary\">{form.fulfilments.map((f) => FULFILMENTS.find((x) => x[0] === f)?.[1]).join(', ') || '—'}</dd></div>\n              </dl>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 text-xs text-text-secondary\">\n                On submit, your cart is created and sent to platform admins for verification. Verification documents\n                (GST, licences) can be added from your profile once that step is enabled.\n              </div>\n              {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n            </div>\n          )}\n\n          {/* Wizard controls */}\n          <div className=\"mt-6 flex items-center justify-between border-t border-border-subtle pt-4\">\n            <button\n              type=\"button\"\n              onClick={() => (step === 0 ? navigateTo('/cart-owner/dashboard') : setStep((s) => s - 1))}\n              className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" /> {step === 0 ? 'Cancel' : 'Back'}\n            </button>\n            {step < STEPS.length - 1 ? (\n              <button\n                type=\"button\"\n                disabled={!canNext}\n                onClick={() => setStep((s) => s + 1)}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50\"\n              >\n                Continue <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            ) : (\n              <button\n                type=\"button\"\n                disabled={createProvider.isPending}\n                onClick={submit}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60\"\n              >\n                <ShieldCheck className=\"h-4 w-4\" /> {createProvider.isPending ? 'Submitting…' : 'Submit for Verification'}\n              </button>\n            )}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}