@pisell/private-materials 6.3.220 → 6.3.222

package/es/plus/panpacificTask/JobDrawer.js

@@ -0,0 +1,366 @@
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { attachments, preparePhoto } from "./attachments.js";
+import { dateText, draftFor, jobLineGroups, jobLineText, nextStatus, paymentTerm, scheduleText, statusPayload, statuses } from "./model.js";
+import { createJobPayment, createJobPickupPhoto, errorText, getJobDetail, getJobRelated, removeJob, removeJobPickupPhoto, updateJob } from "./serve.js";
+import { JobForm } from "./JobForm.js";
+import { PhotoPreview } from "./PhotoPreview.js";
+import { JobStatus } from "./JobStatus.js";
+import React, { useEffect, useRef, useState } from "react";
+import { Alert, Button, Drawer, Dropdown, Input, InputNumber, Radio, Spin } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+//#region src/plus/panpacificTask/JobDrawer.tsx
+function JobDrawer({ id, request, jobs, base, getText, uploadPhoto, confirm, onClose, onChanged, onDuplicate, startEditing }) {
+	var _base$categories$find, _related$photos, _related$payments;
+	const [job, setJob] = useState();
+	const [related, setRelated] = useState({});
+	const [loading, setLoading] = useState(true);
+	const [editing, setEditing] = useState(!!startEditing);
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState("");
+	const [recordUncertain, setRecordUncertain] = useState(false);
+	const locked = useRef(false);
+	const formRef = useRef(null);
+	const [direction, setDirection] = useState("payment");
+	const [amount, setAmount] = useState(null);
+	const [reference, setReference] = useState("");
+	const [photo, setPhoto] = useState();
+	const pendingPhoto = useRef();
+	const mounted = useRef(true);
+	const sequence = useRef(0);
+	const dirtyPayment = !!amount || !!reference || !!photo;
+	const refresh = function() {
+		var _ref = _asyncToGenerator(function* () {
+			const token = ++sequence.current;
+			setLoading(true);
+			try {
+				const result = yield getJobDetail(request, id);
+				if (!mounted.current || token !== sequence.current) return;
+				setJob(result);
+				const records = yield getJobRelated(request, id);
+				if (mounted.current && token === sequence.current) setRelated((previous) => {
+					var _records$photos, _records$payments;
+					return {
+						photos: (_records$photos = records.photos) !== null && _records$photos !== void 0 ? _records$photos : previous.photos,
+						payments: (_records$payments = records.payments) !== null && _records$payments !== void 0 ? _records$payments : previous.payments
+					};
+				});
+			} catch (cause) {
+				console.warn("[PanpacificTask] Detail load failed", cause);
+			} finally {
+				if (mounted.current && token === sequence.current) setLoading(false);
+			}
+		});
+		return function refresh() {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	useEffect(() => {
+		mounted.current = true;
+		refresh();
+		return () => {
+			mounted.current = false;
+			sequence.current++;
+		};
+	}, [id, request]);
+	const close = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (locked.current) return;
+			if (editing && job) {
+				var _formRef$current;
+				(_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.close();
+				return;
+			}
+			if (dirtyPayment && !(yield confirm("discardConfirm"))) return;
+			onClose();
+		});
+		return function close() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	const run = function() {
+		var _ref3 = _asyncToGenerator(function* (operation) {
+			if (locked.current) return;
+			locked.current = true;
+			setBusy(true);
+			setError("");
+			try {
+				yield operation();
+			} catch (cause) {
+				if (mounted.current) {
+					if (cause === null || cause === void 0 ? void 0 : cause.uncertainCreate) setRecordUncertain(true);
+					setError((cause === null || cause === void 0 ? void 0 : cause.uncertainCreate) ? getText("pisell2.panpacific.task.uncertain") : getText(errorText(cause)));
+				}
+			} finally {
+				locked.current = false;
+				if (mounted.current) setBusy(false);
+			}
+		});
+		return function run(_x) {
+			return _ref3.apply(this, arguments);
+		};
+	}();
+	const mark = (status) => run(_asyncToGenerator(function* () {
+		if (status === "cancel" && !(yield confirm("cancelConfirm"))) return;
+		if (!job) return;
+		yield updateJob(request, id, statusPayload(job, status));
+		onChanged(id);
+		yield refresh();
+	}));
+	const remove = () => run(_asyncToGenerator(function* () {
+		if (!(yield confirm("removeConfirm"))) return;
+		yield removeJob(request, id);
+		onChanged(id);
+		onClose();
+	}));
+	const section = (title, children) => /* @__PURE__ */ React.createElement("section", { className: "pp-task-section" }, /* @__PURE__ */ React.createElement("h3", null, getText(`pisell2.panpacific.task.${title}`)), children);
+	const details = (rows) => /* @__PURE__ */ React.createElement("dl", { className: "pp-task-details" }, rows.map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key }, /* @__PURE__ */ React.createElement("dt", null, getText(`pisell2.panpacific.task.${key}`)), /* @__PURE__ */ React.createElement("dd", null, value || "—"))));
+	const groups = jobLineGroups(job || {});
+	const lines = (kind, status) => {
+		const rows = groups[kind][status];
+		return rows.length ? /* @__PURE__ */ React.createElement("ul", { className: "pp-task-item-summary" }, rows.map((row, i) => {
+			var _row$id;
+			return /* @__PURE__ */ React.createElement("li", { key: String((_row$id = row.id) !== null && _row$id !== void 0 ? _row$id : i) }, jobLineText(row, kind, base));
+		})) : "—";
+	};
+	const chooseFile = (event, receipt) => {
+		var _event$target$files;
+		const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+		event.target.value = "";
+		if (!file) return;
+		run(_asyncToGenerator(function* () {
+			const image = yield uploadPhoto(preparePhoto(file));
+			if (!attachments(image).length) throw new Error("pisell2.panpacific.task.uploadFailed");
+			if (receipt) {
+				if (mounted.current) setPhoto(image);
+			} else {
+				pendingPhoto.current = image;
+				yield savePickup(image);
+			}
+		}));
+	};
+	const savePickup = function() {
+		var _ref4 = _asyncToGenerator(function* (image) {
+			const prefix = `${String((job === null || job === void 0 ? void 0 : job.job_number) || id).replace(/[^a-zA-Z0-9]+/g, "_")}_pickup_`;
+			const next = (related.photos || []).reduce((max, row) => {
+				const suffix = String(row.name || "").startsWith(prefix) ? row.name.slice(prefix.length) : "";
+				return /^\d+$/.test(suffix) ? Math.max(max, Number(suffix)) : max;
+			}, 0) + 1;
+			yield createJobPickupPhoto(request, {
+				job_id: id,
+				name: prefix + (related.photos ? String(next).padStart(2, "0") : String(Date.now())),
+				photo: image
+			});
+			pendingPhoto.current = void 0;
+			yield refresh();
+			onChanged(id);
+		});
+		return function savePickup(_x2) {
+			return _ref4.apply(this, arguments);
+		};
+	}();
+	const savePayment = () => run(_asyncToGenerator(function* () {
+		if (recordUncertain) return;
+		if (!amount || !/^\d+(\.\d{1,2})?$/.test(amount) || Number(amount) <= 0 || Number(amount) >= 0xe8d4a51000) throw new Error("pisell2.panpacific.task.invalidAmount");
+		yield createJobPayment(request, {
+			job_id: id,
+			direction,
+			amount,
+			ref_number: reference.trim() || null,
+			photo: photo || null
+		});
+		if (mounted.current) {
+			setAmount(null);
+			setReference("");
+			setPhoto(void 0);
+		}
+		yield refresh();
+		onChanged(id);
+	}));
+	const primary = job && nextStatus(job.status);
+	const menus = job ? [
+		...statuses.filter((status) => status !== job.status && status !== primary && status !== "cancel").map((status) => ({
+			key: status,
+			label: `${getText("pisell2.panpacific.task.mark")} ${getText(`pisell2.panpacific.task.${status}`)}`
+		})),
+		...job.status === "cancel" ? [] : [{
+			key: "cancel",
+			label: getText("pisell2.panpacific.task.cancelJob")
+		}],
+		{
+			key: "duplicate",
+			label: getText("pisell2.panpacific.task.duplicate")
+		},
+		{
+			key: "remove",
+			label: getText("pisell2.panpacific.task.remove"),
+			danger: true
+		}
+	] : [];
+	return /* @__PURE__ */ React.createElement(Drawer, {
+		open: true,
+		width: editing ? "min(820px, 96vw)" : "min(520px, 96vw)",
+		rootClassName: "pp-task-overlay pp-task-drawer",
+		closable: false,
+		destroyOnClose: true,
+		title: /* @__PURE__ */ React.createElement("div", null, editing ? getText("pisell2.panpacific.task.editJob") : (job === null || job === void 0 ? void 0 : job.supplier_name) || getText("pisell2.panpacific.task.job"), /* @__PURE__ */ React.createElement("small", null, job === null || job === void 0 ? void 0 : job.job_number)),
+		onClose: close,
+		extra: /* @__PURE__ */ React.createElement("div", { className: "pp-task-drawer-head-actions" }, !editing && job && /* @__PURE__ */ React.createElement(Button, {
+			type: "primary",
+			disabled: busy || loading,
+			onClick: _asyncToGenerator(function* () {
+				if (dirtyPayment && !(yield confirm("discardConfirm"))) return;
+				setAmount(null);
+				setReference("");
+				setPhoto(void 0);
+				setEditing(true);
+			})
+		}, getText("pisell2.panpacific.task.edit")), /* @__PURE__ */ React.createElement(Button, {
+			"aria-label": getText("pisell2.panpacific.task.close"),
+			icon: /* @__PURE__ */ React.createElement(CloseOutlined, null),
+			disabled: busy,
+			onClick: close
+		})),
+		footer: !editing && job && /* @__PURE__ */ React.createElement("div", { className: "pp-task-drawer-actions" }, primary && /* @__PURE__ */ React.createElement(Button, {
+			type: "primary",
+			loading: busy,
+			disabled: loading,
+			onClick: () => mark(primary)
+		}, getText("pisell2.panpacific.task.mark"), " ", getText(`pisell2.panpacific.task.${primary}`)), /* @__PURE__ */ React.createElement(Dropdown, {
+			trigger: ["click"],
+			disabled: busy || loading,
+			menu: {
+				items: menus,
+				onClick: function() {
+					var _ref5 = _asyncToGenerator(function* ({ key }) {
+						if (key === "remove") {
+							yield remove();
+							return;
+						}
+						if (key === "duplicate") {
+							if (dirtyPayment && !(yield confirm("discardConfirm"))) return;
+							onDuplicate(draftFor(job, void 0, true));
+							return;
+						}
+						yield mark(key);
+					});
+					return function onClick(_x3) {
+						return _ref5.apply(this, arguments);
+					};
+				}()
+			}
+		}, /* @__PURE__ */ React.createElement(Button, null, getText("pisell2.panpacific.task.more"), " ▾")))
+	}, /* @__PURE__ */ React.createElement(Spin, { spinning: loading }, !job && /* @__PURE__ */ React.createElement(Button, { onClick: refresh }, getText("pisell2.panpacific.task.refresh")), job && editing ? /* @__PURE__ */ React.createElement(JobForm, {
+		ref: formRef,
+		key: String(job.id),
+		initial: draftFor(job),
+		jobs,
+		base,
+		request,
+		getText,
+		confirmDiscard: () => confirm("discardConfirm"),
+		onCancel: () => setEditing(false),
+		onSaved: () => {
+			setEditing(false);
+			onChanged(id);
+			refresh();
+		}
+	}) : job && /* @__PURE__ */ React.createElement("div", { className: "pp-task-drawer-view" }, /* @__PURE__ */ React.createElement("div", { className: "pp-task-section pp-task-drawer-hero" }, /* @__PURE__ */ React.createElement(JobStatus, {
+		job,
+		getText
+	})), section("supplier", details([
+		["state", job.supplier_state],
+		["supplier", job.supplier_name],
+		["branchPostcode", job.supplier_sub_name],
+		["contact", job.company_contact],
+		["phone", job.supplier_phone],
+		["email", job.supplier_email],
+		["lead", job.lead_source]
+	])), section("basicInfo", details([
+		["category", ((_base$categories$find = base.categories.find((row) => String(row.id) === String(job.task_category_id))) === null || _base$categories$find === void 0 ? void 0 : _base$categories$find.name) || job.task_category_id],
+		["created", dateText(job.job_created_date)],
+		["dateRange", scheduleText(job)],
+		["due", dateText(job.due_date)],
+		["pickupDate", dateText(job.pickup_date)],
+		["invoiceDate", dateText(job.invoice_date)]
+	])), section("logistics", details([["logisticType", job.logistic_type && getText(`pisell2.panpacific.task.${job.logistic_type}`)], ["logisticsNote", job.logistics_note]])), section("materials", details([["scheduledMaterials", lines("materials", "scheduled")], ["confirmedMaterials", lines("materials", "confirmed")]])), section("products", details([["scheduledItems", lines("products", "scheduled")], ["confirmedItems", lines("products", "confirmed")]])), section("paymentTerm", details([["paymentTerm", [paymentTerm(job, base), job.payment_term_days != null ? `${job.payment_term_days} ${getText("pisell2.panpacific.task.dayUnit")}` : ""].filter(Boolean).join(" · ")], ["termsNote", job.terms_note]])), section("pickupPhotos", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pp-task-photos" }, ((_related$photos = related.photos) === null || _related$photos === void 0 ? void 0 : _related$photos.length) ? related.photos.map((row) => /* @__PURE__ */ React.createElement(PhotoPreview, {
+		key: String(row.id),
+		value: row.photo,
+		label: row.name,
+		getText,
+		disabled: busy || loading,
+		onRemove: (index) => run(_asyncToGenerator(function* () {
+			yield removeJobPickupPhoto(request, row, index);
+			const remaining = attachments(row.photo).filter((_, i) => i !== index);
+			if (mounted.current) setRelated((previous) => {
+				var _previous$photos;
+				return _objectSpread2(_objectSpread2({}, previous), {}, { photos: (_previous$photos = previous.photos) === null || _previous$photos === void 0 ? void 0 : _previous$photos.flatMap((item) => String(item.id) !== String(row.id) ? [item] : remaining.length ? [_objectSpread2(_objectSpread2({}, item), {}, { photo: remaining })] : []) });
+			});
+			onChanged(id);
+			yield refresh();
+		}))
+	})) : "—"), /* @__PURE__ */ React.createElement("label", { className: `pp-task-upload${busy || recordUncertain ? " is-disabled" : ""}` }, /* @__PURE__ */ React.createElement("input", {
+		type: "file",
+		accept: "image/*",
+		capture: "environment",
+		disabled: busy || recordUncertain,
+		onChange: (event) => chooseFile(event, false)
+	}), getText("pisell2.panpacific.task.uploadPickup")), pendingPhoto.current && !recordUncertain && /* @__PURE__ */ React.createElement(Button, {
+		disabled: busy,
+		onClick: () => run(() => savePickup(pendingPhoto.current))
+	}, getText("pisell2.panpacific.task.save")))), section("records", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pp-task-payment-records" }, ((_related$payments = related.payments) === null || _related$payments === void 0 ? void 0 : _related$payments.length) ? related.payments.map((row) => /* @__PURE__ */ React.createElement("div", { key: String(row.id) }, /* @__PURE__ */ React.createElement("strong", null, getText(`pisell2.panpacific.task.${row.direction === "receive" ? "receive" : "payment"}`), " ", "· $", row.amount), row.ref_number && /* @__PURE__ */ React.createElement("span", null, " · ", row.ref_number), /* @__PURE__ */ React.createElement("small", null, row.created_at && dateText(row.created_at), " ", row.operator_name), /* @__PURE__ */ React.createElement("div", { className: "pp-task-photos" }, /* @__PURE__ */ React.createElement(PhotoPreview, {
+		value: row.photo,
+		getText
+	})))) : "—"), /* @__PURE__ */ React.createElement("p", { className: "pp-task-payment-caption" }, getText("pisell2.panpacific.task.createRecord")), /* @__PURE__ */ React.createElement(Radio.Group, {
+		value: direction,
+		disabled: busy || recordUncertain,
+		onChange: (event) => setDirection(event.target.value),
+		optionType: "button",
+		options: [{
+			label: getText("pisell2.panpacific.task.payment"),
+			value: "payment"
+		}, {
+			label: getText("pisell2.panpacific.task.receive"),
+			value: "receive"
+		}]
+	}), /* @__PURE__ */ React.createElement("div", { className: "pp-task-payment-inputs" }, photo ? /* @__PURE__ */ React.createElement("div", { className: "pp-task-photos pp-task-receipt-preview" }, /* @__PURE__ */ React.createElement(PhotoPreview, {
+		value: photo,
+		compact: true,
+		getText,
+		disabled: busy || recordUncertain,
+		onRemove: () => setPhoto(void 0)
+	})) : /* @__PURE__ */ React.createElement("label", { className: `pp-task-upload${busy || recordUncertain ? " is-disabled" : ""}` }, /* @__PURE__ */ React.createElement("input", {
+		type: "file",
+		accept: "image/*",
+		disabled: busy || recordUncertain,
+		onChange: (event) => chooseFile(event, true)
+	}), getText("pisell2.panpacific.task.photo")), /* @__PURE__ */ React.createElement(InputNumber, {
+		stringMode: true,
+		min: "0.01",
+		max: "999999999999.99",
+		precision: 2,
+		value: amount,
+		onChange: setAmount,
+		placeholder: getText("pisell2.panpacific.task.amount"),
+		"aria-label": getText("pisell2.panpacific.task.amount"),
+		disabled: busy || recordUncertain
+	}), /* @__PURE__ */ React.createElement(Input, {
+		value: reference,
+		maxLength: 255,
+		onChange: (event) => setReference(event.target.value),
+		placeholder: getText("pisell2.panpacific.task.reference"),
+		"aria-label": getText("pisell2.panpacific.task.reference"),
+		disabled: busy || recordUncertain
+	})), /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		loading: busy,
+		disabled: recordUncertain,
+		onClick: savePayment
+	}, getText("pisell2.panpacific.task.saveRecord")))), error && /* @__PURE__ */ React.createElement(Alert, {
+		type: "error",
+		showIcon: true,
+		message: error
+	}))));
+}
+//#endregion
+export { JobDrawer };

package/es/plus/panpacificTask/JobForm.js

@@ -0,0 +1,312 @@
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import useEngineContext from "../../hooks/useEngineContext.js";
+import { newLine, nextJobCode, sessionFor, supplierSnapshot } from "./model.js";
+import { errorText } from "./serve.js";
+import { getCurrentTenantId } from "./tenant.js";
+import { saveJob } from "./saveJob.js";
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Alert, Button, DatePicker, Form, Input, InputNumber, Select } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+//#region src/plus/panpacificTask/JobForm.tsx
+const popupContainer = (trigger) => trigger.closest(".pp-task-overlay .ant-modal-body, .pp-task-overlay .ant-drawer-body, .pp-task-overlay .pisell-lowcode-modal-body, .pp-task-overlay .pisell-lowcode-drawer-body") || trigger.parentElement;
+const selectProps = {
+	size: "small",
+	allowClear: true,
+	showSearch: true,
+	optionFilterProp: "label",
+	getPopupContainer: popupContainer
+};
+function optionsFor(rows, current, label) {
+	const options = rows.filter((row) => row.is_active !== false && row.is_active !== 0 || String(row.id) === String(current)).map((row) => ({
+		value: current != null && String(row.id) === String(current) ? current : row.id,
+		label: String(row.name || row.title || row.description || row.id)
+	}));
+	if (current != null && !options.some((option) => String(option.value) === String(current))) options.push({
+		value: current,
+		label: label || String(current)
+	});
+	return options;
+}
+const JobForm = forwardRef(({ initial, jobs, base, request, getText, onSaved, onCancel, confirmDiscard }, ref) => {
+	const context = useEngineContext();
+	const [form] = Form.useForm();
+	const session = useRef(sessionFor(initial));
+	const manualCode = useRef(Boolean(initial.job_number));
+	const dirty = useRef(false);
+	const saving = useRef(false);
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState("");
+	const [uncertain, setUncertain] = useState(false);
+	const mounted = useRef(true);
+	useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const close = function() {
+		var _ref = _asyncToGenerator(function* () {
+			if (saving.current) return;
+			if (dirty.current && !(yield confirmDiscard())) return;
+			onCancel();
+		});
+		return function close() {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	useImperativeHandle(ref, () => ({ close }));
+	const syncCode = () => {
+		if (!manualCode.current && !saving.current) form.setFieldValue("job_number", nextJobCode(form.getFieldValue("supplier_state"), form.getFieldValue("supplier_name"), jobs));
+	};
+	useEffect(syncCode, [jobs]);
+	const change = (changed) => {
+		var _changed$job_number;
+		dirty.current = true;
+		if ("job_number" in changed) manualCode.current = !!((_changed$job_number = changed.job_number) === null || _changed$job_number === void 0 ? void 0 : _changed$job_number.trim());
+		if ("supplier_id" in changed) {
+			const supplier = base.suppliers.find((row) => String(row.id) === String(changed.supplier_id));
+			if (supplier) form.setFieldsValue(supplierSnapshot(supplier));
+		}
+		if ("payment_term_id" in changed) {
+			const term = base.paymentTerms.find((row) => String(row.id) === String(changed.payment_term_id));
+			form.setFieldValue("payment_term_days", (term === null || term === void 0 ? void 0 : term.days) == null ? null : Number(term.days));
+		}
+		if ([
+			"supplier_id",
+			"supplier_name",
+			"supplier_state",
+			"job_number"
+		].some((key) => key in changed)) syncCode();
+	};
+	const save = function() {
+		var _ref2 = _asyncToGenerator(function* (values) {
+			if (saving.current || uncertain) return;
+			saving.current = true;
+			setBusy(true);
+			setError("");
+			try {
+				var _context$appHelper;
+				const tenantId = getCurrentTenantId(context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.store);
+				const id = yield saveJob(request, values, session.current, tenantId);
+				dirty.current = false;
+				if (mounted.current) onSaved(id, values);
+			} catch (cause) {
+				manualCode.current = session.current.id != null || manualCode.current;
+				if (mounted.current) {
+					setUncertain(!!session.current.uncertain);
+					setError([
+						session.current.id != null ? getText("pisell2.panpacific.task.partialSave") : "",
+						getText(errorText(cause)),
+						session.current.uncertain ? getText("pisell2.panpacific.task.uncertain") : ""
+					].filter(Boolean).join(" "));
+				}
+			} finally {
+				saving.current = false;
+				if (mounted.current) setBusy(false);
+			}
+		});
+		return function save(_x) {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	const text = (name, label, required = false, max = 255) => /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`),
+		rules: [{
+			required,
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ React.createElement(Input, { maxLength: max }));
+	const date = (name, label, required = false) => /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`),
+		rules: [{
+			required,
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ React.createElement(DatePicker, {
+		format: "YYYY-MM-DD",
+		style: { width: "100%" },
+		getPopupContainer: popupContainer
+	}));
+	const select = (name, label, rows) => /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		noStyle: true,
+		shouldUpdate: true
+	}, () => /* @__PURE__ */ React.createElement(Form.Item, {
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`)
+	}, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, selectProps), {}, { options: optionsFor(rows, form.getFieldValue(name), name === "supplier_id" ? form.getFieldValue("supplier_name") : void 0) }))));
+	const enumField = (name, label, values) => /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`)
+	}, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, selectProps), {}, { options: values.map((value) => ({
+		value,
+		label: name === "supplier_state" ? value : getText(`pisell2.panpacific.task.${value}`)
+	})) })));
+	const section = (title, children) => /* @__PURE__ */ React.createElement("section", {
+		key: title,
+		className: "pp-task-section"
+	}, /* @__PURE__ */ React.createElement("h3", null, getText(`pisell2.panpacific.task.${title}`)), children);
+	const lines = (kind) => /* @__PURE__ */ React.createElement(Form.List, {
+		key: kind,
+		name: kind
+	}, (fields, { add, remove }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pp-task-lines-scroll" }, /* @__PURE__ */ React.createElement("div", { className: "pp-task-lines" }, /* @__PURE__ */ React.createElement("div", { className: "pp-task-line-head" }, [
+		"item",
+		"quantity",
+		"unit",
+		"price",
+		"status",
+		""
+	].map((key, i) => /* @__PURE__ */ React.createElement("span", { key: i }, key && getText(`pisell2.panpacific.task.${key}`)))), fields.map((field) => /* @__PURE__ */ React.createElement("div", {
+		className: "pp-task-line-wrap",
+		key: field.key
+	}, /* @__PURE__ */ React.createElement(Form.Item, {
+		name: [field.name, "_key"],
+		hidden: true
+	}, /* @__PURE__ */ React.createElement(Input, null)), /* @__PURE__ */ React.createElement("div", { className: "pp-task-line" }, /* @__PURE__ */ React.createElement(Form.Item, {
+		noStyle: true,
+		shouldUpdate: true
+	}, () => {
+		const relation = kind === "materials" ? "material_item_id" : "product_id";
+		const snapshot = kind === "materials" ? "material_name" : "product_name";
+		const current = form.getFieldValue([
+			kind,
+			field.name,
+			relation
+		]);
+		return /* @__PURE__ */ React.createElement(Form.Item, {
+			name: [field.name, relation],
+			rules: [{
+				required: kind === "materials",
+				message: getText("pisell2.panpacific.task.required")
+			}]
+		}, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, selectProps), {}, {
+			placeholder: getText("pisell2.panpacific.task.item"),
+			options: optionsFor(base[kind], current, form.getFieldValue([
+				kind,
+				field.name,
+				snapshot
+			])),
+			onChange: (id) => {
+				const item = base[kind].find((row) => String(row.id) === String(id));
+				form.setFieldValue([
+					kind,
+					field.name,
+					snapshot
+				], (item === null || item === void 0 ? void 0 : item.name) || "");
+			}
+		})));
+	}), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: [field.name, "quantity"],
+		rules: [{
+			required: kind === "materials",
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ React.createElement(InputNumber, {
+		stringMode: true,
+		min: "0",
+		max: "999999999999.99",
+		precision: 2,
+		placeholder: getText("pisell2.panpacific.task.quantity")
+	})), /* @__PURE__ */ React.createElement(Form.Item, { name: [field.name, "price_unit"] }, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, selectProps), {}, {
+		allowClear: false,
+		showSearch: false,
+		options: ["piece", "kg"].map((value) => ({
+			value,
+			label: getText(`pisell2.panpacific.task.${value}`)
+		}))
+	}))), /* @__PURE__ */ React.createElement(Form.Item, { name: [field.name, "unit_price"] }, /* @__PURE__ */ React.createElement(InputNumber, {
+		stringMode: true,
+		min: "0",
+		max: "999999999999.99",
+		precision: 2,
+		placeholder: getText("pisell2.panpacific.task.price")
+	})), /* @__PURE__ */ React.createElement(Form.Item, { name: [field.name, "item_status"] }, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, selectProps), {}, {
+		allowClear: false,
+		showSearch: false,
+		options: ["scheduled", "confirmed"].map((value) => ({
+			value,
+			label: getText(`pisell2.panpacific.task.${value}`)
+		}))
+	}))), /* @__PURE__ */ React.createElement(Button, {
+		"aria-label": getText("pisell2.panpacific.task.removeLine"),
+		icon: /* @__PURE__ */ React.createElement(CloseOutlined, null),
+		onClick: () => {
+			dirty.current = true;
+			remove(field.name);
+		}
+	})))))), /* @__PURE__ */ React.createElement(Button, {
+		block: true,
+		onClick: () => {
+			dirty.current = true;
+			add(newLine());
+		}
+	}, "＋ ", getText("pisell2.panpacific.task.addItem"))));
+	return /* @__PURE__ */ React.createElement(Form, {
+		className: "pp-task-form",
+		form,
+		layout: "vertical",
+		size: "middle",
+		initialValues: initial,
+		disabled: busy || uncertain,
+		onValuesChange: change,
+		onFinish: save,
+		scrollToFirstError: true
+	}, section("basicInfo", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pp-task-form-grid" }, select("task_category_id", "category", base.categories), date("job_created_date", "created", true), date("due_date", "due", true), date("pickup_date", "pickupDate"), enumField("logistic_type", "logisticType", [
+		"dropoff",
+		"pickup",
+		"walkin"
+	])), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "logistics_note",
+		label: getText("pisell2.panpacific.task.logisticsNote")
+	}, /* @__PURE__ */ React.createElement(Input.TextArea, { autoSize: {
+		minRows: 2,
+		maxRows: 5
+	} })))), section("supplierInfo", /* @__PURE__ */ React.createElement("div", { className: "pp-task-form-grid" }, select("supplier_id", "supplier", base.suppliers), text("supplier_name", "supplierName"), enumField("supplier_state", "state", [
+		"QLD",
+		"NSW",
+		"VIC",
+		"SA",
+		"WA",
+		"TAS",
+		"NT",
+		"ACT"
+	]), text("supplier_sub_name", "branchPostcode"), text("company_contact", "contact"), text("supplier_phone", "phone", false, 64), text("supplier_email", "email"), text("lead_source", "lead"), /* @__PURE__ */ React.createElement("div", { className: "pp-task-code" }, text("job_number", "code", true, 100), /* @__PURE__ */ React.createElement(Button, { onClick: () => {
+		manualCode.current = false;
+		dirty.current = true;
+		syncCode();
+	} }, getText("pisell2.panpacific.task.reset"))))), section("materials", lines("materials")), section("products", lines("products")), section("paymentTerm", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pp-task-form-grid" }, select("payment_term_id", "paymentTerm", base.paymentTerms), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "payment_term_days",
+		label: getText("pisell2.panpacific.task.days")
+	}, /* @__PURE__ */ React.createElement(InputNumber, {
+		min: 0,
+		max: 4294967295,
+		precision: 0
+	}))), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "terms_note",
+		label: getText("pisell2.panpacific.task.termsNote")
+	}, /* @__PURE__ */ React.createElement(Input.TextArea, { autoSize: {
+		minRows: 2,
+		maxRows: 5
+	} })))), /* @__PURE__ */ React.createElement("div", { className: "pp-task-form-footer" }, error && /* @__PURE__ */ React.createElement(Alert, {
+		type: "error",
+		message: error,
+		showIcon: true
+	}), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
+		disabled: busy,
+		onClick: close
+	}, getText("pisell2.panpacific.task.cancelAction")), /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		htmlType: "submit",
+		loading: busy,
+		disabled: uncertain
+	}, getText(`pisell2.panpacific.task.${initial.id == null ? "createAction" : "save"}`)))));
+});
+JobForm.displayName = "PanpacificJobForm";
+//#endregion
+export { JobForm };