@incodetech/web 2.0.0 → 2.0.1

package/dist/signature/signature.es.js

@@ -0,0 +1,546 @@
+import { n as e } from "../i18n-9s4OSqwi.js";
+import { _ as t, a as n, h as r, l as i, p as a, u as o, v as s } from "../vendor-preact-D6SntenC.js";
+import { o as c } from "../hooks-BVnGysT7.js";
+import { t as l } from "../incodeComponent-C1o4M0ZK.js";
+import { r as u } from "../loadingIcon-BN5YRQUb.js";
+import { t as d } from "../page-C1yT4DLb.js";
+import "../extensibility-CzEJfRwo.js";
+import { t as f } from "../button-DcCUEn2n.js";
+import { t as p } from "../verificationResult-BrVbUJ4U.js";
+import { t as m } from "../incodeModule-BqCjVgEI.js";
+import { t as h } from "../defineProperty-Dh8nSJpJ.js";
+import { createSignatureManager as g } from "@incodetech/core/signature";
+//#region ../../node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
+var _ = class {
+	constructor(e, t, n, r) {
+		if (h(this, "x", void 0), h(this, "y", void 0), h(this, "pressure", void 0), h(this, "time", void 0), isNaN(e) || isNaN(t)) throw Error(`Point is invalid: (${e}, ${t})`);
+		this.x = +e, this.y = +t, this.pressure = n || 0, this.time = r || Date.now();
+	}
+	distanceTo(e) {
+		return Math.sqrt((this.x - e.x) ** 2 + (this.y - e.y) ** 2);
+	}
+	equals(e) {
+		return this.x === e.x && this.y === e.y && this.pressure === e.pressure && this.time === e.time;
+	}
+	velocityFrom(e) {
+		return this.time === e.time ? 0 : this.distanceTo(e) / (this.time - e.time);
+	}
+}, v = class e {
+	constructor(e, t, n, r, i, a) {
+		this.startPoint = e, this.control2 = t, this.control1 = n, this.endPoint = r, this.startWidth = i, this.endWidth = a;
+	}
+	static fromPoints(t, n) {
+		let r = this.calculateControlPoints(t[0], t[1], t[2]).c2, i = this.calculateControlPoints(t[1], t[2], t[3]).c1;
+		return new e(t[1], r, i, t[2], n.start, n.end);
+	}
+	static calculateControlPoints(e, t, n) {
+		let r = e.x - t.x, i = e.y - t.y, a = t.x - n.x, o = t.y - n.y, s = {
+			x: (e.x + t.x) / 2,
+			y: (e.y + t.y) / 2
+		}, c = {
+			x: (t.x + n.x) / 2,
+			y: (t.y + n.y) / 2
+		}, l = Math.sqrt(r * r + i * i), u = Math.sqrt(a * a + o * o), d = s.x - c.x, f = s.y - c.y, p = l + u == 0 ? 0 : u / (l + u), m = {
+			x: c.x + d * p,
+			y: c.y + f * p
+		}, h = t.x - m.x, g = t.y - m.y;
+		return {
+			c1: new _(s.x + h, s.y + g),
+			c2: new _(c.x + h, c.y + g)
+		};
+	}
+	length() {
+		let e = 0, t, n;
+		for (let r = 0; r <= 10; r += 1) {
+			let i = r / 10, a = this.point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), o = this.point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+			if (r > 0) {
+				let r = a - t, i = o - n;
+				e += Math.sqrt(r * r + i * i);
+			}
+			t = a, n = o;
+		}
+		return e;
+	}
+	point(e, t, n, r, i) {
+		return t * (1 - e) * (1 - e) * (1 - e) + 3 * n * (1 - e) * (1 - e) * e + 3 * r * (1 - e) * e * e + i * e * e * e;
+	}
+}, y = class {
+	constructor() {
+		h(this, "_et", void 0);
+		try {
+			this._et = new EventTarget();
+		} catch {
+			this._et = document;
+		}
+	}
+	addEventListener(e, t, n) {
+		this._et.addEventListener(e, t, n);
+	}
+	dispatchEvent(e) {
+		return this._et.dispatchEvent(e);
+	}
+	removeEventListener(e, t, n) {
+		this._et.removeEventListener(e, t, n);
+	}
+};
+function b(e, t = 250) {
+	let n = 0, r = null, i, a, o, s = () => {
+		n = Date.now(), r = null, i = e.apply(a, o), r || (a = null, o = []);
+	};
+	return function(...c) {
+		let l = Date.now(), u = t - (l - n);
+		return a = this, o = c, u <= 0 || u > t ? (r &&= (clearTimeout(r), null), n = l, i = e.apply(a, o), r || (a = null, o = [])) : r ||= window.setTimeout(s, u), i;
+	};
+}
+var x = class e extends y {
+	constructor(t, n = {}) {
+		super(), h(this, "dotSize", void 0), h(this, "minWidth", void 0), h(this, "maxWidth", void 0), h(this, "penColor", void 0), h(this, "minDistance", void 0), h(this, "velocityFilterWeight", void 0), h(this, "compositeOperation", void 0), h(this, "backgroundColor", void 0), h(this, "throttle", void 0), h(this, "canvasContextOptions", void 0), h(this, "_ctx", void 0), h(this, "_drawingStroke", !1), h(this, "_isEmpty", !0), h(this, "_dataUrl", void 0), h(this, "_dataUrlOptions", void 0), h(this, "_lastPoints", []), h(this, "_data", []), h(this, "_lastVelocity", 0), h(this, "_lastWidth", 0), h(this, "_strokeMoveUpdate", void 0), h(this, "_strokePointerId", void 0), this.canvas = t, this.velocityFilterWeight = n.velocityFilterWeight || .7, this.minWidth = n.minWidth || .5, this.maxWidth = n.maxWidth || 2.5, this.throttle = n.throttle ?? 16, this.minDistance = n.minDistance ?? 5, this.dotSize = n.dotSize || 0, this.penColor = n.penColor || "black", this.backgroundColor = n.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = n.compositeOperation || "source-over", this.canvasContextOptions = n.canvasContextOptions ?? {}, this._strokeMoveUpdate = this.throttle ? b(e.prototype._strokeUpdate, this.throttle) : e.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._handlePointerCancel = this._handlePointerCancel.bind(this), this._handleTouchCancel = this._handleTouchCancel.bind(this), this._ctx = t.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
+	}
+	clear() {
+		let { _ctx: e, canvas: t } = this;
+		e.fillStyle = this.backgroundColor, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0, this._dataUrl = void 0, this._dataUrlOptions = void 0, this._strokePointerId = void 0;
+	}
+	redraw() {
+		let e = this._data, t = this._dataUrl, n = this._dataUrlOptions;
+		this.clear(), t && this.fromDataURL(t, n), this.fromData(e, { clear: !1 });
+	}
+	fromDataURL(e, t = {}) {
+		return new Promise((n, r) => {
+			let i = new Image(), a = t.ratio || window.devicePixelRatio || 1, o = t.width || this.canvas.width / a, s = t.height || this.canvas.height / a, c = t.xOffset || 0, l = t.yOffset || 0;
+			this._reset(this._getPointGroupOptions()), i.onload = () => {
+				this._ctx.drawImage(i, c, l, o, s), n();
+			}, i.onerror = (e) => {
+				r(e);
+			}, i.crossOrigin = "anonymous", i.src = e, this._isEmpty = !1, this._dataUrl = e, this._dataUrlOptions = { ...t };
+		});
+	}
+	toDataURL(e = "image/png", t) {
+		switch (e) {
+			case "image/svg+xml": return typeof t != "object" && (t = void 0), `data:image/svg+xml;base64,${btoa(this.toSVG(t))}`;
+			default: return typeof t != "number" && (t = void 0), this.canvas.toDataURL(e, t);
+		}
+	}
+	on() {
+		this.canvas.style.touchAction = "none", this.canvas.style.msTouchAction = "none", this.canvas.style.userSelect = "none", this.canvas.style.webkitUserSelect = "none";
+		let e = /Macintosh/.test(navigator.userAgent) && "ontouchstart" in document;
+		window.PointerEvent && !e ? this._handlePointerEvents() : (this._handleMouseEvents(), "ontouchstart" in window && this._handleTouchEvents());
+	}
+	off() {
+		this.canvas.style.touchAction = "auto", this.canvas.style.msTouchAction = "auto", this.canvas.style.userSelect = "auto", this.canvas.style.webkitUserSelect = "auto", this.canvas.removeEventListener("pointerdown", this._handlePointerDown), this.canvas.removeEventListener("mousedown", this._handleMouseDown), this.canvas.removeEventListener("touchstart", this._handleTouchStart), this._removeMoveUpEventListeners();
+	}
+	_getListenerFunctions() {
+		let e = window.document === this.canvas.ownerDocument ? window : this.canvas.ownerDocument.defaultView ?? this.canvas.ownerDocument;
+		return {
+			addEventListener: e.addEventListener.bind(e),
+			removeEventListener: e.removeEventListener.bind(e)
+		};
+	}
+	_removeMoveUpEventListeners() {
+		let { removeEventListener: e } = this._getListenerFunctions();
+		e("pointermove", this._handlePointerMove), e("pointerup", this._handlePointerUp), e("pointercancel", this._handlePointerCancel), e("mousemove", this._handleMouseMove), e("mouseup", this._handleMouseUp), e("touchmove", this._handleTouchMove), e("touchend", this._handleTouchEnd), e("touchcancel", this._handleTouchCancel);
+	}
+	isEmpty() {
+		return this._isEmpty;
+	}
+	fromData(e, { clear: t = !0 } = {}) {
+		t && this.clear(), this._fromData(e, this._drawCurve.bind(this), this._drawDot.bind(this)), this._data = this._data.concat(e);
+	}
+	toData() {
+		return this._data;
+	}
+	_isLeftButtonPressed(e, t) {
+		return t ? e.buttons === 1 : (e.buttons & 1) == 1;
+	}
+	_pointerEventToSignatureEvent(e) {
+		return {
+			event: e,
+			type: e.type,
+			x: e.clientX,
+			y: e.clientY,
+			pressure: "pressure" in e ? e.pressure : 0
+		};
+	}
+	_touchEventToSignatureEvent(e) {
+		let t = e.changedTouches[0];
+		return {
+			event: e,
+			type: e.type,
+			x: t.clientX,
+			y: t.clientY,
+			pressure: t.force
+		};
+	}
+	_handleMouseDown(e) {
+		!this._isLeftButtonPressed(e, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(e));
+	}
+	_handleMouseMove(e) {
+		if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+			this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+			return;
+		}
+		this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+	}
+	_handleMouseUp(e) {
+		this._isLeftButtonPressed(e) || this._strokeEnd(this._pointerEventToSignatureEvent(e));
+	}
+	_handleTouchStart(e) {
+		e.targetTouches.length !== 1 || this._drawingStroke || (e.cancelable && e.preventDefault(), this._strokeBegin(this._touchEventToSignatureEvent(e)));
+	}
+	_handleTouchMove(e) {
+		if (e.targetTouches.length === 1) {
+			if (e.cancelable && e.preventDefault(), !this._drawingStroke) {
+				this._strokeEnd(this._touchEventToSignatureEvent(e), !1);
+				return;
+			}
+			this._strokeMoveUpdate(this._touchEventToSignatureEvent(e));
+		}
+	}
+	_handleTouchEnd(e) {
+		e.targetTouches.length === 0 && (e.cancelable && e.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(e)));
+	}
+	_handlePointerCancel(e) {
+		this._allowPointerId(e) && (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e), !1));
+	}
+	_handleTouchCancel(e) {
+		e.cancelable && e.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(e), !1);
+	}
+	_getPointerId(e) {
+		return e.persistentDeviceId || e.pointerId;
+	}
+	_allowPointerId(e, t = !1) {
+		return this._strokePointerId === void 0 ? t : this._getPointerId(e) === this._strokePointerId;
+	}
+	_handlePointerDown(e) {
+		this._drawingStroke || !this._isLeftButtonPressed(e) || !this._allowPointerId(e, !0) || (this._strokePointerId = this._getPointerId(e), e.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(e)));
+	}
+	_handlePointerMove(e) {
+		if (this._allowPointerId(e)) {
+			if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+				this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+				return;
+			}
+			e.preventDefault(), this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+		}
+	}
+	_handlePointerUp(e) {
+		this._isLeftButtonPressed(e) || !this._allowPointerId(e) || (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e)));
+	}
+	_getPointGroupOptions(e) {
+		return {
+			penColor: e && "penColor" in e ? e.penColor : this.penColor,
+			dotSize: e && "dotSize" in e ? e.dotSize : this.dotSize,
+			minWidth: e && "minWidth" in e ? e.minWidth : this.minWidth,
+			maxWidth: e && "maxWidth" in e ? e.maxWidth : this.maxWidth,
+			velocityFilterWeight: e && "velocityFilterWeight" in e ? e.velocityFilterWeight : this.velocityFilterWeight,
+			compositeOperation: e && "compositeOperation" in e ? e.compositeOperation : this.compositeOperation
+		};
+	}
+	_strokeBegin(e) {
+		if (!this.dispatchEvent(new CustomEvent("beginStroke", {
+			detail: e,
+			cancelable: !0
+		}))) return;
+		let { addEventListener: t } = this._getListenerFunctions();
+		switch (e.event.type) {
+			case "mousedown":
+				t("mousemove", this._handleMouseMove, { passive: !1 }), t("mouseup", this._handleMouseUp, { passive: !1 });
+				break;
+			case "touchstart":
+				t("touchmove", this._handleTouchMove, { passive: !1 }), t("touchend", this._handleTouchEnd, { passive: !1 }), t("touchcancel", this._handleTouchCancel, { passive: !1 });
+				break;
+			case "pointerdown":
+				t("pointermove", this._handlePointerMove, { passive: !1 }), t("pointerup", this._handlePointerUp, { passive: !1 }), t("pointercancel", this._handlePointerCancel, { passive: !1 });
+				break;
+			default:
+		}
+		this._drawingStroke = !0;
+		let n = this._getPointGroupOptions(), r = {
+			...n,
+			points: []
+		};
+		this._data.push(r), this._reset(n), this._strokeUpdate(e);
+	}
+	_strokeUpdate(e) {
+		if (!this._drawingStroke) return;
+		if (this._data.length === 0) {
+			this._strokeBegin(e);
+			return;
+		}
+		this.dispatchEvent(new CustomEvent("beforeUpdateStroke", { detail: e }));
+		let t = this._createPoint(e.x, e.y, e.pressure), n = this._data[this._data.length - 1], r = n.points, i = r.length > 0 && r[r.length - 1], a = i ? t.distanceTo(i) <= this.minDistance : !1, o = this._getPointGroupOptions(n);
+		if (!i || !(i && a)) {
+			let e = this._addPoint(t, o);
+			i ? e && this._drawCurve(e, o) : this._drawDot(t, o), r.push({
+				time: t.time,
+				x: t.x,
+				y: t.y,
+				pressure: t.pressure
+			});
+		}
+		this.dispatchEvent(new CustomEvent("afterUpdateStroke", { detail: e }));
+	}
+	_strokeEnd(e, t = !0) {
+		this._removeMoveUpEventListeners(), this._drawingStroke && (t && this._strokeUpdate(e), this._drawingStroke = !1, this._strokePointerId = void 0, this.dispatchEvent(new CustomEvent("endStroke", { detail: e })));
+	}
+	_handlePointerEvents() {
+		this._drawingStroke = !1, this.canvas.addEventListener("pointerdown", this._handlePointerDown, { passive: !1 });
+	}
+	_handleMouseEvents() {
+		this._drawingStroke = !1, this.canvas.addEventListener("mousedown", this._handleMouseDown, { passive: !1 });
+	}
+	_handleTouchEvents() {
+		this.canvas.addEventListener("touchstart", this._handleTouchStart, { passive: !1 });
+	}
+	_reset(e) {
+		this._lastPoints = [], this._lastVelocity = 0, this._lastWidth = (e.minWidth + e.maxWidth) / 2, this._ctx.fillStyle = e.penColor, this._ctx.globalCompositeOperation = e.compositeOperation;
+	}
+	_createPoint(e, t, n) {
+		let r = this.canvas.getBoundingClientRect();
+		return new _(e - r.left, t - r.top, n, (/* @__PURE__ */ new Date()).getTime());
+	}
+	_addPoint(e, t) {
+		let { _lastPoints: n } = this;
+		if (n.push(e), n.length > 2) {
+			n.length === 3 && n.unshift(n[0]);
+			let e = this._calculateCurveWidths(n[1], n[2], t), r = v.fromPoints(n, e);
+			return n.shift(), r;
+		}
+		return null;
+	}
+	_calculateCurveWidths(e, t, n) {
+		let r = n.velocityFilterWeight * t.velocityFrom(e) + (1 - n.velocityFilterWeight) * this._lastVelocity, i = this._strokeWidth(r, n), a = {
+			end: i,
+			start: this._lastWidth
+		};
+		return this._lastVelocity = r, this._lastWidth = i, a;
+	}
+	_strokeWidth(e, t) {
+		return Math.max(t.maxWidth / (e + 1), t.minWidth);
+	}
+	_drawCurveSegment(e, t, n) {
+		let r = this._ctx;
+		r.moveTo(e, t), r.arc(e, t, n, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+	}
+	_drawCurve(e, t) {
+		let n = this._ctx, r = e.endWidth - e.startWidth, i = Math.ceil(e.length()) * 2;
+		n.beginPath(), n.fillStyle = t.penColor;
+		for (let n = 0; n < i; n += 1) {
+			let a = n / i, o = a * a, s = o * a, c = 1 - a, l = c * c, u = l * c, d = u * e.startPoint.x;
+			d += 3 * l * a * e.control1.x, d += 3 * c * o * e.control2.x, d += s * e.endPoint.x;
+			let f = u * e.startPoint.y;
+			f += 3 * l * a * e.control1.y, f += 3 * c * o * e.control2.y, f += s * e.endPoint.y;
+			let p = Math.min(e.startWidth + s * r, t.maxWidth);
+			this._drawCurveSegment(d, f, p);
+		}
+		n.closePath(), n.fill();
+	}
+	_drawDot(e, t) {
+		let n = this._ctx, r = t.dotSize > 0 ? t.dotSize : (t.minWidth + t.maxWidth) / 2;
+		n.beginPath(), this._drawCurveSegment(e.x, e.y, r), n.closePath(), n.fillStyle = t.penColor, n.fill();
+	}
+	_fromData(e, t, n) {
+		for (let r of e) {
+			let { points: e } = r, i = this._getPointGroupOptions(r);
+			if (e.length > 1) for (let n = 0; n < e.length; n += 1) {
+				let r = e[n], a = new _(r.x, r.y, r.pressure, r.time);
+				n === 0 && this._reset(i);
+				let o = this._addPoint(a, i);
+				o && t(o, i);
+			}
+			else this._reset(i), n(e[0], i);
+		}
+	}
+	toSVG({ includeBackgroundColor: e = !1, includeDataUrl: t = !1 } = {}) {
+		let n = this._data, r = Math.max(window.devicePixelRatio || 1, 1), i = this.canvas.width / r, a = this.canvas.height / r, o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		if (o.setAttribute("xmlns", "http://www.w3.org/2000/svg"), o.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), o.setAttribute("viewBox", `0 0 ${i} ${a}`), o.setAttribute("width", i.toString()), o.setAttribute("height", a.toString()), e && this.backgroundColor) {
+			let e = document.createElement("rect");
+			e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", this.backgroundColor), o.appendChild(e);
+		}
+		if (t && this._dataUrl) {
+			let e = this._dataUrlOptions?.ratio || window.devicePixelRatio || 1, t = this._dataUrlOptions?.width || this.canvas.width / e, n = this._dataUrlOptions?.height || this.canvas.height / e, r = this._dataUrlOptions?.xOffset || 0, i = this._dataUrlOptions?.yOffset || 0, a = document.createElement("image");
+			a.setAttribute("x", r.toString()), a.setAttribute("y", i.toString()), a.setAttribute("width", t.toString()), a.setAttribute("height", n.toString()), a.setAttribute("preserveAspectRatio", "none"), a.setAttribute("href", this._dataUrl), o.appendChild(a);
+		}
+		return this._fromData(n, (e, { penColor: t }) => {
+			let n = document.createElement("path");
+			if (!isNaN(e.control1.x) && !isNaN(e.control1.y) && !isNaN(e.control2.x) && !isNaN(e.control2.y)) {
+				let r = `M ${e.startPoint.x.toFixed(3)},${e.startPoint.y.toFixed(3)} C ${e.control1.x.toFixed(3)},${e.control1.y.toFixed(3)} ${e.control2.x.toFixed(3)},${e.control2.y.toFixed(3)} ${e.endPoint.x.toFixed(3)},${e.endPoint.y.toFixed(3)}`;
+				n.setAttribute("d", r), n.setAttribute("stroke-width", (e.endWidth * 2.25).toFixed(3)), n.setAttribute("stroke", t), n.setAttribute("fill", "none"), n.setAttribute("stroke-linecap", "round"), o.appendChild(n);
+			}
+		}, (e, { penColor: t, dotSize: n, minWidth: r, maxWidth: i }) => {
+			let a = document.createElement("circle"), s = n > 0 ? n : (r + i) / 2;
+			a.setAttribute("r", s.toString()), a.setAttribute("cx", e.x.toString()), a.setAttribute("cy", e.y.toString()), a.setAttribute("fill", t), o.appendChild(a);
+		}), o.outerHTML;
+	}
+}, S = (e) => {
+	if (typeof document > "u") return null;
+	let t = document.createElement("div");
+	t.style.color = e, t.style.position = "absolute", t.style.visibility = "hidden", document.body.appendChild(t);
+	let n = getComputedStyle(t).color;
+	if (document.body.removeChild(t), !n || n === "transparent") return null;
+	let r = n.match(/\d+/g);
+	if (r && r.length >= 3) {
+		let e = Number.parseInt(r[0], 10), t = Number.parseInt(r[1], 10), n = Number.parseInt(r[2], 10), i = (e) => {
+			let t = e.toString(16);
+			return t.length === 1 ? `0${t}` : t;
+		};
+		return `#${i(e)}${i(t)}${i(n)}`;
+	}
+	return null;
+}, C = "var(--icon-neutral-800)", w = "#ffffff", T = (e) => {
+	let t = document.createElement("canvas");
+	t.width = e.width, t.height = e.height;
+	let n = t.getContext("2d");
+	if (!n) throw Error("Canvas 2D context is not available");
+	return n.fillStyle = w, n.fillRect(0, 0, t.width, t.height), n.drawImage(e, 0, 0), t;
+}, E = (e, t, n) => new Promise((r, i) => {
+	e.toBlob((e) => {
+		e ? r(e) : i(/* @__PURE__ */ Error("Canvas toBlob() returned null"));
+	}, t, t === "image/jpeg" || t === "image/webp" ? n : void 0);
+}), D = n(({ onBeginStroke: e, hasDrawing: n, placeholder: a, customPenColor: c, customPenStrokeWidth: l, customBackgroundColor: u, customBorderColor: d }, f) => {
+	let p = i(null), m = i(null), h = i(null), g = i(e);
+	g.current = e;
+	let _ = r(() => {
+		let e = p.current, t = m.current, n = h.current;
+		if (!e || !t || !n) return;
+		let r = Math.max(window.devicePixelRatio || 1, 1), i = t.getContext("2d"), { width: a, height: o } = e.getBoundingClientRect();
+		if (a === 0 || o === 0 || !i) return;
+		let s = n.isEmpty() ? null : n.toData();
+		t.width = Math.floor(a * r), t.height = Math.floor(o * r), i.setTransform(r, 0, 0, r, 0, 0), s ? n.fromData(s, { clear: !0 }) : n.clear();
+	}, []);
+	return o(f, () => ({
+		clear: () => {
+			h.current?.clear();
+		},
+		isEmpty: () => h.current?.isEmpty() ?? !0,
+		toDataURL: (e = "image/png", t) => h.current?.toDataURL(e, t) ?? "",
+		getCanvas: () => m.current,
+		getSignaturePad: () => h.current,
+		on: () => h.current?.on(),
+		off: () => h.current?.off(),
+		getSignatureWithWhiteBackground: () => {
+			let e = m.current;
+			return e ? T(e) : null;
+		},
+		getBlob: (e = m.current ?? void 0, t = "image/jpeg", n = .92) => e ? E(e, t, n) : Promise.reject(/* @__PURE__ */ Error("No canvas available for getBlob"))
+	}), []), t(() => {
+		let e = p.current, t = m.current;
+		if (!e || !t) return;
+		let n = null, r = () => {
+			n === null && (n = requestAnimationFrame(() => {
+				n = null, _();
+			}));
+		}, i = c ?? S(C), a = new x(t, {
+			...i ? { penColor: i } : {},
+			...l ? { maxWidth: l } : {}
+		});
+		h.current = a;
+		let o = () => g.current?.();
+		a.addEventListener("beginStroke", o), _();
+		let s = new ResizeObserver(() => {
+			r();
+		});
+		return s.observe(e), () => {
+			n !== null && cancelAnimationFrame(n), s.disconnect(), a.removeEventListener("beginStroke", o), a.off(), h.current = null;
+		};
+	}, [
+		_,
+		c,
+		l
+	]), /* @__PURE__ */ s("div", {
+		class: "SignatureCanvasContainer",
+		style: u || d ? {
+			...u ? { backgroundColor: u } : {},
+			...d ? { borderColor: d } : {}
+		} : void 0,
+		ref: p,
+		children: [/* @__PURE__ */ s("canvas", {
+			class: "SignatureCanvas",
+			ref: m,
+			"aria-label": a
+		}), !n && /* @__PURE__ */ s("p", {
+			class: "SignatureCanvasPlaceholder",
+			children: a
+		})]
+	});
+});
+D.displayName = "SignatureCanvas";
+//#endregion
+//#region src/modules/signature/signature.tsx
+var O = ({ config: n, onFinish: o, onError: l }) => {
+	let { t: m } = e(), [h, _] = c(() => g({ config: n }), { autoLoad: !0 }), [v, y] = a(!1), b = i(null), x = h.status === "error" ? h.error : void 0, S = h.status === "submitting", C = h.status === "capture" && h.canContinue && !S, w = r(() => {
+		b.current && (b.current.on(), b.current.clear(), y(!1), _.setSignatureValid(!1));
+	}, [_]);
+	t(() => {
+		h.status === "finished" && o?.();
+	}, [h.status, o]), t(() => {
+		x && (l?.(x), b.current?.on());
+	}, [x, l]);
+	let T = () => n.title?.trim() || m("signature.fullSignatureTitle"), E = () => n.subTitle?.trim() || m("signature.subtitle"), O = async () => {
+		let e = b.current;
+		if (!e) return;
+		let t = e.getSignatureWithWhiteBackground();
+		if (t) return n.sendBase64 ?? !1 ? t.toDataURL("image/png").replace(/^data:image\/png;base64,/, "") : e.getBlob(t);
+	};
+	return h.status === "idle" || h.status === "finished" || h.status === "error" ? null : h.status === "success" ? /* @__PURE__ */ s(p, {
+		status: "success",
+		successTitle: m("signature.successTitle")
+	}) : /* @__PURE__ */ s(d, {
+		className: "IncodeSignature IncodeSignatureFadeIn",
+		title: T(),
+		subtitle: E(),
+		children: [/* @__PURE__ */ s("div", {
+			class: "IncodeSignatureContent",
+			children: [
+				/* @__PURE__ */ s(D, {
+					ref: b,
+					hasDrawing: v,
+					onBeginStroke: () => {
+						y(!0), _.setSignatureValid(!0);
+					},
+					placeholder: m("signature.fullSignaturePlaceholder"),
+					customBackgroundColor: n.canvasBackgroundColor,
+					customBorderColor: n.canvasBorderColor,
+					customPenColor: n.penColor,
+					customPenStrokeWidth: n.penStrokeWidth
+				}),
+				/* @__PURE__ */ s(u, { size: 8 }),
+				/* @__PURE__ */ s(f, {
+					variant: "link",
+					disabled: !v || S,
+					onClick: w,
+					children: m("signature.clear")
+				})
+			]
+		}), /* @__PURE__ */ s("div", {
+			class: "IncodeSignatureButtonContainer",
+			children: /* @__PURE__ */ s(f, {
+				disabled: !C,
+				isLoading: S,
+				onClick: async () => {
+					let e = b.current;
+					if (!(!e || h.status !== "capture" || e.isEmpty())) {
+						e.off();
+						try {
+							let t = await O();
+							if (!t) {
+								e.on();
+								return;
+							}
+							_.submit(t);
+						} catch {
+							e.on();
+						}
+					}
+				},
+				children: m("signature.done")
+			})
+		})]
+	});
+}, k = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ s(l, { children: e ? /* @__PURE__ */ s(O, {
+	config: e,
+	onFinish: t,
+	onError: n
+}) : null });
+m(k, "incode-signature");
+//#endregion
+export { k as Signature };

package/dist/snackbar-BDp8x7Cv.js

@@ -0,0 +1,14 @@
+import { v as e } from "./vendor-preact-D6SntenC.js";
+import { n as t } from "./loadingIcon-BN5YRQUb.js";
+//#region src/shared/snackbar/snackbar.tsx
+var n = ({ variant: n = "neutral", children: r, className: i, ariaLive: a = "polite" }) => /* @__PURE__ */ e("div", {
+	role: "status",
+	"aria-live": a,
+	class: t("IncodeSnackbar", `IncodeSnackbar--${n}`, i),
+	children: /* @__PURE__ */ e("span", {
+		class: "IncodeSnackbarContent",
+		children: r
+	})
+});
+//#endregion
+export { n as t };

package/dist/spinner-B4dcie2T.js

@@ -0,0 +1 @@
+import "./spinner-CKnjVHxw.js";

package/dist/spinner-CKnjVHxw.js

@@ -0,0 +1,39 @@
+import { S as e, _ as t, l as n, v as r } from "./vendor-preact-D6SntenC.js";
+import { n as i, r as a, t as o } from "./loadingIcon-BN5YRQUb.js";
+import { t as s } from "./typography-CxjaknHN.js";
+//#region src/shared/spinner/spinner.tsx
+var c = {
+	small: 24,
+	medium: 48,
+	large: 64
+}, l = ({ title: l, subtitle: u, size: d = "medium", fullScreen: f = !0, className: p }) => {
+	let m = c[d], h = n(null);
+	return t(() => {
+		l && h.current?.focus();
+	}, [l]), /* @__PURE__ */ r("div", {
+		class: i("IncodeSpinner", f && "IncodeSpinnerFullScreen", p),
+		"data-testid": "spinner",
+		"data-title": l,
+		"data-subtitle": u,
+		"data-size": d,
+		role: "status",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ r("div", {
+			class: "IncodeSpinnerContent",
+			children: [/* @__PURE__ */ r(o, { size: m }), (l || u) && /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r(a, { size: 16 }), /* @__PURE__ */ r("div", {
+				class: "IncodeSpinnerText",
+				children: [l && /* @__PURE__ */ r(s, {
+					ref: h,
+					tabIndex: -1,
+					className: "IncodeSpinnerTitle",
+					children: l
+				}), u && /* @__PURE__ */ r(e, { children: [l && /* @__PURE__ */ r(a, { size: 12 }), /* @__PURE__ */ r("p", {
+					class: "IncodeSpinnerSubtitle",
+					children: u
+				})] })]
+			})] })]
+		})
+	});
+};
+//#endregion
+export { l as t };

package/dist/statusPage-CUI7ApcU.js

@@ -0,0 +1,28 @@
+import { v as e } from "./vendor-preact-D6SntenC.js";
+import { r as t } from "./loadingIcon-BN5YRQUb.js";
+import { t as n } from "./page-C1yT4DLb.js";
+import { t as r } from "./typography-CxjaknHN.js";
+//#region src/shared/statusPage/statusPage.tsx
+var i = ({ variant: i, icon: a, title: o, subtitle: s, titleRef: c, hideFooterBranding: l }) => /* @__PURE__ */ e(n, {
+	className: `IncodeStatusPage IncodeStatusPage--${i}`,
+	hideFooterBranding: l,
+	children: /* @__PURE__ */ e("div", {
+		class: "IncodeStatusPageContainer",
+		children: [
+			a,
+			/* @__PURE__ */ e(t, { size: 16 }),
+			/* @__PURE__ */ e(r, {
+				ref: c,
+				className: "IncodeStatusPageTitle",
+				tabIndex: c ? -1 : void 0,
+				children: o
+			}),
+			s && /* @__PURE__ */ e("p", {
+				class: "IncodeStatusPageSubtitle",
+				children: s
+			})
+		]
+	})
+});
+//#endregion
+export { i as t };

package/dist/successIcon-DbILeIz_.js

@@ -0,0 +1,28 @@
+import { v as e } from "./vendor-preact-D6SntenC.js";
+//#region src/shared/icons/successIcon.tsx
+var t = ({ size: t = 64 }) => /* @__PURE__ */ e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: t,
+	height: t,
+	viewBox: "0 0 64 64",
+	fill: "none",
+	class: "IncodeSuccessIcon",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ e("title", { children: "status" }),
+		/* @__PURE__ */ e("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M32 6.66669C18.032 6.66669 6.66663 18.032 6.66663 32C6.66663 45.9707 18.032 57.3334 32 57.3334C45.968 57.3334 57.3333 45.9707 57.3333 32C57.3333 18.032 45.968 6.66669 32 6.66669Z",
+			fill: "var(--icon-status-positive)"
+		}),
+		/* @__PURE__ */ e("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M42.648 27.2587L30.3333 39.5733C29.9413 39.9653 29.432 40.16 28.92 40.16C28.4053 40.16 27.896 39.9653 27.504 39.5733L21.3466 33.416C20.5653 32.6347 20.5653 31.368 21.3466 30.5867C22.128 29.8053 23.392 29.8053 24.1733 30.5867L28.92 35.3307L39.8186 24.4293C40.6 23.648 41.8666 23.648 42.648 24.4293C43.4293 25.2107 43.4293 26.4773 42.648 27.2587Z",
+			fill: "var(--icon-neutral-0)"
+		})
+	]
+});
+//#endregion
+export { t };