@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/cart-owner/BusinessSettingsPage.js

@@ -0,0 +1,700 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useState as r } from "react";
+import { AlertCircle as i, Bell as a, CheckCircle2 as o, Clock as s, Link2 as c, MapPin as l, Phone as u, Save as d, Shield as f, Store as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/cart-owner/BusinessSettingsPage.tsx
+var _ = [
+	{
+		id: "general",
+		label: "General",
+		icon: p
+	},
+	{
+		id: "contact",
+		label: "Contact",
+		icon: u
+	},
+	{
+		id: "location",
+		label: "Location",
+		icon: l
+	},
+	{
+		id: "operating",
+		label: "Operating",
+		icon: s
+	},
+	{
+		id: "policies",
+		label: "Policies",
+		icon: f
+	},
+	{
+		id: "notifications",
+		label: "Notifications",
+		icon: a
+	},
+	{
+		id: "integration",
+		label: "Integrations",
+		icon: c
+	}
+], v = [
+	"Food & Beverage",
+	"Personal Care & Beauty",
+	"Repair & Maintenance",
+	"Home Services",
+	"Clothing & Fashion",
+	"Health & Wellness",
+	"Education & Skills",
+	"Retail & Merchandise",
+	"Grocery & Essentials"
+], y = ({ label: e, value: t, onChange: n, type: r = "text", options: i, placeholder: a, hint: o, rows: s = 3 }) => {
+	let c = e.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ g("div", { children: [
+		/* @__PURE__ */ h("label", {
+			htmlFor: c,
+			className: "block text-sm font-medium text-foreground mb-1.5",
+			children: e
+		}),
+		r === "textarea" ? /* @__PURE__ */ h("textarea", {
+			id: c,
+			value: t,
+			onChange: (e) => n(e.target.value),
+			rows: s,
+			placeholder: a,
+			className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
+		}) : r === "select" ? /* @__PURE__ */ h("select", {
+			id: c,
+			value: t,
+			onChange: (e) => n(e.target.value),
+			className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+			children: i?.map((e) => /* @__PURE__ */ h("option", {
+				value: e,
+				children: e
+			}, e))
+		}) : /* @__PURE__ */ h("input", {
+			id: c,
+			type: r,
+			value: t,
+			onChange: (e) => n(e.target.value),
+			placeholder: a,
+			className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+		}),
+		o && /* @__PURE__ */ h("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: o
+		})
+	] });
+}, b = ({ label: e, description: n, checked: r, onChange: i }) => /* @__PURE__ */ g("div", {
+	className: "flex items-center justify-between py-3",
+	children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+		className: "text-sm font-medium text-foreground",
+		children: e
+	}), n && /* @__PURE__ */ h("p", {
+		className: "text-xs text-muted-foreground mt-0.5",
+		children: n
+	})] }), /* @__PURE__ */ h("button", {
+		type: "button",
+		onClick: () => i(!r),
+		className: t("h-6 w-11 rounded-full transition-colors relative", r ? "bg-blue-500" : "bg-muted-foreground/30"),
+		children: /* @__PURE__ */ h("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", r ? "translate-x-5" : "translate-x-0.5") })
+	})]
+}), x = () => {
+	let { navigateTo: a } = e(), [s, c] = r("general"), [l, u] = r(!1), [f, p] = r(!1), [x, S] = r({
+		businessName: "Dosa Express",
+		description: "Authentic South Indian street food with a modern twist. Serving crispy dosas, filter coffee, and more since 2020.",
+		category: "Food & Beverage",
+		gstNumber: "29ABCDE1234F1Z5",
+		panNumber: "ABCDE1234F",
+		fssaiLicense: "12345678",
+		establishedYear: "2020"
+	}), [C, w] = r({
+		phone: "+91-9876543210",
+		email: "ravi@dosaexpress.in",
+		website: "https://dosaexpress.in",
+		whatsapp: "+91-9876543210",
+		instagram: "@dosaexpress",
+		twitter: "@dosaexpress",
+		facebook: "dosaexpress"
+	}), [T, E] = r({
+		address: "Koramangala 5th Block",
+		city: "Bangalore",
+		state: "Karnataka",
+		pincode: "560034",
+		latitude: "12.9352",
+		longitude: "77.6245",
+		deliveryRadius: 5,
+		deliveryCharge: 30,
+		freeDeliveryAbove: 300
+	}), [D, O] = r({
+		autoAcceptOrders: !0,
+		preparationTime: 15,
+		maxConcurrentOrders: 10,
+		advanceBookingDays: 3
+	}), [k, A] = r({
+		returnPolicy: "Items can be returned within 30 minutes of delivery if there are quality issues. Refund will be processed within 2-3 business days.",
+		cancellationPolicy: "Orders can be cancelled within 2 minutes of placing. After preparation starts, cancellation is not allowed.",
+		privacyPolicy: "We collect and process your data in accordance with applicable privacy laws. Your data is never shared with third parties without consent.",
+		termsOfService: "By using our services, you agree to our terms. All prices are inclusive of taxes unless stated otherwise."
+	}), [j, M] = r({
+		newOrderEmail: !0,
+		newOrderSms: !0,
+		newOrderPush: !0,
+		orderUpdateEmail: !0,
+		orderUpdatePush: !0,
+		dailySummaryEmail: !0,
+		weeklySummaryEmail: !1,
+		lowStockAlert: !0,
+		reviewNotification: !0,
+		marketingEmails: !1
+	}), [N, P] = r({
+		paymentGateway: "razorpay",
+		paymentGatewayKey: "rzp_live_xxxxxxxx",
+		smsProvider: "twilio",
+		smsApiKey: "",
+		analyticsId: ""
+	}), F = () => {
+		u(!0), setTimeout(() => {
+			u(!1), p(!0), setTimeout(() => p(!1), 3e3);
+		}, 1e3);
+	}, I = (e) => (t) => S((n) => ({
+		...n,
+		[e]: t
+	})), L = (e) => (t) => w((n) => ({
+		...n,
+		[e]: t
+	})), R = (e) => (t) => E((n) => ({
+		...n,
+		[e]: e === "deliveryRadius" || e === "deliveryCharge" || e === "freeDeliveryAbove" ? parseInt(t) || 0 : t
+	})), z = (e) => (t) => A((n) => ({
+		...n,
+		[e]: t
+	})), B = (e) => (t) => M((n) => ({
+		...n,
+		[e]: t
+	})), V = (e) => (t) => P((n) => ({
+		...n,
+		[e]: t
+	}));
+	return _.find((e) => e.id === s)?.icon, /* @__PURE__ */ h(n, {
+		title: "Business Settings",
+		description: "Manage your business profile and configuration",
+		actions: /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: F,
+			disabled: l,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", f ? "bg-green-500/10 text-green-600 dark:text-green-400" : l ? "bg-muted text-muted-foreground cursor-not-allowed" : "bg-accent text-foreground hover:bg-accent/80"),
+			children: l ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : f ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, { className: "h-4 w-4" }), "Saved!"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Save Settings"] })
+		}),
+		children: /* @__PURE__ */ g("div", {
+			className: "flex flex-col lg:flex-row gap-6",
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: "lg:hidden",
+					children: /* @__PURE__ */ h("div", {
+						className: "rounded-lg border border-border bg-card p-3 shadow-sm",
+						children: /* @__PURE__ */ h("div", {
+							className: "grid grid-cols-4 gap-2",
+							children: _.map((e) => {
+								let n = e.icon;
+								return /* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => c(e.id),
+									className: t("flex flex-col items-center gap-1 rounded-md px-2 py-2 text-xs font-medium transition-colors", s === e.id ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-muted"),
+									children: [/* @__PURE__ */ h(n, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", {
+										className: "hidden sm:inline",
+										children: e.label
+									})]
+								}, e.id);
+							})
+						})
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "hidden lg:block lg:w-56 shrink-0",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm sticky top-24",
+						children: [/* @__PURE__ */ h("div", {
+							className: "p-4 border-b border-border",
+							children: /* @__PURE__ */ h("h2", {
+								className: "font-semibold text-foreground text-sm",
+								children: "Settings"
+							})
+						}), /* @__PURE__ */ h("nav", {
+							className: "p-2",
+							children: _.map((e) => {
+								let n = e.icon;
+								return /* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => c(e.id),
+									className: t("w-full text-left px-3 py-2 rounded-md mb-1 flex items-center gap-3 text-sm transition-colors", s === e.id ? "bg-accent text-foreground font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
+									children: [/* @__PURE__ */ h(n, { className: "h-4 w-4" }), e.label]
+								}, e.id);
+							})
+						})]
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "flex-1 min-w-0",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-lg border border-border bg-card p-5 sm:p-6 shadow-sm",
+						children: [
+							s === "general" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ h(y, {
+										label: "Business Name",
+										value: x.businessName,
+										onChange: I("businessName")
+									}),
+									/* @__PURE__ */ h(y, {
+										label: "Description",
+										value: x.description,
+										onChange: I("description"),
+										type: "textarea"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ h(y, {
+											label: "Category",
+											value: x.category,
+											onChange: I("category"),
+											type: "select",
+											options: v
+										}), /* @__PURE__ */ h(y, {
+											label: "Established Year",
+											value: x.establishedYear,
+											onChange: I("establishedYear")
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex items-start gap-3 rounded-md bg-blue-500/5 border border-blue-500/20 p-3",
+										children: [/* @__PURE__ */ h(i, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0 mt-0.5" }), /* @__PURE__ */ h("p", {
+											className: "text-xs text-blue-600 dark:text-blue-400",
+											children: "GST, PAN, and FSSAI details are used for invoicing and compliance. Changes require verification."
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+										children: [
+											/* @__PURE__ */ h(y, {
+												label: "GST Number",
+												value: x.gstNumber,
+												onChange: I("gstNumber"),
+												hint: "15-digit GST ID"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "PAN Number",
+												value: x.panNumber,
+												onChange: I("panNumber"),
+												hint: "10-digit PAN"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "FSSAI License",
+												value: x.fssaiLicense,
+												onChange: I("fssaiLicense"),
+												hint: "FSSAI license number"
+											})
+										]
+									})
+								]
+							}),
+							s === "contact" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ h(y, {
+											label: "Phone",
+											value: C.phone,
+											onChange: L("phone"),
+											type: "tel"
+										}), /* @__PURE__ */ h(y, {
+											label: "Email",
+											value: C.email,
+											onChange: L("email"),
+											type: "email"
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ h(y, {
+											label: "Website",
+											value: C.website,
+											onChange: L("website"),
+											type: "url",
+											placeholder: "https://"
+										}), /* @__PURE__ */ h(y, {
+											label: "WhatsApp",
+											value: C.whatsapp,
+											onChange: L("whatsapp"),
+											type: "tel"
+										})]
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-2",
+										children: "Social Media"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+										children: [
+											/* @__PURE__ */ h(y, {
+												label: "Instagram",
+												value: C.instagram,
+												onChange: L("instagram"),
+												placeholder: "@handle"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "Twitter / X",
+												value: C.twitter,
+												onChange: L("twitter"),
+												placeholder: "@handle"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "Facebook",
+												value: C.facebook,
+												onChange: L("facebook"),
+												placeholder: "Page name"
+											})
+										]
+									})
+								]
+							}),
+							s === "location" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ h(y, {
+										label: "Address",
+										value: T.address,
+										onChange: R("address"),
+										type: "textarea",
+										rows: 2
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+										children: [
+											/* @__PURE__ */ h(y, {
+												label: "City",
+												value: T.city,
+												onChange: R("city")
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "State",
+												value: T.state,
+												onChange: R("state")
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "Pincode",
+												value: T.pincode,
+												onChange: R("pincode")
+											})
+										]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ h(y, {
+											label: "Latitude",
+											value: T.latitude,
+											onChange: R("latitude"),
+											hint: "e.g., 12.9352"
+										}), /* @__PURE__ */ h(y, {
+											label: "Longitude",
+											value: T.longitude,
+											onChange: R("longitude"),
+											hint: "e.g., 77.6245"
+										})]
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-2",
+										children: "Delivery Settings"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+										children: [
+											/* @__PURE__ */ h(y, {
+												label: "Delivery Radius (km)",
+												value: T.deliveryRadius,
+												onChange: R("deliveryRadius"),
+												type: "number"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "Delivery Charge (₹)",
+												value: T.deliveryCharge,
+												onChange: R("deliveryCharge"),
+												type: "number"
+											}),
+											/* @__PURE__ */ h(y, {
+												label: "Free Delivery Above (₹)",
+												value: T.freeDeliveryAbove,
+												onChange: R("freeDeliveryAbove"),
+												type: "number"
+											})
+										]
+									})
+								]
+							}),
+							s === "operating" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [/* @__PURE__ */ h(b, {
+									label: "Auto-Accept Orders",
+									description: "Automatically accept incoming orders without manual confirmation",
+									checked: D.autoAcceptOrders,
+									onChange: (e) => O((t) => ({
+										...t,
+										autoAcceptOrders: e
+									}))
+								}), /* @__PURE__ */ g("div", {
+									className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+									children: [
+										/* @__PURE__ */ h(y, {
+											label: "Default Preparation Time (min)",
+											value: D.preparationTime,
+											onChange: (e) => O((t) => ({
+												...t,
+												preparationTime: parseInt(e) || 0
+											})),
+											type: "number"
+										}),
+										/* @__PURE__ */ h(y, {
+											label: "Max Concurrent Orders",
+											value: D.maxConcurrentOrders,
+											onChange: (e) => O((t) => ({
+												...t,
+												maxConcurrentOrders: parseInt(e) || 0
+											})),
+											type: "number"
+										}),
+										/* @__PURE__ */ h(y, {
+											label: "Advance Booking (days)",
+											value: D.advanceBookingDays,
+											onChange: (e) => O((t) => ({
+												...t,
+												advanceBookingDays: parseInt(e) || 0
+											})),
+											type: "number"
+										})
+									]
+								})]
+							}),
+							s === "policies" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ h(y, {
+										label: "Return Policy",
+										value: k.returnPolicy,
+										onChange: z("returnPolicy"),
+										type: "textarea",
+										rows: 4
+									}),
+									/* @__PURE__ */ h(y, {
+										label: "Cancellation Policy",
+										value: k.cancellationPolicy,
+										onChange: z("cancellationPolicy"),
+										type: "textarea",
+										rows: 4
+									}),
+									/* @__PURE__ */ h(y, {
+										label: "Privacy Policy",
+										value: k.privacyPolicy,
+										onChange: z("privacyPolicy"),
+										type: "textarea",
+										rows: 4
+									}),
+									/* @__PURE__ */ h(y, {
+										label: "Terms of Service",
+										value: k.termsOfService,
+										onChange: z("termsOfService"),
+										type: "textarea",
+										rows: 4
+									})
+								]
+							}),
+							s === "notifications" && /* @__PURE__ */ g("div", {
+								className: "space-y-1 divide-y divide-border",
+								children: [
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pb-2",
+										children: "New Orders"
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Email Notification",
+										description: "Receive email for new orders",
+										checked: j.newOrderEmail,
+										onChange: B("newOrderEmail")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "SMS Notification",
+										description: "Receive SMS for new orders",
+										checked: j.newOrderSms,
+										onChange: B("newOrderSms")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Push Notification",
+										description: "Receive push notifications for new orders",
+										checked: j.newOrderPush,
+										onChange: B("newOrderPush")
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-4 pb-2",
+										children: "Order Updates"
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Email Updates",
+										description: "Get email when order status changes",
+										checked: j.orderUpdateEmail,
+										onChange: B("orderUpdateEmail")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Push Updates",
+										description: "Get push notifications for order updates",
+										checked: j.orderUpdatePush,
+										onChange: B("orderUpdatePush")
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-4 pb-2",
+										children: "Reports & Alerts"
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Daily Summary",
+										description: "Receive daily business summary email",
+										checked: j.dailySummaryEmail,
+										onChange: B("dailySummaryEmail")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Weekly Summary",
+										description: "Receive weekly performance report",
+										checked: j.weeklySummaryEmail,
+										onChange: B("weeklySummaryEmail")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Low Stock Alert",
+										description: "Get alerted when items are low on stock",
+										checked: j.lowStockAlert,
+										onChange: B("lowStockAlert")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Review Notifications",
+										description: "Get notified for new customer reviews",
+										checked: j.reviewNotification,
+										onChange: B("reviewNotification")
+									}),
+									/* @__PURE__ */ h(b, {
+										label: "Marketing Emails",
+										description: "Receive tips and promotional content",
+										checked: j.marketingEmails,
+										onChange: B("marketingEmails")
+									})
+								]
+							}),
+							s === "integration" && /* @__PURE__ */ g("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground",
+										children: "Payment Gateway"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+											className: "block text-sm font-medium text-foreground mb-1.5",
+											children: "Provider"
+										}), /* @__PURE__ */ g("select", {
+											value: N.paymentGateway,
+											onChange: (e) => V("paymentGateway")(e.target.value),
+											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+											children: [
+												/* @__PURE__ */ h("option", {
+													value: "razorpay",
+													children: "Razorpay"
+												}),
+												/* @__PURE__ */ h("option", {
+													value: "paytm",
+													children: "Paytm"
+												}),
+												/* @__PURE__ */ h("option", {
+													value: "stripe",
+													children: "Stripe"
+												}),
+												/* @__PURE__ */ h("option", {
+													value: "phonepe",
+													children: "PhonePe"
+												})
+											]
+										})] }), /* @__PURE__ */ h(y, {
+											label: "API Key",
+											value: N.paymentGatewayKey,
+											onChange: V("paymentGatewayKey"),
+											placeholder: "Enter API key",
+											hint: "Keep this secret"
+										})]
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-2",
+										children: "SMS Provider"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+										children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+											className: "block text-sm font-medium text-foreground mb-1.5",
+											children: "Provider"
+										}), /* @__PURE__ */ g("select", {
+											value: N.smsProvider,
+											onChange: (e) => V("smsProvider")(e.target.value),
+											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+											children: [
+												/* @__PURE__ */ h("option", {
+													value: "twilio",
+													children: "Twilio"
+												}),
+												/* @__PURE__ */ h("option", {
+													value: "msg91",
+													children: "MSG91"
+												}),
+												/* @__PURE__ */ h("option", {
+													value: "textlocal",
+													children: "Textlocal"
+												})
+											]
+										})] }), /* @__PURE__ */ h(y, {
+											label: "SMS API Key",
+											value: N.smsApiKey,
+											onChange: V("smsApiKey"),
+											placeholder: "Enter SMS API key"
+										})]
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-sm font-semibold text-foreground pt-2",
+										children: "Analytics"
+									}),
+									/* @__PURE__ */ h(y, {
+										label: "Google Analytics ID",
+										value: N.analyticsId,
+										onChange: V("analyticsId"),
+										placeholder: "GA-XXXXXXXXX"
+									})
+								]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex justify-end mt-8 pt-6 border-t border-border",
+								children: /* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: F,
+									disabled: l,
+									className: t("inline-flex items-center gap-2 rounded-md px-6 py-2 text-sm font-medium transition-colors", f ? "bg-green-500/10 text-green-600 dark:text-green-400" : l ? "bg-muted text-muted-foreground cursor-not-allowed" : "bg-accent text-foreground hover:bg-accent/80"),
+									children: l ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : f ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, { className: "h-4 w-4" }), "Saved!"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Save Settings"] })
+								})
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { x as BusinessSettingsPage };
+
+//# sourceMappingURL=BusinessSettingsPage.js.map