@novasamatech/host-papp-react-ui 0.9.4 → 0.10.1

package/dist/flow/PairingModal.js

@@ -7,126 +7,88 @@ import { QrCode as a } from "../ui/QrCode.js";
 import o from "./Pairing.module.css.js";
 import { Button as s } from "@novasamatech/tr-ui";
 import { memo as c, useEffect as l } from "react";
-import { c as u } from "react/compiler-runtime";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/flow/PairingModal.tsx
-var p = c((e) => {
-	let r = u(28), a;
-	r[0] === e ? a = r[1] : (a = e === void 0 ? {} : e, r[0] = e, r[1] = a);
-	let { theme: s, size: c } = a, p = c === void 0 ? 280 : c, _ = t(), { status: v } = n(), y = _.authUIMode === "modal" && v.step !== "none" && v.step !== "finished", b;
-	r[2] !== _ || r[3] !== v.step ? (b = (e) => {
-		!e && v.step !== "pending" && _.abortAuthentication();
-	}, r[2] = _, r[3] = v.step, r[4] = b) : b = r[4];
-	let x = b, S, C;
-	r[5] !== _ || r[6] !== v.step ? (S = () => {
-		_.authUIMode === "modal" && v.step === "finished" && _.abortAuthentication();
-	}, C = [_, v.step], r[5] = _, r[6] = v.step, r[7] = S, r[8] = C) : (S = r[7], C = r[8]), l(S, C);
-	let w;
-	r[9] !== p || r[10] !== v.payload || r[11] !== v.step || r[12] !== s ? (w = v.step === "pairing" && /* @__PURE__ */ d(m, {
-		theme: s,
-		size: p,
-		payload: v.payload
-	}), r[9] = p, r[10] = v.payload, r[11] = v.step, r[12] = s, r[13] = w) : w = r[13];
-	let T;
-	r[14] !== v.stage || r[15] !== v.step ? (T = v.step === "pending" && /* @__PURE__ */ d(h, { stage: v.stage }), r[14] = v.stage, r[15] = v.step, r[16] = T) : T = r[16];
-	let E;
-	r[17] !== v.message || r[18] !== v.step ? (E = v.step === "pairingError" && /* @__PURE__ */ d(g, { message: v.message }), r[17] = v.message, r[18] = v.step, r[19] = E) : E = r[19];
-	let D;
-	r[20] !== w || r[21] !== T || r[22] !== E ? (D = /* @__PURE__ */ f("div", {
-		className: o.container,
-		children: [
-			w,
-			T,
-			E
-		]
-	}), r[20] = w, r[21] = T, r[22] = E, r[23] = D) : D = r[23];
-	let O;
-	return r[24] !== y || r[25] !== D || r[26] !== x ? (O = /* @__PURE__ */ d(i, {
-		open: y,
-		onOpenChange: x,
+var f = c(({ theme: e, size: r = 280 } = {}) => {
+	let a = t(), { status: s } = n(), c = a.authUIMode === "modal" && s.step !== "none" && s.step !== "finished";
+	return l(() => {
+		a.authUIMode === "modal" && s.step === "finished" && a.abortAuthentication();
+	}, [a, s.step]), /* @__PURE__ */ u(i, {
+		open: c,
+		onOpenChange: (e) => {
+			!e && s.step !== "pending" && a.abortAuthentication();
+		},
 		width: "fit-content",
-		children: D
-	}), r[24] = y, r[25] = D, r[26] = x, r[27] = O) : O = r[27], O;
-}), m = (t) => {
-	let n = u(18), { payload: r, size: i, theme: s } = t, c = e(), l = s === "dark", p;
-	n[0] === c.pairingHeader ? p = n[1] : (p = /* @__PURE__ */ d("span", {
-		className: o.pairingHeader,
-		children: c.pairingHeader
-	}), n[0] = c.pairingHeader, n[1] = p);
-	let m;
-	n[2] === c.pairingScanCallToAction ? m = n[3] : (m = /* @__PURE__ */ d("span", {
-		className: o.scanCallToAction,
-		children: c.pairingScanCallToAction
-	}), n[2] = c.pairingScanCallToAction, n[3] = m);
-	let h = l ? o.qrSurfaceDark : o.qrSurfaceLight, g;
-	n[4] !== r || n[5] !== i || n[6] !== s ? (g = /* @__PURE__ */ d(a, {
-		value: r,
-		size: i,
-		theme: s
-	}), n[4] = r, n[5] = i, n[6] = s, n[7] = g) : g = n[7];
-	let _;
-	n[8] !== h || n[9] !== g ? (_ = /* @__PURE__ */ d("div", {
-		className: h,
-		children: g
-	}), n[8] = h, n[9] = g, n[10] = _) : _ = n[10];
-	let v;
-	n[11] === c.pairingDescription ? v = n[12] : (v = /* @__PURE__ */ d("span", {
-		className: o.pairingDescription,
-		children: c.pairingDescription
-	}), n[11] = c.pairingDescription, n[12] = v);
-	let y;
-	return n[13] !== p || n[14] !== m || n[15] !== _ || n[16] !== v ? (y = /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
+			className: o.container,
+			children: [
+				s.step === "pairing" && /* @__PURE__ */ u(p, {
+					theme: e,
+					size: r,
+					payload: s.payload
+				}),
+				s.step === "pending" && /* @__PURE__ */ u(m, { stage: s.stage }),
+				s.step === "pairingError" && /* @__PURE__ */ u(h, { message: s.message })
+			]
+		})
+	});
+}), p = ({ payload: t, size: n, theme: r }) => {
+	let i = e(), s = r === "dark";
+	return /* @__PURE__ */ d("div", {
 		className: o.pairingContainer,
 		children: [
-			p,
-			m,
-			_,
-			v
+			/* @__PURE__ */ u("span", {
+				className: o.pairingHeader,
+				children: i.pairingHeader
+			}),
+			/* @__PURE__ */ u("span", {
+				className: o.scanCallToAction,
+				children: i.pairingScanCallToAction
+			}),
+			/* @__PURE__ */ u("div", {
+				className: s ? o.qrSurfaceDark : o.qrSurfaceLight,
+				children: /* @__PURE__ */ u(a, {
+					value: t,
+					size: n,
+					theme: r
+				})
+			}),
+			/* @__PURE__ */ u("span", {
+				className: o.pairingDescription,
+				children: i.pairingDescription
+			})
 		]
-	}), n[13] = p, n[14] = m, n[15] = _, n[16] = v, n[17] = y) : y = n[17], y;
-}, h = (e) => {
-	let t = u(3), { stage: n } = e, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ d("div", {
+	});
+}, m = ({ stage: e }) => /* @__PURE__ */ d("div", {
+	className: o.loaderContainer,
+	children: [/* @__PURE__ */ u("div", {
 		className: o.loaderLogo,
-		children: /* @__PURE__ */ d(r, { size: 100 })
-	}), t[0] = i) : i = t[0];
-	let a;
-	return t[1] === n ? a = t[2] : (a = /* @__PURE__ */ f("div", {
-		className: o.loaderContainer,
-		children: [i, /* @__PURE__ */ d("span", {
-			className: o.loaderText,
-			children: n
-		})]
-	}), t[1] = n, t[2] = a), a;
-}, g = (n) => {
-	let r = u(13), { message: i } = n, a = t(), c = e(), l;
-	r[0] === c.pairingError ? l = r[1] : (l = /* @__PURE__ */ d("span", {
-		className: o.errorTitle,
-		children: c.pairingError
-	}), r[0] = c.pairingError, r[1] = l);
-	let p;
-	r[2] === i ? p = r[3] : (p = /* @__PURE__ */ d("span", {
-		className: o.errorGenericText,
-		children: i
-	}), r[2] = i, r[3] = p);
-	let m;
-	r[4] === a ? m = r[5] : (m = () => a.authenticate(), r[4] = a, r[5] = m);
-	let h;
-	r[6] !== m || r[7] !== c.pairingRetry ? (h = /* @__PURE__ */ d(s, {
-		variant: "secondary",
-		type: "button",
-		onClick: m,
-		children: c.pairingRetry
-	}), r[6] = m, r[7] = c.pairingRetry, r[8] = h) : h = r[8];
-	let g;
-	return r[9] !== l || r[10] !== p || r[11] !== h ? (g = /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ u(r, { size: 100 })
+	}), /* @__PURE__ */ u("span", {
+		className: o.loaderText,
+		children: e
+	})]
+}), h = ({ message: n }) => {
+	let r = t(), i = e();
+	return /* @__PURE__ */ d("div", {
 		className: o.errorContainer,
 		children: [
-			l,
-			p,
-			h
+			/* @__PURE__ */ u("span", {
+				className: o.errorTitle,
+				children: i.pairingError
+			}),
+			/* @__PURE__ */ u("span", {
+				className: o.errorGenericText,
+				children: n
+			}),
+			/* @__PURE__ */ u(s, {
+				variant: "secondary",
+				type: "button",
+				onClick: () => r.authenticate(),
+				children: i.pairingRetry
+			})
 		]
-	}), r[9] = l, r[10] = p, r[11] = h, r[12] = g) : g = r[12], g;
+	});
 };
 //#endregion
-export { p as PairingModal };
+export { f as PairingModal };

package/dist/flow/PairingPopover.js

@@ -4,155 +4,109 @@ import { useAuthStatus as n } from "../hooks/authStatus.js";
 import { LogoSmall as r } from "../ui/LogoSmall.js";
 import { QrCode as i } from "../ui/QrCode.js";
 import a from "./Pairing.module.css.js";
-import { memo as o, useEffect as s } from "react";
-import { c } from "react/compiler-runtime";
+import { memo as o, useCallback as s, useEffect as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import * as d from "@radix-ui/react-popover";
 import "@radix-ui/react-popper";
 //#region src/flow/PairingPopover.tsx
-var f = o((e) => {
-	let r = c(44), { theme: i, size: o, align: f, side: g, alignOffset: _, sizeOffset: v, children: y } = e, b = i === void 0 ? "dark" : i, x = o === void 0 ? 240 : o, S = v === void 0 ? 4 : v, C = t(), { status: w } = n(), T = typeof process < "u" && process.env?.STORYBOOK === "true", E = C.authUIMode === "popover" && (T || w.step !== "none"), D;
-	r[0] !== C || r[1] !== w.step ? (D = () => {
-		w.step === "none" && C.authenticate("popover");
-	}, r[0] = C, r[1] = w.step, r[2] = D) : D = r[2];
-	let O = D, k;
-	r[3] !== C || r[4] !== w.step ? (k = (e) => {
-		!e && w.step !== "pending" && C.abortAuthentication();
-	}, r[3] = C, r[4] = w.step, r[5] = k) : k = r[5];
-	let A = k, j;
-	r[6] === C ? j = r[7] : (j = () => () => {
-		C.abortAuthentication();
-	}, r[6] = C, r[7] = j);
-	let M;
-	r[8] === C.abortAuthentication ? M = r[9] : (M = [C.abortAuthentication], r[8] = C.abortAuthentication, r[9] = M), s(j, M);
-	let N;
-	r[10] !== y || r[11] !== O ? (N = /* @__PURE__ */ l(d.Trigger, {
-		asChild: !0,
-		onClick: O,
-		children: y
-	}), r[10] = y, r[11] = O, r[12] = N) : N = r[12];
-	let P, F;
-	r[13] === w.step ? (P = r[14], F = r[15]) : (F = (e) => {
-		w.step === "pending" && e.preventDefault();
-	}, P = (e) => {
-		w.step === "pending" && e.preventDefault();
-	}, r[13] = w.step, r[14] = P, r[15] = F);
-	let I;
-	r[16] !== x || r[17] !== w.payload || r[18] !== w.step || r[19] !== b ? (I = w.step === "pairing" && /* @__PURE__ */ l(p, {
-		theme: b,
-		size: x,
-		payload: w.payload
-	}), r[16] = x, r[17] = w.payload, r[18] = w.step, r[19] = b, r[20] = I) : I = r[20];
-	let L;
-	r[21] !== w.stage || r[22] !== w.step ? (L = w.step === "pending" && /* @__PURE__ */ l(m, { stage: w.stage }), r[21] = w.stage, r[22] = w.step, r[23] = L) : L = r[23];
-	let R;
-	r[24] !== w.message || r[25] !== w.step ? (R = w.step === "pairingError" && /* @__PURE__ */ l(h, { message: w.message }), r[24] = w.message, r[25] = w.step, r[26] = R) : R = r[26];
-	let z;
-	r[27] !== I || r[28] !== L || r[29] !== R ? (z = /* @__PURE__ */ u("div", {
-		className: a.popoverContainer,
-		children: [
-			I,
-			L,
-			R
-		]
-	}), r[27] = I, r[28] = L, r[29] = R, r[30] = z) : z = r[30];
-	let B;
-	r[31] !== f || r[32] !== _ || r[33] !== g || r[34] !== S || r[35] !== P || r[36] !== z || r[37] !== F ? (B = /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ l(d.Content, {
-		side: g,
-		align: f,
-		sideOffset: S,
-		alignOffset: _,
-		className: a.popoverContent,
-		onInteractOutside: F,
-		onEscapeKeyDown: P,
-		children: z
-	}) }), r[31] = f, r[32] = _, r[33] = g, r[34] = S, r[35] = P, r[36] = z, r[37] = F, r[38] = B) : B = r[38];
-	let V;
-	return r[39] !== E || r[40] !== B || r[41] !== N || r[42] !== A ? (V = /* @__PURE__ */ u(d.Root, {
-		open: E,
-		onOpenChange: A,
-		children: [N, B]
-	}), r[39] = E, r[40] = B, r[41] = N, r[42] = A, r[43] = V) : V = r[43], V;
-}), p = (t) => {
-	let n = c(18), { payload: r, size: o, theme: s } = t, d = s === void 0 ? "light" : s, f = e(), p = d === "dark", m;
-	n[0] === f.pairingPopoverWelcome ? m = n[1] : (m = /* @__PURE__ */ l("span", {
-		className: a.pairingPopoverHeader,
-		children: f.pairingPopoverWelcome
-	}), n[0] = f.pairingPopoverWelcome, n[1] = m);
-	let h = p ? a.qrSurfaceDark : a.qrSurfaceLight, g;
-	n[2] !== r || n[3] !== o || n[4] !== d ? (g = /* @__PURE__ */ l(i, {
-		value: r,
-		size: o,
-		theme: d
-	}), n[2] = r, n[3] = o, n[4] = d, n[5] = g) : g = n[5];
-	let _;
-	n[6] !== h || n[7] !== g ? (_ = /* @__PURE__ */ l("div", {
-		className: h,
-		children: g
-	}), n[6] = h, n[7] = g, n[8] = _) : _ = n[8];
-	let v;
-	n[9] === f.pairingPopoverLoginHeading ? v = n[10] : (v = /* @__PURE__ */ l("span", {
-		className: a.scanCallToActionPopover,
-		children: f.pairingPopoverLoginHeading
-	}), n[9] = f.pairingPopoverLoginHeading, n[10] = v);
-	let y;
-	n[11] === f.pairingPopoverScanDescription ? y = n[12] : (y = /* @__PURE__ */ l("span", {
-		className: a.pairingDescriptionPopover,
-		children: f.pairingPopoverScanDescription
-	}), n[11] = f.pairingPopoverScanDescription, n[12] = y);
-	let b;
-	return n[13] !== m || n[14] !== _ || n[15] !== v || n[16] !== y ? (b = /* @__PURE__ */ u("div", {
+var f = o(({ theme: e = "dark", size: r = 240, align: i, side: o, alignOffset: f, sizeOffset: g = 4, children: _ }) => {
+	let v = t(), { status: y } = n(), b = typeof process < "u" && process.env?.STORYBOOK === "true", x = v.authUIMode === "popover" && (b || y.step !== "none"), S = s(() => {
+		y.step === "none" && v.authenticate("popover");
+	}, [v, y.step]), C = s((e) => {
+		!e && y.step !== "pending" && v.abortAuthentication();
+	}, [v, y.step]);
+	return c(() => () => {
+		v.abortAuthentication();
+	}, [v.abortAuthentication]), /* @__PURE__ */ u(d.Root, {
+		open: x,
+		onOpenChange: C,
+		children: [/* @__PURE__ */ l(d.Trigger, {
+			asChild: !0,
+			onClick: S,
+			children: _
+		}), /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ l(d.Content, {
+			side: o,
+			align: i,
+			sideOffset: g,
+			alignOffset: f,
+			className: a.popoverContent,
+			onInteractOutside: (e) => {
+				y.step === "pending" && e.preventDefault();
+			},
+			onEscapeKeyDown: (e) => {
+				y.step === "pending" && e.preventDefault();
+			},
+			children: /* @__PURE__ */ u("div", {
+				className: a.popoverContainer,
+				children: [
+					y.step === "pairing" && /* @__PURE__ */ l(p, {
+						theme: e,
+						size: r,
+						payload: y.payload
+					}),
+					y.step === "pending" && /* @__PURE__ */ l(m, { stage: y.stage }),
+					y.step === "pairingError" && /* @__PURE__ */ l(h, { message: y.message })
+				]
+			})
+		}) })]
+	});
+}), p = ({ payload: t, size: n, theme: r = "light" }) => {
+	let o = e(), s = r === "dark";
+	return /* @__PURE__ */ u("div", {
 		className: a.pairingPopoverContainer,
 		children: [
-			m,
-			_,
-			v,
-			y
+			/* @__PURE__ */ l("span", {
+				className: a.pairingPopoverHeader,
+				children: o.pairingPopoverWelcome
+			}),
+			/* @__PURE__ */ l("div", {
+				className: s ? a.qrSurfaceDark : a.qrSurfaceLight,
+				children: /* @__PURE__ */ l(i, {
+					value: t,
+					size: n,
+					theme: r
+				})
+			}),
+			/* @__PURE__ */ l("span", {
+				className: a.scanCallToActionPopover,
+				children: o.pairingPopoverLoginHeading
+			}),
+			/* @__PURE__ */ l("span", {
+				className: a.pairingDescriptionPopover,
+				children: o.pairingPopoverScanDescription
+			})
 		]
-	}), n[13] = m, n[14] = _, n[15] = v, n[16] = y, n[17] = b) : b = n[17], b;
-}, m = (e) => {
-	let t = c(3), { stage: n } = e, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("div", {
+	});
+}, m = ({ stage: e }) => /* @__PURE__ */ u("div", {
+	className: a.loaderContainerPopover,
+	children: [/* @__PURE__ */ l("div", {
 		className: a.loaderLogo,
 		children: /* @__PURE__ */ l(r, { size: 100 })
-	}), t[0] = i) : i = t[0];
-	let o;
-	return t[1] === n ? o = t[2] : (o = /* @__PURE__ */ u("div", {
-		className: a.loaderContainerPopover,
-		children: [i, /* @__PURE__ */ l("span", {
-			className: a.loaderText,
-			children: n
-		})]
-	}), t[1] = n, t[2] = o), o;
-}, h = (n) => {
-	let r = c(13), { message: i } = n, o = t(), s = e(), d;
-	r[0] === s.pairingError ? d = r[1] : (d = /* @__PURE__ */ l("span", {
-		className: a.errorTitlePopover,
-		children: s.pairingError
-	}), r[0] = s.pairingError, r[1] = d);
-	let f;
-	r[2] === i ? f = r[3] : (f = i && /* @__PURE__ */ l("span", {
-		className: a.errorGenericText,
-		children: i
-	}), r[2] = i, r[3] = f);
-	let p;
-	r[4] === o ? p = r[5] : (p = () => o.authenticate(), r[4] = o, r[5] = p);
-	let m;
-	r[6] !== p || r[7] !== s.pairingRetry ? (m = /* @__PURE__ */ l("button", {
-		className: a.retryButton,
-		type: "button",
-		onClick: p,
-		children: s.pairingRetry
-	}), r[6] = p, r[7] = s.pairingRetry, r[8] = m) : m = r[8];
-	let h;
-	return r[9] !== d || r[10] !== f || r[11] !== m ? (h = /* @__PURE__ */ u("div", {
+	}), /* @__PURE__ */ l("span", {
+		className: a.loaderText,
+		children: e
+	})]
+}), h = ({ message: n }) => {
+	let r = t(), i = e();
+	return /* @__PURE__ */ u("div", {
 		className: a.errorContainerPopover,
 		children: [
-			d,
-			f,
-			m
+			/* @__PURE__ */ l("span", {
+				className: a.errorTitlePopover,
+				children: i.pairingError
+			}),
+			n && /* @__PURE__ */ l("span", {
+				className: a.errorGenericText,
+				children: n
+			}),
+			/* @__PURE__ */ l("button", {
+				className: a.retryButton,
+				type: "button",
+				onClick: () => r.authenticate(),
+				children: i.pairingRetry
+			})
 		]
-	}), r[9] = d, r[10] = f, r[11] = m, r[12] = h) : h = r[12], h;
+	});
 };
 //#endregion
 export { f as PairingPopover };

package/dist/flow/PappProvider.js

@@ -2,27 +2,19 @@ import { SessionsProvider as e } from "../providers/SessionsProvider.js";
 import { TranslationProvider as t } from "../providers/TranslationProvider.js";
 import { AuthProvider as n } from "../providers/AuthProvider.js";
 import { createContext as r, useContext as i } from "react";
-import { c as a } from "react/compiler-runtime";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/flow/PappProvider.tsx
-var s = r(null), c = () => {
-	let e = i(s);
+var o = r(null), s = () => {
+	let e = i(o);
 	if (e === null) throw Error("Polkadot app Provider must be defined.");
 	return e;
-}, l = (r) => {
-	let i = a(9), { adapter: c, language: l, translations: u, children: d } = r, f;
-	i[0] === d ? f = i[1] : (f = /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(e, { children: d }) }), i[0] = d, i[1] = f);
-	let p;
-	i[2] !== l || i[3] !== f || i[4] !== u ? (p = /* @__PURE__ */ o(t, {
-		language: l,
-		keys: u,
-		children: f
-	}), i[2] = l, i[3] = f, i[4] = u, i[5] = p) : p = i[5];
-	let m;
-	return i[6] !== c || i[7] !== p ? (m = /* @__PURE__ */ o(s.Provider, {
-		value: c,
-		children: p
-	}), i[6] = c, i[7] = p, i[8] = m) : m = i[8], m;
-};
+}, c = ({ adapter: r, language: i, translations: s, children: c }) => /* @__PURE__ */ a(o.Provider, {
+	value: r,
+	children: /* @__PURE__ */ a(t, {
+		language: i,
+		keys: s,
+		children: /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(e, { children: c }) })
+	})
+});
 //#endregion
-export { l as PappProvider, c as usePapp };
+export { c as PappProvider, s as usePapp };

package/dist/hooks/authStatus.js

@@ -1,21 +1,12 @@
 import { useAuthentication as e } from "../providers/AuthProvider.js";
-import "react";
-import { c as t } from "react/compiler-runtime";
+import { useMemo as t } from "react";
 //#region src/hooks/authStatus.ts
 var n = () => {
-	let n = t(3), { pairingStatus: r } = e(), i;
-	bb0: {
-		if (r.step === "finished") {
-			i = r.session;
-			break bb0;
-		}
-		i = null;
-	}
-	let a = i, o;
-	return n[0] !== r || n[1] !== a ? (o = {
-		status: r,
-		signedInUser: a
-	}, n[0] = r, n[1] = a, n[2] = o) : o = n[2], o;
+	let { pairingStatus: n } = e();
+	return {
+		status: n,
+		signedInUser: t(() => n.step === "finished" ? n.session : null, [n])
+	};
 };
 //#endregion
 export { n as useAuthStatus };

package/dist/providers/SessionsProvider.js

@@ -1,30 +1,23 @@
 import { usePapp as e } from "../flow/PappProvider.js";
 import { createContext as t, useContext as n, useDebugValue as r, useEffect as i, useState as a } from "react";
-import { c as o } from "react/compiler-runtime";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/providers/SessionsProvider.tsx
-var c = t(null), l = () => {
-	let e = n(c);
+var s = t(null), c = () => {
+	let e = n(s);
 	if (e === null) throw Error("User provider is not defined");
 	return e;
-}, u = (e) => {
-	let t = o(5), { children: n } = e, r = f(), i;
-	t[0] === r ? i = t[1] : (i = { session: r }, t[0] = r, t[1] = i);
-	let a = i, l;
-	return t[2] !== n || t[3] !== a ? (l = /* @__PURE__ */ s(c.Provider, {
-		value: a,
-		children: n
-	}), t[2] = n, t[3] = a, t[4] = l) : l = t[4], l;
+}, l = ({ children: e }) => {
+	let t = { session: d() };
+	return /* @__PURE__ */ o(s.Provider, {
+		value: t,
+		children: e
+	});
+}, u = () => {
+	let t = e(), [n, o] = a([]);
+	return i(() => t.sessions.sessions.subscribe(o), [t]), r(`Sessions: ${n.length}`), n;
 }, d = () => {
-	let t = o(5), n = e(), s;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0];
-	let [c, l] = a(s), u;
-	t[1] === n.sessions.sessions ? u = t[2] : (u = () => n.sessions.sessions.subscribe(l), t[1] = n.sessions.sessions, t[2] = u);
-	let d;
-	return t[3] === n ? d = t[4] : (d = [n], t[3] = n, t[4] = d), i(u, d), r(`Sessions: ${c.length}`), c;
-}, f = () => {
-	let e = o(4), t = d(), n, i, a;
-	return e[0] === t ? (n = e[1], i = e[2], a = e[3]) : (n = t.at(0) ?? null, a = r, i = n?.localAccount.accountId.toString() ?? "None", e[0] = t, e[1] = n, e[2] = i, e[3] = a), a(`Selected user: ${i}`), n;
+	let e = u().at(0) ?? null;
+	return r(`Selected user: ${e?.localAccount.accountId.toString() ?? "None"}`), e;
 };
 //#endregion
-export { u as SessionsProvider, l as useSession, f as useUserSession };
+export { l as SessionsProvider, c as useSession, d as useUserSession };

package/dist/providers/TranslationProvider.js

@@ -1,5 +1,4 @@
-import { createContext as e, useContext as t } from "react";
-import { c as n } from "react/compiler-runtime";
+import { createContext as e, useContext as t, useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/providers/TranslationProvider.tsx
 var i = "en", a = { [i]: {
@@ -15,22 +14,18 @@ var i = "en", a = { [i]: {
 } }, o = e({
 	language: i,
 	keys: a
-}), s = (e) => {
-	let t = n(8), { language: s, keys: c, children: l } = e, u = s === void 0 ? i : s, d;
-	t[0] === c ? d = t[1] : (d = {
-		...a,
-		...c
-	}, t[0] = c, t[1] = d);
-	let f;
-	t[2] !== u || t[3] !== d ? (f = {
-		language: u,
-		keys: d
-	}, t[2] = u, t[3] = d, t[4] = f) : f = t[4];
-	let p = f, m;
-	return t[5] !== l || t[6] !== p ? (m = /* @__PURE__ */ r(o.Provider, {
-		value: p,
-		children: l
-	}), t[5] = l, t[6] = p, t[7] = m) : m = t[7], m;
+}), s = ({ language: e = i, keys: t, children: s }) => {
+	let c = n(() => ({
+		language: e,
+		keys: {
+			...a,
+			...t
+		}
+	}), [e, t]);
+	return /* @__PURE__ */ r(o.Provider, {
+		value: c,
+		children: s
+	});
 }, c = () => {
 	let e = t(o), n = e.keys[e.language];
 	if (!n) throw Error(`Papp integration: translation keys for "${e.language}" not found`);

package/dist/ui/LogoSmall.js

@@ -1,44 +1,38 @@
 import { memo as e } from "react";
-import { c as t } from "react/compiler-runtime";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/ui/LogoSmall.tsx
-var i = 58 / 65, a = e((e) => {
-	let a = t(9), { size: o } = e, s = o === void 0 ? 65 : o, c = s * i, l, u, d, f, p, m;
-	a[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", {
-		d: "M3.26397 13.7265C-0.989772 18.6817 -1.10194 25.5792 3.02237 29.1187C7.14669 32.6667 13.9371 31.5186 18.1995 26.5547C22.4532 21.5995 22.5654 14.702 18.4411 11.1626C16.8276 9.77271 14.7913 9.10799 12.6688 9.10799C9.37277 9.10799 5.85245 10.7137 3.26397 13.7265Z",
-		fill: "currentColor"
-	}), u = /* @__PURE__ */ n("path", {
-		d: "M2.03001 39.3657C-1.17108 43.1641 0.218066 49.6128 5.13618 53.7651C10.0543 57.9174 16.6463 58.211 19.8474 54.4126C23.0485 50.6142 21.6593 44.1655 16.7412 40.0132C14.1355 37.8118 11.0638 36.6982 8.27687 36.6982C5.80055 36.6982 3.53996 37.5787 2.03864 39.3657",
-		fill: "currentColor"
-	}), d = /* @__PURE__ */ n("path", {
-		d: "M30.9087 53.2643C25.1364 55.0859 21.1588 58.7979 22.0216 61.5518C22.8931 64.3056 28.2771 65.0653 34.0494 63.2351C39.8217 61.4136 43.7994 57.7016 42.9366 54.9477C42.3843 53.2126 40.0375 52.263 36.9313 52.263C35.1107 52.263 33.0399 52.5824 30.9087 53.2557",
-		fill: "currentColor"
-	}), f = /* @__PURE__ */ n("path", {
-		d: "M21.8749 3.53942C20.6842 6.97524 24.4634 11.4125 30.3306 13.4584C36.1979 15.5044 41.9184 14.3735 43.1091 10.9377C44.2998 7.50184 40.5206 3.06462 34.6534 1.01866C32.6775 0.328044 30.7103 0 28.9329 0C25.4384 0 22.6601 1.26038 21.8749 3.53942Z",
-		fill: "currentColor"
-	}), p = /* @__PURE__ */ n("path", {
-		d: "M48.2516 10.4638C46.5519 11.1458 46.9574 16.1096 49.149 21.5309C51.3406 26.9609 54.4899 30.8025 56.1897 30.1205C57.8808 29.4385 57.4839 24.4833 55.2923 19.0534C53.2733 14.0464 50.4346 10.3861 48.6744 10.3861C48.5277 10.3861 48.3897 10.412 48.2516 10.4638Z",
-		fill: "currentColor"
-	}), m = /* @__PURE__ */ n("path", {
-		d: "M49.5544 43.4491C47.1385 48.6892 46.3015 53.4631 47.6907 54.1019C49.0798 54.7407 52.1688 51.0114 54.5847 45.7713C57.0092 40.5313 57.8376 35.7574 56.457 35.1185C56.3535 35.0667 56.2413 35.0495 56.1119 35.0495C54.602 35.0495 51.7891 38.6062 49.5544 43.4491Z",
-		fill: "currentColor"
-	}), a[0] = l, a[1] = u, a[2] = d, a[3] = f, a[4] = p, a[5] = m) : (l = a[0], u = a[1], d = a[2], f = a[3], p = a[4], m = a[5]);
-	let h;
-	return a[6] !== s || a[7] !== c ? (h = /* @__PURE__ */ r("svg", {
-		width: c,
-		height: s,
-		viewBox: "0 0 58 65",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: [
-			l,
-			u,
-			d,
-			f,
-			p,
-			m
-		]
-	}), a[6] = s, a[7] = c, a[8] = h) : h = a[8], h;
-});
+var r = 58 / 65, i = e(({ size: e = 65 }) => /* @__PURE__ */ n("svg", {
+	width: e * r,
+	height: e,
+	viewBox: "0 0 58 65",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M3.26397 13.7265C-0.989772 18.6817 -1.10194 25.5792 3.02237 29.1187C7.14669 32.6667 13.9371 31.5186 18.1995 26.5547C22.4532 21.5995 22.5654 14.702 18.4411 11.1626C16.8276 9.77271 14.7913 9.10799 12.6688 9.10799C9.37277 9.10799 5.85245 10.7137 3.26397 13.7265Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M2.03001 39.3657C-1.17108 43.1641 0.218066 49.6128 5.13618 53.7651C10.0543 57.9174 16.6463 58.211 19.8474 54.4126C23.0485 50.6142 21.6593 44.1655 16.7412 40.0132C14.1355 37.8118 11.0638 36.6982 8.27687 36.6982C5.80055 36.6982 3.53996 37.5787 2.03864 39.3657",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M30.9087 53.2643C25.1364 55.0859 21.1588 58.7979 22.0216 61.5518C22.8931 64.3056 28.2771 65.0653 34.0494 63.2351C39.8217 61.4136 43.7994 57.7016 42.9366 54.9477C42.3843 53.2126 40.0375 52.263 36.9313 52.263C35.1107 52.263 33.0399 52.5824 30.9087 53.2557",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M21.8749 3.53942C20.6842 6.97524 24.4634 11.4125 30.3306 13.4584C36.1979 15.5044 41.9184 14.3735 43.1091 10.9377C44.2998 7.50184 40.5206 3.06462 34.6534 1.01866C32.6775 0.328044 30.7103 0 28.9329 0C25.4384 0 22.6601 1.26038 21.8749 3.53942Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M48.2516 10.4638C46.5519 11.1458 46.9574 16.1096 49.149 21.5309C51.3406 26.9609 54.4899 30.8025 56.1897 30.1205C57.8808 29.4385 57.4839 24.4833 55.2923 19.0534C53.2733 14.0464 50.4346 10.3861 48.6744 10.3861C48.5277 10.3861 48.3897 10.412 48.2516 10.4638Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M49.5544 43.4491C47.1385 48.6892 46.3015 53.4631 47.6907 54.1019C49.0798 54.7407 52.1688 51.0114 54.5847 45.7713C57.0092 40.5313 57.8376 35.7574 56.457 35.1185C56.3535 35.0667 56.2413 35.0495 56.1119 35.0495C54.602 35.0495 51.7891 38.6062 49.5544 43.4491Z",
+			fill: "currentColor"
+		})
+	]
+}));
 //#endregion
-export { a as LogoSmall };
+export { i as LogoSmall };

package/dist/ui/Modal.js

@@ -1,40 +1,26 @@
 import e from "./Modal.module.css.js";
-import { c as t } from "react/compiler-runtime";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Content as i, Overlay as a, Portal as o, Root as s, Title as c } from "@radix-ui/react-dialog";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Content as r, Overlay as i, Portal as a, Root as o, Title as s } from "@radix-ui/react-dialog";
 //#region src/ui/Modal.tsx
-var l = (l) => {
-	let u = t(13), { open: d, onOpenChange: f, width: p, container: m, children: h } = l;
-	if (!d) return null;
-	let g;
-	u[0] === p ? g = u[1] : (g = { width: p }, u[0] = p, u[1] = g);
-	let _;
-	u[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(c, {
-		style: { display: "none" },
-		children: "Modal"
-	}), u[2] = _) : _ = u[2];
-	let v;
-	u[3] !== h || u[4] !== g ? (v = /* @__PURE__ */ n(a, {
-		className: e.backdrop,
-		children: /* @__PURE__ */ r(i, {
-			className: e.modal,
-			style: g,
-			"aria-describedby": void 0,
-			children: [_, h]
+var c = ({ open: c, onOpenChange: l, width: u, container: d, children: f }) => c ? /* @__PURE__ */ t(o, {
+	modal: !0,
+	open: c,
+	onOpenChange: l,
+	children: /* @__PURE__ */ t(a, {
+		container: d,
+		children: /* @__PURE__ */ t(i, {
+			className: e.backdrop,
+			children: /* @__PURE__ */ n(r, {
+				className: e.modal,
+				style: { width: u },
+				"aria-describedby": void 0,
+				children: [/* @__PURE__ */ t(s, {
+					style: { display: "none" },
+					children: "Modal"
+				}), f]
+			})
 		})
-	}), u[3] = h, u[4] = g, u[5] = v) : v = u[5];
-	let y;
-	u[6] !== m || u[7] !== v ? (y = /* @__PURE__ */ n(o, {
-		container: m,
-		children: v
-	}), u[6] = m, u[7] = v, u[8] = y) : y = u[8];
-	let b;
-	return u[9] !== f || u[10] !== d || u[11] !== y ? (b = /* @__PURE__ */ n(s, {
-		modal: !0,
-		open: d,
-		onOpenChange: f,
-		children: y
-	}), u[9] = f, u[10] = d, u[11] = y, u[12] = b) : b = u[12], b;
-};
+	})
+}) : null;
 //#endregion
-export { l as Modal };
+export { c as Modal };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-papp-react-ui",
   "type": "module",
-  "version": "0.9.4",
+  "version": "0.10.1",
   "description": "Polkadot app UI Flow",
   "license": "Apache-2.0",
   "repository": {
@@ -33,19 +33,19 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@novasamatech/host-papp": "0.9.4",
-    "@novasamatech/statement-store": "0.9.4",
+    "@novasamatech/host-papp": "0.10.1",
+    "@novasamatech/statement-store": "0.10.1",
     "@polkadot-api/utils": "^0.4.0",
     "@radix-ui/react-dialog": "1.1.23",
     "@radix-ui/react-popover": "1.1.23",
     "qrcode": "^1.5.4",
-    "@novasamatech/tr-ui": "^0.3.0"
+    "@novasamatech/tr-ui": "^0.3.1"
   },
   "devDependencies": {
     "@types/qrcode": "^1.5.6",
     "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.4",
-    "@polkadot-api/substrate-bindings": "^0.20.3",
+    "@types/react-dom": "19.2.5",
+    "@polkadot-api/substrate-bindings": "^0.21.0",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "typescript-plugin-css-modules": "5.2.0",