@plitzi/sdk-interactions 0.37.2 → 0.37.3

package/dist/sources/StateSource/StateInteractions.mjs

@@ -4,72 +4,85 @@ import { use as n, useCallback as r, useMemo as i } from "react";
 import { toInteractionCallbacks as a } from "@plitzi/sdk-shared/authoring/builder";
 import { useCommonStoreSetter as o } from "@plitzi/sdk-shared/store";
 //#region src/sources/StateSource/StateInteractions.tsx
-var s = 0, c = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `e${++s}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`, l = ({ children: s }) => {
-	let { useInteractions: l } = n(e), u = o(), d = r((e) => {
-		let { key: t, type: n } = e, { value: r } = e;
-		n === "boolean" ? r = r === !0 || r === "true" : n === "number" && (r = parseInt(r, 10)), u(`runtime.state.${t}`, r);
-	}, [u]), f = r((e) => {
+var s = 0, c = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `e${++s}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`, l = (e, t) => {
+	if (typeof t != "string") return t;
+	try {
+		return JSON.parse(t);
+	} catch {
+		throw Error(`setState "${e}" is typed json, and its value is not JSON: ${t.slice(0, 80)}`);
+	}
+}, u = ({ children: s }) => {
+	let { useInteractions: u } = n(e), d = o(), f = r((e) => {
+		let { key: t, type: n } = e, r = e.value;
+		if (n === "boolean") r = r === !0 || r === "true";
+		else if (n === "number") r = typeof r == "number" ? r : parseFloat(String(r));
+		else if (n === "json") {
+			d(`runtime.state.${t}`, l(t, r));
+			return;
+		}
+		d(`runtime.state.${t}`, r);
+	}, [d]), p = r((e) => {
 		let { key: t } = e;
-		t && u(`runtime.state.${t}`, (e) => e !== !0 && e !== "true");
-	}, [u]), p = (e) => e === !0 || e === "true", m = r((e) => {
+		t && d(`runtime.state.${t}`, (e) => e !== !0 && e !== "true");
+	}, [d]), m = (e) => e === !0 || e === "true", h = r((e) => {
 		let { key: t, value: n, unique: r, withId: i } = e;
-		t && u(`runtime.state.${t}`, (e) => {
+		t && d(`runtime.state.${t}`, (e) => {
 			let t = Array.isArray(e) ? e : [];
-			return p(i) ? [...t, {
+			return m(i) ? [...t, {
 				id: c(),
 				value: n
-			}] : p(r) && t.includes(n) ? t : [...t, n];
+			}] : m(r) && t.includes(n) ? t : [...t, n];
 		});
-	}, [u]), h = r((e) => {
+	}, [d]), g = r((e) => {
 		let { key: t, index: n, value: r, by: i } = e;
 		if (!t) return;
 		if (r !== void 0 && r !== "") {
-			u(`runtime.state.${t}`, (e) => Array.isArray(e) ? e.filter((e) => i ? e?.[i] !== r : e !== r) : []);
+			d(`runtime.state.${t}`, (e) => Array.isArray(e) ? e.filter((e) => i ? e?.[i] !== r : e !== r) : []);
 			return;
 		}
 		let a = typeof n == "number" ? n : parseInt(n ?? "", 10);
-		Number.isNaN(a) || u(`runtime.state.${t}`, (e) => Array.isArray(e) ? e.filter((e, t) => t !== a) : []);
-	}, [u]), g = r((e) => {
+		Number.isNaN(a) || d(`runtime.state.${t}`, (e) => Array.isArray(e) ? e.filter((e, t) => t !== a) : []);
+	}, [d]), _ = r((e) => {
 		let { from: t, to: n, value: r } = e;
 		if (!t || !n || r === void 0 || r === "") return;
 		let i = { moved: !1 };
-		u(`runtime.state.${t}`, (e) => {
+		d(`runtime.state.${t}`, (e) => {
 			let t = Array.isArray(e) ? e : [];
 			return i.moved = t.includes(r), i.moved ? t.filter((e) => e !== r) : t;
-		}), i.moved && u(`runtime.state.${n}`, (e) => {
+		}), i.moved && d(`runtime.state.${n}`, (e) => {
 			let t = Array.isArray(e) ? e : [];
 			return t.includes(r) ? t : [...t, r];
 		});
-	}, [u]), _ = r((e) => {
+	}, [d]), v = r((e) => {
 		let { key: t, value: n } = e;
-		t && n !== void 0 && n !== "" && u(`runtime.state.${t}`, (e) => {
+		t && n !== void 0 && n !== "" && d(`runtime.state.${t}`, (e) => {
 			let t = Array.isArray(e) ? e : [];
 			return t.includes(n) ? t.filter((e) => e !== n) : [...t, n];
 		});
-	}, [u]), v = r((e) => {
+	}, [d]), y = r((e) => {
 		let { key: t } = e;
-		u(t ? `runtime.state.${t}` : "runtime.state", t ? [] : {});
-	}, [u]);
-	return l({
+		d(t ? `runtime.state.${t}` : "runtime.state", t ? [] : {});
+	}, [d]);
+	return u({
 		id: "state",
 		callbacks: i(() => a(t, {
-			setState: d,
-			toggleState: f,
-			appendState: m,
-			removeState: h,
-			moveState: g,
-			toggleInState: _,
-			clearState: v
+			setState: f,
+			toggleState: p,
+			appendState: h,
+			removeState: g,
+			moveState: _,
+			toggleInState: v,
+			clearState: y
 		}), [
-			d,
 			f,
-			m,
+			p,
 			h,
 			g,
 			_,
-			v
+			v,
+			y
 		])
 	}), s;
 };
 //#endregion
-export { l as default };
+export { u as default };

package/dist/sources/StateSource/callbacks.mjs

@@ -12,21 +12,23 @@ var e = {
 			},
 			type: {
 				type: "select",
-				description: "The value type. What is stored is coerced to it — a boolean is a real boolean, not \"true\".",
+				description: "The value type. What is stored is coerced to it — a boolean is a real boolean, not \"true\"; `json` stores an object or a list (a template naming one, or JSON text).",
 				options: [
 					"boolean",
 					"number",
-					"text"
+					"text",
+					"json"
 				],
 				optionLabels: {
 					boolean: "True / False",
 					number: "Numeric",
-					text: "Text"
+					text: "Text",
+					json: "Object / List (JSON)"
 				}
 			},
 			value: {
-				type: "scalar",
-				description: "The value to store — its type follows the `type` param (a real boolean/number, or text).",
+				type: "json",
+				description: "The value to store — its type follows the `type` param (a real boolean/number, text, or an object/list).",
 				when: (e) => !!e.type,
 				builderType: (e) => e.type === "boolean" ? "select" : "text",
 				options: ["true", "false"]

package/dist/utility/index.d.ts

@@ -9,8 +9,9 @@ declare const _default: {
     webHook: import('@plitzi/sdk-shared').InteractionCallback<{
         url: string;
         method: string;
-        body: Record<string, string | Blob>;
+        body: Record<string, string | Blob> | string;
         authorizationToken: string;
+        headers?: Record<string, unknown> | string | null;
         credentials: RequestCredentials;
         cache?: boolean | string;
         staleTime?: number | string;

package/dist/utility/webHook.d.ts

@@ -2,8 +2,11 @@ import { InteractionCallback } from '@plitzi/sdk-shared';
 type WebHookParams = {
     url: string;
     method: string;
-    body: Record<string, string | Blob>;
+    /** The fields to send — or, left as the step's default, the empty text. */
+    body: Record<string, string | Blob> | string;
     authorizationToken: string;
+    /** Extra headers, by name — or, left as the step's default, the empty text. Values are what the templates resolved to. */
+    headers?: Record<string, unknown> | string | null;
     credentials: RequestCredentials;
     cache?: boolean | string;
     staleTime?: number | string;

package/dist/utility/webHook.mjs

@@ -9,56 +9,59 @@ var a = /* @__PURE__ */ new Set(["GET", "HEAD"]), o = /* @__PURE__ */ new Set([
 ]), s = (t) => {
 	let n = Number(t);
 	return (Number.isFinite(n) && n >= 0 ? n : Number(e.params.staleTime.default)) * 1e3;
-}, c = (e) => e ? { Authorization: `Bearer ${e}` } : {}, l = async ({ url: e, authorizationToken: t, body: n, credentials: r }, i) => {
+}, c = (e) => e ? { Authorization: `Bearer ${e}` } : {}, l = (e) => typeof e == "object" && e ? e : {}, u = /* @__PURE__ */ new Set(["authorization", "content-type"]), d = (e) => typeof e == "object" && e ? Object.fromEntries(Object.entries(e).flatMap(([e, t]) => (typeof t == "string" || typeof t == "number") && t !== "" && !u.has(e.toLowerCase()) ? [[e, String(t)]] : [])) : {}, f = async ({ url: e, authorizationToken: t, headers: n, body: r, credentials: i }, a) => {
+	let s = l(r), u = Object.values(s).some((e) => e instanceof Blob);
 	try {
-		let a = {
-			"Content-Type": "application/json",
-			...c(t)
+		let r = {
+			method: a,
+			headers: {
+				...d(n),
+				...u ? {} : { "Content-Type": "application/json" },
+				...c(t)
+			},
+			credentials: i
 		};
-		Object.values(n).some((e) => e instanceof Blob) && (a["Content-Type"] = "multipart/form-data");
-		let s = {
-			method: i,
-			headers: a,
-			credentials: r
-		};
-		if (!o.has(i)) {
-			if (a["Content-Type"] === "application/json") s.body = JSON.stringify(n);
+		if (!o.has(a)) {
+			if (!u) r.body = JSON.stringify(s);
 			else {
 				let e = new FormData();
-				Object.entries(n).forEach(([t, n]) => {
+				Object.entries(s).forEach(([t, n]) => {
 					e.append(t, n);
-				}), s.body = e;
+				}), r.body = e;
 			}
 		}
-		let l = await fetch(e, s), u = "";
+		let l = await fetch(e, r), f = "";
 		try {
-			u = await l.json();
+			f = await l.json();
 		} catch {}
 		return {
 			status: l.status,
-			data: u
+			data: f
 		};
 	} catch (e) {
 		return console.error(e), {};
 	}
-}, u = t("webHook", e, async (e) => {
+}, p = t("webHook", e, async (e) => {
 	let t = (e.method || "get").toUpperCase();
 	if (a.has(t)) {
-		if (e.cache !== !0 && e.cache !== "true") return { response: await l(e, t) };
+		if (e.cache !== !0 && e.cache !== "true") return { response: await f(e, t) };
 		let n = i({
 			method: t,
 			url: e.url,
 			credentials: e.credentials,
-			headers: c(e.authorizationToken)
+			headers: {
+				...d(e.headers),
+				...c(e.authorizationToken)
+			}
 		});
 		return { response: await r.fetchQuery(n, {
 			meta: { url: e.url },
-			fetcher: () => l(e, t),
+			fetcher: () => f(e, t),
 			staleTime: s(e.staleTime),
 			isCacheable: (e) => e.status !== void 0 && e.status < 400
 		}) ?? {} };
 	}
-	let o = await l(e, t);
+	let o = await f(e, t);
 	return o.status !== void 0 && o.status >= 200 && o.status < 300 && n({
 		mode: e.invalidateQueries,
 		fallback: "origin",
@@ -67,4 +70,4 @@ var a = /* @__PURE__ */ new Set(["GET", "HEAD"]), o = /* @__PURE__ */ new Set([
 	}), { response: o };
 });
 //#endregion
-export { u as default };
+export { p as default };

package/dist/utility/webHookSpec.mjs

@@ -29,15 +29,22 @@ var t = (e) => {
 			canBind: !1
 		},
 		body: {
-			type: "textarea",
-			description: "Request body.",
-			default: ""
+			type: "json",
+			description: "Request body: an object of fields (sent as JSON, or as form data when one of them is a file). Pass a real object, with templates for its values — `{ email: \"{{ submitted.values.email }}\" }`.",
+			default: "",
+			builderType: "textarea"
 		},
 		authorizationToken: {
 			type: "text",
 			description: "Value sent as the Authorization header.",
 			default: ""
 		},
+		headers: {
+			type: "json",
+			description: "Headers of the request, as an object of name to value, with templates for the values like the body: `{ \"x-api-key\": \"{{ apiKey }}\" }`. Authorization is set by `authorizationToken` and the content type follows the body, so neither is set here.",
+			default: "",
+			builderType: "textarea"
+		},
 		credentials: {
 			type: "select",
 			description: "fetch credentials mode.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-interactions",
-  "version": "0.37.2",
+  "version": "0.37.3",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -185,16 +185,16 @@
   "devDependencies": {
     "eslint": "^9.39.5",
     "typescript": "^6.0.3",
-    "vite": "^8.3.0",
+    "vite": "^8.3.1",
     "vitest": "^5.0.1"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.22",
-    "@plitzi/sdk-auth": "0.37.2",
-    "@plitzi/sdk-dev-tools": "0.37.2",
-    "@plitzi/sdk-event-bridge": "0.37.2",
-    "@plitzi/sdk-navigation": "0.37.2",
-    "@plitzi/sdk-schema": "0.37.2",
-    "@plitzi/sdk-shared": "0.37.2"
+    "@plitzi/plitzi-ui": "^1.6.24",
+    "@plitzi/sdk-auth": "0.37.3",
+    "@plitzi/sdk-dev-tools": "0.37.3",
+    "@plitzi/sdk-event-bridge": "0.37.3",
+    "@plitzi/sdk-navigation": "0.37.3",
+    "@plitzi/sdk-schema": "0.37.3",
+    "@plitzi/sdk-shared": "0.37.3"
   }
 }

package/dist/utility/transformer.d.ts

@@ -1 +0,0 @@
-export {};