@plitzi/sdk-elements 0.38.8 → 0.38.10

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

@@ -1,235 +1,235 @@
-import e from "../../../Element/hocs/withElement.mjs";
-import t from "../../../Element/hooks/useElement.mjs";
-import ee from "../../../Element/hooks/useRscData.mjs";
-import { RootElement as te } from "../../../Element/RootElement.mjs";
-import n from "./declaration.mjs";
-import { isEmptyAnswer as ne } from "./helpers/isEmptyAnswer.mjs";
-import { childrenWhile as re } from "./helpers/loadingSlot.mjs";
-import ie from "./helpers/providerOutcome.mjs";
-import { queryInputOf as ae } from "./helpers/queryInput.mjs";
-import { serverMock as oe } from "./helpers/serverMock.mjs";
-import se from "./hooks/useApi.mjs";
-import ce from "./hooks/useAutoRefresh.mjs";
-import le from "./hooks/useInputRefresh.mjs";
-import ue from "./hooks/useProviderPagination.mjs";
-import de from "./hooks/useProviderWrite.mjs";
-import fe from "../../../dataSource/pathFields.mjs";
-import { use as pe, useCallback as r, useEffect as me, useMemo as i, useRef as a } from "react";
-import he from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useCommonStore as ge, useSdkStore as _e } from "@plitzi/sdk-shared/store";
-import { StoreProvider as ve } 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 ye } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
-import be from "clsx";
-import xe from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import Se from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as Ce } from "@plitzi/plitzi-ui/QueryBuilder";
-import { useServerQuery as we } from "@plitzi/sdk-shared/queries";
+import e from "./declaration.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import ee from "../../../Element/hooks/useElement.mjs";
+import te from "../../../Element/hooks/useRscData.mjs";
+import { RootElement as ne } from "../../../Element/RootElement.mjs";
+import { isEmptyAnswer as re } from "./helpers/isEmptyAnswer.mjs";
+import { childrenWhile as ie } from "./helpers/loadingSlot.mjs";
+import ae from "./helpers/providerOutcome.mjs";
+import { queryInputOf as oe } from "./helpers/queryInput.mjs";
+import { serverMock as se } from "./helpers/serverMock.mjs";
+import ce from "./hooks/useApi.mjs";
+import le from "./hooks/useAutoRefresh.mjs";
+import ue from "./hooks/useInputRefresh.mjs";
+import de from "./hooks/useProviderPagination.mjs";
+import fe from "./hooks/useProviderWrite.mjs";
+import pe from "../../../dataSource/pathFields.mjs";
+import { use as me, useCallback as n, useEffect as he, useMemo as r, useRef as i } from "react";
+import ge from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useCommonStore as _e, useSdkStore as ve } from "@plitzi/sdk-shared/store";
+import { StoreProvider as ye } from "@plitzi/nexus/react";
+import { emptyObject as a } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as o } from "react/jsx-runtime";
+import { currentRscLocation as be } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
+import xe from "clsx";
+import Se from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import Ce from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as we } from "@plitzi/plitzi-ui/QueryBuilder";
+import { useServerQuery as Te } from "@plitzi/sdk-shared/queries";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var c = ({ ref: e, className: c = "", children: l, query: u = "", method: d = "get", accessToken: f = "", when: p = o, headers: m = o, mockData: h = "{}", subType: Te = "", credentials: Ee = "same-origin", singleRecord: g = !1, pagination: De = "none", pageParam: Oe = "page", renderWhileLoading: ke = !1, loadingSlot: _ = "", cache: Ae = !1, staleTime: je = 30, gcTime: Me = 300, refreshSeconds: Ne = 0, connector: Pe = "", action: Fe = "", input: Ie }) => {
-	let { id: v, visible: y, definition: { label: b = "Api Container", runtime: Le, items: Re } } = t(), x = Le === "server", { loaded: S, stale: C, location: w, elementData: T, refreshing: ze, refresh: E, cancel: D } = ee(), O = xe(n.sourceType, v), { settings: { previewMode: k }, contexts: { InteractionsContext: Be } } = he(), { interactionsManager: A } = pe(Be), [[j, M, Ve]] = _e([
+var s = ({ ref: t, className: s = "", children: c, query: l = "", method: u = "get", accessToken: d = "", when: f = a, headers: p = a, mockData: m = "{}", subType: Ee = "", credentials: De = "same-origin", singleRecord: h = !1, pagination: Oe = "none", pageParam: ke = "page", renderWhileLoading: Ae = !1, loadingSlot: g = "", cache: je = !1, staleTime: Me = 30, gcTime: Ne = 300, refreshSeconds: Pe = 0, connector: Fe = "", action: Ie = "", input: Le }) => {
+	let { id: _, visible: v, definition: { label: y = "Api Container", runtime: Re, items: ze } } = ee(), b = Re === "server", { loaded: x, stale: S, location: C, elementData: w, refreshing: Be, refresh: T, cancel: E } = te(), D = Se(e.sourceType, _), { settings: { previewMode: O }, contexts: { InteractionsContext: Ve } } = ge(), { interactionsManager: k } = me(Ve), [[A, j, He]] = ve([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), He = i(() => f ? {
-		...m,
-		Authorization: `Bearer ${f}`
-	} : m, [m, f]), N = i(() => x || !y ? !1 : !!(k && u && (p === o || Ce(p, {
-		...j,
-		...M
-	})) || !k && (u || h && h !== "{}" && h !== o)), [
-		x,
-		y,
-		k,
-		u,
-		p,
+	]), Ue = r(() => d ? {
+		...p,
+		Authorization: `Bearer ${d}`
+	} : p, [p, d]), M = r(() => b || !v ? !1 : !!(O && l && (f === a || we(f, {
+		...A,
+		...j
+	})) || !O && (l || m && m !== "{}" && m !== a)), [
+		b,
+		v,
+		O,
+		l,
+		f,
+		A,
 		j,
-		M,
-		h
-	]), Ue = i(() => [v], [v]), { isLoading: We, isFetching: Ge, data: Ke, refetch: qe, cancel: P, isSuccess: Je, isError: Ye } = se({
-		url: u,
-		method: d,
-		credentials: Ee,
-		mock: k ? void 0 : h,
-		customHeaders: He,
-		enabled: N,
-		cache: Ae,
-		staleTime: je,
-		gcTime: Me,
-		tags: Ue
-	}), F = x && !!w && w !== ye(), I = x && S && !F && T === null, L = x && !Pe && !Fe, R = i(() => x ? T || (S ? o : oe(h, L)) : Ke ?? o, [
+		m
+	]), We = r(() => [_], [_]), { isLoading: Ge, isFetching: Ke, data: N, refetch: P, cancel: F, isSuccess: qe, isError: Je } = ce({
+		url: l,
+		method: u,
+		credentials: De,
+		mock: O ? void 0 : m,
+		customHeaders: Ue,
+		enabled: M,
+		cache: je,
+		staleTime: Me,
+		gcTime: Ne,
+		tags: We
+	}), I = b && !!C && C !== be(), L = b && x && !I && w === null, R = b && !Fe && !Ie, z = r(() => b ? w || (x ? a : se(m, R)) : N ?? a, [
+		b,
+		N,
+		w,
 		x,
-		Ke,
-		T,
-		S,
-		h,
-		L
-	]), z = x ? F || ze : Ge, B = x ? F : We, V = a({}), Xe = r((e, t) => E(e, {
-		...V.current,
+		m,
+		R
+	]), B = b ? I || Be : Ke, V = b ? I : Ge, H = i({}), Ye = n((e, t) => T(e, {
+		...H.current,
 		...t
-	}), [E]), H = r(async (e) => {
-		if (!x) {
-			qe();
+	}), [T]), U = n(async (e) => {
+		if (!b) {
+			P();
 			return;
 		}
-		await E([v], V.current, { fresh: e });
+		await T([_], H.current, { fresh: e });
 	}, [
-		x,
-		qe,
-		E,
-		v
-	]), U = r(() => H(!0), [H]), Ze = r(() => H(!1), [H]);
-	we({
-		id: v,
-		url: L && u ? u : void 0,
-		enabled: x && S,
-		active: y,
-		refresh: U
+		b,
+		P,
+		T,
+		_
+	]), W = n(() => U(!0), [U]), Xe = n(() => U(!1), [U]);
+	Te({
+		id: _,
+		url: R && l ? l : void 0,
+		enabled: b && x,
+		active: v,
+		refresh: W
 	});
-	let W = r(async ({ input: e } = {}) => {
-		let t = ae(e);
-		t && (V.current = t), await U();
-	}, [U]), G = r(() => {
-		if (x) {
-			D();
+	let G = n(async ({ input: e } = {}) => {
+		let t = oe(e);
+		t && (H.current = t), await W();
+	}, [W]), K = n(() => {
+		if (b) {
+			E();
 			return;
 		}
-		P();
+		F();
 	}, [
-		x,
-		D,
-		P
-	]), [Qe] = ge(`schema.flat.${v}.attributes.input`, { mode: "mount" });
-	le({
-		enabled: x && S,
-		input: Ie,
-		savedInput: Qe,
-		performQuery: W
-	}), ce({
-		seconds: Ne,
-		enabled: y && (x ? S && !F : N),
-		refresh: Ze
+		b,
+		E,
+		F
+	]), [Ze] = _e(`schema.flat.${_}.attributes.input`, { mode: "mount" });
+	ue({
+		enabled: b && x,
+		input: Le,
+		savedInput: Ze,
+		performQuery: G
+	}), le({
+		seconds: Pe,
+		enabled: v && (b ? x && !I : M),
+		refresh: Xe
 	});
-	let K = R, $e = i(() => Array.isArray(K.records) ? K.records : [], [K.records]), { records: q, isLoadingMore: J, goToPage: Y, loadMore: et } = ue({
-		elementId: v,
-		mode: De,
-		pageParam: Oe,
-		records: $e,
-		page: K.pageInfo?.page ?? 1,
-		refresh: Xe,
-		navigate: Ve
-	}), X = ie({
-		serverMode: x,
-		isSuccess: Je,
-		isError: Ye,
-		rscResolved: S,
-		rscPending: F,
-		elementData: T
-	}), Z = a(void 0);
-	me(() => {
-		!z && v && X && (Z.current?.data !== R || Z.current.outcome !== X) && (Z.current = {
-			data: R,
+	let q = z, Qe = r(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: $e, loadMore: et } = de({
+		elementId: _,
+		mode: Oe,
+		pageParam: ke,
+		records: Qe,
+		page: q.pageInfo?.page ?? 1,
+		refresh: Ye,
+		navigate: He
+	}), X = ae({
+		serverMode: b,
+		isSuccess: qe,
+		isError: Je,
+		rscResolved: x,
+		rscPending: I,
+		elementData: w
+	}), Z = i(void 0);
+	he(() => {
+		!B && _ && X && (Z.current?.data !== z || Z.current.outcome !== X) && (Z.current = {
+			data: z,
 			outcome: X
-		}, A.interactionTrigger(v, X === "success" ? "onApiSuccess" : "onApiError", {
-			url: u,
-			method: d,
-			...R
+		}, k.interactionTrigger(_, X === "success" ? "onApiSuccess" : "onApiError", {
+			url: l,
+			method: u,
+			...z
 		}));
 	}, [
-		R,
-		v,
-		A,
 		z,
-		d,
+		_,
+		k,
+		B,
+		u,
 		X,
-		u
+		l
 	]);
-	let Q = i(() => ({
-		...R,
-		...Array.isArray(K.records) ? { records: q } : o,
-		isLoading: z || J,
-		isEmpty: ne(K, q, g),
-		hasError: I,
-		errorMessage: I ? "The data provider could not be reached" : "",
-		isStale: x && C
+	let Q = r(() => ({
+		...z,
+		...Array.isArray(q.records) ? { records: J } : a,
+		isLoading: B || Y,
+		isEmpty: re(q, J, h),
+		hasError: L,
+		errorMessage: L ? "The data provider could not be reached" : "",
+		isStale: b && S
 	}), [
-		R,
-		K.records,
-		K.record,
-		q,
 		z,
+		q.records,
+		q.record,
 		J,
-		g,
-		I,
-		x,
-		C
-	]), tt = r(() => fe(Q), [Q]);
-	Se({
-		id: v,
-		source: O,
-		name: b || `API - ${v}`,
+		B,
+		Y,
+		h,
+		L,
+		b,
+		S
+	]), tt = n(() => pe(Q), [Q]);
+	Ce({
+		id: _,
+		source: D,
+		name: y || `API - ${_}`,
 		fields: tt
 	});
-	let { writeRecord: $ } = de({
-		elementId: v,
-		enabled: x,
-		onDone: U
-	}), nt = i(() => {
-		let e = {
+	let { writeRecord: $ } = fe({
+		elementId: _,
+		enabled: b,
+		onDone: W
+	}), nt = r(() => {
+		let t = {
 			performQuery: {
-				...n.callbacks.performQuery,
-				title: `Perform Query ${b}`,
-				callback: W
+				...e.callbacks.performQuery,
+				title: `Perform Query ${y}`,
+				callback: G
 			},
 			cancelQuery: {
-				...n.callbacks.cancelQuery,
-				title: `Cancel Query ${b}`,
-				callback: G
+				...e.callbacks.cancelQuery,
+				title: `Cancel Query ${y}`,
+				callback: K
 			},
 			loadMore: {
-				...n.callbacks.loadMore,
-				title: `Load More ${b}`,
+				...e.callbacks.loadMore,
+				title: `Load More ${y}`,
 				callback: et
 			},
 			goToPage: {
-				...n.callbacks.goToPage,
-				title: `Go To Page ${b}`,
-				callback: ({ page: e }) => Y(Number(e) || 1)
+				...e.callbacks.goToPage,
+				title: `Go To Page ${y}`,
+				callback: ({ page: e }) => $e(Number(e) || 1)
 			}
 		};
-		return x && (e.writeRecord = {
-			...n.callbacks.writeRecord,
-			title: `Write Record ${b}`,
+		return b && (t.writeRecord = {
+			...e.callbacks.writeRecord,
+			title: `Write Record ${y}`,
 			callback: $
-		}), e;
+		}), t;
 	}, [
-		b,
-		W,
+		y,
 		G,
+		K,
 		et,
-		Y,
-		x,
+		$e,
+		b,
 		$
-	]), rt = i(() => _ && k ? re(l, _, B) : l, [
-		l,
-		B,
-		_,
-		k
-	]), it = i(() => O ? { runtime: { sources: { [O]: Q } } } : o, [Q, O]);
-	return /* @__PURE__ */ s(te, {
-		ref: e,
-		tag: !k && !Re?.length ? "div" : Te,
-		className: be("plitzi-component__api-container", c),
-		interactionTriggers: n.triggers,
+	]), rt = r(() => g && O ? ie(c, g, V) : c, [
+		c,
+		V,
+		g,
+		O
+	]), it = r(() => D ? { runtime: { sources: { [D]: Q } } } : a, [Q, D]);
+	return /* @__PURE__ */ o(ne, {
+		ref: t,
+		tag: !O && !ze?.length ? "div" : Ee,
+		className: xe("plitzi-component__api-container", s),
+		interactionTriggers: e.triggers,
 		interactionCallbacks: nt,
-		children: (!B || ke || _) && /* @__PURE__ */ s(ve, {
+		children: (!V || Ae || g) && /* @__PURE__ */ o(ye, {
 			inherit: "live",
-			name: `Api:${v}`,
+			name: `Api:${_}`,
 			value: it,
 			children: rt
 		})
 	});
-}, l = e(c);
+}, c = t(s);
 //#endregion
-export { c as ApiContainer, l as default };
+export { s as ApiContainer, c as default };

package/dist/elements/provider/ApiContainer/declaration.d.ts

@@ -11,6 +11,7 @@ declare const declaration: {
         readonly pagination: readonly string[];
     };
     readonly sourceType: "apiContainer";
+    readonly serverTemplates: readonly ["notFound"];
     readonly triggers: {
         readonly onApiError: {
             readonly action: "onApiError";
@@ -172,25 +173,26 @@ declare const declaration: {
     method?: "get" | "post" | "put" | "delete" | "patch" | undefined;
     resource?: string | undefined;
     headers?: Record<string, string> | undefined;
+    notFound?: string | undefined;
     subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "" | undefined;
+    credentials?: RequestCredentials | undefined;
+    staleTime?: number | string | undefined;
+    gcTime?: number | string | undefined;
+    pageParam?: string | undefined;
     query?: string | undefined;
     accessToken?: string | undefined;
     mockData?: (Record<string, unknown> | string) | undefined;
-    credentials?: RequestCredentials | undefined;
+    singleRecord?: boolean | undefined;
+    pagination?: import('./hooks/useProviderPagination').ProviderPagination | undefined;
+    renderWhileLoading?: boolean | undefined;
+    loadingSlot?: string | undefined;
+    refreshSeconds?: number | string | undefined;
     connector?: string | undefined;
     limit?: string | undefined;
-    singleRecord?: boolean | undefined;
     filters?: {
         field: string;
         operator: string;
         value: string;
     }[] | undefined;
-    pagination?: import('./hooks/useProviderPagination').ProviderPagination | undefined;
-    pageParam?: string | undefined;
-    renderWhileLoading?: boolean | undefined;
-    loadingSlot?: string | undefined;
-    staleTime?: number | string | undefined;
-    gcTime?: number | string | undefined;
-    refreshSeconds?: number | string | undefined;
 }>>;
 export default declaration;

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

@@ -35,6 +35,7 @@ var n = e()({
 		])
 	},
 	sourceType: "apiContainer",
+	serverTemplates: ["notFound"],
 	triggers: {
 		onApiError: {
 			action: "onApiError",
@@ -141,7 +142,7 @@ var n = 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, and `refreshSeconds` makes it ask again on its own every N seconds (either runtime; paused while the tab is hidden) — the way to keep a queue, feed or status board current without a plugin. 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.",
+			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, and `refreshSeconds` makes it ask again on its own every N seconds (either runtime; paused while the tab is hidden) — the way to keep a queue, feed or status board current without a plugin. A server provider (`runtime: \"server\"`) whose answer means the address shows nothing — a record not found — says so in `notFound`, a template against its answer (`{{ source.found == false }}`): the page is sent with status 404, rendered as written. 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/index.d.ts

@@ -10,6 +10,7 @@ declare const ApiContainer: {
         readonly pagination: readonly string[];
     };
     readonly sourceType: "apiContainer";
+    readonly serverTemplates: readonly ["notFound"];
     readonly triggers: {
         readonly onApiError: {
             readonly action: "onApiError";
@@ -171,25 +172,26 @@ declare const ApiContainer: {
     method?: "get" | "post" | "put" | "delete" | "patch" | undefined;
     resource?: string | undefined;
     headers?: Record<string, string> | undefined;
+    notFound?: string | undefined;
     subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "" | undefined;
+    credentials?: RequestCredentials | undefined;
+    staleTime?: number | string | undefined;
+    gcTime?: number | string | undefined;
+    pageParam?: string | undefined;
     query?: string | undefined;
     accessToken?: string | undefined;
     mockData?: (Record<string, unknown> | string) | undefined;
-    credentials?: RequestCredentials | undefined;
+    singleRecord?: boolean | undefined;
+    pagination?: import('./hooks/useProviderPagination').ProviderPagination | undefined;
+    renderWhileLoading?: boolean | undefined;
+    loadingSlot?: string | undefined;
+    refreshSeconds?: number | string | undefined;
     connector?: string | undefined;
     limit?: string | undefined;
-    singleRecord?: boolean | undefined;
     filters?: {
         field: string;
         operator: string;
         value: string;
     }[] | undefined;
-    pagination?: import('./hooks/useProviderPagination').ProviderPagination | undefined;
-    pageParam?: string | undefined;
-    renderWhileLoading?: boolean | undefined;
-    loadingSlot?: string | undefined;
-    staleTime?: number | string | undefined;
-    gcTime?: number | string | undefined;
-    refreshSeconds?: number | string | undefined;
 }>>;
 export default ApiContainer;

package/dist/elements/provider/Channel/Channel.mjs

@@ -1,8 +1,8 @@
-import e from "../../../Element/hocs/withElement.mjs";
-import t from "../../../Element/hooks/useElement.mjs";
-import { RootElement as n } from "../../../Element/RootElement.mjs";
-import r from "../../../dataSource/pathFields.mjs";
-import i from "./declaration.mjs";
+import e from "./declaration.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "../../../Element/hooks/useElement.mjs";
+import { RootElement as r } from "../../../Element/RootElement.mjs";
+import i from "../../../dataSource/pathFields.mjs";
 import a from "../../../realtime/useChannel.mjs";
 import { use as o, useCallback as s, useMemo as c, useState as l } from "react";
 import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
@@ -25,8 +25,8 @@ var b = (e) => {
 	y,
 	_,
 	v
-]), S = ({ ref: e, className: _, children: v, topic: y = "", grant: S = "", presence: C, keep: w = 20, subType: T = "" }) => {
-	let { id: E, definition: { label: D = "Channel" } } = t(), { settings: { previewMode: O }, contexts: { InteractionsContext: k } } = u(), { interactionsManager: A } = o(k), j = Math.max(0, Number(w) || 0), [M, N] = l([]), P = s((e) => {
+]), S = ({ ref: t, className: _, children: v, topic: y = "", grant: S = "", presence: C, keep: w = 20, subType: T = "" }) => {
+	let { id: E, definition: { label: D = "Channel" } } = n(), { settings: { previewMode: O }, contexts: { InteractionsContext: k } } = u(), { interactionsManager: A } = o(k), j = Math.max(0, Number(w) || 0), [M, N] = l([]), P = s((e) => {
 		x.has(e.type) || (j > 0 && N((t) => [...t, e].slice(-j)), A.interactionTrigger(E, "onMessage", { ...e }));
 	}, [
 		E,
@@ -48,14 +48,14 @@ var b = (e) => {
 		onLeave: I
 	}), R = c(() => ({
 		publish: {
-			...i.callbacks.publish,
+			...e.callbacks.publish,
 			callback: ({ type: e, data: t }) => typeof e == "string" && e ? L.publish(e, b(t)) : Promise.resolve(!1)
 		},
 		setPresence: {
-			...i.callbacks.setPresence,
+			...e.callbacks.setPresence,
 			callback: ({ data: e }) => L.setPresence(b(e))
 		}
-	}), [L]), z = h(i.sourceType, E), B = c(() => ({
+	}), [L]), z = h(e.sourceType, E), B = c(() => ({
 		connected: L.connected,
 		me: L.me ?? "",
 		members: L.members,
@@ -66,7 +66,7 @@ var b = (e) => {
 		L.me,
 		L.members,
 		M
-	]), V = s(() => r(B), [B]);
+	]), V = s(() => i(B), [B]);
 	g({
 		id: E,
 		source: z,
@@ -74,11 +74,11 @@ var b = (e) => {
 		fields: V
 	});
 	let H = c(() => z ? { runtime: { sources: { [z]: B } } } : f, [B, z]);
-	return /* @__PURE__ */ p(n, {
-		ref: e,
+	return /* @__PURE__ */ p(r, {
+		ref: t,
 		tag: T,
 		className: m("plitzi-component__channel", _),
-		interactionTriggers: i.triggers,
+		interactionTriggers: e.triggers,
 		interactionCallbacks: R,
 		children: /* @__PURE__ */ p(d, {
 			inherit: "live",
@@ -87,6 +87,6 @@ var b = (e) => {
 			children: v
 		})
 	});
-}, C = e(S);
+}, C = t(S);
 //#endregion
 export { S as Channel, C as default };

package/dist/elements/provider/Channel/declaration.d.ts

@@ -130,9 +130,9 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     subType?: "" | "div" | "section" | "aside" | "main" | undefined;
-    topic?: string | undefined;
     grant?: string | undefined;
     presence?: unknown;
+    topic?: string | undefined;
     keep?: number | string | undefined;
 }>>;
 export default declaration;

package/dist/elements/provider/Channel/index.d.ts

@@ -129,9 +129,9 @@ declare const Channel: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     subType?: "" | "div" | "section" | "aside" | "main" | undefined;
-    topic?: string | undefined;
     grant?: string | undefined;
     presence?: unknown;
+    topic?: string | undefined;
     keep?: number | string | undefined;
 }>>;
 export default Channel;