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

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

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

package/dist/flow/PairingModal.js

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

package/dist/flow/PairingPopover.js

@@ -1,116 +1,121 @@
-import { jsx as n, jsxs as D } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
+import { jsx as n, jsxs as k } from "react/jsx-runtime";
+import { c as R } from "react/compiler-runtime";
 import * as x from "@radix-ui/react-popover";
-import { memo as 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 w } from "../ui/LogoSmall.js";
-import { QrCode as G } from "../ui/QrCode.js";
-import g from "./Pairing.module.css.js";
-const oe = I((v) => {
-  const e = A(43), {
+import { memo as B, useEffect as I } from "react";
+import { useAuthStatus as K } from "../hooks/authStatus.js";
+import { useAuthentication as j } from "../providers/AuthProvider.js";
+import { useTranslations as q } from "../providers/TranslationProvider.js";
+import { LogoSmall as _ } from "../ui/LogoSmall.js";
+import { QrCode as w } from "../ui/QrCode.js";
+import c from "./Pairing.module.css.js";
+const oe = B((h) => {
+  const e = R(44), {
     theme: a,
     size: l,
-    align: i,
-    side: c,
+    align: r,
+    side: p,
     alignOffset: o,
-    sizeOffset: r,
+    sizeOffset: f,
     children: s
-  } = v, p = a === void 0 ? "dark" : a, f = l === void 0 ? 240 : l, m = r === void 0 ? 4 : r, d = W(), {
+  } = h, g = a === void 0 ? "dark" : a, d = l === void 0 ? 240 : l, m = f === void 0 ? 4 : f, i = j(), {
     status: t
-  } = _(), B = typeof process < "u" && process.env?.STORYBOOK === "true", R = d.authUIMode === "popover" && (B || t.step !== "none");
+  } = K(), v = typeof process < "u" && process.env?.STORYBOOK === "true", H = i.authUIMode === "popover" && (v || t.step !== "none");
+  let A;
+  e[0] !== i || e[1] !== t.step ? (A = () => {
+    t.step === "none" && i.authenticate("popover");
+  }, e[0] = i, e[1] = t.step, e[2] = A) : A = e[2];
+  const $ = A;
+  let T;
+  e[3] !== i || e[4] !== t.step ? (T = (O) => {
+    !O && t.step !== "pending" && i.abortAuthentication();
+  }, e[3] = i, e[4] = t.step, e[5] = T) : T = e[5];
+  const W = T;
   let E;
-  e[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] !== 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, 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] !== 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 = (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] !== 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[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];
+  e[6] !== i ? (E = () => () => {
+    i.abortAuthentication();
+  }, e[6] = i, e[7] = E) : E = e[7];
+  let L;
+  e[8] !== i.abortAuthentication ? (L = [i.abortAuthentication], e[8] = i.abortAuthentication, e[9] = L) : L = e[9], I(E, L);
+  let u;
+  e[10] !== s || e[11] !== $ ? (u = /* @__PURE__ */ n(x.Trigger, { asChild: !0, onClick: $, children: s }), e[10] = s, e[11] = $, e[12] = u) : u = e[12];
+  let P, y;
+  e[13] !== t.step ? (y = (O) => {
+    t.step === "pending" && O.preventDefault();
+  }, P = (O) => {
+    t.step === "pending" && O.preventDefault();
+  }, e[13] = t.step, e[14] = P, e[15] = y) : (P = e[14], y = e[15]);
   let N;
-  e[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];
+  e[16] !== d || e[17] !== t.payload || e[18] !== t.step || e[19] !== g ? (N = t.step === "pairing" && /* @__PURE__ */ n(G, { theme: g, size: d, payload: t.payload }), e[16] = d, e[17] = t.payload, e[18] = t.step, e[19] = g, e[20] = N) : N = e[20];
+  let C;
+  e[21] !== t.stage || e[22] !== t.step ? (C = t.step === "pending" && /* @__PURE__ */ n(M, { stage: t.stage }), e[21] = t.stage, e[22] = t.step, e[23] = C) : C = e[23];
   let S;
-  e[26] !== y || e[27] !== C || e[28] !== N ? (S = /* @__PURE__ */ D("div", { className: g.popoverContainer, children: [
-    y,
+  e[24] !== t.message || e[25] !== t.step ? (S = t.step === "pairingError" && /* @__PURE__ */ n(Q, { message: t.message }), e[24] = t.message, e[25] = t.step, e[26] = S) : S = e[26];
+  let b;
+  e[27] !== N || e[28] !== C || e[29] !== S ? (b = /* @__PURE__ */ k("div", { className: c.popoverContainer, children: [
+    N,
     C,
-    N
-  ] }), e[26] = y, e[27] = C, e[28] = N, e[29] = S) : S = e[29];
-  let O;
-  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[38] !== R || e[39] !== O || e[40] !== h || e[41] !== $ ? (k = /* @__PURE__ */ D(x.Root, { open: R, onOpenChange: $, children: [
-    h,
-    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), {
+    S
+  ] }), e[27] = N, e[28] = C, e[29] = S, e[30] = b) : b = e[30];
+  let D;
+  e[31] !== r || e[32] !== o || e[33] !== p || e[34] !== m || e[35] !== P || e[36] !== b || e[37] !== y ? (D = /* @__PURE__ */ n(x.Portal, { children: /* @__PURE__ */ n(x.Content, { side: p, align: r, sideOffset: m, alignOffset: o, className: c.popoverContent, onInteractOutside: y, onEscapeKeyDown: P, children: b }) }), e[31] = r, e[32] = o, e[33] = p, e[34] = m, e[35] = P, e[36] = b, e[37] = y, e[38] = D) : D = e[38];
+  let z;
+  return e[39] !== H || e[40] !== D || e[41] !== u || e[42] !== W ? (z = /* @__PURE__ */ k(x.Root, { open: H, onOpenChange: W, children: [
+    u,
+    D
+  ] }), e[39] = H, e[40] = D, e[41] = u, e[42] = W, e[43] = z) : z = e[43], z;
+}), G = (h) => {
+  const e = R(18), {
     payload: a,
     size: l,
-    theme: i
-  } = 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];
+    theme: r
+  } = h, p = r === void 0 ? "light" : r, o = q(), f = p === "dark";
   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[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];
+  e[0] !== o.pairingPopoverWelcome ? (s = /* @__PURE__ */ n("span", { className: c.pairingPopoverHeader, children: o.pairingPopoverWelcome }), e[0] = o.pairingPopoverWelcome, e[1] = s) : s = e[1];
+  const g = f ? c.qrSurfaceDark : c.qrSurfaceLight;
+  let d;
+  e[2] !== a || e[3] !== l || e[4] !== p ? (d = /* @__PURE__ */ n(w, { value: a, size: l, theme: p }), e[2] = a, e[3] = l, e[4] = p, e[5] = d) : d = e[5];
   let m;
-  return e[10] !== r || e[11] !== s || e[12] !== p || e[13] !== f ? (m = /* @__PURE__ */ D("div", { className: g.pairingPopoverContainer, children: [
-    r,
+  e[6] !== g || e[7] !== d ? (m = /* @__PURE__ */ n("div", { className: g, children: d }), e[6] = g, e[7] = d, e[8] = m) : m = e[8];
+  let i;
+  e[9] !== o.pairingPopoverLoginHeading ? (i = /* @__PURE__ */ n("span", { className: c.scanCallToActionPopover, children: o.pairingPopoverLoginHeading }), e[9] = o.pairingPopoverLoginHeading, e[10] = i) : i = e[10];
+  let t;
+  e[11] !== o.pairingPopoverScanDescription ? (t = /* @__PURE__ */ n("span", { className: c.pairingDescriptionPopover, children: o.pairingPopoverScanDescription }), e[11] = o.pairingPopoverScanDescription, e[12] = t) : t = e[12];
+  let v;
+  return e[13] !== s || e[14] !== m || e[15] !== i || e[16] !== t ? (v = /* @__PURE__ */ k("div", { className: c.pairingPopoverContainer, children: [
     s,
-    p,
-    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), {
+    m,
+    i,
+    t
+  ] }), e[13] = s, e[14] = m, e[15] = i, e[16] = t, e[17] = v) : v = e[17], v;
+}, M = (h) => {
+  const e = R(3), {
     stage: a
-  } = v;
+  } = h;
   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;
-  return e[1] !== a ? (i = /* @__PURE__ */ D("div", { className: g.loaderContainerPopover, children: [
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("div", { className: c.loaderLogo, children: /* @__PURE__ */ n(_, { size: 100 }) }), e[0] = l) : l = e[0];
+  let r;
+  return e[1] !== a ? (r = /* @__PURE__ */ k("div", { className: c.loaderContainerPopover, children: [
     l,
-    /* @__PURE__ */ n("span", { className: g.loaderText, children: a })
-  ] }), e[1] = a, e[2] = i) : i = e[2], i;
-}, U = (v) => {
-  const e = A(13), {
+    /* @__PURE__ */ n("span", { className: c.loaderText, children: a })
+  ] }), e[1] = a, e[2] = r) : r = e[2], r;
+}, Q = (h) => {
+  const e = R(13), {
     message: a
-  } = 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];
+  } = h, l = j(), r = q();
+  let p;
+  e[0] !== r.pairingError ? (p = /* @__PURE__ */ n("span", { className: c.errorTitlePopover, children: r.pairingError }), e[0] = r.pairingError, e[1] = p) : p = e[1];
   let o;
-  e[2] !== a ? (o = a && /* @__PURE__ */ n("span", { className: g.errorGenericText, children: a }), e[2] = a, e[3] = o) : o = e[3];
-  let r;
-  e[4] !== l ? (r = () => l.authenticate(), e[4] = l, e[5] = r) : r = e[5];
+  e[2] !== a ? (o = a && /* @__PURE__ */ n("span", { className: c.errorGenericText, children: a }), e[2] = a, e[3] = o) : o = e[3];
+  let f;
+  e[4] !== l ? (f = () => l.authenticate(), e[4] = l, e[5] = f) : f = e[5];
   let s;
-  e[6] !== 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;
-  return e[9] !== c || e[10] !== o || e[11] !== s ? (p = /* @__PURE__ */ D("div", { className: g.errorContainerPopover, children: [
-    c,
+  e[6] !== f || e[7] !== r.pairingRetry ? (s = /* @__PURE__ */ n("button", { className: c.retryButton, type: "button", onClick: f, children: r.pairingRetry }), e[6] = f, e[7] = r.pairingRetry, e[8] = s) : s = e[8];
+  let g;
+  return e[9] !== p || e[10] !== o || e[11] !== s ? (g = /* @__PURE__ */ k("div", { className: c.errorContainerPopover, children: [
+    p,
     o,
     s
-  ] }), e[9] = c, e[10] = o, e[11] = s, e[12] = p) : p = e[12], p;
+  ] }), e[9] = p, e[10] = o, e[11] = s, e[12] = g) : g = e[12], g;
 };
 export {
   oe 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_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}
+@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;box-sizing:border-box;padding:0}.papp_QrCode-module_qrFrame_vx3iV{position:relative;display:inline-block;line-height:0}.papp_QrCode-module_qrCanvas_62D1u{display:block;image-rendering:pixelated}.papp_QrCode-module_qrCanvasLight_LOWJW{color:var(--color-neutral-black)}.papp_QrCode-module_qrCanvasDark_d-wBK{color:var(--color-neutral-white)}.papp_QrCode-module_logoBackdrop_GYOcr{position:absolute;left:50%;top:50%;box-sizing:border-box;display:flex;width:13%;height:13%;align-items:center;justify-content:center;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.papp_QrCode-module_logoBackdropLight_elBXb{background:var(--color-neutral-white)}.papp_QrCode-module_logoBackdropDark_v8Acu{background:var(--color-neutral-black)}.papp_QrCode-module_logo_jk35x{display:block;width:82%;height:82%;object-fit:contain}.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{box-sizing:border-box;width:min(calc(100vw - 32px),420px);max-width:420px}.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;box-sizing:border-box;width:100%;padding:36px 44px 44px;gap:20px}.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;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}.papp_Pairing-module_pairingDescription_UJE0U{font-family:Inter,sans-serif;box-sizing:border-box;width:100%;max-width:360px;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}.papp_Pairing-module_qrSurface_wDMjT{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:24px;padding:16px}.papp_Pairing-module_qrSurfaceLight_dIa-z{background:var(--color-neutral-white)}.papp_Pairing-module_qrSurfaceDark_2icM9{background:var(--color-neutral-black)}@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;width:100%;padding:40px 44px 44px;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;width:100%;padding:40px 44px 44px}.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;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/ui/QrCode.js

@@ -1,56 +1,66 @@
-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: L = "light"
-}) => {
-  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,${g}`,
-    imageOptions: {
-      hideBackgroundDots: !0,
-      imageSize: 0.4,
-      margin: 6
-    },
-    dotsOptions: {
-      type: "rounded",
-      color: D
-    },
-    backgroundOptions: {
-      color: "transparent"
-    },
-    cornersSquareOptions: {
-      type: "dot",
-      color: D
-    },
-    cornersDotOptions: {
-      type: "dot",
-      color: D
-    },
-    qrOptions: {
-      errorCorrectionLevel: "M"
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { memo as a, useRef as E, useEffect as U } from "react";
+import i from "./QrCode.module.css.js";
+const k = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDIxMzggMTAuMTkyM0MtMC43MzQyNTUgMTMuODcxNyAtMC44MTc0NjcgMTguOTkzNCAyLjI0MjE1IDIxLjYyMTVDNS4zMDE3NyAyNC4yNTYgMTAuMzM5MyAyMy40MDM1IDEzLjUwMTMgMTkuNzE3N0MxNi42NTY5IDE2LjAzODMgMTYuNzQwMSAxMC45MTY3IDEzLjY4MDUgOC4yODg1NEMxMi40ODM2IDcuMjU2NTIgMTAuOTczIDYuNzYyOTQgOS4zOTgzNCA2Ljc2Mjk0QzYuOTUzMiA2Ljc2Mjk0IDQuMzQxNjQgNy45NTUyMSAyLjQyMTM4IDEwLjE5MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMS41MDYxNCAyOS4yMzA0Qy0wLjg2ODU4NCAzMi4wNTA4IDAuMTYxOTU2IDM2LjgzOTIgMy44MTA0NiAzOS45MjI0QzcuNDU4OTYgNDMuMDA1NyAxMi4zNDkyIDQzLjIyMzYgMTQuNzI0IDQwLjQwMzJDMTcuMDk4NyAzNy41ODI3IDE2LjA2ODEgMzIuNzk0NCAxMi40MTk2IDI5LjcxMTJDMTAuNDg2NiAyOC4wNzY2IDguMjA3ODYgMjcuMjQ5NyA2LjE0MDM4IDI3LjI0OTdDNC4zMDMzMyAyNy4yNDk3IDIuNjI2MyAyNy45MDM1IDEuNTEyNTQgMjkuMjMwNCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjkyOTcgMzkuNTUwNkMxOC42NDc1IDQwLjkwMzIgMTUuNjk2NyA0My42NTk1IDE2LjMzNjggNDUuNzA0M0MxNi45ODMzIDQ3Ljc0OTEgMjAuOTc3NCA0OC4zMTMyIDI1LjI1OTYgNDYuOTU0M0MyOS41NDE4IDQ1LjYwMTcgMzIuNDkyNiA0Mi44NDU0IDMxLjg1MjUgNDAuODAwNkMzMS40NDI4IDM5LjUxMjIgMjkuNzAxOCAzOC44MDcxIDI3LjM5NzUgMzguODA3MUMyNi4wNDY5IDM4LjgwNzEgMjQuNTEwNyAzOS4wNDQyIDIyLjkyOTcgMzkuNTQ0MiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjIyOCAyLjYyODE5QzE1LjM0NDcgNS4xNzk0IDE4LjE0ODMgOC40NzQxOCAyMi41MDA5IDkuOTkzMzdDMjYuODUzNSAxMS41MTI2IDMxLjA5NzMgMTAuNjcyOCAzMS45ODA2IDguMTIxNjNDMzIuODYzOSA1LjU3MDQyIDMwLjA2MDMgMi4yNzU2NCAyNS43MDc3IDAuNzU2NDUyQzI0LjI0MTkgMC4yNDM2NDYgMjIuNzgyNSA2LjIyMDk2ZS0wNSAyMS40NjQgNi4xOTc5MWUtMDVDMTguODcxNiA2LjE1MjU4ZS0wNSAxNi44MTA1IDAuOTM1OTMzIDE2LjIyOCAyLjYyODE5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM1Ljc5NiA3Ljc2OTc5QzM0LjUzNTEgOC4yNzYxOCAzNC44MzU5IDExLjk2MiAzNi40NjE3IDE1Ljk4NzVDMzguMDg3NSAyMC4wMTk0IDQwLjQyMzkgMjIuODcxOSA0MS42ODQ4IDIyLjM2NTVDNDIuOTM5NCAyMS44NTkxIDQyLjY0NSAxOC4xNzk4IDQxLjAxOTEgMTQuMTQ3OEMzOS41MjEzIDEwLjQzIDM3LjQxNTQgNy43MTIxIDM2LjEwOTcgNy43MTIxQzM2LjAwMDkgNy43MTIxIDM1Ljg5ODQgNy43MzEzMyAzNS43OTYgNy43Njk3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NjE5IDMyLjI2MjZDMzQuOTY5NyAzNi4xNTM1IDM0LjM0ODggMzkuNjk4MyAzNS4zNzkzIDQwLjE3MjZDMzYuNDA5OSA0MC42NDcgMzguNzAxNCAzNy44Nzc4IDQwLjQ5MzYgMzMuOTg2OUM0Mi4yOTIzIDMwLjA5NiA0Mi45MDY4IDI2LjU1MTIgNDEuODgyNiAyNi4wNzY5QzQxLjgwNTggMjYuMDM4NCA0MS43MjI2IDI2LjAyNTYgNDEuNjI2NiAyNi4wMjU2QzQwLjUwNjQgMjYuMDI1NiAzOC40MTk4IDI4LjY2NjUgMzYuNzYxOSAzMi4yNjI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==", S = "PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4yNjM5NyAxMy43MjY1Qy0wLjk4OTc3MiAxOC42ODE3IC0xLjEwMTk0IDI1LjU3OTIgMy4wMjIzNyAyOS4xMTg3QzcuMTQ2NjkgMzIuNjY2NyAxMy45MzcxIDMxLjUxODYgMTguMTk5NSAyNi41NTQ3QzIyLjQ1MzIgMjEuNTk5NSAyMi41NjU0IDE0LjcwMiAxOC40NDExIDExLjE2MjZDMTYuODI3NiA5Ljc3MjcxIDE0Ljc5MTMgOS4xMDc5OSAxMi42Njg4IDkuMTA3OTlDOS4zNzI3NyA5LjEwNzk5IDUuODUyNDUgMTAuNzEzNyAzLjI2Mzk3IDEzLjcyNjVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yLjAzMDAxIDM5LjM2NTdDLTEuMTcxMDggNDMuMTY0MSAwLjIxODA2NiA0OS42MTI4IDUuMTM2MTggNTMuNzY1MUMxMC4wNTQzIDU3LjkxNzQgMTYuNjQ2MyA1OC4yMTEgMTkuODQ3NCA1NC40MTI2QzIzLjA0ODUgNTAuNjE0MiAyMS42NTkzIDQ0LjE2NTUgMTYuNzQxMiA0MC4wMTMyQzE0LjEzNTUgMzcuODExOCAxMS4wNjM4IDM2LjY5ODIgOC4yNzY4NyAzNi42OTgyQzUuODAwNTUgMzYuNjk4MiAzLjUzOTk2IDM3LjU3ODcgMi4wMzg2NCAzOS4zNjU3IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMC45MDg3IDUzLjI2NDNDMjUuMTM2NCA1NS4wODU5IDIxLjE1ODggNTguNzk3OSAyMi4wMjE2IDYxLjU1MThDMjIuODkzMSA2NC4zMDU2IDI4LjI3NzEgNjUuMDY1MyAzNC4wNDk0IDYzLjIzNTFDMzkuODIxNyA2MS40MTM2IDQzLjc5OTQgNTcuNzAxNiA0Mi45MzY2IDU0Ljk0NzdDNDIuMzg0MyA1My4yMTI2IDQwLjAzNzUgNTIuMjYzIDM2LjkzMTMgNTIuMjYzQzM1LjExMDcgNTIuMjYzIDMzLjAzOTkgNTIuNTgyNCAzMC45MDg3IDUzLjI1NTciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxLjg3NDkgMy41Mzk0MkMyMC42ODQyIDYuOTc1MjQgMjQuNDYzNCAxMS40MTI1IDMwLjMzMDYgMTMuNDU4NEMzNi4xOTc5IDE1LjUwNDQgNDEuOTE4NCAxNC4zNzM1IDQzLjEwOTEgMTAuOTM3N0M0NC4yOTk4IDcuNTAxODQgNDAuNTIwNiAzLjA2NDYyIDM0LjY1MzQgMS4wMTg2NkMzMi42Nzc1IDAuMzI4MDQ0IDMwLjcxMDMgMCAyOC45MzI5IDBDMjUuNDM4NCAwIDIyLjY2MDEgMS4yNjAzOCAyMS44NzQ5IDMuNTM5NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik00OC4yNTE2IDEwLjQ2MzhDNDYuNTUxOSAxMS4xNDU4IDQ2Ljk1NzQgMTYuMTA5NiA0OS4xNDkgMjEuNTMwOUM1MS4zNDA2IDI2Ljk2MDkgNTQuNDg5OSAzMC44MDI1IDU2LjE4OTcgMzAuMTIwNUM1Ny44ODA4IDI5LjQzODUgNTcuNDgzOSAyNC40ODMzIDU1LjI5MjMgMTkuMDUzNEM1My4yNzMzIDE0LjA0NjQgNTAuNDM0NiAxMC4zODYxIDQ4LjY3NDQgMTAuMzg2MUM0OC41Mjc3IDEwLjM4NjEgNDguMzg5NyAxMC40MTIgNDguMjUxNiAxMC40NjM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDkuNTU0NCA0My40NDkxQzQ3LjEzODUgNDguNjg5MiA0Ni4zMDE1IDUzLjQ2MzEgNDcuNjkwNyA1NC4xMDE5QzQ5LjA3OTggNTQuNzQwNyA1Mi4xNjg4IDUxLjAxMTQgNTQuNTg0NyA0NS43NzEzQzU3LjAwOTIgNDAuNTMxMyA1Ny44Mzc2IDM1Ljc1NzQgNTYuNDU3IDM1LjExODVDNTYuMzUzNSAzNS4wNjY3IDU2LjI0MTMgMzUuMDQ5NSA1Ni4xMTE5IDM1LjA0OTVDNTQuNjAyIDM1LjA0OTUgNTEuNzg5MSAzOC42MDYyIDQ5LjU1NDQgNDMuNDQ5MVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+", x = 4, g = 7;
+function Y(z, I, O, u) {
+  const M = z.getContext("2d");
+  if (!M)
+    return;
+  const o = window.devicePixelRatio || 1, Q = I.size + x * 2, N = Math.max(1, Math.floor(O * o / Q)), A = N * Q;
+  z.width = A, z.height = A, z.style.width = `${O}px`, z.style.height = `${O}px`, M.clearRect(0, 0, A, A);
+  const T = I.size, e = (D, j) => D < g && j < g || D < g && j >= T - g || D >= T - g && j < g;
+  M.fillStyle = u;
+  for (let D = 0; D < T; D++)
+    for (let j = 0; j < T; j++) {
+      if (!I.data[D * T + j] || e(D, j))
+        continue;
+      const L = (j + x) * N, c = (D + x) * N;
+      M.fillRect(L, c, N, N);
     }
-  }), [M, D, g]);
-  return T(() => (N && I.append(N), () => {
-    N && A._clearContainer(N);
-  }), [I, N]), T(() => {
-    I?.update({
-      data: j
-    });
-  }, [j, I]), /* @__PURE__ */ Q("div", { className: k.container, style: {
-    height: M,
-    width: M,
-    backgroundColor: i
-  }, ref: u });
+  const y = (D, j) => {
+    const L = (j + g / 2 + x) * N, c = (D + g / 2 + x) * N;
+    M.fillStyle = u, M.beginPath(), M.arc(L, c, 3.5 * N, 0, Math.PI * 2), M.fill(), M.globalCompositeOperation = "destination-out", M.beginPath(), M.arc(L, c, 2.5 * N, 0, Math.PI * 2), M.fill(), M.globalCompositeOperation = "source-over", M.fillStyle = u, M.beginPath(), M.arc(L, c, 1.5 * N, 0, Math.PI * 2), M.fill();
+  };
+  y(0, 0), y(0, T - g), y(T - g, 0);
+}
+const n = a(({
+  value: z,
+  size: I,
+  theme: O = "light"
+}) => {
+  const u = E(null), M = O === "dark", Q = `data:image/svg+xml;base64,${M ? S : k}`;
+  return U(() => {
+    const N = u.current;
+    if (!N || !z)
+      return;
+    let A = !1;
+    const T = z, e = getComputedStyle(N).color;
+    return import("qrcode").then((y) => {
+      if (A)
+        return;
+      const D = y.default.create(T, {
+        errorCorrectionLevel: "H"
+      });
+      Y(N, D.modules, I, e);
+    }).catch((y) => {
+      A || console.error("[host-papp-react-ui] QR render failed:", y);
+    }), () => {
+      A = !0;
+    };
+  }, [z, I, M]), z ? /* @__PURE__ */ t("div", { className: i.container, style: {
+    height: I,
+    width: I
+  }, children: /* @__PURE__ */ C("div", { className: i.qrFrame, style: {
+    width: I,
+    height: I
+  }, children: [
+    /* @__PURE__ */ t("canvas", { ref: u, className: M ? i.qrCanvasDark : i.qrCanvasLight, "aria-hidden": !0 }),
+    /* @__PURE__ */ t("div", { className: M ? i.logoBackdropDark : i.logoBackdropLight, "aria-hidden": !0, children: /* @__PURE__ */ t("img", { className: i.logo, src: Q, alt: "", width: 1, height: 1 }) })
+  ] }) }) : /* @__PURE__ */ t("div", { className: i.container, style: {
+    height: I,
+    width: I
+  }, "aria-hidden": !0 });
 });
 export {
-  s as QrCode
+  n as QrCode
 };

package/dist/ui/QrCode.module.css.js

@@ -1,7 +1,19 @@
-const e = "papp_QrCode-module_container_L11My", n = {
-  container: e
+const o = "papp_QrCode-module_container_L11My", a = "papp_QrCode-module_qrFrame_vx3iV", r = "papp_QrCode-module_qrCanvasLight_LOWJW papp_QrCode-module_qrCanvas_62D1u", p = "papp_QrCode-module_qrCanvasDark_d-wBK papp_QrCode-module_qrCanvas_62D1u", _ = "papp_QrCode-module_logoBackdropLight_elBXb papp_QrCode-module_logoBackdrop_GYOcr", d = "papp_QrCode-module_logoBackdropDark_v8Acu papp_QrCode-module_logoBackdrop_GYOcr", e = "papp_QrCode-module_logo_jk35x", l = {
+  container: o,
+  qrFrame: a,
+  qrCanvasLight: r,
+  qrCanvasDark: p,
+  logoBackdropLight: _,
+  logoBackdropDark: d,
+  logo: e
 };
 export {
-  e as container,
-  n as default
+  o as container,
+  l as default,
+  e as logo,
+  d as logoBackdropDark,
+  _ as logoBackdropLight,
+  p as qrCanvasDark,
+  r as qrCanvasLight,
+  a as qrFrame
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-papp-react-ui",
   "type": "module",
-  "version": "0.7.9-4",
+  "version": "0.7.9-6",
   "description": "Polkadot app UI Flow",
   "license": "Apache-2.0",
   "repository": {
@@ -30,15 +30,16 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@novasamatech/host-papp": "0.7.9-4",
-    "@novasamatech/statement-store": "0.7.9-4",
+    "@novasamatech/host-papp": "0.7.9-6",
+    "@novasamatech/statement-store": "0.7.9-6",
     "@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.2.7"
+    "qrcode": "^1.5.4",
+    "@novasamatech/tr-ui": "0.2.9"
   },
   "devDependencies": {
+    "@types/qrcode": "^1.5.6",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@polkadot-api/substrate-bindings": "^0.20.2",