@burdenoff/microfe-store 2026.801.1 → 2026.819.1

package/dist/pages/CreateSourcingRequestPage.js

@@ -0,0 +1,439 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useSourcingApi as t } from "../hooks/useSourcing.js";
+import { SourcingUnit as n } from "../generated/global-types.js";
+import { ContextRequiredPanel as r, SOURCING_UNITS as i, SourcingPageHeader as a, formatSourcingUnit as o, helpClassName as s, inputClassName as c, joinStorePath as l, labelClassName as u, primaryButtonClassName as d, secondaryButtonClassName as f, toErrorMessage as p } from "../components/sourcing/SourcingUi.js";
+import { useState as m } from "react";
+import { useNavigate as h } from "react-router";
+import { FilePlus2 as g, Loader2 as _, PackageSearch as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+//#region src/pages/CreateSourcingRequestPage.tsx
+var C = {
+	productName: "",
+	category: "",
+	summary: "",
+	quantity: "",
+	unit: n.Unit,
+	deliveryWindowStart: "",
+	deliveryWindowEnd: "",
+	deliveryCountry: "",
+	deliveryRegion: "",
+	deliveryCity: "",
+	targetUnitPrice: ""
+}, w = /^(?:0|[1-9]\d{0,15})(?:\.\d{1,2})?$/, T = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+function E(e) {
+	return e.trim().toLowerCase().replaceAll(/[_\s]+/g, "-").replaceAll(/-+/g, "-");
+}
+function D(e) {
+	let t = {}, n = e.productName.trim(), r = E(e.category), i = Number(e.quantity), a = new Date(e.deliveryWindowStart), o = new Date(e.deliveryWindowEnd);
+	return (n.length < 2 || n.length > 160) && (t.productName = "Enter a product name between 2 and 160 characters."), (r.length < 2 || r.length > 64 || !T.test(r)) && (t.category = "Use 2–64 lowercase letters, numbers, and single hyphens."), e.summary.trim().length > 1e3 && (t.summary = "Summary cannot exceed 1,000 characters."), (!Number.isSafeInteger(i) || i < 1 || i > 1e6) && (t.quantity = "Quantity must be a whole number from 1 to 1,000,000."), (!e.deliveryWindowStart || Number.isNaN(a.getTime())) && (t.deliveryWindowStart = "Choose a valid delivery window start."), (!e.deliveryWindowEnd || Number.isNaN(o.getTime()) || o <= a) && (t.deliveryWindowEnd = "Delivery window end must be after its start."), /^[A-Za-z]{2}$/.test(e.deliveryCountry.trim()) || (t.deliveryCountry = "Use a two-letter country code, such as IN or US."), e.deliveryRegion.trim().length > 120 && (t.deliveryRegion = "Region cannot exceed 120 characters."), e.deliveryCity.trim().length > 120 && (t.deliveryCity = "City cannot exceed 120 characters."), e.targetUnitPrice && (!w.test(e.targetUnitPrice.trim()) || Number(e.targetUnitPrice) <= 0) && (t.targetUnitPrice = "Enter a positive amount with no more than two decimal places."), t;
+}
+var O = () => {
+	let n = h(), { basePath: w } = e(), { createBuyerRequest: T, hasOrganizationContext: O } = t(), [k, A] = m(C), [j, M] = m({}), [N, P] = m(null), [F, I] = m(!1), L = l(w, "sourcing/requests"), R = (e) => (t) => {
+		let n = t.target.value;
+		A((t) => ({
+			...t,
+			[e]: n
+		})), M((t) => ({
+			...t,
+			[e]: void 0
+		}));
+	}, z = async (e) => {
+		if (e.preventDefault(), !O || F) return;
+		let t = D(k);
+		if (M(t), P(null), Object.keys(t).length > 0) return;
+		let r = (e) => e.trim() || void 0, i = {
+			productName: k.productName.trim(),
+			category: E(k.category),
+			summary: r(k.summary),
+			quantity: Number(k.quantity),
+			unit: k.unit,
+			deliveryWindowStart: new Date(k.deliveryWindowStart).toISOString(),
+			deliveryWindowEnd: new Date(k.deliveryWindowEnd).toISOString(),
+			deliveryCountry: k.deliveryCountry.trim().toUpperCase(),
+			deliveryRegion: r(k.deliveryRegion),
+			deliveryCity: r(k.deliveryCity),
+			targetUnitPrice: r(k.targetUnitPrice),
+			targetCurrency: k.targetUnitPrice.trim() ? "USD" : void 0
+		};
+		I(!0);
+		try {
+			n(l(w, `sourcing/requests/${(await T(i)).id}`), { replace: !0 });
+		} catch (e) {
+			P(p(e, "The sourcing request could not be created."));
+		} finally {
+			I(!1);
+		}
+	}, B = (e) => {
+		let t = j[e];
+		return t ? /* @__PURE__ */ y("p", {
+			id: `${e}-error`,
+			className: "mt-1 text-xs text-text-danger",
+			children: t
+		}) : null;
+	};
+	return /* @__PURE__ */ b("div", {
+		className: "min-h-full bg-surface-default",
+		children: [/* @__PURE__ */ y(a, {
+			title: "Create sourcing request",
+			description: "Share only the purchase details verified publishers need to prepare an offer.",
+			icon: /* @__PURE__ */ y(g, {
+				className: "size-5",
+				"aria-hidden": "true"
+			}),
+			onBack: () => n(L)
+		}), /* @__PURE__ */ b("main", {
+			className: "mx-auto max-w-4xl px-4 py-6 sm:px-6",
+			children: [/* @__PURE__ */ y(S, {
+				className: "mb-6",
+				children: "Your user and active organization own this request. Billing identity is resolved securely by Store; it is never entered in this form. Publishers see the product, quantity, destination, delivery window, and optional target price only."
+			}), O ? /* @__PURE__ */ y("form", {
+				onSubmit: (e) => void z(e),
+				noValidate: !0,
+				children: /* @__PURE__ */ b(x, {
+					className: "p-5 sm:p-6",
+					children: [
+						/* @__PURE__ */ b("section", {
+							"aria-labelledby": "request-product-heading",
+							children: [/* @__PURE__ */ b("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ y(v, {
+									className: "size-5 text-text-accent",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ y("h2", {
+									id: "request-product-heading",
+									className: "text-lg font-semibold text-text-primary",
+									children: "Product needed"
+								})]
+							}), /* @__PURE__ */ b("div", {
+								className: "mt-5 grid gap-5 sm:grid-cols-2",
+								children: [
+									/* @__PURE__ */ b("label", {
+										className: `${u} sm:col-span-2`,
+										children: [
+											"Product name",
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.productName,
+												onChange: R("productName"),
+												required: !0,
+												maxLength: 160,
+												autoComplete: "off",
+												"aria-invalid": !!j.productName,
+												"aria-describedby": j.productName ? "productName-error" : void 0,
+												placeholder: "Example: Organic basmati rice",
+												className: c
+											}),
+											B("productName")
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Category",
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.category,
+												onChange: R("category"),
+												onBlur: () => A((e) => ({
+													...e,
+													category: E(e.category)
+												})),
+												required: !0,
+												maxLength: 64,
+												autoComplete: "off",
+												"aria-invalid": !!j.category,
+												"aria-describedby": j.category ? "category-error" : "category-help",
+												placeholder: "food-grains",
+												className: c
+											}),
+											B("category"),
+											j.category ? null : /* @__PURE__ */ y("p", {
+												id: "category-help",
+												className: s,
+												children: "A short category slug; spaces are converted to hyphens."
+											})
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Quantity",
+											/* @__PURE__ */ y("input", {
+												type: "number",
+												value: k.quantity,
+												onChange: R("quantity"),
+												required: !0,
+												min: 1,
+												max: 1e6,
+												step: 1,
+												inputMode: "numeric",
+												"aria-invalid": !!j.quantity,
+												"aria-describedby": j.quantity ? "quantity-error" : void 0,
+												className: c
+											}),
+											B("quantity")
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: ["Unit", /* @__PURE__ */ y("select", {
+											value: k.unit,
+											onChange: R("unit"),
+											className: c,
+											children: i.map((e) => /* @__PURE__ */ y("option", {
+												value: e,
+												children: o(e)
+											}, e))
+										})]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: `${u} sm:col-span-2`,
+										children: [
+											"Summary ",
+											/* @__PURE__ */ y("span", {
+												className: "font-normal text-text-tertiary",
+												children: "(optional)"
+											}),
+											/* @__PURE__ */ y("textarea", {
+												value: k.summary,
+												onChange: R("summary"),
+												maxLength: 1e3,
+												rows: 4,
+												"aria-invalid": !!j.summary,
+												"aria-describedby": j.summary ? "summary-error" : "summary-help",
+												placeholder: "Add grade, packaging, certification, or other offer requirements.",
+												className: `${c} resize-y`
+											}),
+											B("summary"),
+											j.summary ? null : /* @__PURE__ */ b("p", {
+												id: "summary-help",
+												className: s,
+												children: [k.summary.length, "/1,000 characters"]
+											})
+										]
+									}),
+									/* @__PURE__ */ b("div", {
+										role: "note",
+										className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-4 text-sm text-status-warning-text sm:col-span-2",
+										children: [/* @__PURE__ */ y("p", {
+											className: "font-semibold",
+											children: "This summary is visible to eligible publishers."
+										}), /* @__PURE__ */ y("p", {
+											className: "mt-1 leading-6",
+											children: "Do not include personal or contact details, trust or compliance records, payment or billing information, credentials, private addresses, or other confidential data. Share only product and delivery requirements needed to prepare an offer."
+										})]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ b("section", {
+							"aria-labelledby": "request-delivery-heading",
+							className: "mt-8 border-t border-border-seam pt-6",
+							children: [/* @__PURE__ */ y("h2", {
+								id: "request-delivery-heading",
+								className: "text-lg font-semibold text-text-primary",
+								children: "Delivery"
+							}), /* @__PURE__ */ b("div", {
+								className: "mt-5 grid gap-5 sm:grid-cols-2",
+								children: [
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Window starts",
+											/* @__PURE__ */ y("input", {
+												type: "datetime-local",
+												value: k.deliveryWindowStart,
+												onChange: R("deliveryWindowStart"),
+												required: !0,
+												"aria-invalid": !!j.deliveryWindowStart,
+												"aria-describedby": j.deliveryWindowStart ? "deliveryWindowStart-error" : void 0,
+												className: c
+											}),
+											B("deliveryWindowStart")
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Window ends",
+											/* @__PURE__ */ y("input", {
+												type: "datetime-local",
+												value: k.deliveryWindowEnd,
+												onChange: R("deliveryWindowEnd"),
+												required: !0,
+												min: k.deliveryWindowStart || void 0,
+												"aria-invalid": !!j.deliveryWindowEnd,
+												"aria-describedby": j.deliveryWindowEnd ? "deliveryWindowEnd-error" : void 0,
+												className: c
+											}),
+											B("deliveryWindowEnd")
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Country code",
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.deliveryCountry,
+												onChange: R("deliveryCountry"),
+												required: !0,
+												minLength: 2,
+												maxLength: 2,
+												autoComplete: "country",
+												"aria-invalid": !!j.deliveryCountry,
+												"aria-describedby": j.deliveryCountry ? "deliveryCountry-error" : "deliveryCountry-help",
+												placeholder: "IN",
+												className: `${c} uppercase`
+											}),
+											B("deliveryCountry"),
+											j.deliveryCountry ? null : /* @__PURE__ */ y("p", {
+												id: "deliveryCountry-help",
+												className: s,
+												children: "ISO two-letter country code."
+											})
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Region or state",
+											" ",
+											/* @__PURE__ */ y("span", {
+												className: "font-normal text-text-tertiary",
+												children: "(optional)"
+											}),
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.deliveryRegion,
+												onChange: R("deliveryRegion"),
+												maxLength: 120,
+												autoComplete: "address-level1",
+												"aria-invalid": !!j.deliveryRegion,
+												"aria-describedby": j.deliveryRegion ? "deliveryRegion-error" : void 0,
+												className: c
+											}),
+											B("deliveryRegion")
+										]
+									}),
+									/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"City ",
+											/* @__PURE__ */ y("span", {
+												className: "font-normal text-text-tertiary",
+												children: "(optional)"
+											}),
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.deliveryCity,
+												onChange: R("deliveryCity"),
+												maxLength: 120,
+												autoComplete: "address-level2",
+												"aria-invalid": !!j.deliveryCity,
+												"aria-describedby": j.deliveryCity ? "deliveryCity-error" : void 0,
+												className: c
+											}),
+											B("deliveryCity")
+										]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ b("section", {
+							"aria-labelledby": "request-budget-heading",
+							className: "mt-8 border-t border-border-seam pt-6",
+							children: [
+								/* @__PURE__ */ b("h2", {
+									id: "request-budget-heading",
+									className: "text-lg font-semibold text-text-primary",
+									children: ["Target price ", /* @__PURE__ */ y("span", {
+										className: "font-normal text-text-tertiary",
+										children: "(optional)"
+									})]
+								}),
+								/* @__PURE__ */ y("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: "This is a target unit price, not an order total. Store calculates the accepted order total from the seller's persisted offer."
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "mt-5 grid gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ b("label", {
+										className: u,
+										children: [
+											"Target unit price",
+											/* @__PURE__ */ y("input", {
+												type: "text",
+												value: k.targetUnitPrice,
+												onChange: R("targetUnitPrice"),
+												inputMode: "decimal",
+												maxLength: 19,
+												"aria-invalid": !!j.targetUnitPrice,
+												"aria-describedby": j.targetUnitPrice ? "targetUnitPrice-error" : "targetUnitPrice-help",
+												placeholder: "125.50",
+												className: c
+											}),
+											B("targetUnitPrice"),
+											j.targetUnitPrice ? null : /* @__PURE__ */ y("p", {
+												id: "targetUnitPrice-help",
+												className: s,
+												children: "Positive amount with up to two decimal places."
+											})
+										]
+									}), /* @__PURE__ */ b("div", { children: [
+										/* @__PURE__ */ y("span", {
+											className: u,
+											children: "Settlement currency"
+										}),
+										/* @__PURE__ */ y("div", {
+											className: `${c} flex items-center bg-surface-muted font-semibold`,
+											children: "USD"
+										}),
+										/* @__PURE__ */ y("p", {
+											className: s,
+											children: "Store sourcing offers, orders, earnings, and payouts currently settle in USD."
+										})
+									] })]
+								})
+							]
+						}),
+						N ? /* @__PURE__ */ y("div", {
+							role: "alert",
+							className: "mt-6 rounded-lg border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
+							children: N
+						}) : null,
+						/* @__PURE__ */ b("div", {
+							className: "mt-7 flex flex-col-reverse gap-3 border-t border-border-seam pt-5 sm:flex-row sm:justify-end",
+							children: [/* @__PURE__ */ y("button", {
+								type: "button",
+								onClick: () => n(L),
+								disabled: F,
+								className: f,
+								children: "Cancel"
+							}), /* @__PURE__ */ b("button", {
+								type: "submit",
+								disabled: F,
+								className: d,
+								children: [F ? /* @__PURE__ */ y(_, {
+									className: "size-4 animate-spin",
+									"aria-hidden": "true"
+								}) : /* @__PURE__ */ y(g, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), F ? "Creating request…" : "Create request"]
+							})]
+						})
+					]
+				})
+			}) : /* @__PURE__ */ y(r, {
+				title: "Choose an organization before creating a request",
+				description: "Use the app context switcher to select a global organization with a billing account. You do not need to select or create a farm workspace."
+			})]
+		})]
+	});
+};
+//#endregion
+export { O as CreateSourcingRequestPage };
+
+//# sourceMappingURL=CreateSourcingRequestPage.js.map

package/dist/pages/CreateSourcingRequestPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateSourcingRequestPage.js","names":[],"sources":["../../src/pages/CreateSourcingRequestPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent, FC, FormEvent } from 'react';\nimport { useNavigate } from 'react-router';\nimport { FilePlus2, Loader2, PackageSearch } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { SourcingUnit } from '../generated/global-types';\nimport type { CreateSourcingRequestInput } from '../generated/global-types';\nimport { useStore } from '../providers/StoreProvider';\nimport { useSourcingApi } from '../hooks/useSourcing';\nimport {\n  ContextRequiredPanel,\n  helpClassName,\n  inputClassName,\n  joinStorePath,\n  labelClassName,\n  primaryButtonClassName,\n  secondaryButtonClassName,\n  SOURCING_UNITS,\n  SourcingPageHeader,\n  formatSourcingUnit,\n  toErrorMessage,\n} from '../components/sourcing/SourcingUi';\n\ninterface RequestFormState {\n  productName: string;\n  category: string;\n  summary: string;\n  quantity: string;\n  unit: SourcingUnit;\n  deliveryWindowStart: string;\n  deliveryWindowEnd: string;\n  deliveryCountry: string;\n  deliveryRegion: string;\n  deliveryCity: string;\n  targetUnitPrice: string;\n}\n\ntype FieldName = keyof RequestFormState;\ntype FieldErrors = Partial<Record<FieldName, string>>;\n\nconst INITIAL_FORM: RequestFormState = {\n  productName: '',\n  category: '',\n  summary: '',\n  quantity: '',\n  unit: SourcingUnit.Unit,\n  deliveryWindowStart: '',\n  deliveryWindowEnd: '',\n  deliveryCountry: '',\n  deliveryRegion: '',\n  deliveryCity: '',\n  targetUnitPrice: '',\n};\n\nconst MONEY_PATTERN = /^(?:0|[1-9]\\d{0,15})(?:\\.\\d{1,2})?$/;\nconst CATEGORY_PATTERN = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;\n\nfunction normalizeCategory(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replaceAll(/[_\\s]+/g, '-')\n    .replaceAll(/-+/g, '-');\n}\n\nfunction validate(form: RequestFormState): FieldErrors {\n  const errors: FieldErrors = {};\n  const productName = form.productName.trim();\n  const category = normalizeCategory(form.category);\n  const quantity = Number(form.quantity);\n  const start = new Date(form.deliveryWindowStart);\n  const end = new Date(form.deliveryWindowEnd);\n\n  if (productName.length < 2 || productName.length > 160) {\n    errors.productName = 'Enter a product name between 2 and 160 characters.';\n  }\n  if (category.length < 2 || category.length > 64 || !CATEGORY_PATTERN.test(category)) {\n    errors.category = 'Use 2–64 lowercase letters, numbers, and single hyphens.';\n  }\n  if (form.summary.trim().length > 1000) {\n    errors.summary = 'Summary cannot exceed 1,000 characters.';\n  }\n  if (!Number.isSafeInteger(quantity) || quantity < 1 || quantity > 1_000_000) {\n    errors.quantity = 'Quantity must be a whole number from 1 to 1,000,000.';\n  }\n  if (!form.deliveryWindowStart || Number.isNaN(start.getTime())) {\n    errors.deliveryWindowStart = 'Choose a valid delivery window start.';\n  }\n  if (!form.deliveryWindowEnd || Number.isNaN(end.getTime()) || end <= start) {\n    errors.deliveryWindowEnd = 'Delivery window end must be after its start.';\n  }\n  if (!/^[A-Za-z]{2}$/.test(form.deliveryCountry.trim())) {\n    errors.deliveryCountry = 'Use a two-letter country code, such as IN or US.';\n  }\n  if (form.deliveryRegion.trim().length > 120) {\n    errors.deliveryRegion = 'Region cannot exceed 120 characters.';\n  }\n  if (form.deliveryCity.trim().length > 120) {\n    errors.deliveryCity = 'City cannot exceed 120 characters.';\n  }\n  if (\n    form.targetUnitPrice &&\n    (!MONEY_PATTERN.test(form.targetUnitPrice.trim()) || Number(form.targetUnitPrice) <= 0)\n  ) {\n    errors.targetUnitPrice = 'Enter a positive amount with no more than two decimal places.';\n  }\n\n  return errors;\n}\n\nexport const CreateSourcingRequestPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const { createBuyerRequest, hasOrganizationContext } = useSourcingApi();\n  const [form, setForm] = useState<RequestFormState>(INITIAL_FORM);\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [submitting, setSubmitting] = useState(false);\n\n  const listPath = joinStorePath(basePath, 'sourcing/requests');\n\n  const updateField =\n    <TField extends FieldName>(field: TField) =>\n    (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {\n      const value = event.target.value;\n      setForm((current) => ({ ...current, [field]: value }));\n      setErrors((current) => ({ ...current, [field]: undefined }));\n    };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!hasOrganizationContext || submitting) return;\n\n    const validationErrors = validate(form);\n    setErrors(validationErrors);\n    setSubmitError(null);\n    if (Object.keys(validationErrors).length > 0) return;\n\n    const optional = (value: string) => value.trim() || undefined;\n    const input: CreateSourcingRequestInput = {\n      productName: form.productName.trim(),\n      category: normalizeCategory(form.category),\n      summary: optional(form.summary),\n      quantity: Number(form.quantity),\n      unit: form.unit,\n      deliveryWindowStart: new Date(form.deliveryWindowStart).toISOString(),\n      deliveryWindowEnd: new Date(form.deliveryWindowEnd).toISOString(),\n      deliveryCountry: form.deliveryCountry.trim().toUpperCase(),\n      deliveryRegion: optional(form.deliveryRegion),\n      deliveryCity: optional(form.deliveryCity),\n      targetUnitPrice: optional(form.targetUnitPrice),\n      targetCurrency: form.targetUnitPrice.trim() ? 'USD' : undefined,\n    };\n\n    setSubmitting(true);\n    try {\n      const request = await createBuyerRequest(input);\n      navigate(joinStorePath(basePath, `sourcing/requests/${request.id}`), { replace: true });\n    } catch (error) {\n      setSubmitError(toErrorMessage(error, 'The sourcing request could not be created.'));\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const fieldError = (field: FieldName) => {\n    const message = errors[field];\n    return message ? (\n      <p id={`${field}-error`} className=\"mt-1 text-xs text-text-danger\">\n        {message}\n      </p>\n    ) : null;\n  };\n\n  return (\n    <div className=\"min-h-full bg-surface-default\">\n      <SourcingPageHeader\n        title=\"Create sourcing request\"\n        description=\"Share only the purchase details verified publishers need to prepare an offer.\"\n        icon={<FilePlus2 className=\"size-5\" aria-hidden=\"true\" />}\n        onBack={() => navigate(listPath)}\n      />\n\n      <main className=\"mx-auto max-w-4xl px-4 py-6 sm:px-6\">\n        <PagePurpose className=\"mb-6\">\n          Your user and active organization own this request. Billing identity is resolved securely\n          by Store; it is never entered in this form. Publishers see the product, quantity,\n          destination, delivery window, and optional target price only.\n        </PagePurpose>\n\n        {!hasOrganizationContext ? (\n          <ContextRequiredPanel\n            title=\"Choose an organization before creating a request\"\n            description=\"Use the app context switcher to select a global organization with a billing account. You do not need to select or create a farm workspace.\"\n          />\n        ) : (\n          <form onSubmit={(event) => void handleSubmit(event)} noValidate>\n            <GlassCard className=\"p-5 sm:p-6\">\n              <section aria-labelledby=\"request-product-heading\">\n                <div className=\"flex items-center gap-2\">\n                  <PackageSearch className=\"size-5 text-text-accent\" aria-hidden=\"true\" />\n                  <h2\n                    id=\"request-product-heading\"\n                    className=\"text-lg font-semibold text-text-primary\"\n                  >\n                    Product needed\n                  </h2>\n                </div>\n                <div className=\"mt-5 grid gap-5 sm:grid-cols-2\">\n                  <label className={`${labelClassName} sm:col-span-2`}>\n                    Product name\n                    <input\n                      type=\"text\"\n                      value={form.productName}\n                      onChange={updateField('productName')}\n                      required\n                      maxLength={160}\n                      autoComplete=\"off\"\n                      aria-invalid={Boolean(errors.productName)}\n                      aria-describedby={errors.productName ? 'productName-error' : undefined}\n                      placeholder=\"Example: Organic basmati rice\"\n                      className={inputClassName}\n                    />\n                    {fieldError('productName')}\n                  </label>\n\n                  <label className={labelClassName}>\n                    Category\n                    <input\n                      type=\"text\"\n                      value={form.category}\n                      onChange={updateField('category')}\n                      onBlur={() =>\n                        setForm((current) => ({\n                          ...current,\n                          category: normalizeCategory(current.category),\n                        }))\n                      }\n                      required\n                      maxLength={64}\n                      autoComplete=\"off\"\n                      aria-invalid={Boolean(errors.category)}\n                      aria-describedby={errors.category ? 'category-error' : 'category-help'}\n                      placeholder=\"food-grains\"\n                      className={inputClassName}\n                    />\n                    {fieldError('category')}\n                    {!errors.category ? (\n                      <p id=\"category-help\" className={helpClassName}>\n                        A short category slug; spaces are converted to hyphens.\n                      </p>\n                    ) : null}\n                  </label>\n\n                  <label className={labelClassName}>\n                    Quantity\n                    <input\n                      type=\"number\"\n                      value={form.quantity}\n                      onChange={updateField('quantity')}\n                      required\n                      min={1}\n                      max={1_000_000}\n                      step={1}\n                      inputMode=\"numeric\"\n                      aria-invalid={Boolean(errors.quantity)}\n                      aria-describedby={errors.quantity ? 'quantity-error' : undefined}\n                      className={inputClassName}\n                    />\n                    {fieldError('quantity')}\n                  </label>\n\n                  <label className={labelClassName}>\n                    Unit\n                    <select\n                      value={form.unit}\n                      onChange={updateField('unit')}\n                      className={inputClassName}\n                    >\n                      {SOURCING_UNITS.map((unit) => (\n                        <option key={unit} value={unit}>\n                          {formatSourcingUnit(unit)}\n                        </option>\n                      ))}\n                    </select>\n                  </label>\n\n                  <label className={`${labelClassName} sm:col-span-2`}>\n                    Summary <span className=\"font-normal text-text-tertiary\">(optional)</span>\n                    <textarea\n                      value={form.summary}\n                      onChange={updateField('summary')}\n                      maxLength={1000}\n                      rows={4}\n                      aria-invalid={Boolean(errors.summary)}\n                      aria-describedby={errors.summary ? 'summary-error' : 'summary-help'}\n                      placeholder=\"Add grade, packaging, certification, or other offer requirements.\"\n                      className={`${inputClassName} resize-y`}\n                    />\n                    {fieldError('summary')}\n                    {!errors.summary ? (\n                      <p id=\"summary-help\" className={helpClassName}>\n                        {form.summary.length}/1,000 characters\n                      </p>\n                    ) : null}\n                  </label>\n                  <div\n                    role=\"note\"\n                    className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-4 text-sm text-status-warning-text sm:col-span-2\"\n                  >\n                    <p className=\"font-semibold\">This summary is visible to eligible publishers.</p>\n                    <p className=\"mt-1 leading-6\">\n                      Do not include personal or contact details, trust or compliance records,\n                      payment or billing information, credentials, private addresses, or other\n                      confidential data. Share only product and delivery requirements needed to\n                      prepare an offer.\n                    </p>\n                  </div>\n                </div>\n              </section>\n\n              <section\n                aria-labelledby=\"request-delivery-heading\"\n                className=\"mt-8 border-t border-border-seam pt-6\"\n              >\n                <h2\n                  id=\"request-delivery-heading\"\n                  className=\"text-lg font-semibold text-text-primary\"\n                >\n                  Delivery\n                </h2>\n                <div className=\"mt-5 grid gap-5 sm:grid-cols-2\">\n                  <label className={labelClassName}>\n                    Window starts\n                    <input\n                      type=\"datetime-local\"\n                      value={form.deliveryWindowStart}\n                      onChange={updateField('deliveryWindowStart')}\n                      required\n                      aria-invalid={Boolean(errors.deliveryWindowStart)}\n                      aria-describedby={\n                        errors.deliveryWindowStart ? 'deliveryWindowStart-error' : undefined\n                      }\n                      className={inputClassName}\n                    />\n                    {fieldError('deliveryWindowStart')}\n                  </label>\n                  <label className={labelClassName}>\n                    Window ends\n                    <input\n                      type=\"datetime-local\"\n                      value={form.deliveryWindowEnd}\n                      onChange={updateField('deliveryWindowEnd')}\n                      required\n                      min={form.deliveryWindowStart || undefined}\n                      aria-invalid={Boolean(errors.deliveryWindowEnd)}\n                      aria-describedby={\n                        errors.deliveryWindowEnd ? 'deliveryWindowEnd-error' : undefined\n                      }\n                      className={inputClassName}\n                    />\n                    {fieldError('deliveryWindowEnd')}\n                  </label>\n                  <label className={labelClassName}>\n                    Country code\n                    <input\n                      type=\"text\"\n                      value={form.deliveryCountry}\n                      onChange={updateField('deliveryCountry')}\n                      required\n                      minLength={2}\n                      maxLength={2}\n                      autoComplete=\"country\"\n                      aria-invalid={Boolean(errors.deliveryCountry)}\n                      aria-describedby={\n                        errors.deliveryCountry ? 'deliveryCountry-error' : 'deliveryCountry-help'\n                      }\n                      placeholder=\"IN\"\n                      className={`${inputClassName} uppercase`}\n                    />\n                    {fieldError('deliveryCountry')}\n                    {!errors.deliveryCountry ? (\n                      <p id=\"deliveryCountry-help\" className={helpClassName}>\n                        ISO two-letter country code.\n                      </p>\n                    ) : null}\n                  </label>\n                  <label className={labelClassName}>\n                    Region or state{' '}\n                    <span className=\"font-normal text-text-tertiary\">(optional)</span>\n                    <input\n                      type=\"text\"\n                      value={form.deliveryRegion}\n                      onChange={updateField('deliveryRegion')}\n                      maxLength={120}\n                      autoComplete=\"address-level1\"\n                      aria-invalid={Boolean(errors.deliveryRegion)}\n                      aria-describedby={errors.deliveryRegion ? 'deliveryRegion-error' : undefined}\n                      className={inputClassName}\n                    />\n                    {fieldError('deliveryRegion')}\n                  </label>\n                  <label className={labelClassName}>\n                    City <span className=\"font-normal text-text-tertiary\">(optional)</span>\n                    <input\n                      type=\"text\"\n                      value={form.deliveryCity}\n                      onChange={updateField('deliveryCity')}\n                      maxLength={120}\n                      autoComplete=\"address-level2\"\n                      aria-invalid={Boolean(errors.deliveryCity)}\n                      aria-describedby={errors.deliveryCity ? 'deliveryCity-error' : undefined}\n                      className={inputClassName}\n                    />\n                    {fieldError('deliveryCity')}\n                  </label>\n                </div>\n              </section>\n\n              <section\n                aria-labelledby=\"request-budget-heading\"\n                className=\"mt-8 border-t border-border-seam pt-6\"\n              >\n                <h2 id=\"request-budget-heading\" className=\"text-lg font-semibold text-text-primary\">\n                  Target price <span className=\"font-normal text-text-tertiary\">(optional)</span>\n                </h2>\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  This is a target unit price, not an order total. Store calculates the accepted\n                  order total from the seller's persisted offer.\n                </p>\n                <div className=\"mt-5 grid gap-5 sm:grid-cols-2\">\n                  <label className={labelClassName}>\n                    Target unit price\n                    <input\n                      type=\"text\"\n                      value={form.targetUnitPrice}\n                      onChange={updateField('targetUnitPrice')}\n                      inputMode=\"decimal\"\n                      maxLength={19}\n                      aria-invalid={Boolean(errors.targetUnitPrice)}\n                      aria-describedby={\n                        errors.targetUnitPrice ? 'targetUnitPrice-error' : 'targetUnitPrice-help'\n                      }\n                      placeholder=\"125.50\"\n                      className={inputClassName}\n                    />\n                    {fieldError('targetUnitPrice')}\n                    {!errors.targetUnitPrice ? (\n                      <p id=\"targetUnitPrice-help\" className={helpClassName}>\n                        Positive amount with up to two decimal places.\n                      </p>\n                    ) : null}\n                  </label>\n                  <div>\n                    <span className={labelClassName}>Settlement currency</span>\n                    <div\n                      className={`${inputClassName} flex items-center bg-surface-muted font-semibold`}\n                    >\n                      USD\n                    </div>\n                    <p className={helpClassName}>\n                      Store sourcing offers, orders, earnings, and payouts currently settle in USD.\n                    </p>\n                  </div>\n                </div>\n              </section>\n\n              {submitError ? (\n                <div\n                  role=\"alert\"\n                  className=\"mt-6 rounded-lg border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n                >\n                  {submitError}\n                </div>\n              ) : null}\n\n              <div className=\"mt-7 flex flex-col-reverse gap-3 border-t border-border-seam pt-5 sm:flex-row sm:justify-end\">\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(listPath)}\n                  disabled={submitting}\n                  className={secondaryButtonClassName}\n                >\n                  Cancel\n                </button>\n                <button type=\"submit\" disabled={submitting} className={primaryButtonClassName}>\n                  {submitting ? (\n                    <Loader2 className=\"size-4 animate-spin\" aria-hidden=\"true\" />\n                  ) : (\n                    <FilePlus2 className=\"size-4\" aria-hidden=\"true\" />\n                  )}\n                  {submitting ? 'Creating request…' : 'Create request'}\n                </button>\n              </div>\n            </GlassCard>\n          </form>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/InstalledAppsPage.js

@@ -3,11 +3,11 @@ import { useInstallationStatusUpdatedSubscription as t } from "../generated/glob
 import { useInstallations as n } from "../hooks/useInstallations.js";
 import { StoreInstallationStatus as r } from "../generated/global-types.js";
 import { useCallback as i, useMemo as a, useState as o } from "react";
-import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as te, ChevronLeft as ne, ChevronRight as s, ExternalLink as c, Loader2 as l, Plus as u, RefreshCw as d, Search as f, Settings as re, Trash2 as p } from "lucide-react";
-import { useApolloClient as ie } from "@apollo/client/react";
+import { useNavigate as ee } from "react-router";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ne, ChevronLeft as s, ChevronRight as c, ExternalLink as l, Loader2 as u, Plus as d, RefreshCw as f, Search as re, Settings as p, Trash2 as ie } from "lucide-react";
+import { useApolloClient as ae } from "@apollo/client/react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useNavigate as ae } from "react-router";
 import { gql as _ } from "@apollo/client";
 import { AlertDialog as v, AlertDialogAction as oe, AlertDialogCancel as y, AlertDialogContent as b, AlertDialogDescription as x, AlertDialogFooter as S, AlertDialogHeader as C, AlertDialogTitle as se, IllustratedEmptyState as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
 //#region src/pages/InstalledAppsPage.tsx
@@ -84,7 +84,7 @@ var j = _`
     )
   }
 `, M = () => {
-	let _ = ae(), { basePath: D, workspaceId: M } = e(), { t: N } = ee(), P = ie(), [F, I] = o("all"), [L, R] = o(""), [z, B] = o(1), [V, H] = o(null), [U, W] = o(null), { installations: G, totalCount: K, hasMore: q, loading: J, error: Y, uninstall: de, uninstallingIds: fe, refetch: X } = n({
+	let _ = ee(), { basePath: D, workspaceId: M } = e(), { t: N } = te(), P = ae(), [F, I] = o("all"), [L, R] = o(""), [z, B] = o(1), [V, H] = o(null), [U, W] = o(null), { installations: G, totalCount: K, hasMore: q, loading: J, error: Y, uninstall: de, uninstallingIds: fe, refetch: X } = n({
 		filter: a(() => F === "all" ? void 0 : { status: F }, [F]),
 		limit: w,
 		offset: (z - 1) * w
@@ -135,7 +135,7 @@ var j = _`
 						type: "button",
 						onClick: () => _(`${D}/marketplace`),
 						className: "flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90",
-						children: [/* @__PURE__ */ h(u, { className: "size-5" }), /* @__PURE__ */ h("span", { children: N("pages.installed.installNew", { defaultValue: "Install New App" }) })]
+						children: [/* @__PURE__ */ h(d, { className: "size-5" }), /* @__PURE__ */ h("span", { children: N("pages.installed.installNew", { defaultValue: "Install New App" }) })]
 					})]
 				})
 			}),
@@ -159,7 +159,7 @@ var j = _`
 								}, e.label)),
 								/* @__PURE__ */ g("div", {
 									className: "relative ml-auto",
-									children: [/* @__PURE__ */ h(f, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ h("input", {
+									children: [/* @__PURE__ */ h(re, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ h("input", {
 										type: "search",
 										value: L,
 										onChange: (e) => R(e.target.value),
@@ -171,7 +171,7 @@ var j = _`
 									type: "button",
 									onClick: () => X(),
 									className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ h(d, { className: "size-4" }), "Refresh"]
+									children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Refresh"]
 								})
 							]
 						}),
@@ -183,7 +183,7 @@ var j = _`
 						J ? /* @__PURE__ */ h("output", {
 							"aria-label": "Loading installed apps",
 							className: "flex items-center justify-center py-16",
-							children: /* @__PURE__ */ h(l, {
+							children: /* @__PURE__ */ h(u, {
 								className: "size-8 animate-spin text-text-muted",
 								"aria-hidden": "true"
 							})
@@ -191,7 +191,7 @@ var j = _`
 							role: "alert",
 							className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle py-16 text-center",
 							children: [
-								/* @__PURE__ */ h(te, { className: "mb-3 size-10 text-status-error-text" }),
+								/* @__PURE__ */ h(ne, { className: "mb-3 size-10 text-status-error-text" }),
 								/* @__PURE__ */ h("h3", {
 									className: "text-lg font-semibold text-status-error-text",
 									children: "Failed to load installations"
@@ -346,7 +346,7 @@ var j = _`
 																	onClick: () => _(`${D}/installed/${e.id}`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
 																	title: "View installation details",
-																	children: [/* @__PURE__ */ h(c, { className: "size-3.5" }), "Details"]
+																	children: [/* @__PURE__ */ h(l, { className: "size-3.5" }), "Details"]
 																}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
 																	type: "button",
 																	onClick: () => _(`${D}/installed/${e.id}`),
@@ -356,7 +356,7 @@ var j = _`
 																	type: "button",
 																	onClick: () => _(`${D}/installed/${e.id}/settings`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-																	children: [/* @__PURE__ */ h(re, { className: "size-3.5" }), "Configure"]
+																	children: [/* @__PURE__ */ h(p, { className: "size-3.5" }), "Configure"]
 																})] }),
 																/* @__PURE__ */ h("button", {
 																	type: "button",
@@ -369,7 +369,7 @@ var j = _`
 																	onClick: () => W(e),
 																	disabled: a,
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-status-error-border px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-60",
-																	children: [a ? /* @__PURE__ */ h(l, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(p, { className: "size-3.5" }), "Uninstall"]
+																	children: [a ? /* @__PURE__ */ h(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(ie, { className: "size-3.5" }), "Uninstall"]
 																})
 															]
 														})
@@ -388,7 +388,7 @@ var j = _`
 										onClick: () => B((e) => Math.max(1, e - 1)),
 										disabled: z === 1 || J,
 										className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-										children: [/* @__PURE__ */ h(ne, { className: "size-4" }), "Previous"]
+										children: [/* @__PURE__ */ h(s, { className: "size-4" }), "Previous"]
 									}),
 									/* @__PURE__ */ h("div", {
 										className: "flex items-center gap-1",
@@ -407,7 +407,7 @@ var j = _`
 										onClick: () => B((e) => q ? e + 1 : Math.min(Z, e + 1)),
 										disabled: z >= Z || J,
 										className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-										children: ["Next", /* @__PURE__ */ h(s, { className: "size-4" })]
+										children: ["Next", /* @__PURE__ */ h(c, { className: "size-4" })]
 									})
 								]
 							})