@burdenoff/microfe-movethewheels 2026.1101.4 → 2026.1102.1

package/dist/pages/SettingsPage.js

@@ -9,14 +9,15 @@ import { Save as te } from "../node_modules/lucide-react/dist/esm/icons/save.js"
 import { Settings as o } from "../node_modules/lucide-react/dist/esm/icons/settings.js";
 import { joinPath as s } from "../utils/navigation.js";
 import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { formatCurrency as ne, formatDateTime as l, formatDistance as re, formatWeight as ie } from "../utils/formatters.js";
-import { DISTANCE_UNIT_OPTIONS as u, ORDER_PRIORITY_OPTIONS as d, WEIGHT_UNIT_OPTIONS as f, browserTimeZone as ae, changedSettings as oe, currencyLabel as se, currencyOptions as ce, deliveryWindowError as le, timeZoneOptions as ue } from "../utils/moduleSettings.js";
-import { useModuleSettings as de } from "../providers/ModuleSettingsProvider.js";
-import { Badge as fe, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Input as y, Label as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "../components/ui.js";
+import { formatCurrency as ne, formatDateTime as l, formatDistance as re, formatWeight as u } from "../utils/formatters.js";
+import { DISTANCE_UNIT_OPTIONS as d, ORDER_PRIORITY_OPTIONS as f, WEIGHT_UNIT_OPTIONS as p, browserTimeZone as ie, changedSettings as ae, currencyLabel as oe, currencyOptions as se, deliveryWindowError as ce, timeZoneOptions as le } from "../utils/moduleSettings.js";
+import { useModuleSettings as ue } from "../providers/ModuleSettingsProvider.js";
+import { Badge as de, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Input as fe, Label as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "../components/ui.js";
 import { PageLayout as pe } from "../components/PageLayout.js";
 import { FormError as D } from "../components/FormError.js";
 import { Notice as me, useNotice as he } from "../components/Notice.js";
-import { useEffect as O, useMemo as k, useState as A } from "react";
+import { CustomerNotificationSettingsCard as O } from "../components/CustomerNotificationSettingsCard.js";
+import { useEffect as ge, useMemo as k, useState as A } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
 import { PermissionProvider as F, usePermissions as I } from "@burdenoff/fe-libs/shared/providers/shell";
@@ -32,7 +33,7 @@ function R(e) {
 		defaultDeliveryWindowHours: String(e.defaultDeliveryWindowHours)
 	};
 }
-var ge = [
+var _e = [
 	{
 		id: "company",
 		title: "Company profile",
@@ -71,11 +72,11 @@ function z() {
 	});
 }
 function B() {
-	let { navigate: e, basePath: t, workspaceId: r, currentUser: F } = c(), { settings: z, isLoaded: B, error: V, save: _e, reload: ve } = de(), H = I(), [U, W] = A(() => R(z)), [G, K] = A(!1), [ye, q] = A(null), { message: be, notify: xe } = he();
-	O(() => {
+	let { navigate: e, basePath: t, workspaceId: r, currentUser: F } = c(), { settings: z, isLoaded: B, error: V, save: ve, reload: ye } = ue(), H = I(), [U, W] = A(() => R(z)), [G, K] = A(!1), [be, q] = A(null), { message: xe, notify: Se } = he();
+	ge(() => {
 		W(R(z));
 	}, [z]);
-	let J = !!(r && F?.id && H.scopeId === r && !H.isLoading && !H.error) && !H.isSuperAdmin && !H.hasPermission("mtw-settings:update"), Y = le(U.defaultDeliveryWindowHours), X = k(() => oe(z, {
+	let J = !!(r && F?.id && H.scopeId === r && !H.isLoading && !H.error) && !H.isSuperAdmin && !H.hasPermission("mtw-settings:update"), Y = ce(U.defaultDeliveryWindowHours), X = k(() => ae(z, {
 		defaultCurrency: U.defaultCurrency,
 		distanceUnit: U.distanceUnit,
 		weightUnit: U.weightUnit,
@@ -86,26 +87,26 @@ function B() {
 		z,
 		U,
 		Y
-	]), Z = Object.keys(X).length > 0, Q = B && !J && !G && Z && !Y, Se = k(() => ce(U.defaultCurrency), [U.defaultCurrency]), Ce = k(() => ue(z.timezone), [z.timezone]), we = k(() => ae(), []), $ = (e, t) => {
+	]), Z = Object.keys(X).length > 0, Q = B && !J && !G && Z && !Y, Ce = k(() => se(U.defaultCurrency), [U.defaultCurrency]), we = k(() => le(z.timezone), [z.timezone]), Te = k(() => ie(), []), $ = (e, t) => {
 		q(null), W((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Te = async (e) => {
+	}, Ee = async (e) => {
 		if (e.preventDefault(), Q) {
 			K(!0), q(null);
 			try {
-				await _e(X), xe("Settings saved. MoveTheWheels now uses these defaults everywhere.");
+				await ve(X), Se("Settings saved. MoveTheWheels now uses these defaults everywhere.");
 			} catch (e) {
 				q(e instanceof Error ? e.message : "Could not save the settings");
 			} finally {
 				K(!1);
 			}
 		}
-	}, Ee = /* @__PURE__ */ new Date("2026-03-14T15:30:00Z");
+	}, De = /* @__PURE__ */ new Date("2026-03-14T15:30:00Z");
 	return /* @__PURE__ */ M(pe, {
 		title: "Settings",
-		subtitle: "Workspace defaults for currency, units, time zone and new orders",
+		subtitle: "Workspace defaults, new-order defaults and customer delivery notifications",
 		icon: /* @__PURE__ */ j(o, { size: 24 }),
 		maxWidth: "xl",
 		children: [
@@ -114,252 +115,255 @@ function B() {
 				children: "Set how MoveTheWheels shows money, distances, weights and times for everyone in this workspace, and what new orders start with. Changes apply to every MoveTheWheels screen as soon as you save."
 			}),
 			V && /* @__PURE__ */ j(D, { message: `Could not load this workspace's settings (${V.message}). Showing the platform defaults.` }),
-			/* @__PURE__ */ j(me, { message: be }),
+			/* @__PURE__ */ j(me, { message: xe }),
 			/* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
-				children: [/* @__PURE__ */ M(N, {
-					className: "space-y-6 xl:col-span-2",
-					children: [/* @__PURE__ */ M("div", {
-						className: "flex flex-wrap items-center justify-between gap-3",
-						children: [/* @__PURE__ */ j("h2", {
-							className: "text-base font-semibold text-text-primary",
-							children: "Operational defaults"
-						}), B && /* @__PURE__ */ j(fe, {
-							variant: z.isCustomized ? "default" : "outline",
-							children: z.isCustomized ? "Customized for this workspace" : "Platform defaults"
-						})]
-					}), B ? /* @__PURE__ */ M("form", {
+				children: [/* @__PURE__ */ M("div", {
+					className: "min-w-0 space-y-6 xl:col-span-2",
+					children: [/* @__PURE__ */ M(N, {
 						className: "space-y-6",
-						onSubmit: (e) => void Te(e),
-						"aria-label": "MoveTheWheels settings",
-						children: [
-							J && /* @__PURE__ */ j("p", {
-								className: "rounded-lg border border-border-default bg-surface-secondary px-4 py-3 text-sm text-text-secondary",
-								children: "You can view these settings. Ask a workspace admin or the Logistics Director to change them."
-							}),
-							/* @__PURE__ */ M("fieldset", {
-								className: "space-y-4",
-								disabled: J || G,
-								children: [/* @__PURE__ */ j("legend", {
-									className: "text-sm font-semibold text-text-primary",
-									children: "Display"
-								}), /* @__PURE__ */ M("div", {
-									className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-									children: [
-										/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ M("div", {
+							className: "flex flex-wrap items-center justify-between gap-3",
+							children: [/* @__PURE__ */ j("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Operational defaults"
+							}), B && /* @__PURE__ */ j(de, {
+								variant: z.isCustomized ? "default" : "outline",
+								children: z.isCustomized ? "Customized for this workspace" : "Platform defaults"
+							})]
+						}), B ? /* @__PURE__ */ M("form", {
+							className: "space-y-6",
+							onSubmit: (e) => void Ee(e),
+							"aria-label": "MoveTheWheels settings",
+							children: [
+								J && /* @__PURE__ */ j("p", {
+									className: "rounded-lg border border-border-default bg-surface-secondary px-4 py-3 text-sm text-text-secondary",
+									children: "You can view these settings. Ask a workspace admin or the Logistics Director to change them."
+								}),
+								/* @__PURE__ */ M("fieldset", {
+									className: "space-y-4",
+									disabled: J || G,
+									children: [/* @__PURE__ */ j("legend", {
+										className: "text-sm font-semibold text-text-primary",
+										children: "Display"
+									}), /* @__PURE__ */ M("div", {
+										className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+										children: [
+											/* @__PURE__ */ M("div", {
+												className: "min-w-0 space-y-2",
+												children: [
+													/* @__PURE__ */ j(b, {
+														htmlFor: "mtw-settings-currency",
+														children: "Default currency"
+													}),
+													/* @__PURE__ */ M(x, {
+														value: U.defaultCurrency,
+														onValueChange: (e) => $("defaultCurrency", e),
+														disabled: J || G,
+														children: [/* @__PURE__ */ j(w, {
+															id: "mtw-settings-currency",
+															"aria-label": "Default currency",
+															children: /* @__PURE__ */ j(T, {})
+														}), /* @__PURE__ */ j(S, {
+															className: "max-h-72",
+															children: Ce.map((e) => /* @__PURE__ */ j(C, {
+																value: e,
+																children: oe(e)
+															}, e))
+														})]
+													}),
+													/* @__PURE__ */ j("p", {
+														className: "text-xs text-text-secondary",
+														children: "Used for order totals, revenue and costs that have no currency of their own."
+													})
+												]
+											}),
+											/* @__PURE__ */ M("div", {
+												className: "min-w-0 space-y-2",
+												children: [
+													/* @__PURE__ */ j(b, {
+														htmlFor: "mtw-settings-timezone",
+														children: "Time zone"
+													}),
+													/* @__PURE__ */ M(x, {
+														value: U.timezone,
+														onValueChange: (e) => $("timezone", e),
+														disabled: J || G,
+														children: [/* @__PURE__ */ j(w, {
+															id: "mtw-settings-timezone",
+															"aria-label": "Time zone",
+															children: /* @__PURE__ */ j(T, {})
+														}), /* @__PURE__ */ M(S, {
+															className: "max-h-72",
+															children: [/* @__PURE__ */ j(C, {
+																value: L,
+																children: `Each viewer's local time (yours: ${Te})`
+															}), we.map((e) => /* @__PURE__ */ j(C, {
+																value: e,
+																children: e.replace(/_/g, " ")
+															}, e))]
+														})]
+													}),
+													/* @__PURE__ */ j("p", {
+														className: "text-xs text-text-secondary",
+														children: "Dates and times on every MoveTheWheels screen are shown in this zone."
+													})
+												]
+											}),
+											/* @__PURE__ */ M("div", {
+												className: "min-w-0 space-y-2",
+												children: [/* @__PURE__ */ j(b, {
+													htmlFor: "mtw-settings-distance",
+													children: "Distance unit"
+												}), /* @__PURE__ */ M(x, {
+													value: U.distanceUnit,
+													onValueChange: (e) => {
+														let t = d.find((t) => t.value === e);
+														t && $("distanceUnit", t.value);
+													},
+													disabled: J || G,
+													children: [/* @__PURE__ */ j(w, {
+														id: "mtw-settings-distance",
+														"aria-label": "Distance unit",
+														children: /* @__PURE__ */ j(T, {})
+													}), /* @__PURE__ */ j(S, { children: d.map((e) => /* @__PURE__ */ j(C, {
+														value: e.value,
+														children: e.label
+													}, e.value)) })]
+												})]
+											}),
+											/* @__PURE__ */ M("div", {
+												className: "min-w-0 space-y-2",
+												children: [/* @__PURE__ */ j(b, {
+													htmlFor: "mtw-settings-weight",
+													children: "Weight unit"
+												}), /* @__PURE__ */ M(x, {
+													value: U.weightUnit,
+													onValueChange: (e) => {
+														let t = p.find((t) => t.value === e);
+														t && $("weightUnit", t.value);
+													},
+													disabled: J || G,
+													children: [/* @__PURE__ */ j(w, {
+														id: "mtw-settings-weight",
+														"aria-label": "Weight unit",
+														children: /* @__PURE__ */ j(T, {})
+													}), /* @__PURE__ */ j(S, { children: p.map((e) => /* @__PURE__ */ j(C, {
+														value: e.value,
+														children: e.label
+													}, e.value)) })]
+												})]
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ M("fieldset", {
+									className: "space-y-4",
+									disabled: J || G,
+									children: [/* @__PURE__ */ j("legend", {
+										className: "text-sm font-semibold text-text-primary",
+										children: "New orders"
+									}), /* @__PURE__ */ M("div", {
+										className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+										children: [/* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
 											children: [
 												/* @__PURE__ */ j(b, {
-													htmlFor: "mtw-settings-currency",
-													children: "Default currency"
+													htmlFor: "mtw-settings-priority",
+													children: "Default priority"
 												}),
 												/* @__PURE__ */ M(x, {
-													value: U.defaultCurrency,
-													onValueChange: (e) => $("defaultCurrency", e),
+													value: U.defaultOrderPriority,
+													onValueChange: (e) => {
+														let t = f.find((t) => t.value === e);
+														t && $("defaultOrderPriority", t.value);
+													},
 													disabled: J || G,
 													children: [/* @__PURE__ */ j(w, {
-														id: "mtw-settings-currency",
-														"aria-label": "Default currency",
+														id: "mtw-settings-priority",
+														"aria-label": "Default priority",
 														children: /* @__PURE__ */ j(T, {})
-													}), /* @__PURE__ */ j(S, {
-														className: "max-h-72",
-														children: Se.map((e) => /* @__PURE__ */ j(C, {
-															value: e,
-															children: se(e)
-														}, e))
-													})]
+													}), /* @__PURE__ */ j(S, { children: f.map((e) => /* @__PURE__ */ j(C, {
+														value: e.value,
+														children: e.label
+													}, e.value)) })]
 												}),
 												/* @__PURE__ */ j("p", {
 													className: "text-xs text-text-secondary",
-													children: "Used for order totals, revenue and costs that have no currency of their own."
+													children: "New orders start with this priority."
 												})
 											]
-										}),
-										/* @__PURE__ */ M("div", {
+										}), /* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
 											children: [
 												/* @__PURE__ */ j(b, {
-													htmlFor: "mtw-settings-timezone",
-													children: "Time zone"
+													htmlFor: "mtw-settings-window",
+													children: "Default delivery window (hours)"
 												}),
-												/* @__PURE__ */ M(x, {
-													value: U.timezone,
-													onValueChange: (e) => $("timezone", e),
-													disabled: J || G,
-													children: [/* @__PURE__ */ j(w, {
-														id: "mtw-settings-timezone",
-														"aria-label": "Time zone",
-														children: /* @__PURE__ */ j(T, {})
-													}), /* @__PURE__ */ M(S, {
-														className: "max-h-72",
-														children: [/* @__PURE__ */ j(C, {
-															value: L,
-															children: `Each viewer's local time (yours: ${we})`
-														}), Ce.map((e) => /* @__PURE__ */ j(C, {
-															value: e,
-															children: e.replace(/_/g, " ")
-														}, e))]
-													})]
+												/* @__PURE__ */ j(fe, {
+													id: "mtw-settings-window",
+													type: "number",
+													inputMode: "numeric",
+													min: 1,
+													max: 720,
+													step: 1,
+													value: U.defaultDeliveryWindowHours,
+													"aria-invalid": Y ? !0 : void 0,
+													"aria-describedby": "mtw-settings-window-help",
+													onChange: (e) => $("defaultDeliveryWindowHours", e.target.value)
 												}),
 												/* @__PURE__ */ j("p", {
-													className: "text-xs text-text-secondary",
-													children: "Dates and times on every MoveTheWheels screen are shown in this zone."
+													id: "mtw-settings-window-help",
+													className: Y ? "text-xs text-status-error-text" : "text-xs text-text-secondary",
+													children: Y ?? "The order form suggests a scheduled delivery this many hours ahead."
 												})
 											]
-										}),
-										/* @__PURE__ */ M("div", {
-											className: "min-w-0 space-y-2",
-											children: [/* @__PURE__ */ j(b, {
-												htmlFor: "mtw-settings-distance",
-												children: "Distance unit"
-											}), /* @__PURE__ */ M(x, {
-												value: U.distanceUnit,
-												onValueChange: (e) => {
-													let t = u.find((t) => t.value === e);
-													t && $("distanceUnit", t.value);
-												},
-												disabled: J || G,
-												children: [/* @__PURE__ */ j(w, {
-													id: "mtw-settings-distance",
-													"aria-label": "Distance unit",
-													children: /* @__PURE__ */ j(T, {})
-												}), /* @__PURE__ */ j(S, { children: u.map((e) => /* @__PURE__ */ j(C, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											})]
-										}),
-										/* @__PURE__ */ M("div", {
-											className: "min-w-0 space-y-2",
-											children: [/* @__PURE__ */ j(b, {
-												htmlFor: "mtw-settings-weight",
-												children: "Weight unit"
-											}), /* @__PURE__ */ M(x, {
-												value: U.weightUnit,
-												onValueChange: (e) => {
-													let t = f.find((t) => t.value === e);
-													t && $("weightUnit", t.value);
-												},
-												disabled: J || G,
-												children: [/* @__PURE__ */ j(w, {
-													id: "mtw-settings-weight",
-													"aria-label": "Weight unit",
-													children: /* @__PURE__ */ j(T, {})
-												}), /* @__PURE__ */ j(S, { children: f.map((e) => /* @__PURE__ */ j(C, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											})]
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ M("fieldset", {
-								className: "space-y-4",
-								disabled: J || G,
-								children: [/* @__PURE__ */ j("legend", {
-									className: "text-sm font-semibold text-text-primary",
-									children: "New orders"
-								}), /* @__PURE__ */ M("div", {
-									className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-									children: [/* @__PURE__ */ M("div", {
-										className: "min-w-0 space-y-2",
-										children: [
-											/* @__PURE__ */ j(b, {
-												htmlFor: "mtw-settings-priority",
-												children: "Default priority"
-											}),
-											/* @__PURE__ */ M(x, {
-												value: U.defaultOrderPriority,
-												onValueChange: (e) => {
-													let t = d.find((t) => t.value === e);
-													t && $("defaultOrderPriority", t.value);
-												},
-												disabled: J || G,
-												children: [/* @__PURE__ */ j(w, {
-													id: "mtw-settings-priority",
-													"aria-label": "Default priority",
-													children: /* @__PURE__ */ j(T, {})
-												}), /* @__PURE__ */ j(S, { children: d.map((e) => /* @__PURE__ */ j(C, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											}),
-											/* @__PURE__ */ j("p", {
-												className: "text-xs text-text-secondary",
-												children: "New orders start with this priority."
-											})
-										]
-									}), /* @__PURE__ */ M("div", {
-										className: "min-w-0 space-y-2",
-										children: [
-											/* @__PURE__ */ j(b, {
-												htmlFor: "mtw-settings-window",
-												children: "Default delivery window (hours)"
-											}),
-											/* @__PURE__ */ j(y, {
-												id: "mtw-settings-window",
-												type: "number",
-												inputMode: "numeric",
-												min: 1,
-												max: 720,
-												step: 1,
-												value: U.defaultDeliveryWindowHours,
-												"aria-invalid": Y ? !0 : void 0,
-												"aria-describedby": "mtw-settings-window-help",
-												onChange: (e) => $("defaultDeliveryWindowHours", e.target.value)
-											}),
-											/* @__PURE__ */ j("p", {
-												id: "mtw-settings-window-help",
-												className: Y ? "text-xs text-status-error-text" : "text-xs text-text-secondary",
-												children: Y ?? "The order form suggests a scheduled delivery this many hours ahead."
-											})
-										]
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ j(D, { message: ye }),
-							/* @__PURE__ */ M("div", {
-								className: "flex flex-wrap items-center justify-end gap-3",
-								children: [/* @__PURE__ */ M(p, {
-									type: "button",
-									variant: "outline",
-									disabled: !Z || G,
-									onClick: () => {
-										q(null), W(R(z));
-									},
-									children: [/* @__PURE__ */ j(ee, {
-										size: 16,
-										className: "mr-2"
-									}), " Discard changes"]
-								}), /* @__PURE__ */ M(p, {
-									type: "submit",
-									disabled: !Q,
-									children: [G ? /* @__PURE__ */ j(i, {
-										size: 16,
-										className: "mr-2 animate-spin"
-									}) : /* @__PURE__ */ j(te, {
-										size: 16,
-										className: "mr-2"
-									}), "Save settings"]
-								})]
-							})
-						]
-					}) : /* @__PURE__ */ M("div", {
-						className: "space-y-4",
-						"aria-busy": "true",
-						children: [
-							/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
-							/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
-							/* @__PURE__ */ j(E, { className: "h-10 w-full" })
-						]
-					})]
+								}),
+								/* @__PURE__ */ j(D, { message: be }),
+								/* @__PURE__ */ M("div", {
+									className: "flex flex-wrap items-center justify-end gap-3",
+									children: [/* @__PURE__ */ M(m, {
+										type: "button",
+										variant: "outline",
+										disabled: !Z || G,
+										onClick: () => {
+											q(null), W(R(z));
+										},
+										children: [/* @__PURE__ */ j(ee, {
+											size: 16,
+											className: "mr-2"
+										}), " Discard changes"]
+									}), /* @__PURE__ */ M(m, {
+										type: "submit",
+										disabled: !Q,
+										children: [G ? /* @__PURE__ */ j(i, {
+											size: 16,
+											className: "mr-2 animate-spin"
+										}) : /* @__PURE__ */ j(te, {
+											size: 16,
+											className: "mr-2"
+										}), "Save settings"]
+									})]
+								})
+							]
+						}) : /* @__PURE__ */ M("div", {
+							className: "space-y-4",
+							"aria-busy": "true",
+							children: [
+								/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
+								/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
+								/* @__PURE__ */ j(E, { className: "h-10 w-full" })
+							]
+						})]
+					}), /* @__PURE__ */ j(O, { readOnly: J }, r ?? "none")]
 				}), /* @__PURE__ */ M("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ M(m, { children: [/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(v, {
+					children: [/* @__PURE__ */ M(h, { children: [/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j(y, {
 						className: "text-base",
 						children: "How it looks now"
-					}), /* @__PURE__ */ j(g, { children: "Examples using the saved settings." })] }), /* @__PURE__ */ M(h, { children: [
+					}), /* @__PURE__ */ j(_, { children: "Examples using the saved settings." })] }), /* @__PURE__ */ M(g, { children: [
 						/* @__PURE__ */ M("dl", {
 							className: "space-y-2 text-sm",
 							"data-testid": "mtw-settings-preview",
@@ -391,7 +395,7 @@ function B() {
 										children: "Weight"
 									}), /* @__PURE__ */ j("dd", {
 										className: "font-medium text-text-primary",
-										children: ie(750)
+										children: u(750)
 									})]
 								}),
 								/* @__PURE__ */ M("div", {
@@ -401,7 +405,7 @@ function B() {
 										children: "Date and time"
 									}), /* @__PURE__ */ j("dd", {
 										className: "text-right font-medium text-text-primary",
-										children: l(Ee)
+										children: l(De)
 									})]
 								})
 							]
@@ -410,17 +414,17 @@ function B() {
 							className: "mt-4 text-xs text-text-secondary",
 							children: ["Last saved ", l(z.updatedAt)]
 						}),
-						V && /* @__PURE__ */ j(p, {
+						V && /* @__PURE__ */ j(m, {
 							variant: "outline",
 							size: "sm",
 							className: "mt-4",
-							onClick: ve,
+							onClick: ye,
 							children: "Try loading again"
 						})
-					] })] }), /* @__PURE__ */ M(m, { children: [/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(v, {
+					] })] }), /* @__PURE__ */ M(h, { children: [/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j(y, {
 						className: "text-base",
 						children: "Other settings"
-					}), /* @__PURE__ */ j(g, { children: "These are managed by the platform for every product." })] }), /* @__PURE__ */ M(h, {
+					}), /* @__PURE__ */ j(_, { children: "These are managed by the platform for every product." })] }), /* @__PURE__ */ M(g, {
 						className: "space-y-2",
 						children: [/* @__PURE__ */ M("button", {
 							type: "button",
@@ -439,7 +443,7 @@ function B() {
 									children: "Carrier, ELD and GPS feeds that update shipments automatically"
 								})]
 							})]
-						}), ge.map((t) => {
+						}), _e.map((t) => {
 							let r = t.icon;
 							return /* @__PURE__ */ M("button", {
 								type: "button",