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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui/Modal.js CHANGED
@@ -1,35 +1,40 @@
1
- import { jsx as s, jsxs as p } from "react/jsx-runtime";
2
- import { c as y } from "react/compiler-runtime";
3
- import { Title as b, Overlay as u, Content as x, Portal as j, Root as v } from "@radix-ui/react-dialog";
4
- import f from "./Modal.module.css.js";
5
- const _ = (h) => {
6
- const e = y(13), {
7
- open: r,
8
- onOpenChange: a,
9
- width: c,
10
- container: d,
11
- children: m
12
- } = h;
13
- if (!r)
14
- return null;
15
- let l;
16
- e[0] !== c ? (l = {
17
- width: c
18
- }, e[0] = c, e[1] = l) : l = e[1];
19
- let i;
20
- e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ s(b, { style: {
21
- display: "none"
22
- }, children: "Modal" }), e[2] = i) : i = e[2];
23
- let t;
24
- e[3] !== m || e[4] !== l ? (t = /* @__PURE__ */ s(u, { className: f.backdrop, children: /* @__PURE__ */ p(x, { className: f.modal, style: l, "aria-describedby": void 0, children: [
25
- i,
26
- m
27
- ] }) }), e[3] = m, e[4] = l, e[5] = t) : t = e[5];
28
- let o;
29
- e[6] !== d || e[7] !== t ? (o = /* @__PURE__ */ s(j, { container: d, children: t }), e[6] = d, e[7] = t, e[8] = o) : o = e[8];
30
- let n;
31
- return e[9] !== a || e[10] !== r || e[11] !== o ? (n = /* @__PURE__ */ s(v, { modal: !0, open: r, onOpenChange: a, children: o }), e[9] = a, e[10] = r, e[11] = o, e[12] = n) : n = e[12], n;
32
- };
33
- export {
34
- _ as Modal
1
+ import e from "./Modal.module.css.js";
2
+ import { c as t } from "react/compiler-runtime";
3
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ import { Content as i, Overlay as a, Portal as o, Root as s, Title as c } from "@radix-ui/react-dialog";
5
+ //#region src/ui/Modal.tsx
6
+ var l = (l) => {
7
+ let u = t(13), { open: d, onOpenChange: f, width: p, container: m, children: h } = l;
8
+ if (!d) return null;
9
+ let g;
10
+ u[0] === p ? g = u[1] : (g = { width: p }, u[0] = p, u[1] = g);
11
+ let _;
12
+ u[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(c, {
13
+ style: { display: "none" },
14
+ children: "Modal"
15
+ }), u[2] = _) : _ = u[2];
16
+ let v;
17
+ u[3] !== h || u[4] !== g ? (v = /* @__PURE__ */ n(a, {
18
+ className: e.backdrop,
19
+ children: /* @__PURE__ */ r(i, {
20
+ className: e.modal,
21
+ style: g,
22
+ "aria-describedby": void 0,
23
+ children: [_, h]
24
+ })
25
+ }), u[3] = h, u[4] = g, u[5] = v) : v = u[5];
26
+ let y;
27
+ u[6] !== m || u[7] !== v ? (y = /* @__PURE__ */ n(o, {
28
+ container: m,
29
+ children: v
30
+ }), u[6] = m, u[7] = v, u[8] = y) : y = u[8];
31
+ let b;
32
+ return u[9] !== f || u[10] !== d || u[11] !== y ? (b = /* @__PURE__ */ n(s, {
33
+ modal: !0,
34
+ open: d,
35
+ onOpenChange: f,
36
+ children: y
37
+ }), u[9] = f, u[10] = d, u[11] = y, u[12] = b) : b = u[12], b;
35
38
  };
39
+ //#endregion
40
+ export { l as Modal };
@@ -1,9 +1,8 @@
1
- const o = "papp_Modal-module_backdrop_5PnfC", a = "papp_Modal-module_modal_L5tLT", d = {
2
- backdrop: o,
3
- modal: a
4
- };
5
- export {
6
- o as backdrop,
7
- d as default,
8
- a as modal
1
+ //#region src/ui/Modal.module.css
2
+ var e = "papp_Modal-module_backdrop_5PnfC", t = "papp_Modal-module_fadeInOpacity_lXaQm", n = "papp_Modal-module_modal_L5tLT", r = {
3
+ backdrop: e,
4
+ fadeInOpacity: t,
5
+ modal: n
9
6
  };
7
+ //#endregion
8
+ export { e as backdrop, r as default, t as fadeInOpacity, n as modal };
package/dist/ui/QrCode.js CHANGED
@@ -1,66 +1,81 @@
1
- import { jsx as t, jsxs as C } from "react/jsx-runtime";
2
- import { memo as a, useRef as E, useEffect as U } from "react";
3
- import i from "./QrCode.module.css.js";
4
- const k = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDIxMzggMTAuMTkyM0MtMC43MzQyNTUgMTMuODcxNyAtMC44MTc0NjcgMTguOTkzNCAyLjI0MjE1IDIxLjYyMTVDNS4zMDE3NyAyNC4yNTYgMTAuMzM5MyAyMy40MDM1IDEzLjUwMTMgMTkuNzE3N0MxNi42NTY5IDE2LjAzODMgMTYuNzQwMSAxMC45MTY3IDEzLjY4MDUgOC4yODg1NEMxMi40ODM2IDcuMjU2NTIgMTAuOTczIDYuNzYyOTQgOS4zOTgzNCA2Ljc2Mjk0QzYuOTUzMiA2Ljc2Mjk0IDQuMzQxNjQgNy45NTUyMSAyLjQyMTM4IDEwLjE5MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMS41MDYxNCAyOS4yMzA0Qy0wLjg2ODU4NCAzMi4wNTA4IDAuMTYxOTU2IDM2LjgzOTIgMy44MTA0NiAzOS45MjI0QzcuNDU4OTYgNDMuMDA1NyAxMi4zNDkyIDQzLjIyMzYgMTQuNzI0IDQwLjQwMzJDMTcuMDk4NyAzNy41ODI3IDE2LjA2ODEgMzIuNzk0NCAxMi40MTk2IDI5LjcxMTJDMTAuNDg2NiAyOC4wNzY2IDguMjA3ODYgMjcuMjQ5NyA2LjE0MDM4IDI3LjI0OTdDNC4zMDMzMyAyNy4yNDk3IDIuNjI2MyAyNy45MDM1IDEuNTEyNTQgMjkuMjMwNCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjkyOTcgMzkuNTUwNkMxOC42NDc1IDQwLjkwMzIgMTUuNjk2NyA0My42NTk1IDE2LjMzNjggNDUuNzA0M0MxNi45ODMzIDQ3Ljc0OTEgMjAuOTc3NCA0OC4zMTMyIDI1LjI1OTYgNDYuOTU0M0MyOS41NDE4IDQ1LjYwMTcgMzIuNDkyNiA0Mi44NDU0IDMxLjg1MjUgNDAuODAwNkMzMS40NDI4IDM5LjUxMjIgMjkuNzAxOCAzOC44MDcxIDI3LjM5NzUgMzguODA3MUMyNi4wNDY5IDM4LjgwNzEgMjQuNTEwNyAzOS4wNDQyIDIyLjkyOTcgMzkuNTQ0MiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjIyOCAyLjYyODE5QzE1LjM0NDcgNS4xNzk0IDE4LjE0ODMgOC40NzQxOCAyMi41MDA5IDkuOTkzMzdDMjYuODUzNSAxMS41MTI2IDMxLjA5NzMgMTAuNjcyOCAzMS45ODA2IDguMTIxNjNDMzIuODYzOSA1LjU3MDQyIDMwLjA2MDMgMi4yNzU2NCAyNS43MDc3IDAuNzU2NDUyQzI0LjI0MTkgMC4yNDM2NDYgMjIuNzgyNSA2LjIyMDk2ZS0wNSAyMS40NjQgNi4xOTc5MWUtMDVDMTguODcxNiA2LjE1MjU4ZS0wNSAxNi44MTA1IDAuOTM1OTMzIDE2LjIyOCAyLjYyODE5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM1Ljc5NiA3Ljc2OTc5QzM0LjUzNTEgOC4yNzYxOCAzNC44MzU5IDExLjk2MiAzNi40NjE3IDE1Ljk4NzVDMzguMDg3NSAyMC4wMTk0IDQwLjQyMzkgMjIuODcxOSA0MS42ODQ4IDIyLjM2NTVDNDIuOTM5NCAyMS44NTkxIDQyLjY0NSAxOC4xNzk4IDQxLjAxOTEgMTQuMTQ3OEMzOS41MjEzIDEwLjQzIDM3LjQxNTQgNy43MTIxIDM2LjEwOTcgNy43MTIxQzM2LjAwMDkgNy43MTIxIDM1Ljg5ODQgNy43MzEzMyAzNS43OTYgNy43Njk3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NjE5IDMyLjI2MjZDMzQuOTY5NyAzNi4xNTM1IDM0LjM0ODggMzkuNjk4MyAzNS4zNzkzIDQwLjE3MjZDMzYuNDA5OSA0MC42NDcgMzguNzAxNCAzNy44Nzc4IDQwLjQ5MzYgMzMuOTg2OUM0Mi4yOTIzIDMwLjA5NiA0Mi45MDY4IDI2LjU1MTIgNDEuODgyNiAyNi4wNzY5QzQxLjgwNTggMjYuMDM4NCA0MS43MjI2IDI2LjAyNTYgNDEuNjI2NiAyNi4wMjU2QzQwLjUwNjQgMjYuMDI1NiAzOC40MTk4IDI4LjY2NjUgMzYuNzYxOSAzMi4yNjI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==", S = "PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4yNjM5NyAxMy43MjY1Qy0wLjk4OTc3MiAxOC42ODE3IC0xLjEwMTk0IDI1LjU3OTIgMy4wMjIzNyAyOS4xMTg3QzcuMTQ2NjkgMzIuNjY2NyAxMy45MzcxIDMxLjUxODYgMTguMTk5NSAyNi41NTQ3QzIyLjQ1MzIgMjEuNTk5NSAyMi41NjU0IDE0LjcwMiAxOC40NDExIDExLjE2MjZDMTYuODI3NiA5Ljc3MjcxIDE0Ljc5MTMgOS4xMDc5OSAxMi42Njg4IDkuMTA3OTlDOS4zNzI3NyA5LjEwNzk5IDUuODUyNDUgMTAuNzEzNyAzLjI2Mzk3IDEzLjcyNjVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yLjAzMDAxIDM5LjM2NTdDLTEuMTcxMDggNDMuMTY0MSAwLjIxODA2NiA0OS42MTI4IDUuMTM2MTggNTMuNzY1MUMxMC4wNTQzIDU3LjkxNzQgMTYuNjQ2MyA1OC4yMTEgMTkuODQ3NCA1NC40MTI2QzIzLjA0ODUgNTAuNjE0MiAyMS42NTkzIDQ0LjE2NTUgMTYuNzQxMiA0MC4wMTMyQzE0LjEzNTUgMzcuODExOCAxMS4wNjM4IDM2LjY5ODIgOC4yNzY4NyAzNi42OTgyQzUuODAwNTUgMzYuNjk4MiAzLjUzOTk2IDM3LjU3ODcgMi4wMzg2NCAzOS4zNjU3IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMC45MDg3IDUzLjI2NDNDMjUuMTM2NCA1NS4wODU5IDIxLjE1ODggNTguNzk3OSAyMi4wMjE2IDYxLjU1MThDMjIuODkzMSA2NC4zMDU2IDI4LjI3NzEgNjUuMDY1MyAzNC4wNDk0IDYzLjIzNTFDMzkuODIxNyA2MS40MTM2IDQzLjc5OTQgNTcuNzAxNiA0Mi45MzY2IDU0Ljk0NzdDNDIuMzg0MyA1My4yMTI2IDQwLjAzNzUgNTIuMjYzIDM2LjkzMTMgNTIuMjYzQzM1LjExMDcgNTIuMjYzIDMzLjAzOTkgNTIuNTgyNCAzMC45MDg3IDUzLjI1NTciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxLjg3NDkgMy41Mzk0MkMyMC42ODQyIDYuOTc1MjQgMjQuNDYzNCAxMS40MTI1IDMwLjMzMDYgMTMuNDU4NEMzNi4xOTc5IDE1LjUwNDQgNDEuOTE4NCAxNC4zNzM1IDQzLjEwOTEgMTAuOTM3N0M0NC4yOTk4IDcuNTAxODQgNDAuNTIwNiAzLjA2NDYyIDM0LjY1MzQgMS4wMTg2NkMzMi42Nzc1IDAuMzI4MDQ0IDMwLjcxMDMgMCAyOC45MzI5IDBDMjUuNDM4NCAwIDIyLjY2MDEgMS4yNjAzOCAyMS44NzQ5IDMuNTM5NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik00OC4yNTE2IDEwLjQ2MzhDNDYuNTUxOSAxMS4xNDU4IDQ2Ljk1NzQgMTYuMTA5NiA0OS4xNDkgMjEuNTMwOUM1MS4zNDA2IDI2Ljk2MDkgNTQuNDg5OSAzMC44MDI1IDU2LjE4OTcgMzAuMTIwNUM1Ny44ODA4IDI5LjQzODUgNTcuNDgzOSAyNC40ODMzIDU1LjI5MjMgMTkuMDUzNEM1My4yNzMzIDE0LjA0NjQgNTAuNDM0NiAxMC4zODYxIDQ4LjY3NDQgMTAuMzg2MUM0OC41Mjc3IDEwLjM4NjEgNDguMzg5NyAxMC40MTIgNDguMjUxNiAxMC40NjM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDkuNTU0NCA0My40NDkxQzQ3LjEzODUgNDguNjg5MiA0Ni4zMDE1IDUzLjQ2MzEgNDcuNjkwNyA1NC4xMDE5QzQ5LjA3OTggNTQuNzQwNyA1Mi4xNjg4IDUxLjAxMTQgNTQuNTg0NyA0NS43NzEzQzU3LjAwOTIgNDAuNTMxMyA1Ny44Mzc2IDM1Ljc1NzQgNTYuNDU3IDM1LjExODVDNTYuMzUzNSAzNS4wNjY3IDU2LjI0MTMgMzUuMDQ5NSA1Ni4xMTE5IDM1LjA0OTVDNTQuNjAyIDM1LjA0OTUgNTEuNzg5MSAzOC42MDYyIDQ5LjU1NDQgNDMuNDQ5MVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+", x = 4, g = 7;
5
- function Y(z, I, O, u) {
6
- const M = z.getContext("2d");
7
- if (!M)
8
- return;
9
- const o = window.devicePixelRatio || 1, Q = I.size + x * 2, N = Math.max(1, Math.floor(O * o / Q)), A = N * Q;
10
- z.width = A, z.height = A, z.style.width = `${O}px`, z.style.height = `${O}px`, M.clearRect(0, 0, A, A);
11
- const T = I.size, e = (D, j) => D < g && j < g || D < g && j >= T - g || D >= T - g && j < g;
12
- M.fillStyle = u;
13
- for (let D = 0; D < T; D++)
14
- for (let j = 0; j < T; j++) {
15
- if (!I.data[D * T + j] || e(D, j))
16
- continue;
17
- const L = (j + x) * N, c = (D + x) * N;
18
- M.fillRect(L, c, N, N);
19
- }
20
- const y = (D, j) => {
21
- const L = (j + g / 2 + x) * N, c = (D + g / 2 + x) * N;
22
- 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();
23
- };
24
- y(0, 0), y(0, T - g), y(T - g, 0);
1
+ import e from "./QrCode.module.css.js";
2
+ import { memo as t, useEffect as n, useRef as r } from "react";
3
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
4
+ //#region src/ui/QrCode.tsx
5
+ var o = "PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDIxMzggMTAuMTkyM0MtMC43MzQyNTUgMTMuODcxNyAtMC44MTc0NjcgMTguOTkzNCAyLjI0MjE1IDIxLjYyMTVDNS4zMDE3NyAyNC4yNTYgMTAuMzM5MyAyMy40MDM1IDEzLjUwMTMgMTkuNzE3N0MxNi42NTY5IDE2LjAzODMgMTYuNzQwMSAxMC45MTY3IDEzLjY4MDUgOC4yODg1NEMxMi40ODM2IDcuMjU2NTIgMTAuOTczIDYuNzYyOTQgOS4zOTgzNCA2Ljc2Mjk0QzYuOTUzMiA2Ljc2Mjk0IDQuMzQxNjQgNy45NTUyMSAyLjQyMTM4IDEwLjE5MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMS41MDYxNCAyOS4yMzA0Qy0wLjg2ODU4NCAzMi4wNTA4IDAuMTYxOTU2IDM2LjgzOTIgMy44MTA0NiAzOS45MjI0QzcuNDU4OTYgNDMuMDA1NyAxMi4zNDkyIDQzLjIyMzYgMTQuNzI0IDQwLjQwMzJDMTcuMDk4NyAzNy41ODI3IDE2LjA2ODEgMzIuNzk0NCAxMi40MTk2IDI5LjcxMTJDMTAuNDg2NiAyOC4wNzY2IDguMjA3ODYgMjcuMjQ5NyA2LjE0MDM4IDI3LjI0OTdDNC4zMDMzMyAyNy4yNDk3IDIuNjI2MyAyNy45MDM1IDEuNTEyNTQgMjkuMjMwNCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjkyOTcgMzkuNTUwNkMxOC42NDc1IDQwLjkwMzIgMTUuNjk2NyA0My42NTk1IDE2LjMzNjggNDUuNzA0M0MxNi45ODMzIDQ3Ljc0OTEgMjAuOTc3NCA0OC4zMTMyIDI1LjI1OTYgNDYuOTU0M0MyOS41NDE4IDQ1LjYwMTcgMzIuNDkyNiA0Mi44NDU0IDMxLjg1MjUgNDAuODAwNkMzMS40NDI4IDM5LjUxMjIgMjkuNzAxOCAzOC44MDcxIDI3LjM5NzUgMzguODA3MUMyNi4wNDY5IDM4LjgwNzEgMjQuNTEwNyAzOS4wNDQyIDIyLjkyOTcgMzkuNTQ0MiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjIyOCAyLjYyODE5QzE1LjM0NDcgNS4xNzk0IDE4LjE0ODMgOC40NzQxOCAyMi41MDA5IDkuOTkzMzdDMjYuODUzNSAxMS41MTI2IDMxLjA5NzMgMTAuNjcyOCAzMS45ODA2IDguMTIxNjNDMzIuODYzOSA1LjU3MDQyIDMwLjA2MDMgMi4yNzU2NCAyNS43MDc3IDAuNzU2NDUyQzI0LjI0MTkgMC4yNDM2NDYgMjIuNzgyNSA2LjIyMDk2ZS0wNSAyMS40NjQgNi4xOTc5MWUtMDVDMTguODcxNiA2LjE1MjU4ZS0wNSAxNi44MTA1IDAuOTM1OTMzIDE2LjIyOCAyLjYyODE5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM1Ljc5NiA3Ljc2OTc5QzM0LjUzNTEgOC4yNzYxOCAzNC44MzU5IDExLjk2MiAzNi40NjE3IDE1Ljk4NzVDMzguMDg3NSAyMC4wMTk0IDQwLjQyMzkgMjIuODcxOSA0MS42ODQ4IDIyLjM2NTVDNDIuOTM5NCAyMS44NTkxIDQyLjY0NSAxOC4xNzk4IDQxLjAxOTEgMTQuMTQ3OEMzOS41MjEzIDEwLjQzIDM3LjQxNTQgNy43MTIxIDM2LjEwOTcgNy43MTIxQzM2LjAwMDkgNy43MTIxIDM1Ljg5ODQgNy43MzEzMyAzNS43OTYgNy43Njk3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NjE5IDMyLjI2MjZDMzQuOTY5NyAzNi4xNTM1IDM0LjM0ODggMzkuNjk4MyAzNS4zNzkzIDQwLjE3MjZDMzYuNDA5OSA0MC42NDcgMzguNzAxNCAzNy44Nzc4IDQwLjQ5MzYgMzMuOTg2OUM0Mi4yOTIzIDMwLjA5NiA0Mi45MDY4IDI2LjU1MTIgNDEuODgyNiAyNi4wNzY5QzQxLjgwNTggMjYuMDM4NCA0MS43MjI2IDI2LjAyNTYgNDEuNjI2NiAyNi4wMjU2QzQwLjUwNjQgMjYuMDI1NiAzOC40MTk4IDI4LjY2NjUgMzYuNzYxOSAzMi4yNjI2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==", s = "PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4yNjM5NyAxMy43MjY1Qy0wLjk4OTc3MiAxOC42ODE3IC0xLjEwMTk0IDI1LjU3OTIgMy4wMjIzNyAyOS4xMTg3QzcuMTQ2NjkgMzIuNjY2NyAxMy45MzcxIDMxLjUxODYgMTguMTk5NSAyNi41NTQ3QzIyLjQ1MzIgMjEuNTk5NSAyMi41NjU0IDE0LjcwMiAxOC40NDExIDExLjE2MjZDMTYuODI3NiA5Ljc3MjcxIDE0Ljc5MTMgOS4xMDc5OSAxMi42Njg4IDkuMTA3OTlDOS4zNzI3NyA5LjEwNzk5IDUuODUyNDUgMTAuNzEzNyAzLjI2Mzk3IDEzLjcyNjVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yLjAzMDAxIDM5LjM2NTdDLTEuMTcxMDggNDMuMTY0MSAwLjIxODA2NiA0OS42MTI4IDUuMTM2MTggNTMuNzY1MUMxMC4wNTQzIDU3LjkxNzQgMTYuNjQ2MyA1OC4yMTEgMTkuODQ3NCA1NC40MTI2QzIzLjA0ODUgNTAuNjE0MiAyMS42NTkzIDQ0LjE2NTUgMTYuNzQxMiA0MC4wMTMyQzE0LjEzNTUgMzcuODExOCAxMS4wNjM4IDM2LjY5ODIgOC4yNzY4NyAzNi42OTgyQzUuODAwNTUgMzYuNjk4MiAzLjUzOTk2IDM3LjU3ODcgMi4wMzg2NCAzOS4zNjU3IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMC45MDg3IDUzLjI2NDNDMjUuMTM2NCA1NS4wODU5IDIxLjE1ODggNTguNzk3OSAyMi4wMjE2IDYxLjU1MThDMjIuODkzMSA2NC4zMDU2IDI4LjI3NzEgNjUuMDY1MyAzNC4wNDk0IDYzLjIzNTFDMzkuODIxNyA2MS40MTM2IDQzLjc5OTQgNTcuNzAxNiA0Mi45MzY2IDU0Ljk0NzdDNDIuMzg0MyA1My4yMTI2IDQwLjAzNzUgNTIuMjYzIDM2LjkzMTMgNTIuMjYzQzM1LjExMDcgNTIuMjYzIDMzLjAzOTkgNTIuNTgyNCAzMC45MDg3IDUzLjI1NTciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxLjg3NDkgMy41Mzk0MkMyMC42ODQyIDYuOTc1MjQgMjQuNDYzNCAxMS40MTI1IDMwLjMzMDYgMTMuNDU4NEMzNi4xOTc5IDE1LjUwNDQgNDEuOTE4NCAxNC4zNzM1IDQzLjEwOTEgMTAuOTM3N0M0NC4yOTk4IDcuNTAxODQgNDAuNTIwNiAzLjA2NDYyIDM0LjY1MzQgMS4wMTg2NkMzMi42Nzc1IDAuMzI4MDQ0IDMwLjcxMDMgMCAyOC45MzI5IDBDMjUuNDM4NCAwIDIyLjY2MDEgMS4yNjAzOCAyMS44NzQ5IDMuNTM5NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik00OC4yNTE2IDEwLjQ2MzhDNDYuNTUxOSAxMS4xNDU4IDQ2Ljk1NzQgMTYuMTA5NiA0OS4xNDkgMjEuNTMwOUM1MS4zNDA2IDI2Ljk2MDkgNTQuNDg5OSAzMC44MDI1IDU2LjE4OTcgMzAuMTIwNUM1Ny44ODA4IDI5LjQzODUgNTcuNDgzOSAyNC40ODMzIDU1LjI5MjMgMTkuMDUzNEM1My4yNzMzIDE0LjA0NjQgNTAuNDM0NiAxMC4zODYxIDQ4LjY3NDQgMTAuMzg2MUM0OC41Mjc3IDEwLjM4NjEgNDguMzg5NyAxMC40MTIgNDguMjUxNiAxMC40NjM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDkuNTU0NCA0My40NDkxQzQ3LjEzODUgNDguNjg5MiA0Ni4zMDE1IDUzLjQ2MzEgNDcuNjkwNyA1NC4xMDE5QzQ5LjA3OTggNTQuNzQwNyA1Mi4xNjg4IDUxLjAxMTQgNTQuNTg0NyA0NS43NzEzQzU3LjAwOTIgNDAuNTMxMyA1Ny44Mzc2IDM1Ljc1NzQgNTYuNDU3IDM1LjExODVDNTYuMzUzNSAzNS4wNjY3IDU2LjI0MTMgMzUuMDQ5NSA1Ni4xMTE5IDM1LjA0OTVDNTQuNjAyIDM1LjA0OTUgNTEuNzg5MSAzOC42MDYyIDQ5LjU1NDQgNDMuNDQ5MVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+", c = 4, l = 7;
6
+ function u(e, t, n, r) {
7
+ let i = e.getContext("2d");
8
+ if (!i) return;
9
+ let a = window.devicePixelRatio || 1, o = t.size + c * 2, s = Math.max(1, Math.floor(n * a / o)), u = s * o;
10
+ e.width = u, e.height = u, e.style.width = `${n}px`, e.style.height = `${n}px`, i.clearRect(0, 0, u, u);
11
+ let d = t.size, f = (e, t) => e < l && t < l || e < l && t >= d - l || e >= d - l && t < l;
12
+ i.fillStyle = r;
13
+ for (let e = 0; e < d; e++) for (let n = 0; n < d; n++) {
14
+ if (!t.data[e * d + n] || f(e, n)) continue;
15
+ let r = (n + c) * s, a = (e + c) * s;
16
+ i.fillRect(r, a, s, s);
17
+ }
18
+ let p = (e, t) => {
19
+ let n = (t + l / 2 + c) * s, a = (e + l / 2 + c) * s;
20
+ i.fillStyle = r, i.beginPath(), i.arc(n, a, 3.5 * s, 0, Math.PI * 2), i.fill(), i.globalCompositeOperation = "destination-out", i.beginPath(), i.arc(n, a, 2.5 * s, 0, Math.PI * 2), i.fill(), i.globalCompositeOperation = "source-over", i.fillStyle = r, i.beginPath(), i.arc(n, a, 1.5 * s, 0, Math.PI * 2), i.fill();
21
+ };
22
+ p(0, 0), p(0, d - l), p(d - l, 0);
25
23
  }
26
- const n = a(({
27
- value: z,
28
- size: I,
29
- theme: O = "light"
30
- }) => {
31
- const u = E(null), M = O === "dark", Q = `data:image/svg+xml;base64,${M ? S : k}`;
32
- return U(() => {
33
- const N = u.current;
34
- if (!N || !z)
35
- return;
36
- let A = !1;
37
- const T = z, e = getComputedStyle(N).color;
38
- return import("qrcode").then((y) => {
39
- if (A)
40
- return;
41
- const D = y.default.create(T, {
42
- errorCorrectionLevel: "H"
43
- });
44
- Y(N, D.modules, I, e);
45
- }).catch((y) => {
46
- A || console.error("[host-papp-react-ui] QR render failed:", y);
47
- }), () => {
48
- A = !0;
49
- };
50
- }, [z, I, M]), z ? /* @__PURE__ */ t("div", { className: i.container, style: {
51
- height: I,
52
- width: I
53
- }, children: /* @__PURE__ */ C("div", { className: i.qrFrame, style: {
54
- width: I,
55
- height: I
56
- }, children: [
57
- /* @__PURE__ */ t("canvas", { ref: u, className: M ? i.qrCanvasDark : i.qrCanvasLight, "aria-hidden": !0 }),
58
- /* @__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 }) })
59
- ] }) }) : /* @__PURE__ */ t("div", { className: i.container, style: {
60
- height: I,
61
- width: I
62
- }, "aria-hidden": !0 });
24
+ var d = t(({ value: t, size: c, theme: l = "light" }) => {
25
+ let d = r(null), f = l === "dark", p = `data:image/svg+xml;base64,${f ? s : o}`;
26
+ return n(() => {
27
+ let e = d.current;
28
+ if (!e || !t) return;
29
+ let n = !1, r = t, i = getComputedStyle(e).color;
30
+ return import("qrcode").then((t) => {
31
+ if (n) return;
32
+ let a = t.default.create(r, { errorCorrectionLevel: "H" });
33
+ u(e, a.modules, c, i);
34
+ }).catch((e) => {
35
+ n || console.error("[host-papp-react-ui] QR render failed:", e);
36
+ }), () => {
37
+ n = !0;
38
+ };
39
+ }, [
40
+ t,
41
+ c,
42
+ f
43
+ ]), t ? /* @__PURE__ */ i("div", {
44
+ className: e.container,
45
+ style: {
46
+ height: c,
47
+ width: c
48
+ },
49
+ children: /* @__PURE__ */ a("div", {
50
+ className: e.qrFrame,
51
+ style: {
52
+ width: c,
53
+ height: c
54
+ },
55
+ children: [/* @__PURE__ */ i("canvas", {
56
+ ref: d,
57
+ className: f ? e.qrCanvasDark : e.qrCanvasLight,
58
+ "aria-hidden": !0
59
+ }), /* @__PURE__ */ i("div", {
60
+ className: f ? e.logoBackdropDark : e.logoBackdropLight,
61
+ "aria-hidden": !0,
62
+ children: /* @__PURE__ */ i("img", {
63
+ className: e.logo,
64
+ src: p,
65
+ alt: "",
66
+ width: 1,
67
+ height: 1
68
+ })
69
+ })]
70
+ })
71
+ }) : /* @__PURE__ */ i("div", {
72
+ className: e.container,
73
+ style: {
74
+ height: c,
75
+ width: c
76
+ },
77
+ "aria-hidden": !0
78
+ });
63
79
  });
64
- export {
65
- n as QrCode
66
- };
80
+ //#endregion
81
+ export { d as QrCode };
@@ -1,19 +1,17 @@
1
- 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 = {
2
- container: o,
3
- qrFrame: a,
4
- qrCanvasLight: r,
5
- qrCanvasDark: p,
6
- logoBackdropLight: _,
7
- logoBackdropDark: d,
8
- logo: e
9
- };
10
- export {
11
- o as container,
12
- l as default,
13
- e as logo,
14
- d as logoBackdropDark,
15
- _ as logoBackdropLight,
16
- p as qrCanvasDark,
17
- r as qrCanvasLight,
18
- a as qrFrame
1
+ //#region src/ui/QrCode.module.css
2
+ var e = "papp_QrCode-module_container_L11My", t = "papp_QrCode-module_fadeInOpacity_ZCaTW", n = "papp_QrCode-module_qrFrame_vx3iV", r = "papp_QrCode-module_qrCanvas_62D1u", i = "papp_QrCode-module_qrCanvasLight_LOWJW papp_QrCode-module_qrCanvas_62D1u", a = "papp_QrCode-module_qrCanvasDark_d-wBK papp_QrCode-module_qrCanvas_62D1u", o = "papp_QrCode-module_logoBackdrop_GYOcr", s = "papp_QrCode-module_logoBackdropLight_elBXb papp_QrCode-module_logoBackdrop_GYOcr", c = "papp_QrCode-module_logoBackdropDark_v8Acu papp_QrCode-module_logoBackdrop_GYOcr", l = "papp_QrCode-module_logo_jk35x", u = "papp_QrCode-module_gradientLayer_0Gbcy", d = {
3
+ container: e,
4
+ fadeInOpacity: t,
5
+ qrFrame: n,
6
+ qrCanvas: r,
7
+ qrCanvasLight: i,
8
+ qrCanvasDark: a,
9
+ logoBackdrop: o,
10
+ logoBackdropLight: s,
11
+ logoBackdropDark: c,
12
+ logo: l,
13
+ gradientLayer: u,
14
+ "gradient-layer": "papp_QrCode-module_gradient-layer_7agFl"
19
15
  };
16
+ //#endregion
17
+ export { e as container, d as default, t as fadeInOpacity, u as gradientLayer, l as logo, o as logoBackdrop, c as logoBackdropDark, s as logoBackdropLight, r as qrCanvas, a as qrCanvasDark, i as qrCanvasLight, n as qrFrame };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@novasamatech/host-papp-react-ui",
3
3
  "type": "module",
4
- "version": "0.8.11",
4
+ "version": "0.9.0",
5
5
  "description": "Polkadot app UI Flow",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -33,21 +33,21 @@
33
33
  "react-dom": ">=18"
34
34
  },
35
35
  "dependencies": {
36
- "@novasamatech/host-papp": "0.8.11",
37
- "@novasamatech/statement-store": "0.8.11",
36
+ "@novasamatech/host-papp": "0.9.0",
37
+ "@novasamatech/statement-store": "0.9.0",
38
38
  "@polkadot-api/utils": "^0.4.0",
39
- "@radix-ui/react-dialog": "1.1.16",
40
- "@radix-ui/react-popover": "1.1.16",
39
+ "@radix-ui/react-dialog": "1.1.21",
40
+ "@radix-ui/react-popover": "1.1.21",
41
41
  "qrcode": "^1.5.4",
42
- "@novasamatech/tr-ui": "^0.2.11"
42
+ "@novasamatech/tr-ui": "^0.3.0"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@types/qrcode": "^1.5.6",
46
46
  "@types/react": "19.2.17",
47
47
  "@types/react-dom": "19.2.3",
48
48
  "@polkadot-api/substrate-bindings": "^0.20.3",
49
- "react": "19.2.7",
50
- "react-dom": "19.2.7",
49
+ "react": "19.2.8",
50
+ "react-dom": "19.2.8",
51
51
  "typescript-plugin-css-modules": "5.2.0",
52
52
  "vite-plugin-wasm": "3.6.0"
53
53
  },