@novasamatech/host-papp-react-ui 0.7.9-2 → 0.7.9-4

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

@@ -1,49 +1,47 @@
-const o = "papp_Pairing-module_popoverContent_3xnU8", r = "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_loaderLogo_iHsP9", t = "papp_Pairing-module_loaderContainer_cR46U", _ = "papp_Pairing-module_loaderHeader_-q0jo", l = "papp_Pairing-module_loaderText_beteT", c = "papp_Pairing-module_errorContainer_KW5T-", d = "papp_Pairing-module_errorTitle_qokH0", P = "papp_Pairing-module_popoverContainer_fOWoF", g = "papp_Pairing-module_pairingPopoverHeader_PAQot", s = "papp_Pairing-module_scanCallToActionPopover_Irz-z", C = "papp_Pairing-module_pairingDescriptionPopover_z71yj", v = "papp_Pairing-module_errorContainerPopover_4mELg", u = "papp_Pairing-module_pairingPopoverContainer_RvVnH", m = "papp_Pairing-module_errorTitlePopover_-FPrd", T = "papp_Pairing-module_errorGenericText_ZPwQb", H = "papp_Pairing-module_loaderContainerPopover_n1-JJ", x = "papp_Pairing-module_retryButton_kWeRx", A = {
+const o = "papp_Pairing-module_popoverContent_3xnU8", r = "papp_Pairing-module_container_gH7WU", e = "papp_Pairing-module_pairingContainer_R5atH", n = "papp_Pairing-module_pairingHeader_bpfNW", i = "papp_Pairing-module_scanCallToAction_lOQ-T", p = "papp_Pairing-module_pairingDescription_UJE0U", a = "papp_Pairing-module_loaderLogo_iHsP9", t = "papp_Pairing-module_loaderContainer_cR46U", _ = "papp_Pairing-module_loaderText_beteT", l = "papp_Pairing-module_loaderContainerPopover_n1-JJ", c = "papp_Pairing-module_errorContainer_KW5T-", P = "papp_Pairing-module_errorTitle_qokH0", g = "papp_Pairing-module_popoverContainer_fOWoF", d = "papp_Pairing-module_pairingPopoverHeader_PAQot", s = "papp_Pairing-module_scanCallToActionPopover_Irz-z", C = "papp_Pairing-module_pairingDescriptionPopover_z71yj", v = "papp_Pairing-module_errorContainerPopover_4mELg", u = "papp_Pairing-module_pairingPopoverContainer_RvVnH", m = "papp_Pairing-module_errorTitlePopover_-FPrd", T = "papp_Pairing-module_errorGenericText_ZPwQb", H = "papp_Pairing-module_retryButton_kWeRx", x = {
   popoverContent: o,
   container: r,
   pairingContainer: e,
   pairingHeader: n,
   scanCallToAction: i,
-  pairingDescription: a,
-  loaderLogo: p,
+  pairingDescription: p,
+  loaderLogo: a,
   loaderContainer: t,
-  loaderHeader: _,
-  loaderText: l,
+  loaderText: _,
+  loaderContainerPopover: l,
   errorContainer: c,
-  errorTitle: d,
-  popoverContainer: P,
-  pairingPopoverHeader: g,
+  errorTitle: P,
+  popoverContainer: g,
+  pairingPopoverHeader: d,
   scanCallToActionPopover: s,
   pairingDescriptionPopover: C,
   errorContainerPopover: v,
   pairingPopoverContainer: u,
   errorTitlePopover: m,
   errorGenericText: T,
-  loaderContainerPopover: H,
-  retryButton: x
+  retryButton: H
 };
 export {
   r as container,
-  A as default,
+  x as default,
   c as errorContainer,
   v as errorContainerPopover,
   T as errorGenericText,
-  d as errorTitle,
+  P as errorTitle,
   m as errorTitlePopover,
   t as loaderContainer,
-  H as loaderContainerPopover,
-  _ as loaderHeader,
-  p as loaderLogo,
-  l as loaderText,
+  l as loaderContainerPopover,
+  a as loaderLogo,
+  _ as loaderText,
   e as pairingContainer,
-  a as pairingDescription,
+  p as pairingDescription,
   C as pairingDescriptionPopover,
   n as pairingHeader,
   u as pairingPopoverContainer,
-  g as pairingPopoverHeader,
-  P as popoverContainer,
+  d as pairingPopoverHeader,
+  g as popoverContainer,
   o as popoverContent,
-  x as retryButton,
+  H as retryButton,
   i as scanCallToAction,
   s as scanCallToActionPopover
 };

package/dist/flow/PairingModal.js

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

package/dist/flow/PairingPopover.js

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

package/dist/hooks/authStatus.d.ts

@@ -1,24 +1,5 @@
 export declare const useAuthStatus: () => {
-    status: {
-        step: "none";
-    } | {
-        step: "initial";
-    } | {
-        step: "attestation";
-    } | {
-        step: "pairing";
-        payload: string;
-    } | {
-        step: "pairingError";
-        message: string;
-    } | {
-        step: "finished";
-        session: import('@novasamatech/host-papp').StoredUserSession;
-    } | {
-        step: "attestationError";
-        message: string;
-    };
-    guestUsername: string | null;
+    status: import('@novasamatech/host-papp').PairingStatus;
     signedInUser: {
         id: string;
         localAccount: {

package/dist/hooks/authStatus.js

@@ -1,52 +1,25 @@
-import { c as f } from "react/compiler-runtime";
+import { c as o } from "react/compiler-runtime";
 import "react";
-import { useAuthentication as c } from "../providers/AuthProvider.js";
-const k = () => {
-  const e = f(4), p = c(), {
-    pairingStatus: t,
-    attestationStatus: i
-  } = p, a = i.step === "attestation" ? i.username : null;
-  let r;
+import { useAuthentication as r } from "../providers/AuthProvider.js";
+const p = () => {
+  const t = o(3), {
+    pairingStatus: s
+  } = r();
+  let i;
   t: {
-    if (t.step === "finished") {
-      r = t.session;
+    if (s.step === "finished") {
+      i = s.session;
       break t;
     }
-    r = null;
+    i = null;
   }
-  const o = r;
-  let s;
-  t: {
-    if (t.step === "none") {
-      s = t;
-      break t;
-    }
-    if (t.step === "initial") {
-      s = t;
-      break t;
-    }
-    if (t.step === "pairing") {
-      s = t;
-      break t;
-    }
-    if (i.step === "attestation") {
-      s = i;
-      break t;
-    }
-    if (i.step === "attestationError") {
-      s = i;
-      break t;
-    }
-    s = t;
-  }
-  const u = s;
-  let n;
-  return e[0] !== a || e[1] !== o || e[2] !== u ? (n = {
-    status: u,
-    guestUsername: a,
-    signedInUser: o
-  }, e[0] = a, e[1] = o, e[2] = u, e[3] = n) : n = e[3], n;
+  const n = i;
+  let e;
+  return t[0] !== s || t[1] !== n ? (e = {
+    status: s,
+    signedInUser: n
+  }, t[0] = s, t[1] = n, t[2] = e) : e = t[2], e;
 };
 export {
-  k as useAuthStatus
+  p as useAuthStatus
 };

package/dist/index.css

@@ -1 +1 @@
-@keyframes papp_Modal-module_fadeInOpacity_lXaQm{0%{opacity:0}to{opacity:1}}.papp_Modal-module_backdrop_5PnfC{z-index:1000;position:fixed;inset:0;background:hsl(var(--general-background) / .3);opacity:1;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s}.papp_Modal-module_modal_L5tLT{z-index:1001;position:absolute;inset:0;margin:auto;width:300px;height:fit-content;border-radius:32px;opacity:1;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s;text-rendering:geometricPrecision;background:var(--color-surface-tertiary-inverse);color:var(--color-text-foreground-inverse)}@keyframes papp_QrCode-module_fadeInOpacity_ZCaTW{0%{opacity:0}to{opacity:1}}.papp_QrCode-module_container_L11My{border-radius:34px;animation-name:papp_QrCode-module_fadeInOpacity_ZCaTW;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s;display:flex;justify-content:center;align-items:center;padding:16px}.papp_QrCode-module_gradientLayer_0Gbcy{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0%,rgba(255,240,200,.7) 5%,rgba(255,200,150,.4) 10%,transparent 18%),radial-gradient(ellipse at 50% 30%,rgba(255,100,200,.6) 0%,rgba(200,120,255,.5) 15%,rgba(150,100,255,.3) 30%,transparent 50%),radial-gradient(ellipse at 50% 70%,rgba(100,200,255,.5) 0%,rgba(80,150,255,.4) 20%,rgba(60,100,200,.3) 40%,transparent 55%),radial-gradient(circle at 20% 20%,rgba(150,100,255,.5) 0%,rgba(120,80,200,.3) 25%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(100,200,255,.5) 0%,rgba(80,150,200,.3) 25%,transparent 45%),radial-gradient(circle at 20% 80%,rgba(255,150,100,.5) 0%,rgba(200,100,150,.3) 25%,transparent 45%),linear-gradient(135deg,#3c5096e6,#5064b4cc 12%,#6478c8b3 25%,#7864b4b3 37%,#8c50a0b3 50%,#78468cbf 62%,#645078cc 75%,#505a82d9 87%,#3c466ee6)}.papp_QrCode-module_gradient-layer_7agFl:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,200,100,.3) 0%,rgba(255,150,150,.2) 15%,transparent 30%),radial-gradient(circle at 70% 60%,rgba(100,255,200,.3) 0%,rgba(100,200,255,.2) 15%,transparent 30%),radial-gradient(circle at 50% 80%,rgba(200,100,255,.3) 0%,rgba(150,100,200,.2) 20%,transparent 35%);filter:blur(25px)}.papp_QrCode-module_gradient-layer_7agFl:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 30%,rgba(255,180,200,.2) 0%,rgba(200,150,255,.15) 20%,transparent 35%),radial-gradient(circle at 60% 70%,rgba(100,220,255,.2) 0%,rgba(150,180,255,.15) 20%,transparent 35%),radial-gradient(ellipse at 80% 50%,rgba(255,150,100,.2) 0%,rgba(255,100,150,.1) 25%,transparent 40%);filter:blur(35px);mix-blend-mode:screen}.papp_Pairing-module_popoverContent_3xnU8{padding:0;border-radius:32px;background:var(--color-surface-tertiary-inverse);color:var(--color-text-foreground-inverse)}.papp_Pairing-module_container_gH7WU{width:350px}.papp_Pairing-module_genericText_zDzqC{font-family:Inter,sans-serif;font-size:24px}.papp_Pairing-module_pairingContainer_R5atH{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 50px 30px}.papp_Pairing-module_pairingHeader_bpfNW{font-family:Inter,sans-serif;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:1.83;letter-spacing:-.573px;margin-bottom:9px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_scanCallToAction_lOQ-T{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:1.5;margin-bottom:15px}.papp_Pairing-module_pairingDescription_UJE0U{font-family:Inter,sans-serif;width:300px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:1.2;margin-top:20px}@keyframes papp_Pairing-module_loader_S62aK{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.papp_Pairing-module_loaderLogo_iHsP9{width:fit-content;height:fit-content;animation:papp_Pairing-module_loader_S62aK 3s linear infinite}.papp_Pairing-module_loaderContainer_cR46U{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px;padding:30px;box-sizing:border-box}.papp_Pairing-module_loaderHeader_-q0jo{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:22px;line-height:1.5;letter-spacing:-.526px}.papp_Pairing-module_loaderText_beteT{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:29.203px;font-style:normal;font-weight:400;line-height:53.452px;letter-spacing:-.526px}.papp_Pairing-module_finishedContainer_FtMTm{display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;padding:40px 70px}.papp_Pairing-module_finishedLogo_jkEDX{display:flex;flex-direction:row;align-items:center;gap:12px}.papp_Pairing-module_finishedLogoSeparator_iRufd{width:1px;height:24px;background:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)))}.papp_Pairing-module_finishedLogoTitle_qKs3e{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:16px;white-space:nowrap;font-style:normal;font-weight:600;line-height:140%;letter-spacing:-.329px}.papp_Pairing-module_finishedWelcome_Zvm-X{margin-top:54px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));font-family:Inter,sans-serif;font-size:18.39px;font-style:normal;font-weight:400;line-height:27.585px;letter-spacing:1.947px;text-transform:uppercase}.papp_Pairing-module_finishedUsername_RIpsa{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:32.882px;font-style:normal;font-weight:400;line-height:60.185px;letter-spacing:-.593px}.papp_Pairing-module_finishedVoucher_rR0jH{flex-grow:1}.papp_Pairing-module_finishedButton_iuvIR{display:flex;flex-direction:column;width:262px}.papp_Pairing-module_errorContainer_KW5T-{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;height:100%;box-sizing:border-box;padding:40px 30px}.papp_Pairing-module_errorTitle_qokH0{font-family:Inter,sans-serif;text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:1.83;letter-spacing:-.573px;margin-bottom:9px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_genericText_zDzqC{font-family:Inter,sans-serif;font-size:24px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)))}.papp_Pairing-module_popoverContainer_fOWoF{width:280px}.papp_Pairing-module_pairingPopoverHeader_PAQot{font-family:Inter,sans-serif;text-align:center;font-size:16px;line-height:1.5;letter-spacing:-.573px;margin-bottom:15px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_scanCallToActionPopover_Irz-z{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:20px;font-weight:600;line-height:1.2;margin:15px 0 10px}.papp_Pairing-module_pairingDescriptionPopover_z71yj{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:14px;line-height:1.2}.papp_Pairing-module_errorContainerPopover_4mELg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:50px 20px;min-height:250px}.papp_Pairing-module_pairingPopoverContainer_RvVnH{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 25px}.papp_Pairing-module_errorTitlePopover_-FPrd{font-family:Inter,sans-serif;text-align:center;font-size:18px;font-style:normal;line-height:1.5;letter-spacing:-.573px;margin-bottom:10px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_errorGenericText_ZPwQb{font-family:Inter,sans-serif;text-align:center;font-size:16px;font-style:normal;line-height:1.5;letter-spacing:-.573px;margin-bottom:20px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_loaderContainerPopover_n1-JJ{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px;padding:20px}.papp_Pairing-module_loaderText_beteT{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:20px;line-height:1.5;letter-spacing:-.526px}.papp_Pairing-module_retryButton_kWeRx{font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:10px 24px;border-radius:12px;border:1px solid var(--color-text-foreground-inverse);background:transparent;color:var(--color-text-foreground-inverse);cursor:pointer}
+@keyframes papp_Modal-module_fadeInOpacity_lXaQm{0%{opacity:0}to{opacity:1}}.papp_Modal-module_backdrop_5PnfC{z-index:1000;position:fixed;inset:0;background:hsl(var(--general-background) / .3);opacity:1;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s}.papp_Modal-module_modal_L5tLT{z-index:1001;position:absolute;inset:0;margin:auto;width:300px;height:fit-content;border-radius:32px;opacity:1;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s;text-rendering:geometricPrecision;background:var(--color-surface-tertiary-inverse);color:var(--color-text-foreground-inverse)}@keyframes papp_QrCode-module_fadeInOpacity_ZCaTW{0%{opacity:0}to{opacity:1}}.papp_QrCode-module_container_L11My{border-radius:34px;animation-name:papp_QrCode-module_fadeInOpacity_ZCaTW;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s;display:flex;justify-content:center;align-items:center;padding:16px}.papp_QrCode-module_gradientLayer_0Gbcy{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0%,rgba(255,240,200,.7) 5%,rgba(255,200,150,.4) 10%,transparent 18%),radial-gradient(ellipse at 50% 30%,rgba(255,100,200,.6) 0%,rgba(200,120,255,.5) 15%,rgba(150,100,255,.3) 30%,transparent 50%),radial-gradient(ellipse at 50% 70%,rgba(100,200,255,.5) 0%,rgba(80,150,255,.4) 20%,rgba(60,100,200,.3) 40%,transparent 55%),radial-gradient(circle at 20% 20%,rgba(150,100,255,.5) 0%,rgba(120,80,200,.3) 25%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(100,200,255,.5) 0%,rgba(80,150,200,.3) 25%,transparent 45%),radial-gradient(circle at 20% 80%,rgba(255,150,100,.5) 0%,rgba(200,100,150,.3) 25%,transparent 45%),linear-gradient(135deg,#3c5096e6,#5064b4cc 12%,#6478c8b3 25%,#7864b4b3 37%,#8c50a0b3 50%,#78468cbf 62%,#645078cc 75%,#505a82d9 87%,#3c466ee6)}.papp_QrCode-module_gradient-layer_7agFl:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,200,100,.3) 0%,rgba(255,150,150,.2) 15%,transparent 30%),radial-gradient(circle at 70% 60%,rgba(100,255,200,.3) 0%,rgba(100,200,255,.2) 15%,transparent 30%),radial-gradient(circle at 50% 80%,rgba(200,100,255,.3) 0%,rgba(150,100,200,.2) 20%,transparent 35%);filter:blur(25px)}.papp_QrCode-module_gradient-layer_7agFl:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 30%,rgba(255,180,200,.2) 0%,rgba(200,150,255,.15) 20%,transparent 35%),radial-gradient(circle at 60% 70%,rgba(100,220,255,.2) 0%,rgba(150,180,255,.15) 20%,transparent 35%),radial-gradient(ellipse at 80% 50%,rgba(255,150,100,.2) 0%,rgba(255,100,150,.1) 25%,transparent 40%);filter:blur(35px);mix-blend-mode:screen}.papp_Pairing-module_popoverContent_3xnU8{padding:0;border-radius:32px;background:var(--color-surface-tertiary-inverse);color:var(--color-text-foreground-inverse)}.papp_Pairing-module_container_gH7WU{width:350px}.papp_Pairing-module_genericText_zDzqC{font-family:Inter,sans-serif;font-size:24px}.papp_Pairing-module_pairingContainer_R5atH{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 50px 30px}.papp_Pairing-module_pairingHeader_bpfNW{font-family:Inter,sans-serif;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:1.83;letter-spacing:-.573px;margin-bottom:9px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_scanCallToAction_lOQ-T{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:1.5;margin-bottom:15px}.papp_Pairing-module_pairingDescription_UJE0U{font-family:Inter,sans-serif;width:300px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:1.2;margin-top:20px}@keyframes papp_Pairing-module_loader_S62aK{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.papp_Pairing-module_loaderLogo_iHsP9{width:fit-content;height:fit-content;animation:papp_Pairing-module_loader_S62aK 3s linear infinite}.papp_Pairing-module_loaderContainer_cR46U{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px;padding:30px;box-sizing:border-box}.papp_Pairing-module_loaderText_beteT{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:22px;line-height:1.5;letter-spacing:-.526px}.papp_Pairing-module_loaderContainerPopover_n1-JJ{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px;padding:20px}.papp_Pairing-module_finishedContainer_FtMTm{display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;padding:40px 70px}.papp_Pairing-module_finishedLogo_jkEDX{display:flex;flex-direction:row;align-items:center;gap:12px}.papp_Pairing-module_finishedLogoSeparator_iRufd{width:1px;height:24px;background:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)))}.papp_Pairing-module_finishedLogoTitle_qKs3e{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:16px;white-space:nowrap;font-style:normal;font-weight:600;line-height:140%;letter-spacing:-.329px}.papp_Pairing-module_finishedWelcome_Zvm-X{margin-top:54px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));font-family:Inter,sans-serif;font-size:18.39px;font-style:normal;font-weight:400;line-height:27.585px;letter-spacing:1.947px;text-transform:uppercase}.papp_Pairing-module_finishedUsername_RIpsa{color:var(--color-text-foreground-inverse);text-align:center;font-family:Inter,sans-serif;font-size:32.882px;font-style:normal;font-weight:400;line-height:60.185px;letter-spacing:-.593px}.papp_Pairing-module_finishedVoucher_rR0jH{flex-grow:1}.papp_Pairing-module_finishedButton_iuvIR{display:flex;flex-direction:column;width:262px}.papp_Pairing-module_errorContainer_KW5T-{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;height:100%;box-sizing:border-box;padding:40px 30px}.papp_Pairing-module_errorTitle_qokH0{font-family:Inter,sans-serif;text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:1.83;letter-spacing:-.573px;margin-bottom:9px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_genericText_zDzqC{font-family:Inter,sans-serif;font-size:24px;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)))}.papp_Pairing-module_popoverContainer_fOWoF{width:280px}.papp_Pairing-module_pairingPopoverHeader_PAQot{font-family:Inter,sans-serif;text-align:center;font-size:16px;line-height:1.5;letter-spacing:-.573px;margin-bottom:15px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_scanCallToActionPopover_Irz-z{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:20px;font-weight:600;line-height:1.2;margin:15px 0 10px}.papp_Pairing-module_pairingDescriptionPopover_z71yj{font-family:Inter,sans-serif;color:var(--color-text-foreground-inverse, hsl(var(--muted-foreground)));text-align:center;font-size:14px;line-height:1.2}.papp_Pairing-module_errorContainerPopover_4mELg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:50px 20px;min-height:250px}.papp_Pairing-module_pairingPopoverContainer_RvVnH{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 25px}.papp_Pairing-module_errorTitlePopover_-FPrd{font-family:Inter,sans-serif;text-align:center;font-size:18px;font-style:normal;line-height:1.5;letter-spacing:-.573px;margin-bottom:10px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_errorGenericText_ZPwQb{font-family:Inter,sans-serif;text-align:center;font-size:16px;font-style:normal;line-height:1.5;letter-spacing:-.573px;margin-bottom:20px;color:var(--color-text-foreground-inverse)}.papp_Pairing-module_retryButton_kWeRx{font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:10px 24px;border-radius:12px;border:1px solid var(--color-text-foreground-inverse);background:transparent;color:var(--color-text-foreground-inverse);cursor:pointer}

package/dist/providers/AuthProvider.d.ts

@@ -1,10 +1,9 @@
-import { AttestationStatus, PairingStatus, UserSession } from '@novasamatech/host-papp';
+import { PairingStatus, UserSession } from '@novasamatech/host-papp';
 import { PropsWithChildren } from 'react';
 export type AuthUIMode = 'popover' | 'modal' | null;
 export declare function withRetry<T>(fn: () => Promise<T>, maxRetries?: number): Promise<T>;
 type Auth = {
     pairingStatus: PairingStatus;
-    attestationStatus: AttestationStatus;
     pending: boolean;
     authUIMode: AuthUIMode;
     authenticate(ui?: AuthUIMode): Promise<void>;

package/dist/providers/AuthProvider.js

@@ -1,21 +1,18 @@
-import { jsx as x } from "react/jsx-runtime";
-import { toastError as C } from "@novasamatech/tr-ui";
-import { createContext as k, useContext as y, useState as p, useCallback as i, useSyncExternalStore as d, useDebugValue as l } from "react";
-import { usePapp as u } from "../flow/PappProvider.js";
-function h(t, s = 2) {
-  return t().catch((a) => {
-    if (s > 0)
-      return h(t, s - 1);
-    throw a;
+import { jsx as v } from "react/jsx-runtime";
+import { toastError as A } from "@novasamatech/tr-ui";
+import { createContext as w, useContext as x, useState as u, useCallback as i, useSyncExternalStore as C, useDebugValue as y } from "react";
+import { usePapp as p } from "../flow/PappProvider.js";
+function h(t, e = 2) {
+  return t().catch((r) => {
+    if (e > 0)
+      return h(t, e - 1);
+    throw r;
   });
 }
-const S = k({
+const l = w({
   pairingStatus: {
     step: "none"
   },
-  attestationStatus: {
-    step: "none"
-  },
   pending: !1,
   authUIMode: null,
   authenticate: () => Promise.resolve(),
@@ -23,38 +20,34 @@ const S = k({
   },
   async disconnect() {
   }
-}), $ = () => y(S), I = () => {
-  const t = u(), s = d(t.sso.pairingStatus.subscribe, t.sso.pairingStatus.read);
-  return l(`Polkadot app pairing status: ${s.step}`), s;
-}, M = () => {
-  const t = u(), s = d(t.sso.attestationStatus.subscribe, t.sso.attestationStatus.read);
-  return l(`Polkadot app attestation status: ${s.step}`), s;
-}, j = ({
+}), E = () => x(l), I = () => {
+  const t = p(), e = C(t.sso.pairingStatus.subscribe, t.sso.pairingStatus.read);
+  return y(`Polkadot app pairing status: ${e.step}`), e;
+}, T = ({
   children: t
 }) => {
-  const [s, a] = p(!1), [m, c] = p(null), e = u(), g = I(), P = M(), f = i((n) => (n && c(n), a(!0), new Promise((o, r) => {
-    e.sso.authenticate().andTee(() => a(!1)).orTee(() => a(!1)).match(() => o(), r);
-  })), [e]), b = i(() => {
-    c(null), e.sso.abortAuthentication();
-  }, [e]), v = (n) => new Promise((o, r) => {
-    e.sessions.disconnect(n).match(o, r);
-  }), A = i((n) => h(() => v(n)).catch((o) => {
-    throw C({
+  const [e, r] = u(!1), [d, c] = u(null), n = p(), m = I(), g = i((s) => (s && c(s), r(!0), new Promise((o, a) => {
+    n.sso.authenticate().andTee(() => r(!1)).orTee(() => r(!1)).match(() => o(), a);
+  })), [n]), f = i(() => {
+    c(null), n.sso.abortAuthentication();
+  }, [n]), P = (s) => new Promise((o, a) => {
+    n.sessions.disconnect(s).match(o, a);
+  }), S = i((s) => h(() => P(s)).catch((o) => {
+    throw A({
       title: o.message
     }), o;
-  }), [e]), w = {
-    pending: s,
-    pairingStatus: g,
-    attestationStatus: P,
-    authUIMode: m,
-    authenticate: f,
-    abortAuthentication: b,
-    disconnect: A
+  }), [n]), b = {
+    pending: e,
+    pairingStatus: m,
+    authUIMode: d,
+    authenticate: g,
+    abortAuthentication: f,
+    disconnect: S
   };
-  return /* @__PURE__ */ x(S.Provider, { value: w, children: t });
+  return /* @__PURE__ */ v(l.Provider, { value: b, children: t });
 };
 export {
-  j as AuthProvider,
-  $ as useAuthentication,
+  T as AuthProvider,
+  E as useAuthentication,
   h as withRetry
 };

package/dist/providers/TranslationProvider.d.ts

@@ -3,12 +3,9 @@ export type Translations = {
     pairingHeader: string;
     pairingScanCallToAction: string;
     pairingDescription: string;
-    pairingLoader: string;
-    pairingAttestationError: string;
     pairingRetry: string;
     pairingError: string;
     pairingWelcomeMessage: string;
-    pairingLoginMessage: string;
     pairingPopoverWelcome: string;
     pairingPopoverLoginHeading: string;
     pairingPopoverScanDescription: string;

package/dist/providers/TranslationProvider.js

@@ -1,50 +1,47 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as h } from "react/compiler-runtime";
 import { createContext as m, useContext as f } from "react";
-const p = "en", c = {
-  [p]: {
+const g = "en", c = {
+  [g]: {
     pairingHeader: "Log in to save",
     pairingScanCallToAction: "Scan it with a phone",
     pairingDescription: "Scanning the QR code opens the Polkadot mobile app, where users are guided step-by-step through the onboarding or setup process.",
-    pairingLoader: "Just a second...",
-    pairingAttestationError: "Error while passing attestation",
     pairingRetry: "Retry",
     pairingError: "Error while pairing",
     pairingWelcomeMessage: "Welcome back,",
-    pairingLoginMessage: "Loggin in",
     pairingPopoverWelcome: "Welcome to Polkadot!",
     pairingPopoverLoginHeading: "Login to explore all Polkadot features",
     pairingPopoverScanDescription: "Scan with your phone camera to log in using the Polkadot mobile app"
   }
 }, u = m({
-  language: p,
+  language: g,
   keys: c
-}), v = (n) => {
+}), v = (t) => {
   const e = h(8), {
-    language: l,
-    keys: i,
-    children: a
-  } = n, s = l === void 0 ? p : l;
+    language: p,
+    keys: a,
+    children: i
+  } = t, s = p === void 0 ? g : p;
   let o;
-  e[0] !== i ? (o = {
+  e[0] !== a ? (o = {
     ...c,
-    ...i
-  }, e[0] = i, e[1] = o) : o = e[1];
-  let t;
-  e[2] !== s || e[3] !== o ? (t = {
+    ...a
+  }, e[0] = a, e[1] = o) : o = e[1];
+  let n;
+  e[2] !== s || e[3] !== o ? (n = {
     language: s,
     keys: o
-  }, e[2] = s, e[3] = o, e[4] = t) : t = e[4];
-  const g = t;
+  }, e[2] = s, e[3] = o, e[4] = n) : n = e[4];
+  const l = n;
   let r;
-  return e[5] !== a || e[6] !== g ? (r = /* @__PURE__ */ d(u.Provider, { value: g, children: a }), e[5] = a, e[6] = g, e[7] = r) : r = e[7], r;
-}, w = () => {
-  const n = f(u), e = n.keys[n.language];
+  return e[5] !== i || e[6] !== l ? (r = /* @__PURE__ */ d(u.Provider, { value: l, children: i }), e[5] = i, e[6] = l, e[7] = r) : r = e[7], r;
+}, x = () => {
+  const t = f(u), e = t.keys[t.language];
   if (!e)
-    throw new Error(`Papp integration: translation keys for "${n.language}" not found`);
+    throw new Error(`Papp integration: translation keys for "${t.language}" not found`);
   return e;
 };
 export {
   v as TranslationProvider,
-  w as useTranslations
+  x as useTranslations
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-papp-react-ui",
   "type": "module",
-  "version": "0.7.9-2",
+  "version": "0.7.9-4",
   "description": "Polkadot app UI Flow",
   "license": "Apache-2.0",
   "repository": {
@@ -30,8 +30,8 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@novasamatech/host-papp": "0.7.9-2",
-    "@novasamatech/statement-store": "0.7.9-2",
+    "@novasamatech/host-papp": "0.7.9-4",
+    "@novasamatech/statement-store": "0.7.9-4",
     "@polkadot-api/utils": "^0.4.0",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-popover": "1.1.15",