@plitzi/sdk-elements 0.36.0 → 0.36.2

package/dist/elements/internal/Page/Settings.mjs

@@ -1,228 +1,210 @@
-import { useCallback as e, useMemo as t } from "react";
-import { useCommonStore as n } from "@plitzi/sdk-shared/store";
-import { get as r, pick as i } from "@plitzi/plitzi-ui/helpers";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { getPageFullPath as c } from "@plitzi/sdk-navigation/NavigationHelper";
-import l from "@plitzi/plitzi-ui/Alert";
-import u from "@plitzi/plitzi-ui/Checkbox";
-import d from "@plitzi/plitzi-ui/Input";
-import f from "@plitzi/plitzi-ui/TextArea";
-import p from "@plitzi/plitzi-ui/Select";
-import m from "@plitzi/plitzi-ui/Select2";
+import e from "../LayoutPicker/index.mjs";
+import { useCallback as t, useMemo as n } from "react";
+import { useCommonStore as r } from "@plitzi/sdk-shared/store";
+import { get as i, pick as a } from "@plitzi/plitzi-ui/helpers";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { getPageFullPath as l } from "@plitzi/sdk-navigation/NavigationHelper";
+import u from "@plitzi/plitzi-ui/Alert";
+import d from "@plitzi/plitzi-ui/Checkbox";
+import f from "@plitzi/plitzi-ui/Input";
+import p from "@plitzi/plitzi-ui/TextArea";
+import m from "@plitzi/plitzi-ui/Select";
+import h from "@plitzi/plitzi-ui/Select2";
 //#region src/elements/internal/Page/Settings.tsx
-var h = ({ id: h = "", seoEnabled: g = !1, enabled: _ = !0, name: v = "", folder: y = "", seoPageTitle: b = "Title", seoPageDescription: x = "Description", slug: S = "", layout: C = "", layoutContainer: w = "", accessLevel: T = "", unauthorizedBehaviour: E = "", unauthorizedPageRedirect: D = "", onUpdate: O }) => {
-	let [[k, A, j]] = n([
+var g = ({ id: g = "", seoEnabled: _ = !1, enabled: v = !0, name: y = "", folder: b = "", seoPageTitle: x = "Title", seoPageDescription: S = "Description", slug: C = "", layout: w = "", layoutContainer: T = "", accessLevel: E = "", unauthorizedBehaviour: D = "", unauthorizedPageRedirect: O = "", onUpdate: k }) => {
+	let [[A, j, M]] = r([
 		"schema.flat",
 		"schema.pages",
 		"schema.pageFolders"
-	]), M = t(() => Object.values(k).filter((e) => r(e, "definition.type", "") === "layoutContainer"), [k]), N = t(() => C ? Object.values(k).filter((e) => r(e, "definition.type", "") === "container" && r(e, "definition.rootId", "") === C) : [], [k, C]), P = t(() => Object.values(i(k, A.filter((e) => e !== h))), [
-		k,
-		h,
-		A
-	]), F = e((e) => (t) => O?.(e, t), [O]), I = e((e) => {
-		O?.("name", e);
-		let t = v.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9]+)/gi, "");
-		(!S || S === t) && O?.("slug", e.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9-]+)/gi, ""));
+	]), N = n(() => Object.values(a(A, j.filter((e) => e !== g))), [
+		A,
+		g,
+		j
+	]), P = t((e) => (t) => k?.(e, t), [k]), F = t((e) => {
+		k?.("name", e);
+		let t = y.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9]+)/gi, "");
+		(!C || C === t) && k?.("slug", e.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9-]+)/gi, ""));
 	}, [
-		O,
-		S,
-		v
-	]), L = e((e) => {
+		k,
+		C,
+		y
+	]), I = t((e) => {
 		if (/^[a-zA-Z0-9:*/_-]+$/gim.test(e) || !e) {
 			let t = e.replaceAll("//", "/");
-			O?.("slug", t);
+			k?.("slug", t);
 		}
-	}, [O]), R = e((e) => {
-		O?.("layout", e), O?.("layoutContainer", "");
-	}, [O]), z = e((e) => {
-		O?.("accessLevel", e), O?.("unauthorizedBehaviour", ""), O?.("unauthorizedPageRedirect", "");
-	}, [O]), B = e((e) => O?.("seoEnabled", e.target.checked), [O]), V = e((e) => O?.("enabled", e.target.checked), [O]), H = e((e) => O?.("folder", e?.value ?? ""), [O]), U = t(() => [{
+	}, [k]), L = t((e) => {
+		k?.("accessLevel", e), k?.("unauthorizedBehaviour", ""), k?.("unauthorizedPageRedirect", "");
+	}, [k]), R = t((e) => k?.("seoEnabled", e.target.checked), [k]), z = t((e) => k?.("enabled", e.target.checked), [k]), B = t((e) => k?.("folder", e?.value ?? ""), [k]), V = n(() => [{
 		value: "",
 		label: "None"
-	}, ...j.map(({ id: e, name: t }) => ({
+	}, ...M.map(({ id: e, name: t }) => ({
 		value: e,
 		label: t
-	}))], [j]), W = t(() => c(k, j, h, !0), [
-		k,
-		j,
-		h
+	}))], [M]), H = n(() => l(A, M, g, !0), [
+		A,
+		M,
+		g
 	]);
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "flex flex-col gap-4 py-2",
 		children: [
-			!_ && /* @__PURE__ */ o(l, {
+			!v && /* @__PURE__ */ s(u, {
 				intent: "info",
 				size: "xs",
 				solid: !1,
-				children: /* @__PURE__ */ o("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: "text-xs",
 					children: "When this option is disable, this page wont be accesible"
 				})
 			}),
-			/* @__PURE__ */ o(u, {
+			/* @__PURE__ */ s(d, {
 				label: " Page Enabled",
-				checked: _,
-				onChange: V,
+				checked: v,
+				onChange: z,
 				size: "xs"
 			}),
-			/* @__PURE__ */ o(d, {
-				value: v,
+			/* @__PURE__ */ s(f, {
+				value: y,
 				label: "Page Name",
-				onChange: I,
+				onChange: F,
 				size: "xs"
 			}),
-			/* @__PURE__ */ o(l, {
+			/* @__PURE__ */ s(u, {
 				intent: "info",
 				size: "xs",
 				solid: !1,
-				children: /* @__PURE__ */ o("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: "text-xs",
 					children: "Slug is a combination of letters, numbers and _ - : / *"
 				})
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ o(d, {
-					value: S,
-					onChange: L,
+				children: [/* @__PURE__ */ s(f, {
+					value: C,
+					onChange: I,
 					label: "Slug / Path",
 					className: { inputContainer: "rounded-none rounded-tl rounded-tr" },
 					size: "xs"
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "truncate rounded-b border-x border-b border-gray-200 px-1 py-0.5 text-xs",
-					title: W,
-					children: ["Full Path: ", /* @__PURE__ */ o("span", {
+					title: H,
+					children: ["Full Path: ", /* @__PURE__ */ s("span", {
 						className: "font-bold",
-						children: W
+						children: H
 					})]
 				})]
 			}),
-			/* @__PURE__ */ o(m, {
+			/* @__PURE__ */ s(h, {
 				label: "Folder",
-				value: y,
-				options: U,
+				value: b,
+				options: V,
 				placeholder: "None",
-				onChange: H,
+				onChange: B,
 				size: "xs"
 			}),
-			/* @__PURE__ */ o(p, {
-				value: C,
-				placeholder: "None",
-				label: "Layout",
-				onChange: R,
-				size: "xs",
-				children: M.map(({ id: e, definition: { label: t } }) => /* @__PURE__ */ o("option", {
-					value: e,
-					children: t
-				}, e))
-			}),
-			C && /* @__PURE__ */ o(p, {
-				value: w,
-				placeholder: "None",
-				label: "Layout Container Body",
-				onChange: F("layoutContainer"),
-				size: "xs",
-				children: N.map(({ id: e, definition: { label: t } }) => /* @__PURE__ */ o("option", {
-					value: e,
-					children: t
-				}, e))
+			/* @__PURE__ */ s(e, {
+				layout: w,
+				layoutContainer: T,
+				onUpdate: k
 			}),
-			/* @__PURE__ */ s(p, {
-				value: T,
+			/* @__PURE__ */ c(m, {
+				value: E,
 				label: "Restrict Access",
-				onChange: z,
+				onChange: L,
 				placeholder: "None",
 				size: "xs",
-				children: [/* @__PURE__ */ o("option", {
+				children: [/* @__PURE__ */ s("option", {
 					value: "public",
 					children: "Public"
-				}), /* @__PURE__ */ o("option", {
+				}), /* @__PURE__ */ s("option", {
 					value: "authenticated",
 					children: "Authenticated"
 				})]
 			}),
-			T === "" && /* @__PURE__ */ o(l, {
+			E === "" && /* @__PURE__ */ s(u, {
 				intent: "info",
 				solid: !1,
 				size: "xs",
-				children: /* @__PURE__ */ o("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: "text-xs",
 					children: "Anyone on the internet can access this page"
 				})
 			}),
-			T === "public" && /* @__PURE__ */ o(l, {
+			E === "public" && /* @__PURE__ */ s(u, {
 				intent: "info",
 				solid: !1,
 				size: "xs",
-				children: /* @__PURE__ */ o("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: "text-xs",
 					children: "Only Guest can access this page"
 				})
 			}),
-			T !== "" && /* @__PURE__ */ o(p, {
+			E !== "" && /* @__PURE__ */ s(m, {
 				label: "Unauthorized Behaviour",
-				value: E,
-				onChange: F("unauthorizedBehaviour"),
+				value: D,
+				onChange: P("unauthorizedBehaviour"),
 				placeholder: "None",
 				size: "xs",
-				children: /* @__PURE__ */ o("option", {
+				children: /* @__PURE__ */ s("option", {
 					value: "redirect",
 					children: "Redirect"
 				})
 			}),
-			E === "redirect" && /* @__PURE__ */ o(p, {
-				value: D,
+			D === "redirect" && /* @__PURE__ */ s(m, {
+				value: O,
 				label: "Redirect Page",
-				onChange: F("unauthorizedPageRedirect"),
+				onChange: P("unauthorizedPageRedirect"),
 				placeholder: "None",
 				size: "xs",
-				children: P.map((e) => /* @__PURE__ */ o("option", {
+				children: N.map((e) => /* @__PURE__ */ s("option", {
 					value: e.id,
-					children: r(e, "attributes.name")
+					children: i(e, "attributes.name")
 				}, e.id))
 			}),
-			/* @__PURE__ */ o(u, {
+			/* @__PURE__ */ s(d, {
 				label: " SEO Enabled",
-				checked: g,
-				onChange: B,
+				checked: _,
+				onChange: R,
 				size: "xs"
 			}),
-			g && /* @__PURE__ */ s(a, { children: [
-				/* @__PURE__ */ o(d, {
-					value: b,
+			_ && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(f, {
+					value: x,
 					label: "SEO Title",
-					onChange: F("seoPageTitle"),
+					onChange: P("seoPageTitle"),
 					size: "xs"
 				}),
-				/* @__PURE__ */ o(f, {
+				/* @__PURE__ */ s(p, {
 					label: "SEO Description",
-					value: x,
-					onChange: F("seoPageDescription"),
+					value: S,
+					onChange: P("seoPageDescription"),
 					rows: 3,
 					size: "xs"
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ o("p", {
+						/* @__PURE__ */ s("p", {
 							className: "mb-4 text-xs",
 							children: "Specify this page's title and description. You can see how they'll look in search engine results pages (SERPs) in the preview below."
 						}),
-						/* @__PURE__ */ o("label", { children: "Search Result Preview" }),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ s("label", { children: "Search Result Preview" }),
+						/* @__PURE__ */ c("div", {
 							className: "rounded border border-gray-300 px-2 py-1",
 							children: [
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ s("div", {
 									className: "mb-1 pt-1 text-xl text-[#1a0dab]",
-									children: /* @__PURE__ */ o("label", { children: b })
+									children: /* @__PURE__ */ s("label", { children: x })
 								}),
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ s("div", {
 									className: "text-sm text-[#006621]",
-									children: /* @__PURE__ */ o("span", { children: "www.url.com" })
+									children: /* @__PURE__ */ s("span", { children: "www.url.com" })
 								}),
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ s("div", {
 									className: "settings-seo__description mb-1 pt-1 text-sm",
-									children: `${x.slice(0, 160)}...`
+									children: `${S.slice(0, 160)}...`
 								})
 							]
 						})
@@ -233,4 +215,4 @@ var h = ({ id: h = "", seoEnabled: g = !1, enabled: _ = !0, name: v = "", folder
 	});
 };
 //#endregion
-export { h as default };
+export { g as default };

package/dist/elements/provider/ApiContainer/ApiContainer.mjs

@@ -1,61 +1,62 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import t from "../../../Element/hooks/useElement.mjs";
-import n from "../../../Element/hooks/useRscData.mjs";
-import { RootElement as r } from "../../../Element/RootElement.mjs";
-import ee from "./declaration.mjs";
-import te from "./hooks/useApi.mjs";
-import ne from "./hooks/useProviderPagination.mjs";
-import re from "./hooks/useProviderWrite.mjs";
-import { use as ie, useCallback as i, useEffect as ae, useMemo as a } from "react";
-import oe from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useSdkStore as se } from "@plitzi/sdk-shared/store";
-import { StoreProvider as ce } from "@plitzi/nexus/react";
-import { emptyObject as o, getPathsFromObeject as le } from "@plitzi/sdk-shared/helpers/utils";
+import ee from "../../../Element/hooks/useElement.mjs";
+import te from "../../../Element/hooks/useRscData.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import ne from "./declaration.mjs";
+import re from "./hooks/useApi.mjs";
+import ie from "./hooks/useProviderPagination.mjs";
+import ae from "./hooks/useProviderWrite.mjs";
+import oe from "../../../dataSource/pathFields.mjs";
+import { use as se, useCallback as n, useEffect as ce, useMemo as r } from "react";
+import le from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useSdkStore as i } from "@plitzi/sdk-shared/store";
+import { StoreProvider as a } from "@plitzi/nexus/react";
+import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as s } from "react/jsx-runtime";
 import { currentRscLocation as c } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
 import l from "clsx";
 import u from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import d from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as ue } from "@plitzi/plitzi-ui/QueryBuilder";
+import ue from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as de } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "get", accessToken: g = "", when: _ = o, headers: v = o, mockData: y = "{}", subType: de = "", credentials: fe = "same-origin", singleRecord: b = !1, pagination: x = "none", pageParam: S = "page", renderWhileLoading: pe = !1, cache: me = !1, staleTime: he = 30, gcTime: ge = 300 }) => {
-	let { id: C, visible: w, definition: { label: T = "Api Container", runtime: _e, items: ve } } = t(), E = _e === "server", { loaded: D, stale: O, location: k, elementData: A, refresh: j } = n(), M = u(ee.sourceType, C), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = oe(), { interactionsManager: F } = ie(P), [[I, L, ye]] = se([
+var d = ({ ref: e, className: d = "", children: f, query: p = "", method: m = "get", accessToken: h = "", when: g = o, headers: _ = o, mockData: v = "{}", subType: y = "", credentials: fe = "same-origin", singleRecord: b = !1, pagination: x = "none", pageParam: pe = "page", renderWhileLoading: me = !1, cache: S = !1, staleTime: he = 30, gcTime: ge = 300 }) => {
+	let { id: C, visible: w, definition: { label: T = "Api Container", runtime: _e, items: ve } } = ee(), E = _e === "server", { loaded: D, stale: O, location: k, elementData: A, refresh: j } = te(), M = u(ne.sourceType, C), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = le(), { interactionsManager: F } = se(P), [[I, L, ye]] = i([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), be = a(() => g ? {
-		...v,
-		Authorization: `Bearer ${g}`
-	} : v, [v, g]), xe = a(() => E || !w ? !1 : !!(N && m && (_ === o || ue(_, {
+	]), be = r(() => h ? {
+		..._,
+		Authorization: `Bearer ${h}`
+	} : _, [_, h]), xe = r(() => E || !w ? !1 : !!(N && p && (g === o || de(g, {
 		...I,
 		...L
-	})) || !N && (m || y && y !== "{}" && y !== o)), [
+	})) || !N && (p || v && v !== "{}" && v !== o)), [
 		E,
 		w,
 		N,
-		m,
-		_,
+		p,
+		g,
 		I,
 		L,
-		y
-	]), Se = a(() => [C], [C]), { isLoading: Ce, isFetching: we, data: R, refetch: z, isSuccess: B, isError: V } = te({
-		url: m,
-		method: h,
+		v
+	]), Se = r(() => [C], [C]), { isLoading: Ce, isFetching: we, data: R, refetch: z, isSuccess: B, isError: V } = re({
+		url: p,
+		method: m,
 		credentials: fe,
-		mock: N ? void 0 : y,
+		mock: N ? void 0 : v,
 		customHeaders: be,
 		enabled: xe,
-		cache: me,
+		cache: S,
 		staleTime: he,
 		gcTime: ge,
 		tags: Se
-	}), H = E && !!k && k !== c(), U = E && D && !H && A === null, W = a(() => {
+	}), H = E && !!k && k !== c(), U = E && D && !H && A === null, W = r(() => {
 		if (!E) return R ?? o;
 		if (A) return A;
 		if (D) return o;
-		if (typeof y != "string") return y;
+		if (typeof v != "string") return v;
 		try {
-			return JSON.parse(y || "{}");
+			return JSON.parse(v || "{}");
 		} catch {
 			return o;
 		}
@@ -64,8 +65,8 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		R,
 		A,
 		D,
-		y
-	]), G = E ? H : we, Te = E ? H : Ce, K = i(async () => {
+		v
+	]), G = E ? H : we, Te = E ? H : Ce, K = n(async () => {
 		if (!E) {
 			z();
 			return;
@@ -76,23 +77,23 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		z,
 		j,
 		C
-	]), q = W, Ee = a(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: X, loadMore: Z } = ne({
+	]), q = W, Ee = r(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: X, loadMore: Z } = ie({
 		elementId: C,
 		mode: x,
-		pageParam: S,
+		pageParam: pe,
 		records: Ee,
 		page: q.pageInfo?.page ?? 1,
 		refresh: j,
 		navigate: ye
 	});
-	ae(() => {
+	ce(() => {
 		!G && C && (B ? F.interactionTrigger(C, "onApiSuccess", {
-			url: m,
-			method: h,
+			url: p,
+			method: m,
 			...W
 		}) : V && F.interactionTrigger(C, "onApiError", {
-			url: m,
-			method: h,
+			url: p,
+			method: m,
 			...W
 		}));
 	}, [
@@ -102,10 +103,10 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		V,
 		G,
 		B,
-		h,
-		m
+		m,
+		p
 	]);
-	let Q = a(() => ({
+	let Q = r(() => ({
 		...W,
 		...Array.isArray(q.records) ? { records: J } : o,
 		isLoading: G || Y,
@@ -124,27 +125,18 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		U,
 		E,
 		O
-	]), De = i(() => le(Q).reduce((e, t) => {
-		let n = t.split(".");
-		return n.length > 1 ? [...e, {
-			path: t,
-			name: n.slice(n.length - 2).join(" ")
-		}] : [...e, {
-			path: t,
-			name: n[n.length - 1]
-		}];
-	}, []), [Q]);
-	d({
+	]), De = n(() => oe(Q), [Q]);
+	ue({
 		id: C,
 		source: M,
 		name: T || `API - ${C}`,
 		fields: De
 	});
-	let { writeRecord: $ } = re({
+	let { writeRecord: $ } = ae({
 		elementId: C,
 		enabled: E,
 		onDone: K
-	}), Oe = a(() => {
+	}), Oe = r(() => {
 		let e = {
 			performQuery: {
 				action: "performQuery",
@@ -201,7 +193,7 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		X,
 		E,
 		$
-	]), ke = a(() => ({
+	]), ke = r(() => ({
 		onApiError: {
 			action: "onApiError",
 			title: "On Api Error",
@@ -226,20 +218,20 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 				data: ""
 			}
 		}
-	}), []), Ae = a(() => M ? { runtime: { sources: { [M]: Q } } } : o, [Q, M]);
-	return /* @__PURE__ */ s(r, {
+	}), []), Ae = r(() => M ? { runtime: { sources: { [M]: Q } } } : o, [Q, M]);
+	return /* @__PURE__ */ s(t, {
 		ref: e,
-		tag: !N && !ve?.length ? "div" : de,
-		className: l("plitzi-component__api-container", f),
+		tag: !N && !ve?.length ? "div" : y,
+		className: l("plitzi-component__api-container", d),
 		interactionTriggers: ke,
 		interactionCallbacks: Oe,
-		children: (!Te || pe) && /* @__PURE__ */ s(ce, {
+		children: (!Te || me) && /* @__PURE__ */ s(a, {
 			inherit: "live",
 			name: `Api:${C}`,
 			value: Ae,
-			children: p
+			children: f
 		})
 	});
-}, p = e(f);
+}, f = e(d);
 //#endregion
-export { f as ApiContainer, p as default };
+export { d as ApiContainer, f as default };

package/dist/elements/provider/ApiContainer/declaration.mjs

@@ -26,7 +26,7 @@ var t = e()({
 		definition: {
 			label: "Api Container",
 			type: "apiContainer",
-			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step.",
+			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step. Its `subType` (container tag) is empty by default, and then it renders NO element of its own: its children lay out directly in its parent, and any class, variant or style binding on it applies to nothing. To style the provider itself give it a tag (`subType: \"div\"`, `section`, …); otherwise style its parent or a child.",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },

package/dist/elements/provider/ApiContainer/hooks/useApi.d.ts

@@ -39,6 +39,14 @@ declare const useApi: ({ url, method, mock, customHeaders, enabled, credentials,
     isFetching: boolean;
     data: ApiResponse | undefined;
     refetch: () => void;
+    /**
+     * Whether THIS question has been answered — not whether an answer is on screen.
+     *
+     * The last answer is kept visible while the URL is unaskable, so nothing flickers; reporting it as this URL's
+     * success is a different claim and a wrong one. It fired `onApiSuccess` again on the way out of a page — the
+     * URL is one of the trigger's dependencies — and the flow behind it set the workspace id from a route param
+     * the page had already lost, which emptied it.
+     */
     isSuccess: boolean;
     isError: boolean;
 };