@novasamatech/host-papp-react-ui 0.6.18 → 0.7.0-1

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

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

package/dist/flow/PairingModal.js

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

package/dist/flow/PairingPopover.d.ts

@@ -1,7 +1,14 @@
+import { ALIGN_OPTIONS, SIDE_OPTIONS } from '@radix-ui/react-popper';
 import { PropsWithChildren } from 'react';
+type Side = (typeof SIDE_OPTIONS)[number];
+type Align = (typeof ALIGN_OPTIONS)[number];
 type Props = PropsWithChildren<{
     theme?: 'light' | 'dark';
     size?: number;
+    side?: Side;
+    sizeOffset?: number;
+    align?: Align;
+    alignOffset?: number;
 }>;
-export declare const PairingPopover: import('react').MemoExoticComponent<({ theme, size, children }: Props) => import("react").JSX.Element>;
+export declare const PairingPopover: import('react').MemoExoticComponent<({ theme, size, align, side, alignOffset, sizeOffset, children }: Props) => import("react").JSX.Element>;
 export {};

package/dist/flow/PairingPopover.js

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

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_qrContainer_-B50j{background:hsl(var(--general-muted));border-radius:20px}.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}
+@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}

package/dist/ui/QrCode.js

@@ -1,20 +1,20 @@
-import { jsx as L } from "react/jsx-runtime";
-import u from "qr-code-styling";
-import { memo as i, useState as Q, useMemo as x, useEffect as A } from "react";
-import C from "./QrCode.module.css.js";
-const y = u, E = "#000000", c = "#ffffff", U = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDIxMzggMTAuMTkyM0MtMC43MzQyNTUgMTMuODcxNyAtMC44MTc0NjcgMTguOTkzNCAyLjI0MjE1IDIxLjYyMTVDNS4zMDE3NyAyNC4yNTYgMTAuMzM5MyAyMy40MDM1IDEzLjUwMTMgMTkuNzE3N0MxNi42NTY5IDE2LjAzODMgMTYuNzQwMSAxMC45MTY3IDEzLjY4MDUgOC4yODg1NEMxMi40ODM2IDcuMjU2NTIgMTAuOTczIDYuNzYyOTQgOS4zOTgzNCA2Ljc2Mjk0QzYuOTUzMiA2Ljc2Mjk0IDQuMzQxNjQgNy45NTUyMSAyLjQyMTM4IDEwLjE5MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMS41MDYxNCAyOS4yMzA0Qy0wLjg2ODU4NCAzMi4wNTA4IDAuMTYxOTU2IDM2LjgzOTIgMy44MTA0NiAzOS45MjI0QzcuNDU4OTYgNDMuMDA1NyAxMi4zNDkyIDQzLjIyMzYgMTQuNzI0IDQwLjQwMzJDMTcuMDk4NyAzNy41ODI3IDE2LjA2ODEgMzIuNzk0NCAxMi40MTk2IDI5LjcxMTJDMTAuNDg2NiAyOC4wNzY2IDguMjA3ODYgMjcuMjQ5NyA2LjE0MDM4IDI3LjI0OTdDNC4zMDMzMyAyNy4yNDk3IDIuNjI2MyAyNy45MDM1IDEuNTEyNTQgMjkuMjMwNCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjkyOTcgMzkuNTUwNkMxOC42NDc1IDQwLjkwMzIgMTUuNjk2NyA0My42NTk1IDE2LjMzNjggNDUuNzA0M0MxNi45ODMzIDQ3Ljc0OTEgMjAuOTc3NCA0OC4zMTMyIDI1LjI1OTYgNDYuOTU0M0MyOS41NDE4IDQ1LjYwMTcgMzIuNDkyNiA0Mi44NDU0IDMxLjg1MjUgNDAuODAwNkMzMS40NDI4IDM5LjUxMjIgMjkuNzAxOCAzOC44MDcxIDI3LjM5NzUgMzguODA3MUMyNi4wNDY5IDM4LjgwNzEgMjQuNTEwNyAzOS4wNDQyIDIyLjkyOTcgMzkuNTQ0MiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjIyOCAyLjYyODE5QzE1LjM0NDcgNS4xNzk0IDE4LjE0ODMgOC40NzQxOCAyMi41MDA5IDkuOTkzMzdDMjYuODUzNSAxMS41MTI2IDMxLjA5NzMgMTAuNjcyOCAzMS45ODA2IDguMTIxNjNDMzIuODYzOSA1LjU3MDQyIDMwLjA2MDMgMi4yNzU2NCAyNS43MDc3IDAuNzU2NDUyQzI0LjI0MTkgMC4yNDM2NDYgMjIuNzgyNSA2LjIyMDk2ZS0wNSAyMS40NjQgNi4xOTc5MWUtMDVDMTguODcxNiA2LjE1MjU4ZS0wNSAxNi44MTA1IDAuOTM1OTMzIDE2LjIyOCAyLjYyODE5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM1Ljc5NiA3Ljc2OTc5QzM0LjUzNTEgOC4yNzYxOCAzNC44MzU5IDExLjk2MiAzNi40NjE3IDE1Ljk4NzVDMzguMDg3NSAyMC4wMTk0IDQwLjQyMzkgMjIuODcxOSA0MS42ODQ4IDIyLjM2NTVDNDIuOTM5NCAyMS44NTkxIDQyLjY0NSAxOC4xNzk4IDQxLjAxOTEgMTQuMTQ3OEMzOS41MjEzIDEwLjQzIDM3LjQxNTQgNy43MTIxIDM2LjEwOTcgNy43MTIxQzM2LjAwMDkgNy43MTIxIDM1Ljg5ODQgNy43MzEzMyAzNS43OTYgNy43Njk3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NjE5IDMyLjI2MjZDMzQuOTY5NyAzNi4xNTM1IDM0LjM0ODggMzkuNjk4MyAzNS4zNzkzIDQwLjE3MjZDMzYuNDA5OSA0MC42NDcgMzguNzAxNCAzNy44Nzc4IDQwLjQ5MzYgMzMuOTg2OUM0Mi4yOTIzIDMwLjA5NiA0Mi45MDY4IDI2LjU1MTIgNDEuODgyNiAyNi4wNzY5QzQxLjgwNTggMjYuMDM4NCA0MS43MjI2IDI2LjAyNTYgNDEuNjI2NiAyNi4wMjU2QzQwLjUwNjQgMjYuMDI1NiAzOC40MTk4IDI4LjY2NjUgMzYuNzYxOSAzMi4yNjI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==", k = "PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4yNjM5NyAxMy43MjY1Qy0wLjk4OTc3MiAxOC42ODE3IC0xLjEwMTk0IDI1LjU3OTIgMy4wMjIzNyAyOS4xMTg3QzcuMTQ2NjkgMzIuNjY2NyAxMy45MzcxIDMxLjUxODYgMTguMTk5NSAyNi41NTQ3QzIyLjQ1MzIgMjEuNTk5NSAyMi41NjU0IDE0LjcwMiAxOC40NDExIDExLjE2MjZDMTYuODI3NiA5Ljc3MjcxIDE0Ljc5MTMgOS4xMDc5OSAxMi42Njg4IDkuMTA3OTlDOS4zNzI3NyA5LjEwNzk5IDUuODUyNDUgMTAuNzEzNyAzLjI2Mzk3IDEzLjcyNjVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yLjAzMDAxIDM5LjM2NTdDLTEuMTcxMDggNDMuMTY0MSAwLjIxODA2NiA0OS42MTI4IDUuMTM2MTggNTMuNzY1MUMxMC4wNTQzIDU3LjkxNzQgMTYuNjQ2MyA1OC4yMTEgMTkuODQ3NCA1NC40MTI2QzIzLjA0ODUgNTAuNjE0MiAyMS42NTkzIDQ0LjE2NTUgMTYuNzQxMiA0MC4wMTMyQzE0LjEzNTUgMzcuODExOCAxMS4wNjM4IDM2LjY5ODIgOC4yNzY4NyAzNi42OTgyQzUuODAwNTUgMzYuNjk4MiAzLjUzOTk2IDM3LjU3ODcgMi4wMzg2NCAzOS4zNjU3IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMC45MDg3IDUzLjI2NDNDMjUuMTM2NCA1NS4wODU5IDIxLjE1ODggNTguNzk3OSAyMi4wMjE2IDYxLjU1MThDMjIuODkzMSA2NC4zMDU2IDI4LjI3NzEgNjUuMDY1MyAzNC4wNDk0IDYzLjIzNTFDMzkuODIxNyA2MS40MTM2IDQzLjc5OTQgNTcuNzAxNiA0Mi45MzY2IDU0Ljk0NzdDNDIuMzg0MyA1My4yMTI2IDQwLjAzNzUgNTIuMjYzIDM2LjkzMTMgNTIuMjYzQzM1LjExMDcgNTIuMjYzIDMzLjAzOTkgNTIuNTgyNCAzMC45MDg3IDUzLjI1NTciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxLjg3NDkgMy41Mzk0MkMyMC42ODQyIDYuOTc1MjQgMjQuNDYzNCAxMS40MTI1IDMwLjMzMDYgMTMuNDU4NEMzNi4xOTc5IDE1LjUwNDQgNDEuOTE4NCAxNC4zNzM1IDQzLjEwOTEgMTAuOTM3N0M0NC4yOTk4IDcuNTAxODQgNDAuNTIwNiAzLjA2NDYyIDM0LjY1MzQgMS4wMTg2NkMzMi42Nzc1IDAuMzI4MDQ0IDMwLjcxMDMgMCAyOC45MzI5IDBDMjUuNDM4NCAwIDIyLjY2MDEgMS4yNjAzOCAyMS44NzQ5IDMuNTM5NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik00OC4yNTE2IDEwLjQ2MzhDNDYuNTUxOSAxMS4xNDU4IDQ2Ljk1NzQgMTYuMTA5NiA0OS4xNDkgMjEuNTMwOUM1MS4zNDA2IDI2Ljk2MDkgNTQuNDg5OSAzMC44MDI1IDU2LjE4OTcgMzAuMTIwNUM1Ny44ODA4IDI5LjQzODUgNTcuNDgzOSAyNC40ODMzIDU1LjI5MjMgMTkuMDUzNEM1My4yNzMzIDE0LjA0NjQgNTAuNDM0NiAxMC4zODYxIDQ4LjY3NDQgMTAuMzg2MUM0OC41Mjc3IDEwLjM4NjEgNDguMzg5NyAxMC40MTIgNDguMjUxNiAxMC40NjM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDkuNTU0NCA0My40NDkxQzQ3LjEzODUgNDguNjg5MiA0Ni4zMDE1IDUzLjQ2MzEgNDcuNjkwNyA1NC4xMDE5QzQ5LjA3OTggNTQuNzQwNyA1Mi4xNjg4IDUxLjAxMTQgNTQuNTg0NyA0NS43NzEzQzU3LjAwOTIgNDAuNTMxMyA1Ny44Mzc2IDM1Ljc1NzQgNTYuNDU3IDM1LjExODVDNTYuMzUzNSAzNS4wNjY3IDU2LjI0MTMgMzUuMDQ5NSA1Ni4xMTE5IDM1LjA0OTVDNTQuNjAyIDM1LjA0OTUgNTEuNzg5MSAzOC42MDYyIDQ5LjU1NDQgNDMuNDQ5MVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+", t = i(({
+import { jsx as Q } from "react/jsx-runtime";
+import x from "qr-code-styling";
+import { memo as C, useState as c, useMemo as E, useEffect as T } from "react";
+import k from "./QrCode.module.css.js";
+const A = x, y = "#000000", O = "#ffffff", U = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDIxMzggMTAuMTkyM0MtMC43MzQyNTUgMTMuODcxNyAtMC44MTc0NjcgMTguOTkzNCAyLjI0MjE1IDIxLjYyMTVDNS4zMDE3NyAyNC4yNTYgMTAuMzM5MyAyMy40MDM1IDEzLjUwMTMgMTkuNzE3N0MxNi42NTY5IDE2LjAzODMgMTYuNzQwMSAxMC45MTY3IDEzLjY4MDUgOC4yODg1NEMxMi40ODM2IDcuMjU2NTIgMTAuOTczIDYuNzYyOTQgOS4zOTgzNCA2Ljc2Mjk0QzYuOTUzMiA2Ljc2Mjk0IDQuMzQxNjQgNy45NTUyMSAyLjQyMTM4IDEwLjE5MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMS41MDYxNCAyOS4yMzA0Qy0wLjg2ODU4NCAzMi4wNTA4IDAuMTYxOTU2IDM2LjgzOTIgMy44MTA0NiAzOS45MjI0QzcuNDU4OTYgNDMuMDA1NyAxMi4zNDkyIDQzLjIyMzYgMTQuNzI0IDQwLjQwMzJDMTcuMDk4NyAzNy41ODI3IDE2LjA2ODEgMzIuNzk0NCAxMi40MTk2IDI5LjcxMTJDMTAuNDg2NiAyOC4wNzY2IDguMjA3ODYgMjcuMjQ5NyA2LjE0MDM4IDI3LjI0OTdDNC4zMDMzMyAyNy4yNDk3IDIuNjI2MyAyNy45MDM1IDEuNTEyNTQgMjkuMjMwNCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjkyOTcgMzkuNTUwNkMxOC42NDc1IDQwLjkwMzIgMTUuNjk2NyA0My42NTk1IDE2LjMzNjggNDUuNzA0M0MxNi45ODMzIDQ3Ljc0OTEgMjAuOTc3NCA0OC4zMTMyIDI1LjI1OTYgNDYuOTU0M0MyOS41NDE4IDQ1LjYwMTcgMzIuNDkyNiA0Mi44NDU0IDMxLjg1MjUgNDAuODAwNkMzMS40NDI4IDM5LjUxMjIgMjkuNzAxOCAzOC44MDcxIDI3LjM5NzUgMzguODA3MUMyNi4wNDY5IDM4LjgwNzEgMjQuNTEwNyAzOS4wNDQyIDIyLjkyOTcgMzkuNTQ0MiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjIyOCAyLjYyODE5QzE1LjM0NDcgNS4xNzk0IDE4LjE0ODMgOC40NzQxOCAyMi41MDA5IDkuOTkzMzdDMjYuODUzNSAxMS41MTI2IDMxLjA5NzMgMTAuNjcyOCAzMS45ODA2IDguMTIxNjNDMzIuODYzOSA1LjU3MDQyIDMwLjA2MDMgMi4yNzU2NCAyNS43MDc3IDAuNzU2NDUyQzI0LjI0MTkgMC4yNDM2NDYgMjIuNzgyNSA2LjIyMDk2ZS0wNSAyMS40NjQgNi4xOTc5MWUtMDVDMTguODcxNiA2LjE1MjU4ZS0wNSAxNi44MTA1IDAuOTM1OTMzIDE2LjIyOCAyLjYyODE5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM1Ljc5NiA3Ljc2OTc5QzM0LjUzNTEgOC4yNzYxOCAzNC44MzU5IDExLjk2MiAzNi40NjE3IDE1Ljk4NzVDMzguMDg3NSAyMC4wMTk0IDQwLjQyMzkgMjIuODcxOSA0MS42ODQ4IDIyLjM2NTVDNDIuOTM5NCAyMS44NTkxIDQyLjY0NSAxOC4xNzk4IDQxLjAxOTEgMTQuMTQ3OEMzOS41MjEzIDEwLjQzIDM3LjQxNTQgNy43MTIxIDM2LjEwOTcgNy43MTIxQzM2LjAwMDkgNy43MTIxIDM1Ljg5ODQgNy43MzEzMyAzNS43OTYgNy43Njk3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NjE5IDMyLjI2MjZDMzQuOTY5NyAzNi4xNTM1IDM0LjM0ODggMzkuNjk4MyAzNS4zNzkzIDQwLjE3MjZDMzYuNDA5OSA0MC42NDcgMzguNzAxNCAzNy44Nzc4IDQwLjQ5MzYgMzMuOTg2OUM0Mi4yOTIzIDMwLjA5NiA0Mi45MDY4IDI2LjU1MTIgNDEuODgyNiAyNi4wNzY5QzQxLjgwNTggMjYuMDM4NCA0MS43MjI2IDI2LjAyNTYgNDEuNjI2NiAyNi4wMjU2QzQwLjUwNjQgMjYuMDI1NiAzOC40MTk4IDI4LjY2NjUgMzYuNzYxOSAzMi4yNjI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==", Y = "PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4yNjM5NyAxMy43MjY1Qy0wLjk4OTc3MiAxOC42ODE3IC0xLjEwMTk0IDI1LjU3OTIgMy4wMjIzNyAyOS4xMTg3QzcuMTQ2NjkgMzIuNjY2NyAxMy45MzcxIDMxLjUxODYgMTguMTk5NSAyNi41NTQ3QzIyLjQ1MzIgMjEuNTk5NSAyMi41NjU0IDE0LjcwMiAxOC40NDExIDExLjE2MjZDMTYuODI3NiA5Ljc3MjcxIDE0Ljc5MTMgOS4xMDc5OSAxMi42Njg4IDkuMTA3OTlDOS4zNzI3NyA5LjEwNzk5IDUuODUyNDUgMTAuNzEzNyAzLjI2Mzk3IDEzLjcyNjVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yLjAzMDAxIDM5LjM2NTdDLTEuMTcxMDggNDMuMTY0MSAwLjIxODA2NiA0OS42MTI4IDUuMTM2MTggNTMuNzY1MUMxMC4wNTQzIDU3LjkxNzQgMTYuNjQ2MyA1OC4yMTEgMTkuODQ3NCA1NC40MTI2QzIzLjA0ODUgNTAuNjE0MiAyMS42NTkzIDQ0LjE2NTUgMTYuNzQxMiA0MC4wMTMyQzE0LjEzNTUgMzcuODExOCAxMS4wNjM4IDM2LjY5ODIgOC4yNzY4NyAzNi42OTgyQzUuODAwNTUgMzYuNjk4MiAzLjUzOTk2IDM3LjU3ODcgMi4wMzg2NCAzOS4zNjU3IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMC45MDg3IDUzLjI2NDNDMjUuMTM2NCA1NS4wODU5IDIxLjE1ODggNTguNzk3OSAyMi4wMjE2IDYxLjU1MThDMjIuODkzMSA2NC4zMDU2IDI4LjI3NzEgNjUuMDY1MyAzNC4wNDk0IDYzLjIzNTFDMzkuODIxNyA2MS40MTM2IDQzLjc5OTQgNTcuNzAxNiA0Mi45MzY2IDU0Ljk0NzdDNDIuMzg0MyA1My4yMTI2IDQwLjAzNzUgNTIuMjYzIDM2LjkzMTMgNTIuMjYzQzM1LjExMDcgNTIuMjYzIDMzLjAzOTkgNTIuNTgyNCAzMC45MDg3IDUzLjI1NTciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxLjg3NDkgMy41Mzk0MkMyMC42ODQyIDYuOTc1MjQgMjQuNDYzNCAxMS40MTI1IDMwLjMzMDYgMTMuNDU4NEMzNi4xOTc5IDE1LjUwNDQgNDEuOTE4NCAxNC4zNzM1IDQzLjEwOTEgMTAuOTM3N0M0NC4yOTk4IDcuNTAxODQgNDAuNTIwNiAzLjA2NDYyIDM0LjY1MzQgMS4wMTg2NkMzMi42Nzc1IDAuMzI4MDQ0IDMwLjcxMDMgMCAyOC45MzI5IDBDMjUuNDM4NCAwIDIyLjY2MDEgMS4yNjAzOCAyMS44NzQ5IDMuNTM5NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik00OC4yNTE2IDEwLjQ2MzhDNDYuNTUxOSAxMS4xNDU4IDQ2Ljk1NzQgMTYuMTA5NiA0OS4xNDkgMjEuNTMwOUM1MS4zNDA2IDI2Ljk2MDkgNTQuNDg5OSAzMC44MDI1IDU2LjE4OTcgMzAuMTIwNUM1Ny44ODA4IDI5LjQzODUgNTcuNDgzOSAyNC40ODMzIDU1LjI5MjMgMTkuMDUzNEM1My4yNzMzIDE0LjA0NjQgNTAuNDM0NiAxMC4zODYxIDQ4LjY3NDQgMTAuMzg2MUM0OC41Mjc3IDEwLjM4NjEgNDguMzg5NyAxMC40MTIgNDguMjUxNiAxMC40NjM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDkuNTU0NCA0My40NDkxQzQ3LjEzODUgNDguNjg5MiA0Ni4zMDE1IDUzLjQ2MzEgNDcuNjkwNyA1NC4xMDE5QzQ5LjA3OTggNTQuNzQwNyA1Mi4xNjg4IDUxLjAxMTQgNTQuNTg0NyA0NS43NzEzQzU3LjAwOTIgNDAuNTMxMyA1Ny44Mzc2IDM1Ljc1NzQgNTYuNDU3IDM1LjExODVDNTYuMzUzNSAzNS4wNjY3IDU2LjI0MTMgMzUuMDQ5NSA1Ni4xMTE5IDM1LjA0OTVDNTQuNjAyIDM1LjA0OTUgNTEuNzg5MSAzOC42MDYyIDQ5LjU1NDQgNDMuNDQ5MVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+", s = C(({
   value: j,
   size: M,
-  theme: z = "light"
+  theme: L = "light"
 }) => {
-  const [N, O] = Q(null), g = z === "dark", D = g ? c : E, T = g ? k : U, I = x(() => new y({
+  const [N, u] = c(null), z = L === "dark", D = z ? O : y, i = z ? y : O, g = z ? Y : U, I = E(() => new A({
     data: j,
     type: "svg",
     shape: "square",
     width: M,
     height: M,
     margin: 0,
-    image: `data:image/svg+xml;base64,${T}`,
+    image: `data:image/svg+xml;base64,${g}`,
     imageOptions: {
       hideBackgroundDots: !0,
       imageSize: 0.4,
@@ -38,18 +38,19 @@ const y = u, E = "#000000", c = "#ffffff", U = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0i
     qrOptions: {
       errorCorrectionLevel: "M"
     }
-  }), [M, z, D, T]);
-  return A(() => (N && I.append(N), () => {
-    N && y._clearContainer(N);
-  }), [I, N]), A(() => {
+  }), [M, D, g]);
+  return T(() => (N && I.append(N), () => {
+    N && A._clearContainer(N);
+  }), [I, N]), T(() => {
     I?.update({
       data: j
     });
-  }, [j, I]), /* @__PURE__ */ L("div", { className: C.container, style: {
+  }, [j, I]), /* @__PURE__ */ Q("div", { className: k.container, style: {
     height: M,
-    width: M
-  }, ref: O });
+    width: M,
+    backgroundColor: i
+  }, ref: u });
 });
 export {
-  t as QrCode
+  s as QrCode
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-papp-react-ui",
   "type": "module",
-  "version": "0.6.18",
+  "version": "0.7.0-1",
   "description": "Polkadot app UI Flow",
   "license": "Apache-2.0",
   "repository": {
@@ -30,18 +30,20 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@novasamatech/statement-store": "0.6.18",
-    "@polkadot-api/utils": "^0.2.0",
+    "@novasamatech/host-papp": "0.7.0-1",
+    "@novasamatech/statement-store": "0.7.0-1",
+    "@polkadot-api/utils": "^0.4.0",
     "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-popover": "1.1.15",
     "qr-code-styling": "1.9.2",
-    "@novasamatech/tr-ui": "0.1.38"
+    "@novasamatech/tr-ui": "0.2.3"
   },
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@polkadot-api/substrate-bindings": "^0.17.0",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
+    "@polkadot-api/substrate-bindings": "^0.20.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "typescript-plugin-css-modules": "5.2.0",
     "vite-plugin-wasm": "3.6.0"
   },