@pisell/private-materials 6.3.220 → 6.3.222

package/lib/plus/panpacificTask/JobForm.js

@@ -0,0 +1,314 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_asyncToGenerator = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
+const require_useEngineContext = require("../../hooks/useEngineContext.js");
+const require_model = require("./model.js");
+const require_serve = require("./serve.js");
+const require_tenant = require("./tenant.js");
+const require_saveJob = require("./saveJob.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _ant_design_icons = require("@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 = (0, react.forwardRef)(({ initial, jobs, base, request, getText, onSaved, onCancel, confirmDiscard }, ref) => {
+	const context = require_useEngineContext.default();
+	const [form] = antd.Form.useForm();
+	const session = (0, react.useRef)(require_model.sessionFor(initial));
+	const manualCode = (0, react.useRef)(Boolean(initial.job_number));
+	const dirty = (0, react.useRef)(false);
+	const saving = (0, react.useRef)(false);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)("");
+	const [uncertain, setUncertain] = (0, react.useState)(false);
+	const mounted = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const close = function() {
+		var _ref = require_asyncToGenerator._asyncToGenerator(function* () {
+			if (saving.current) return;
+			if (dirty.current && !(yield confirmDiscard())) return;
+			onCancel();
+		});
+		return function close() {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	(0, react.useImperativeHandle)(ref, () => ({ close }));
+	const syncCode = () => {
+		if (!manualCode.current && !saving.current) form.setFieldValue("job_number", require_model.nextJobCode(form.getFieldValue("supplier_state"), form.getFieldValue("supplier_name"), jobs));
+	};
+	(0, react.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(require_model.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 = require_asyncToGenerator._asyncToGenerator(function* (values) {
+			if (saving.current || uncertain) return;
+			saving.current = true;
+			setBusy(true);
+			setError("");
+			try {
+				var _context$appHelper;
+				const tenantId = require_tenant.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 require_saveJob.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(require_serve.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.default.createElement(antd.Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`),
+		rules: [{
+			required,
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ react.default.createElement(antd.Input, { maxLength: max }));
+	const date = (name, label, required = false) => /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`),
+		rules: [{
+			required,
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ react.default.createElement(antd.DatePicker, {
+		format: "YYYY-MM-DD",
+		style: { width: "100%" },
+		getPopupContainer: popupContainer
+	}));
+	const select = (name, label, rows) => /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		key: name,
+		noStyle: true,
+		shouldUpdate: true
+	}, () => /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`)
+	}, /* @__PURE__ */ react.default.createElement(antd.Select, require_objectSpread2._objectSpread2(require_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.default.createElement(antd.Form.Item, {
+		key: name,
+		name,
+		label: getText(`pisell2.panpacific.task.${label}`)
+	}, /* @__PURE__ */ react.default.createElement(antd.Select, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, selectProps), {}, { options: values.map((value) => ({
+		value,
+		label: name === "supplier_state" ? value : getText(`pisell2.panpacific.task.${value}`)
+	})) })));
+	const section = (title, children) => /* @__PURE__ */ react.default.createElement("section", {
+		key: title,
+		className: "pp-task-section"
+	}, /* @__PURE__ */ react.default.createElement("h3", null, getText(`pisell2.panpacific.task.${title}`)), children);
+	const lines = (kind) => /* @__PURE__ */ react.default.createElement(antd.Form.List, {
+		key: kind,
+		name: kind
+	}, (fields, { add, remove }) => /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-lines-scroll" }, /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-lines" }, /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-line-head" }, [
+		"item",
+		"quantity",
+		"unit",
+		"price",
+		"status",
+		""
+	].map((key, i) => /* @__PURE__ */ react.default.createElement("span", { key: i }, key && getText(`pisell2.panpacific.task.${key}`)))), fields.map((field) => /* @__PURE__ */ react.default.createElement("div", {
+		className: "pp-task-line-wrap",
+		key: field.key
+	}, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		name: [field.name, "_key"],
+		hidden: true
+	}, /* @__PURE__ */ react.default.createElement(antd.Input, null)), /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-line" }, /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(antd.Form.Item, {
+			name: [field.name, relation],
+			rules: [{
+				required: kind === "materials",
+				message: getText("pisell2.panpacific.task.required")
+			}]
+		}, /* @__PURE__ */ react.default.createElement(antd.Select, require_objectSpread2._objectSpread2(require_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.default.createElement(antd.Form.Item, {
+		name: [field.name, "quantity"],
+		rules: [{
+			required: kind === "materials",
+			message: getText("pisell2.panpacific.task.required")
+		}]
+	}, /* @__PURE__ */ react.default.createElement(antd.InputNumber, {
+		stringMode: true,
+		min: "0",
+		max: "999999999999.99",
+		precision: 2,
+		placeholder: getText("pisell2.panpacific.task.quantity")
+	})), /* @__PURE__ */ react.default.createElement(antd.Form.Item, { name: [field.name, "price_unit"] }, /* @__PURE__ */ react.default.createElement(antd.Select, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, selectProps), {}, {
+		allowClear: false,
+		showSearch: false,
+		options: ["piece", "kg"].map((value) => ({
+			value,
+			label: getText(`pisell2.panpacific.task.${value}`)
+		}))
+	}))), /* @__PURE__ */ react.default.createElement(antd.Form.Item, { name: [field.name, "unit_price"] }, /* @__PURE__ */ react.default.createElement(antd.InputNumber, {
+		stringMode: true,
+		min: "0",
+		max: "999999999999.99",
+		precision: 2,
+		placeholder: getText("pisell2.panpacific.task.price")
+	})), /* @__PURE__ */ react.default.createElement(antd.Form.Item, { name: [field.name, "item_status"] }, /* @__PURE__ */ react.default.createElement(antd.Select, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, selectProps), {}, {
+		allowClear: false,
+		showSearch: false,
+		options: ["scheduled", "confirmed"].map((value) => ({
+			value,
+			label: getText(`pisell2.panpacific.task.${value}`)
+		}))
+	}))), /* @__PURE__ */ react.default.createElement(antd.Button, {
+		"aria-label": getText("pisell2.panpacific.task.removeLine"),
+		icon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.CloseOutlined, null),
+		onClick: () => {
+			dirty.current = true;
+			remove(field.name);
+		}
+	})))))), /* @__PURE__ */ react.default.createElement(antd.Button, {
+		block: true,
+		onClick: () => {
+			dirty.current = true;
+			add(require_model.newLine());
+		}
+	}, "＋ ", getText("pisell2.panpacific.task.addItem"))));
+	return /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.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.default.createElement(antd.Form.Item, {
+		name: "logistics_note",
+		label: getText("pisell2.panpacific.task.logisticsNote")
+	}, /* @__PURE__ */ react.default.createElement(antd.Input.TextArea, { autoSize: {
+		minRows: 2,
+		maxRows: 5
+	} })))), section("supplierInfo", /* @__PURE__ */ react.default.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.default.createElement("div", { className: "pp-task-code" }, text("job_number", "code", true, 100), /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-form-grid" }, select("payment_term_id", "paymentTerm", base.paymentTerms), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		name: "payment_term_days",
+		label: getText("pisell2.panpacific.task.days")
+	}, /* @__PURE__ */ react.default.createElement(antd.InputNumber, {
+		min: 0,
+		max: 4294967295,
+		precision: 0
+	}))), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		name: "terms_note",
+		label: getText("pisell2.panpacific.task.termsNote")
+	}, /* @__PURE__ */ react.default.createElement(antd.Input.TextArea, { autoSize: {
+		minRows: 2,
+		maxRows: 5
+	} })))), /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-form-footer" }, error && /* @__PURE__ */ react.default.createElement(antd.Alert, {
+		type: "error",
+		message: error,
+		showIcon: true
+	}), /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		disabled: busy,
+		onClick: close
+	}, getText("pisell2.panpacific.task.cancelAction")), /* @__PURE__ */ react.default.createElement(antd.Button, {
+		type: "primary",
+		htmlType: "submit",
+		loading: busy,
+		disabled: uncertain
+	}, getText(`pisell2.panpacific.task.${initial.id == null ? "createAction" : "save"}`)))));
+});
+JobForm.displayName = "PanpacificJobForm";
+//#endregion
+exports.JobForm = JobForm;

package/lib/plus/panpacificTask/JobStatus.js

@@ -0,0 +1,33 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_model = require("./model.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/plus/panpacificTask/JobStatus.tsx
+function JobStatus({ job, getText }) {
+	const status = require_model.displayStatus(job);
+	return /* @__PURE__ */ react.default.createElement("span", {
+		className: "pp-task-status",
+		"data-status": status,
+		style: require_model.jobStyle(job)
+	}, getText(`pisell2.panpacific.task.${status}`), require_model.hasInvoice(job) && /* @__PURE__ */ react.default.createElement(InvoiceMark, { getText }));
+}
+function InvoiceMark({ getText }) {
+	return /* @__PURE__ */ react.default.createElement("svg", {
+		className: "pp-task-invoice",
+		width: "12",
+		height: "12",
+		viewBox: "0 0 16 16",
+		role: "img",
+		"aria-label": getText("pisell2.panpacific.task.invoice")
+	}, /* @__PURE__ */ react.default.createElement("path", {
+		fill: "currentColor",
+		d: "M3 1h10a1 1 0 0 1 1 1v12l-2-1.5L10 14l-2-1.5L6 14l-2-1.5L2 14V2a1 1 0 0 1 1-1zm1 3v1h8V4H4zm0 2v1h5V6H4zm0 2v1h8V8H4z"
+	}));
+}
+function StatusLegend({ getText }) {
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pp-task-legend" }, require_model.displayStatuses.map((status) => /* @__PURE__ */ react.default.createElement("span", { key: status }, /* @__PURE__ */ react.default.createElement("i", { style: { background: require_model.statusColors[status] } }), getText(`pisell2.panpacific.task.${status}`), status === "invoice" && /* @__PURE__ */ react.default.createElement(InvoiceMark, { getText }))));
+}
+//#endregion
+exports.InvoiceMark = InvoiceMark;
+exports.JobStatus = JobStatus;
+exports.StatusLegend = StatusLegend;

package/lib/plus/panpacificTask/PanpacificTask.d.ts

@@ -0,0 +1,7 @@
+import { PanpacificTaskProps } from "./types.js";
+import React from "react";
+//#region src/plus/panpacificTask/PanpacificTask.d.ts
+/** Complete #task workspace. All UI state belongs to this component, including its overlays. */
+declare function PanpacificTask(props: PanpacificTaskProps): React.JSX.Element;
+//#endregion
+export { PanpacificTask };