frame.identify 0.3.12 → 0.4.1

package/dist/EnterValues.d.ts

@@ -2,5 +2,6 @@ import { identifyMachine } from './state/machine';
 import { ActorRefFrom } from 'xstate';
 export declare function EnterValues(props: {
     actor: ActorRefFrom<typeof identifyMachine>;
+    testMode?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=EnterValues.d.ts.map

package/dist/EnterValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnterValues.d.ts","sourceRoot":"","sources":["../src/EnterValues.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAK3C,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;CAC7C,+BAqGA"}
+{"version":3,"file":"EnterValues.d.ts","sourceRoot":"","sources":["../src/EnterValues.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAK3C,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BA4HA"}

package/dist/MachineState.d.ts

@@ -2,5 +2,6 @@ import { identifyMachine } from './state/machine';
 import { ActorRefFrom } from 'xstate';
 export declare function MachineState(props: {
     actor: ActorRefFrom<typeof identifyMachine>;
+    testMode?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=MachineState.d.ts.map

package/dist/MachineState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MachineState.d.ts","sourceRoot":"","sources":["../src/MachineState.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAQhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;CAC7C,+BAiEA"}
+{"version":3,"file":"MachineState.d.ts","sourceRoot":"","sources":["../src/MachineState.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAQhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAmEA"}

package/dist/ModalImageCropped.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalImageCropped.d.ts","sourceRoot":"","sources":["../src/ModalImageCropped.tsx"],"names":[],"mappings":"AASA,OAAO,EAUL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAG1B;;;;;;;;;GASG;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,KAAK,MAAM,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAutBA"}
+{"version":3,"file":"ModalImageCropped.d.ts","sourceRoot":"","sources":["../src/ModalImageCropped.tsx"],"names":[],"mappings":"AASA,OAAO,EAUL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAG1B;;;;;;;;;GASG;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,KAAK,MAAM,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAqtBA"}

package/dist/ModalImageLoaded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalImageLoaded.d.ts","sourceRoot":"","sources":["../src/ModalImageLoaded.tsx"],"names":[],"mappings":"AAIA,OAAO,EAKL,eAAe,EAIhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAI3C,OAAO,EAAqB,KAAK,EAAE,MAAM,GAAG,CAAC;AAG7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,KAAK,EAAE,EAChB,KAAK,CAAC,EAAE,OAAO,KACZ,MAAM,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAkTA"}
+{"version":3,"file":"ModalImageLoaded.d.ts","sourceRoot":"","sources":["../src/ModalImageLoaded.tsx"],"names":[],"mappings":"AAIA,OAAO,EAKL,eAAe,EAIhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAI3C,OAAO,EAAqB,KAAK,EAAE,MAAM,GAAG,CAAC;AAG7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,KAAK,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,KAAK,EAAE,EAChB,KAAK,CAAC,EAAE,OAAO,KACZ,MAAM,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAoTA"}

package/dist/NumberInput.d.ts

@@ -13,5 +13,6 @@ export declare function NumberInput(props: {
     };
     dataTestid: string;
     readonly?: boolean;
+    autofocus?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=NumberInput.d.ts.map

package/dist/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAqEA"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAqEA"}

package/dist/frame.identify.js

@@ -4402,16 +4402,16 @@ function $o(e) {
 			n = t("main.identify.defineValues", { defaultValue: "Please define SL, SH, AZG values and click \"Submit\"" });
 			break;
 		case No:
-			n = t("main.identify.cropFrame", { defaultValue: "Please crop the frame by clicking and dragging the mouse over the image" });
+			n = t("main.identify.cropImage", { defaultValue: "Please crop the image by clicking and dragging the mouse" });
 			break;
 		case Po:
-			n = t("main.identify.defineHorizontalLine", { defaultValue: "Please define a horizontal line" });
+			n = t("main.identify.defineHorizontalLine", { defaultValue: "Please define a horizontal line (point 1)" });
 			break;
 		case Fo:
-			n = t("main.identify.finishHorizontalLine", { defaultValue: "Please finish defining the horizontal line by clicking and dragging the mouse over the image" });
+			n = t("main.identify.finishHorizontalLine", { defaultValue: "Please define a horizontal line (point 2))" });
 			break;
 		case Io:
-			n = t("main.identify.addPoints", { defaultValue: "Please add some points to define the contour of the object" });
+			n = t("main.identify.addPoints", { defaultValue: "Please mark some points to define the frame contour" });
 			break;
 		case Lo:
 			n = t("main.identify.clickDone", { defaultValue: "Please click \"Done\" to finish the process" });
@@ -4421,7 +4421,7 @@ function $o(e) {
 			value: r.value
 		});
 	}
-	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c(x, {
+	return /* @__PURE__ */ c("div", { children: [e.testMode && /* @__PURE__ */ c(x, {
 		sx: {
 			textAlign: "left",
 			paddingLeft: 1,
@@ -4466,7 +4466,7 @@ function es(e) {
 		e
 	]), /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(b, {
 		"data-testid": `NumberInput.Textfield.${e.dataTestid}`,
-		focused: !0,
+		autoFocus: e.autofocus ?? !1,
 		color: "secondary",
 		label: e.label,
 		variant: "filled",
@@ -4494,28 +4494,34 @@ function es(e) {
 //#endregion
 //#region src/EnterValues.tsx
 function ts(e) {
-	let [t, n] = a("50"), [i, l] = a("44"), [u, d] = a("15");
-	r(() => {}, [e.actor]);
-	let f = T(e.actor, (e) => e), p = (e, t) => {
-		let n = parseFloat(e);
-		t(n < 0 ? "Number must be\npositive" : n === 0 ? "Number must not be zero" : n > 40 ? "Number must not be\ngreater than 40" : "");
-	}, h = {
+	let [t, n] = a(e.testMode ? "50" : ""), [r, i] = a(e.testMode ? "44" : ""), [l, u] = a(e.testMode ? "15" : ""), d = T(e.actor, (e) => e), f = (e, t, n, r) => {
+		let i = parseFloat(t);
+		n(i <= 0 ? v("main.identify.error.positive", { field: e }) : i > r ? v("main.identify.error.notGreaterThan", {
+			field: e,
+			max: r,
+			defaultValue: v("main.identify.error.notGreaterThan", {
+				field: e,
+				max: r
+			})
+		}) : "");
+	}, p = {
+		textTransform: "none",
 		width: "calc(100% - 100px)",
 		marginLeft: "50px",
 		marginRight: "50px"
 	};
-	function _(t, n, r) {
-		console.log("Submitted Scheibenlänge:", t), console.log("Submitted Scheibenhöhe:", n), console.log("Submitted AZG:", r), e.actor.send({
-			type: "ENTER_VALUES",
+	function h(t, n, r) {
+		e.actor.send({
+			type: Bo,
 			SL: Number(t),
 			SH: Number(n),
 			AZG: Number(r)
 		});
 	}
-	let v = f.value === "Values defined" || t === "0" || i === "0" || u === "0", { t: y } = m();
+	let _ = d.value === "Image loaded" && Number(t) > 0 && Number(t) < 100 && Number(r) > 0 && Number(r) < 100 && Number(l) > 0 && Number(l) < 100, { t: v } = m();
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("form", {
 		onSubmit: (e) => {
-			e.preventDefault(), _(t, i, u);
+			e.preventDefault(), h(t, r, l);
 		},
 		children: /* @__PURE__ */ c("div", {
 			style: {
@@ -4532,23 +4538,24 @@ function ts(e) {
 				children: [
 					/* @__PURE__ */ s(es, {
 						value: t,
-						checkValue: p,
+						checkValue: (e, t) => f("SL", e, t, 80),
 						onChange: n,
-						label: y("main.identify.label.scheibenlaenge", { defaultValue: "box length" }),
-						dataTestid: "scheibenlaenge-input"
+						label: v("main.identify.label.scheibenlaenge", { defaultValue: "box length" }),
+						dataTestid: "scheibenlaenge-input",
+						autofocus: !0
 					}),
 					/* @__PURE__ */ s(es, {
-						value: i,
-						checkValue: p,
-						onChange: l,
-						label: y("main.identify.label.scheibenhoehe", { defaultValue: "box height" }),
+						value: r,
+						checkValue: (e, t) => f("SH", e, t, 60),
+						onChange: i,
+						label: v("main.identify.label.scheibenhoehe", { defaultValue: "box height" }),
 						dataTestid: "scheibenhoehe-input"
 					}),
 					/* @__PURE__ */ s(es, {
-						value: u,
-						checkValue: p,
-						onChange: d,
-						label: y("main.identify.label.azg", { defaultValue: "distance between lenses" }),
+						value: l,
+						checkValue: (e, t) => f("AzG", e, t, 20),
+						onChange: u,
+						label: v("main.identify.label.azg", { defaultValue: "distance between lenses" }),
 						dataTestid: "azg-input"
 					})
 				]
@@ -4556,10 +4563,10 @@ function ts(e) {
 				color: "secondary",
 				variant: "contained",
 				size: "small",
-				disabled: v,
-				sx: h,
+				disabled: !_,
+				sx: p,
 				type: "submit",
-				children: y("main.identify.button.confirmValues")
+				children: v("main.identify.button.confirmValues")
 			})]
 		})
 	}) });
@@ -4664,8 +4671,14 @@ function ns(e) {
 					},
 					testMode: e.testMode
 				}, _),
-				/* @__PURE__ */ s($o, { actor: e.actor }),
-				w.value === "Image loaded" && /* @__PURE__ */ s(ts, { actor: e.actor }),
+				/* @__PURE__ */ s($o, {
+					actor: e.actor,
+					testMode: e.testMode
+				}),
+				w.value === "Image loaded" && /* @__PURE__ */ s(ts, {
+					actor: e.actor,
+					testMode: e.testMode
+				}),
 				w.value !== "idle" && /* @__PURE__ */ s("div", {
 					style: {
 						background: "#fff",
@@ -6387,8 +6400,8 @@ function Fc(e) {
 		x: e.x * t,
 		y: e.y * (n ?? t)
 	})), []), ee = (e) => {
-		let t = e[0], n = e[1], r = -Math.atan2(t.y, t.x), i = -Math.atan2(n.y, n.x);
-		return console.log(`pt1: (${t.x}, ${t.y}), angle1: ${r}`), console.log(`pt2: (${n.x}, ${n.y}), angle2: ${i}`), r > i;
+		let t = e[0], n = e[1];
+		return -Math.atan2(t.y, t.x) > -Math.atan2(n.y, n.x);
 	}, te = n((e, t, n, r = !1) => {
 		let i = Mc(n, w ? "akima" : "catmull"), a = -Infinity, o = Infinity, s = -Infinity, c = Infinity, l = Array.from({ length: 128 }, (e, t) => {
 			let n = i(t * 2 * Math.PI / 128);
@@ -6401,8 +6414,8 @@ function Fc(e) {
 			})).map((e) => ({
 				x: e.x,
 				y: -e.y
-			})), u = I(i, r), d = ee(u);
-			return d || u.reverse(), d = ee(u), console.log(`isCounterClockwise after reverse: ${d}`), u;
+			})), u = I(i, r);
+			return ee(u) || u.reverse(), u;
 		}
 		return l;
 	}, [w, I]);
@@ -6536,7 +6549,7 @@ function Fc(e) {
 					return e.splice(n, 1), e;
 				}
 				return t;
-			}) : (console.log(` adding point at (${e.x}, ${e.y})`), p((t) => [...t, e]), oe(Yo));
+			}) : (p((t) => [...t, e]), oe(Yo));
 		}
 	}
 	function fe(e) {
@@ -6574,7 +6587,10 @@ function Fc(e) {
 				backgroundColor: A.palette.primary.main
 			},
 			children: [
-				/* @__PURE__ */ s($o, { actor: e.actor }, h),
+				/* @__PURE__ */ s($o, {
+					actor: e.actor,
+					testMode: e.testMode
+				}, h),
 				/* @__PURE__ */ s("canvas", {
 					ref: o,
 					style: {