@getpinax/widget 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/chunks/{editor-DbHLGwOA.mjs → editor-0Kr31Uly.mjs}

@@ -1,5 +1,5 @@
-import { r as e, s as t } from "./widget-CkR1Ptzb.mjs";
-import { a as n, i as r, n as i, r as a, t as o } from "./privacy-DmU6v5Fr.mjs";
+import { c as e, r as t } from "./widget-BpTBdX2R.mjs";
+import { a as n, i as r, n as i, r as a, t as o } from "./privacy-B_b1_Y1n.mjs";
 // src/editor/shapes.ts
 var s = "#FF5C35", c = "#CC3F1B";
 function l(e) {
@@ -78,27 +78,27 @@ var g = "\n.ed { position: fixed; inset: 0; z-index: 10; display: flex; flex-dir
 	["text", "Text"],
 	["blur", "Blur"]
 ], v = 6;
-function y(t, n, r, i = []) {
+function y(e, n, r, i = []) {
 	return new Promise((a) => {
-		let o = n.width, s = n.height, c = r ? r.shapes.map((e) => ({ ...e })) : [], u = r?.area ? { ...r.area } : null, f = "box", y = u ? "area" : "full", x = null, S = null, C = null, w = t.activeElement, T = e("style");
+		let o = n.width, s = n.height, c = r ? r.shapes.map((e) => ({ ...e })) : [], u = r?.area ? { ...r.area } : null, f = "box", y = u ? "area" : "full", x = null, S = null, C = null, w = e.activeElement, T = t("style");
 		T.textContent = g;
-		let E = e("div", {
+		let E = t("div", {
 			class: "ed-sr",
 			role: "status",
 			"aria-live": "polite"
 		}), D = (e) => {
 			E.textContent = e;
-		}, O = e("canvas", {
+		}, O = t("canvas", {
 			class: "ed-cv",
 			width: o,
 			height: s,
 			tabindex: 0,
 			role: "img"
-		}), k = O.getContext("2d"), A = (t, n = "ed-t", r = {}) => e("button", {
+		}), k = O.getContext("2d"), A = (e, n = "ed-t", r = {}) => t("button", {
 			type: "button",
 			class: n,
 			...r
-		}, t), j = A("Whole screen", "ed-t", { "aria-pressed": "true" }), M = A("Select area", "ed-t", { "aria-pressed": "false" }), N = _.map(([e, t]) => {
+		}, e), j = A("Whole screen", "ed-t", { "aria-pressed": "true" }), M = A("Select area", "ed-t", { "aria-pressed": "false" }), N = _.map(([e, t]) => {
 			let n = A(t, "ed-t", {
 				"aria-pressed": "false",
 				"data-tool": e
@@ -106,13 +106,13 @@ function y(t, n, r, i = []) {
 			return n.addEventListener("click", () => {
 				f = e, R = !1, u || (y = "full"), H();
 			}), n;
-		}), P = A("Undo"), F = A("Clear"), I = A("Cancel"), te = A("Done", "ed-t ed-done"), ne = e("p", {
+		}), P = A("Undo"), F = A("Clear"), I = A("Cancel"), te = A("Done", "ed-t ed-done"), ne = t("p", {
 			class: "ed-hint",
 			id: "pnx-ed-hint"
-		}), L = i.length ? e("p", {
+		}), L = i.length ? t("p", {
 			class: "ed-auto",
 			id: "pnx-ed-auto"
-		}, e("i", { "aria-hidden": "true" }), `${i.length === 1 ? "1 private detail was" : `${i.length} private details were`} blurred automatically (outlined). They stay blurred.`) : null;
+		}, t("i", { "aria-hidden": "true" }), `${i.length === 1 ? "1 private detail was" : `${i.length} private details were`} blurred automatically (outlined). They stay blurred.`) : null;
 		O.setAttribute("aria-describedby", L ? "pnx-ed-hint pnx-ed-auto" : "pnx-ed-hint");
 		let R = !1;
 		j.addEventListener("click", () => {
@@ -124,25 +124,25 @@ function y(t, n, r, i = []) {
 		}), F.addEventListener("click", () => {
 			c.length = 0, D("All marks cleared."), H();
 		});
-		let re = e("div", {
+		let re = t("div", {
 			class: "ed-bar",
 			role: "toolbar",
 			"aria-label": "Screenshot tools"
-		}, e("div", {
+		}, t("div", {
 			class: "ed-grp",
 			role: "group",
 			"aria-label": "Capture"
-		}, j, M), e("span", {
+		}, j, M), t("span", {
 			class: "ed-sep",
 			"aria-hidden": "true"
-		}), e("div", {
+		}), t("div", {
 			class: "ed-grp",
 			role: "group",
 			"aria-label": "Draw"
-		}, ...N), e("span", {
+		}, ...N), t("span", {
 			class: "ed-sep",
 			"aria-hidden": "true"
-		}), e("div", { class: "ed-grp" }, P, F), e("span", { class: "ed-sp" }), e("div", { class: "ed-grp" }, I, te)), z = e("div", { class: "ed-stage" }, O), B = e("div", {
+		}), t("div", { class: "ed-grp" }, P, F), t("span", { class: "ed-sp" }), t("div", { class: "ed-grp" }, I, te)), z = t("div", { class: "ed-stage" }, O), B = t("div", {
 			class: "ed",
 			role: "dialog",
 			"aria-modal": "true",
@@ -205,26 +205,26 @@ function y(t, n, r, i = []) {
 		function G(e) {
 			c.push(l(e)), D(`${e.type === "blur" ? "Blurred area" : e.type[0].toUpperCase() + e.type.slice(1)} added.`), H();
 		}
-		function K(t, n) {
+		function K(e, n) {
 			C?.remove();
-			let r = e("input", {
+			let r = t("input", {
 				class: "ed-txt",
 				type: "text",
 				maxlength: 120,
 				"aria-label": "Label text",
 				placeholder: "Type a label, then Enter",
 				autocomplete: "off"
-			}), i = O.getBoundingClientRect(), a = z.getBoundingClientRect(), c = i.left - a.left + t / o * i.width, l = i.top - a.top + n / s * i.height;
+			}), i = O.getBoundingClientRect(), a = z.getBoundingClientRect(), c = i.left - a.left + e / o * i.width, l = i.top - a.top + n / s * i.height;
 			r.style.left = `${Math.min(c, a.width - 170)}px`, r.style.top = `${Math.min(l, a.height - 40)}px`;
-			let u = !1, f = (e) => {
+			let u = !1, f = (t) => {
 				if (u) return;
 				u = !0;
 				let i = r.value.trim();
-				if (r.remove(), C = null, e && i) {
-					let e = d(o, s), r = p(k, i, e);
+				if (r.remove(), C = null, t && i) {
+					let t = d(o, s), r = p(k, i, t);
 					G({
 						type: "text",
-						x: se(t, r.w),
+						x: se(e, r.w),
 						y: W(n, r.h),
 						w: r.w,
 						h: r.h,
@@ -322,17 +322,17 @@ function y(t, n, r, i = []) {
 			});
 		}
 		I.addEventListener("click", () => J(null)), te.addEventListener("click", le);
-		function ue(e) {
-			if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), J(null);
-			else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "z") e.preventDefault(), c.pop() && D("Last mark removed."), H();
-			else if (e.key === "Tab") {
+		function ue(t) {
+			if (t.key === "Escape") t.preventDefault(), t.stopPropagation(), J(null);
+			else if ((t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "z") t.preventDefault(), c.pop() && D("Last mark removed."), H();
+			else if (t.key === "Tab") {
 				let n = [...B.querySelectorAll("button:not(:disabled), canvas, input")];
 				if (!n.length) return;
-				let r = n[0], i = n[n.length - 1], a = t.activeElement;
-				e.shiftKey && a === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && a === i && (e.preventDefault(), r.focus());
+				let r = n[0], i = n[n.length - 1], a = e.activeElement;
+				t.shiftKey && a === r ? (t.preventDefault(), i.focus()) : !t.shiftKey && a === i && (t.preventDefault(), r.focus());
 			}
 		}
-		B.addEventListener("keydown", ue, !0), t.append(T, B), H(), N[0].focus();
+		B.addEventListener("keydown", ue, !0), e.append(T, B), H(), N[0].focus();
 	});
 }
 function b(e) {
@@ -1319,8 +1319,8 @@ function Rt(e, t) {
 	let n = document.createElement("canvas");
 	return n.width = Math.max(1, Math.round(e.width * t)), n.height = Math.max(1, Math.round(e.height * t)), n.getContext("2d")?.drawImage(e, 0, 0, n.width, n.height), n;
 }
-function zt(e, n = It) {
-	let r = e, i = "";
+function zt(t, n = It) {
+	let r = t, i = "";
 	for (let e = 0; e < 6; e++) {
 		for (let e of [
 			.85,
@@ -1332,7 +1332,7 @@ function zt(e, n = It) {
 		}
 		r = Rt(r, .75);
 	}
-	if (Lt(i) > t.screenshotBytes || i.length > t.screenshotChars) throw Error("Screenshot too large");
+	if (Lt(i) > e.screenshotBytes || i.length > e.screenshotChars) throw Error("Screenshot too large");
 	return i;
 }
 // src/editor/index.ts
@@ -1365,4 +1365,4 @@ async function Vt(e, t) {
 }
 export { Vt as markUp, Bt as takeScreenshot };
 
-//# sourceMappingURL=editor-DbHLGwOA.mjs.map
+//# sourceMappingURL=editor-0Kr31Uly.mjs.map

package/dist/chunks/{privacy-DmU6v5Fr.mjs → privacy-B_b1_Y1n.mjs}

@@ -29,11 +29,11 @@ function a(e) {
 	for (let i of t) n += e.slice(r, i.start) + "*".repeat(i.end - i.start), r = i.end;
 	return n + e.slice(r);
 }
-var o = "(?:(?:full|your|first|last|guest|customer|client|contact|booking|patient|member|account|lead)\\s+name|name|customer|guest|client|booked by|card ?holder|account holder)", s = RegExp(`^${o}\\s*[:：]?$`, "i"), c = RegExp(`^${o}\\s*[:：]\\s*`, "i"), l = /\b(?:signed in as|logged in as|welcome back,?)\s+/i;
+var o = (e) => RegExp(`^(?:(?:full|your|first|last|guest|customer|client|contact|booking|patient|member|account|lead)\\s+name|name|customer|guest|client|booked by|card ?holder|account holder)${e}`, "i"), s = /* @__PURE__ */ o("\\s*[:：]?$"), c = /* @__PURE__ */ o("\\s*[:：]\\s*"), l = /\b(?:signed in as|logged in as|welcome back,?)\s+/i;
 function u(e) {
 	let t = e.trim();
 	return t.length >= 2 && t.length <= 60 && /\p{L}/u.test(t) && t.split(/\s+/).length <= 5;
 }
 export { u as a, i, s as n, a as o, l as r, c as t };
 
-//# sourceMappingURL=privacy-DmU6v5Fr.mjs.map
+//# sourceMappingURL=privacy-B_b1_Y1n.mjs.map

package/dist/chunks/{recorder-BUtEB_em.mjs → recorder-tu4yugLw.mjs}

@@ -1,5 +1,5 @@
-import { o as e } from "./privacy-DmU6v5Fr.mjs";
-import { n as t } from "./text-8QYEyRYs.mjs";
+import { o as e } from "./privacy-B_b1_Y1n.mjs";
+import { a as t } from "./text-D9SaDBT0.mjs";
 // node_modules/@rrweb/record/dist/record.js
 var n = Object.defineProperty, r = (e, t, r) => t in e ? n(e, t, {
 	enumerable: !0,
@@ -2763,62 +2763,77 @@ var jn = /* @__PURE__ */ new Set([
 	"longdesc",
 	"ping",
 	"xlink:href"
-]), Mn = (e) => e === "style" || e === "_cssText" || e.startsWith("rr_");
-function Nn(n, r) {
+]), Mn = /* @__PURE__ */ new Set([
+	"alt",
+	"title",
+	"placeholder",
+	"label",
+	"value",
+	"summary",
+	"abbr",
+	"aria-label",
+	"aria-description",
+	"aria-roledescription",
+	"aria-valuetext",
+	"aria-placeholder"
+]), Nn = (e) => e === "style" || e === "_cssText" || e.startsWith("rr_");
+function Pn(n, r) {
 	let i = n.trim();
 	return !i || /^(data|blob):/i.test(i) ? n : i.startsWith("#") ? "#" : e(t(i, r));
 }
-function Pn(e, t) {
+function Fn(e, t) {
 	return e.split(",").map((e) => {
 		let [n, ...r] = e.trim().split(/\s+/);
-		return n ? [Nn(n, t), ...r].join(" ") : e;
+		return n ? [Pn(n, t), ...r].join(" ") : e;
 	}).join(", ");
 }
-function Fn(t, n, r) {
-	let i = {}, a = n?.toLowerCase() === "input" && String(t.type ?? "").toLowerCase() === "hidden";
+function In(t, n, r, i = !1) {
+	let a = {}, o = n?.toLowerCase() === "input" && String(t.type ?? "").toLowerCase() === "hidden";
 	for (let n in t) {
-		let o = t[n], s = n.toLowerCase();
-		a && s === "value" || (i[n] = typeof o != "string" || Mn(s) ? o : jn.has(s) ? Nn(o, r) : s === "srcset" ? Pn(o, r) : e(o));
+		let s = t[n], c = n.toLowerCase();
+		o && c === "value" || (a[n] = typeof s != "string" || Nn(c) ? s : jn.has(c) ? Pn(s, r) : c === "srcset" ? Fn(s, r) : i && Mn.has(c) ? s.replace(/\S/g, "*") : e(s));
 	}
-	return i;
+	return a;
 }
-function In(e, t = typeof location > "u" ? void 0 : location.href) {
-	return JSON.stringify(e, function(e, n) {
-		if (e === "attributes" && n && typeof n == "object" && !Array.isArray(n)) return Fn(n, this.tagName, t);
-		if (e === "data" && this.type === 4 && n && typeof n == "object" && typeof n.href == "string") {
-			let e = n;
+function Ln(e, t = typeof location > "u" ? void 0 : location.href, n = {}) {
+	return JSON.stringify(e, function(e, r) {
+		if (e === "attributes" && r && typeof r == "object" && !Array.isArray(r)) return In(r, this.tagName, t, n.maskText === !0);
+		if (e === "data" && this.type === 4 && r && typeof r == "object" && typeof r.href == "string") {
+			let e = r;
 			return {
 				...e,
-				href: Nn(e.href, t)
+				href: Pn(e.href, t)
 			};
 		}
-		return n;
+		return r;
 	});
 }
 // src/replay/recorder.ts
-var Ln = 3e4, Rn = 1e4, zn = "[contenteditable]:not([contenteditable=false])";
-function Bn(t = {}) {
-	let n = new On(Ln), r = Dn({
+var Rn = 3e4, zn = 1e4, Bn = "[contenteditable]:not([contenteditable=false])", Vn = "img,picture,video,canvas,iframe", Hn = (e) => e.replace(/\S/g, "*");
+function Un(t = {}) {
+	let n = t.mask !== "inputs", r = new On(Rn), i = Dn({
 		emit: (e) => {
 			try {
-				n.push(e);
+				r.push(e);
 			} catch {}
 		},
-		checkoutEveryNms: Rn,
+		checkoutEveryNms: zn,
 		maskAllInputs: !0,
 		blockClass: "pinax-mask",
 		blockSelector: [
 			"[data-pinax-mask]",
 			"input[type=hidden]",
+			n ? Vn : "",
 			t.exclude
 		].filter(Boolean).join(","),
 		maskTextClass: "pinax-mask",
 		maskTextSelector: "*",
-		maskTextFn: (t, n) => {
+		maskTextFn: (t, r) => {
+			if (n) return Hn(t);
 			try {
-				return n?.closest?.(`${zn},[data-pinax-mask],.pinax-mask`) ? t.replace(/\S/g, "*") : e(t);
+				return r?.closest?.(`${Bn},[data-pinax-mask],.pinax-mask`) ? Hn(t) : e(t);
 			} catch {
-				return t.replace(/\S/g, "*");
+				return Hn(t);
 			}
 		},
 		slimDOMOptions: "all",
@@ -2835,25 +2850,25 @@ function Bn(t = {}) {
 	});
 	return {
 		async exportReplay(e) {
-			let t = n.segmentCount;
-			for (let r = t; r >= 1; r--) {
-				let t = n.events(r);
+			let t = r.segmentCount;
+			for (let i = t; i >= 1; i--) {
+				let t = r.events(i);
 				if (!t.length) return null;
-				let i = await An(In(t));
-				if (!i) return null;
-				let a = kn(i);
-				if (a.length <= e) return a;
+				let a = await An(Ln(t, void 0, { maskText: n }));
+				if (!a) return null;
+				let o = kn(a);
+				if (o.length <= e) return o;
 			}
 			return null;
 		},
 		stop() {
 			try {
-				r?.();
+				i?.();
 			} catch {}
-			n.clear();
+			r.clear();
 		}
 	};
 }
-export { Rn as CHECKOUT_MS, Ln as WINDOW_MS, Bn as startRecorder };
+export { zn as CHECKOUT_MS, Vn as MEDIA, Rn as WINDOW_MS, Un as startRecorder };
 
-//# sourceMappingURL=recorder-BUtEB_em.mjs.map
+//# sourceMappingURL=recorder-tu4yugLw.mjs.map