@burdenoff/microfe-kadaikodi 2026.719.2 → 2026.719.4

package/dist/kadaikodi/pages/customer/SavedAddressesPage.js

@@ -1,14 +1,14 @@
-import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useState as i } from "react";
-import { Briefcase as a, CheckCircle2 as o, Home as s, MapPin as c, Pencil as l, Plus as u, Star as d, Trash2 as f, X as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EmphasisPanel as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { cn as e } from "../../utils/cn.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { useAddAddress as r, useDeleteAddress as i, useMyAddresses as a, useSetDefaultAddress as o, useUpdateAddress as s } from "../../hooks/useKadaikodiApi.js";
+import { useState as c } from "react";
+import { Briefcase as l, CheckCircle2 as u, Home as d, Loader2 as f, MapPin as p, Pencil as m, Plus as h, Star as g, Trash2 as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/SavedAddressesPage.tsx
-var v = {
-	type: "home",
+var C = {
+	type: "HOME",
 	nickname: "",
 	addressLine1: "",
 	addressLine2: "",
@@ -16,49 +16,63 @@ var v = {
 	state: "",
 	zipCode: "",
 	isDefault: !1
-}, y = {
-	home: s,
-	office: a,
-	other: c
-}, b = {
-	home: "bg-status-success-bg-subtle text-status-success-text",
-	office: "bg-[var(--color-accent-soft)] text-text-primary",
-	other: "bg-accent-purple-subtle text-text-primary"
+}, w = (e) => ({
+	id: e.id,
+	type: e.type,
+	nickname: e.nickname ?? "",
+	addressLine1: e.addressLine1,
+	addressLine2: e.addressLine2 ?? "",
+	city: e.city,
+	state: e.state,
+	zipCode: e.zipCode,
+	isDefault: e.isDefault
+}), T = {
+	HOME: d,
+	OFFICE: l,
+	OTHER: p
+}, E = {
+	HOME: "bg-status-success-bg-subtle text-status-success-text",
+	OFFICE: "bg-[var(--color-accent-soft)] text-text-primary",
+	OTHER: "bg-accent-purple-subtle text-text-primary"
+}, D = {
+	HOME: "Home",
+	OFFICE: "Office",
+	OTHER: "Other"
 };
-function x({ data: e, onChange: t, onSubmit: n, onCancel: r, submitLabel: i }) {
-	return /* @__PURE__ */ h("div", {
+function O({ data: e, onChange: t, onSubmit: n, onCancel: r, submitLabel: i }) {
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 					className: "block text-sm font-medium text-text-primary mb-1.5",
-					children: ["Address Type ", /* @__PURE__ */ m("span", {
+					children: ["Address Type ", /* @__PURE__ */ y("span", {
 						className: "text-status-error-text",
 						children: "*"
 					})]
-				}), /* @__PURE__ */ h("select", {
+				}), /* @__PURE__ */ b("select", {
 					value: e.type,
 					onChange: (e) => t("type", e.target.value),
 					className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 					children: [
-						/* @__PURE__ */ m("option", {
-							value: "home",
+						/* @__PURE__ */ y("option", {
+							value: "HOME",
 							children: "Home"
 						}),
-						/* @__PURE__ */ m("option", {
-							value: "office",
+						/* @__PURE__ */ y("option", {
+							value: "OFFICE",
 							children: "Office"
 						}),
-						/* @__PURE__ */ m("option", {
-							value: "other",
+						/* @__PURE__ */ y("option", {
+							value: "OTHER",
 							children: "Other"
 						})
 					]
-				})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+				})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 					className: "block text-sm font-medium text-text-primary mb-1.5",
 					children: "Nickname"
-				}), /* @__PURE__ */ m("input", {
+				}), /* @__PURE__ */ y("input", {
 					type: "text",
 					placeholder: "e.g., Home Sweet Home",
 					value: e.nickname,
@@ -66,65 +80,65 @@ function x({ data: e, onChange: t, onSubmit: n, onCancel: r, submitLabel: i }) {
 					className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 				})] })]
 			}),
-			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 				className: "block text-sm font-medium text-text-primary mb-1.5",
-				children: ["Address Line 1 ", /* @__PURE__ */ m("span", {
+				children: ["Address Line 1 ", /* @__PURE__ */ y("span", {
 					className: "text-status-error-text",
 					children: "*"
 				})]
-			}), /* @__PURE__ */ m("input", {
+			}), /* @__PURE__ */ y("input", {
 				type: "text",
 				placeholder: "House/Flat number, Street name",
 				value: e.addressLine1,
 				onChange: (e) => t("addressLine1", e.target.value),
 				className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 			})] }),
-			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 				className: "block text-sm font-medium text-text-primary mb-1.5",
 				children: "Address Line 2"
-			}), /* @__PURE__ */ m("input", {
+			}), /* @__PURE__ */ y("input", {
 				type: "text",
 				placeholder: "Area, Landmark",
 				value: e.addressLine2,
 				onChange: (e) => t("addressLine2", e.target.value),
 				className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 			})] }),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 						className: "block text-sm font-medium text-text-primary mb-1.5",
-						children: ["City ", /* @__PURE__ */ m("span", {
+						children: ["City ", /* @__PURE__ */ y("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ m("input", {
+					}), /* @__PURE__ */ y("input", {
 						type: "text",
 						placeholder: "City",
 						value: e.city,
 						onChange: (e) => t("city", e.target.value),
 						className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 					})] }),
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 						className: "block text-sm font-medium text-text-primary mb-1.5",
-						children: ["State ", /* @__PURE__ */ m("span", {
+						children: ["State ", /* @__PURE__ */ y("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ m("input", {
+					}), /* @__PURE__ */ y("input", {
 						type: "text",
 						placeholder: "State",
 						value: e.state,
 						onChange: (e) => t("state", e.target.value),
 						className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 					})] }),
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 						className: "block text-sm font-medium text-text-primary mb-1.5",
-						children: ["ZIP Code ", /* @__PURE__ */ m("span", {
+						children: ["ZIP Code ", /* @__PURE__ */ y("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ m("input", {
+					}), /* @__PURE__ */ y("input", {
 						type: "text",
 						placeholder: "560001",
 						value: e.zipCode,
@@ -133,26 +147,26 @@ function x({ data: e, onChange: t, onSubmit: n, onCancel: r, submitLabel: i }) {
 					})] })
 				]
 			}),
-			/* @__PURE__ */ h("label", {
+			/* @__PURE__ */ b("label", {
 				className: "flex items-center gap-2 cursor-pointer",
-				children: [/* @__PURE__ */ m("input", {
+				children: [/* @__PURE__ */ y("input", {
 					type: "checkbox",
 					checked: e.isDefault,
 					onChange: (e) => t("isDefault", e.target.checked),
 					className: "h-4 w-4 rounded border-border-subtle text-text-primary"
-				}), /* @__PURE__ */ m("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "text-sm text-text-secondary",
 					children: "Set as default address"
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center gap-3 pt-2",
-				children: [/* @__PURE__ */ m("button", {
+				children: [/* @__PURE__ */ y("button", {
 					type: "button",
 					onClick: n,
 					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 					children: i
-				}), /* @__PURE__ */ m("button", {
+				}), /* @__PURE__ */ y("button", {
 					type: "button",
 					onClick: r,
 					className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
@@ -162,213 +176,221 @@ function x({ data: e, onChange: t, onSubmit: n, onCancel: r, submitLabel: i }) {
 		]
 	});
 }
-function S() {
-	let { navigateTo: a } = e(), [s, S] = i([]), [C, w] = i(!1), [T, E] = i(null), [D, O] = i({ ...v }), [k, A] = i(null), j = (e) => {
-		A(e), setTimeout(() => A(null), 3e3);
-	}, M = (e) => !e.addressLine1.trim() || !e.city.trim() || !e.state.trim() || !e.zipCode.trim() ? (alert("Please fill in all required fields (Address Line 1, City, State, ZIP Code)."), !1) : !0, N = () => {
-		if (!M(D)) return;
-		let e = {
-			id: `addr-${Date.now()}`,
-			type: D.type,
-			nickname: D.nickname,
-			addressLine1: D.addressLine1,
-			addressLine2: D.addressLine2,
-			city: D.city,
-			state: D.state,
-			zipCode: D.zipCode,
-			isDefault: D.isDefault,
-			usageCount: 0
-		};
-		S((t) => {
-			let n = [...t];
-			return e.isDefault && (n = n.map((e) => ({
-				...e,
-				isDefault: !1
-			}))), [...n, e];
-		}), O({ ...v }), w(!1), j("Address added successfully");
-	}, P = () => {
-		T && M(T) && (S((e) => e.map((e) => e.id === T.id ? T : T.isDefault ? {
-			...e,
-			isDefault: !1
-		} : e)), E(null), j("Address updated successfully"));
-	}, F = (e) => {
-		if (s.find((t) => t.id === e)?.isDefault) {
+function k() {
+	let { data: l = [], isLoading: d } = a(), k = r(), A = s(), j = i(), M = o(), [N, P] = c(!1), [F, I] = c(null), [L, R] = c({ ...C }), [z, B] = c(null), V = (e) => {
+		B(e), setTimeout(() => B(null), 3e3);
+	}, H = (e) => !e.addressLine1.trim() || !e.city.trim() || !e.state.trim() || !e.zipCode.trim() ? (alert("Please fill in all required fields (Address Line 1, City, State, ZIP Code)."), !1) : !0, U = async () => {
+		if (H(L)) try {
+			await k.mutateAsync({ ...L }), R({ ...C }), P(!1), V("Address added successfully");
+		} catch {
+			alert("Failed to save address. Please try again.");
+		}
+	}, W = async () => {
+		if (!F || !H(F)) return;
+		let { id: e, ...t } = F;
+		try {
+			await A.mutateAsync({
+				id: e,
+				input: t
+			}), I(null), V("Address updated successfully");
+		} catch {
+			alert("Failed to update address. Please try again.");
+		}
+	}, G = async (e) => {
+		if (l.find((t) => t.id === e)?.isDefault) {
 			alert("Cannot delete default address. Set another address as default first.");
 			return;
 		}
-		S((t) => t.filter((t) => t.id !== e)), j("Address deleted successfully");
-	}, I = (e) => {
-		S((t) => t.map((t) => ({
-			...t,
-			isDefault: t.id === e
-		}))), j("Default address updated");
-	}, L = (e, t, n) => {
-		e((e) => ({
-			...e,
-			[t]: n
-		}));
+		try {
+			await j.mutateAsync(e), V("Address deleted successfully");
+		} catch {
+			alert("Failed to delete address. Please try again.");
+		}
+	}, K = async (e) => {
+		try {
+			await M.mutateAsync(e), V("Default address updated");
+		} catch {
+			alert("Failed to set default address. Please try again.");
+		}
 	};
-	return /* @__PURE__ */ h(n, {
+	return d ? /* @__PURE__ */ y(t, {
 		title: "Saved Addresses",
 		description: "Manage your delivery addresses for faster checkout",
-		actions: C ? void 0 : /* @__PURE__ */ h("button", {
+		children: /* @__PURE__ */ y("div", {
+			className: "flex h-40 items-center justify-center",
+			children: /* @__PURE__ */ y(f, { className: "h-6 w-6 animate-spin text-text-secondary" })
+		})
+	}) : /* @__PURE__ */ b(t, {
+		title: "Saved Addresses",
+		description: "Manage your delivery addresses for faster checkout",
+		actions: N ? void 0 : /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: () => w(!0),
-			className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-opacity", "bg-foreground text-background hover:opacity-90"),
-			children: [/* @__PURE__ */ m(u, { className: "h-4 w-4" }), "Add New Address"]
+			onClick: () => P(!0),
+			className: e("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-opacity", "bg-foreground text-background hover:opacity-90"),
+			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "Add New Address"]
 		}),
 		children: [
-			/* @__PURE__ */ m(_, {
+			/* @__PURE__ */ y(S, {
 				className: "mb-6",
 				children: "Save the places you order to most — home, work, a friend's flat — so checkout is one tap and your courier always knows exactly where to go. Set a default to make it the automatic pick at checkout."
 			}),
-			s.length > 0 && /* @__PURE__ */ m(g, {
+			l.length > 0 && /* @__PURE__ */ y(x, {
 				className: "mb-6",
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ m(c, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", { children: [
-						s.length,
+					children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", { children: [
+						l.length,
 						" saved ",
-						s.length === 1 ? "address" : "addresses",
-						s.some((e) => e.isDefault) ? ` · default set to ${s.find((e) => e.isDefault)?.nickname ?? "one address"}` : " · no default set yet"
+						l.length === 1 ? "address" : "addresses",
+						l.some((e) => e.isDefault) ? ` · default set to ${l.find((e) => e.isDefault)?.nickname || "one address"}` : " · no default set yet"
 					] })]
 				})
 			}),
-			k && /* @__PURE__ */ h("div", {
+			z && /* @__PURE__ */ b("div", {
 				className: "mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ m(o, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ m("p", {
+				children: [/* @__PURE__ */ y(u, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ y("p", {
 					className: "text-sm text-status-success-text",
-					children: k
+					children: z
 				})]
 			}),
-			C && /* @__PURE__ */ h("div", {
+			N && /* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-5 mb-6",
-				children: [/* @__PURE__ */ m("h3", {
+				children: [/* @__PURE__ */ y("h3", {
 					className: "text-base font-semibold text-text-primary mb-4",
 					children: "Add New Address"
-				}), /* @__PURE__ */ m(x, {
-					data: D,
-					onChange: (e, t) => L(O, e, t),
-					onSubmit: N,
+				}), /* @__PURE__ */ y(O, {
+					data: L,
+					onChange: (e, t) => {
+						R((n) => ({
+							...n,
+							[e]: t
+						}));
+					},
+					onSubmit: U,
 					onCancel: () => {
-						w(!1), O({ ...v });
+						P(!1), R({ ...C });
 					},
 					submitLabel: "Save Address"
 				})]
 			}),
-			s.length > 0 ? /* @__PURE__ */ m("div", {
+			l.length > 0 ? /* @__PURE__ */ y("div", {
 				className: "space-y-3",
-				children: s.map((e) => {
-					let n = y[e.type];
-					return /* @__PURE__ */ m("div", {
-						className: t("rounded-lg border bg-bg-surface p-4", e.isDefault ? "border-foreground/30" : "border-border-subtle"),
-						children: /* @__PURE__ */ h("div", {
+				children: l.map((t) => {
+					let n = T[t.type];
+					return /* @__PURE__ */ y("div", {
+						className: e("rounded-lg border bg-bg-surface p-4", t.isDefault ? "border-foreground/30" : "border-border-subtle"),
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-start gap-3 flex-1 min-w-0",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-									children: /* @__PURE__ */ m(n, { className: "h-5 w-5 text-text-secondary" })
-								}), /* @__PURE__ */ h("div", {
+									children: /* @__PURE__ */ y(n, { className: "h-5 w-5 text-text-secondary" })
+								}), /* @__PURE__ */ b("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ m("span", {
-												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", b[e.type]),
-												children: e.type
-											}), e.isDefault && /* @__PURE__ */ h("span", {
+											children: [/* @__PURE__ */ y("span", {
+												className: e("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", E[t.type]),
+												children: D[t.type]
+											}), t.isDefault && /* @__PURE__ */ b("span", {
 												className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-success-text",
-												children: [/* @__PURE__ */ m(o, { className: "h-3 w-3" }), "Default"]
+												children: [/* @__PURE__ */ y(u, { className: "h-3 w-3" }), "Default"]
 											})]
 										}),
-										e.nickname && /* @__PURE__ */ m("p", {
+										t.nickname && /* @__PURE__ */ y("p", {
 											className: "mt-1 text-sm font-semibold text-text-primary",
-											children: e.nickname
+											children: t.nickname
 										}),
-										/* @__PURE__ */ m("p", {
+										/* @__PURE__ */ y("p", {
 											className: "mt-0.5 text-sm text-text-primary",
-											children: e.addressLine1
+											children: t.addressLine1
 										}),
-										e.addressLine2 && /* @__PURE__ */ m("p", {
+										t.addressLine2 && /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: e.addressLine2
+											children: t.addressLine2
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ b("p", {
 											className: "text-sm text-text-secondary",
 											children: [
-												e.city,
+												t.city,
 												", ",
-												e.state,
+												t.state,
 												" - ",
-												e.zipCode
+												t.zipCode
 											]
 										})
 									]
 								})]
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "flex items-center gap-1 shrink-0",
 								children: [
-									!e.isDefault && /* @__PURE__ */ m("button", {
+									!t.isDefault && /* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => I(e.id),
+										onClick: () => K(t.id),
 										title: "Set as default",
 										className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-										children: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
 									}),
-									/* @__PURE__ */ m("button", {
+									/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => E({ ...e }),
+										onClick: () => I(w(t)),
 										title: "Edit address",
 										className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-										children: /* @__PURE__ */ m(l, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ y(m, { className: "h-4 w-4" })
 									}),
-									/* @__PURE__ */ m("button", {
+									/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => F(e.id),
+										onClick: () => G(t.id),
 										title: "Delete address",
 										className: "rounded-md p-2 text-text-secondary hover:bg-status-error-bg/10 hover:text-status-error-text transition-colors",
-										children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
 									})
 								]
 							})]
 						})
-					}, e.id);
+					}, t.id);
 				})
-			}) : /* @__PURE__ */ m(r, {
+			}) : /* @__PURE__ */ y(n, {
 				illustration: "empty-files",
-				icon: /* @__PURE__ */ m(c, { className: "h-12 w-12" }),
+				icon: /* @__PURE__ */ y(p, { className: "h-12 w-12" }),
 				title: "No saved addresses",
-				description: "Add a delivery address to get started. Address book sync is coming soon — for now, entries are kept for this session.",
-				action: /* @__PURE__ */ m("button", {
+				description: "Add a delivery address to get started — it's saved to your account for faster checkout next time.",
+				action: /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: () => w(!0),
+					onClick: () => P(!0),
 					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 					children: "Add Address"
 				})
 			}),
-			T && /* @__PURE__ */ m("div", {
+			F && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-lg",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "p-5",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ m("h3", {
+							children: [/* @__PURE__ */ y("h3", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Edit Address"
-							}), /* @__PURE__ */ m("button", {
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => E(null),
+								onClick: () => I(null),
 								className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-								children: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
 							})]
-						}), /* @__PURE__ */ m(x, {
-							data: T,
-							onChange: (e, t) => L(E, e, t),
-							onSubmit: P,
-							onCancel: () => E(null),
+						}), /* @__PURE__ */ y(O, {
+							data: F,
+							onChange: (e, t) => {
+								I((n) => n && {
+									...n,
+									[e]: t
+								});
+							},
+							onSubmit: W,
+							onCancel: () => I(null),
 							submitLabel: "Save Changes"
 						})]
 					})
@@ -378,6 +400,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as SavedAddressesPage };
+export { k as SavedAddressesPage };
 
 //# sourceMappingURL=SavedAddressesPage.js.map