@novasamatech/host-papp-react-ui 0.8.11 → 0.9.0

package/dist/flow/Pairing.module.css.js

@@ -1,51 +1,39 @@
-const r = "papp_Pairing-module_popoverContent_3xnU8", o = "papp_Pairing-module_container_gH7WU", e = "papp_Pairing-module_pairingContainer_R5atH", n = "papp_Pairing-module_pairingHeader_bpfNW", i = "papp_Pairing-module_scanCallToAction_lOQ-T", a = "papp_Pairing-module_pairingDescription_UJE0U", p = "papp_Pairing-module_qrSurfaceLight_dIa-z papp_Pairing-module_qrSurface_wDMjT", t = "papp_Pairing-module_qrSurfaceDark_2icM9 papp_Pairing-module_qrSurface_wDMjT", _ = "papp_Pairing-module_loaderLogo_iHsP9", c = "papp_Pairing-module_loaderContainer_cR46U", l = "papp_Pairing-module_loaderText_beteT", g = "papp_Pairing-module_loaderContainerPopover_n1-JJ", P = "papp_Pairing-module_errorContainer_KW5T-", d = "papp_Pairing-module_errorTitle_qokH0", s = "papp_Pairing-module_popoverContainer_fOWoF", u = "papp_Pairing-module_pairingPopoverHeader_PAQot", C = "papp_Pairing-module_scanCallToActionPopover_Irz-z", v = "papp_Pairing-module_pairingDescriptionPopover_z71yj", m = "papp_Pairing-module_errorContainerPopover_4mELg", T = "papp_Pairing-module_pairingPopoverContainer_RvVnH", f = "papp_Pairing-module_errorTitlePopover_-FPrd", D = "papp_Pairing-module_errorGenericText_ZPwQb", H = "papp_Pairing-module_retryButton_kWeRx", q = {
-  popoverContent: r,
-  container: o,
-  pairingContainer: e,
-  pairingHeader: n,
-  scanCallToAction: i,
-  pairingDescription: a,
-  qrSurfaceLight: p,
-  qrSurfaceDark: t,
-  loaderLogo: _,
-  loaderContainer: c,
-  loaderText: l,
-  loaderContainerPopover: g,
-  errorContainer: P,
-  errorTitle: d,
-  popoverContainer: s,
-  pairingPopoverHeader: u,
-  scanCallToActionPopover: C,
-  pairingDescriptionPopover: v,
-  errorContainerPopover: m,
-  pairingPopoverContainer: T,
-  errorTitlePopover: f,
-  errorGenericText: D,
-  retryButton: H
-};
-export {
-  o as container,
-  q as default,
-  P as errorContainer,
-  m as errorContainerPopover,
-  D as errorGenericText,
-  d as errorTitle,
-  f as errorTitlePopover,
-  c as loaderContainer,
-  g as loaderContainerPopover,
-  _ as loaderLogo,
-  l as loaderText,
-  e as pairingContainer,
-  a as pairingDescription,
-  v as pairingDescriptionPopover,
-  n as pairingHeader,
-  T as pairingPopoverContainer,
-  u as pairingPopoverHeader,
-  s as popoverContainer,
-  r as popoverContent,
-  t as qrSurfaceDark,
-  p as qrSurfaceLight,
-  H as retryButton,
-  i as scanCallToAction,
-  C as scanCallToActionPopover
+//#region src/flow/Pairing.module.css
+var e = "papp_Pairing-module_popoverContent_3xnU8", t = "papp_Pairing-module_container_gH7WU", n = "papp_Pairing-module_genericText_zDzqC", r = "papp_Pairing-module_pairingContainer_R5atH", i = "papp_Pairing-module_pairingHeader_bpfNW", a = "papp_Pairing-module_scanCallToAction_lOQ-T", o = "papp_Pairing-module_pairingDescription_UJE0U", s = "papp_Pairing-module_qrSurface_wDMjT", c = "papp_Pairing-module_qrSurfaceLight_dIa-z papp_Pairing-module_qrSurface_wDMjT", l = "papp_Pairing-module_qrSurfaceDark_2icM9 papp_Pairing-module_qrSurface_wDMjT", u = "papp_Pairing-module_loaderLogo_iHsP9", d = "papp_Pairing-module_loader_S62aK", f = "papp_Pairing-module_loaderContainer_cR46U", p = "papp_Pairing-module_loaderText_beteT", m = "papp_Pairing-module_loaderContainerPopover_n1-JJ", h = "papp_Pairing-module_finishedContainer_FtMTm", g = "papp_Pairing-module_finishedLogo_jkEDX", _ = "papp_Pairing-module_finishedLogoSeparator_iRufd", v = "papp_Pairing-module_finishedLogoTitle_qKs3e", y = "papp_Pairing-module_finishedWelcome_Zvm-X", b = "papp_Pairing-module_finishedUsername_RIpsa", x = "papp_Pairing-module_finishedVoucher_rR0jH", S = "papp_Pairing-module_finishedButton_iuvIR", C = "papp_Pairing-module_errorContainer_KW5T-", w = "papp_Pairing-module_errorTitle_qokH0", T = "papp_Pairing-module_popoverContainer_fOWoF", E = "papp_Pairing-module_pairingPopoverHeader_PAQot", D = "papp_Pairing-module_scanCallToActionPopover_Irz-z", O = "papp_Pairing-module_pairingDescriptionPopover_z71yj", k = "papp_Pairing-module_errorContainerPopover_4mELg", A = "papp_Pairing-module_pairingPopoverContainer_RvVnH", j = "papp_Pairing-module_errorTitlePopover_-FPrd", M = "papp_Pairing-module_errorGenericText_ZPwQb", N = "papp_Pairing-module_retryButton_kWeRx", P = {
+	popoverContent: e,
+	container: t,
+	genericText: n,
+	pairingContainer: r,
+	pairingHeader: i,
+	scanCallToAction: a,
+	pairingDescription: o,
+	qrSurface: s,
+	qrSurfaceLight: c,
+	qrSurfaceDark: l,
+	loaderLogo: u,
+	loader: d,
+	loaderContainer: f,
+	loaderText: p,
+	loaderContainerPopover: m,
+	finishedContainer: h,
+	finishedLogo: g,
+	finishedLogoSeparator: _,
+	finishedLogoTitle: v,
+	finishedWelcome: y,
+	finishedUsername: b,
+	finishedVoucher: x,
+	finishedButton: S,
+	errorContainer: C,
+	errorTitle: w,
+	popoverContainer: T,
+	pairingPopoverHeader: E,
+	scanCallToActionPopover: D,
+	pairingDescriptionPopover: O,
+	errorContainerPopover: k,
+	pairingPopoverContainer: A,
+	errorTitlePopover: j,
+	errorGenericText: M,
+	retryButton: N
 };
+//#endregion
+export { t as container, P as default, C as errorContainer, k as errorContainerPopover, M as errorGenericText, w as errorTitle, j as errorTitlePopover, S as finishedButton, h as finishedContainer, g as finishedLogo, _ as finishedLogoSeparator, v as finishedLogoTitle, b as finishedUsername, x as finishedVoucher, y as finishedWelcome, n as genericText, d as loader, f as loaderContainer, m as loaderContainerPopover, u as loaderLogo, p as loaderText, r as pairingContainer, o as pairingDescription, O as pairingDescriptionPopover, i as pairingHeader, A as pairingPopoverContainer, E as pairingPopoverHeader, T as popoverContainer, e as popoverContent, s as qrSurface, l as qrSurfaceDark, c as qrSurfaceLight, N as retryButton, a as scanCallToAction, D as scanCallToActionPopover };

package/dist/flow/PairingModal.js

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

package/dist/flow/PairingPopover.js

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