@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/flow/Pairing.module.css.js +38 -50
- package/dist/flow/PairingModal.js +131 -100
- package/dist/flow/PairingPopover.js +157 -121
- package/dist/flow/PappProvider.js +27 -28
- package/dist/hooks/authStatus.js +19 -23
- package/dist/hooks/identity.js +30 -31
- package/dist/index.css +2 -1
- package/dist/index.js +9 -19
- package/dist/providers/AuthProvider.js +43 -51
- package/dist/providers/SessionsProvider.js +29 -38
- package/dist/providers/TranslationProvider.js +39 -46
- package/dist/ui/LogoSmall.js +43 -21
- package/dist/ui/Modal.js +39 -34
- package/dist/ui/Modal.module.css.js +7 -8
- package/dist/ui/QrCode.js +79 -64
- package/dist/ui/QrCode.module.css.js +16 -18
- package/package.json +8 -8
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
j as PappProvider,
|
|
28
|
-
b as usePapp
|
|
1
|
+
import { SessionsProvider as e } from "../providers/SessionsProvider.js";
|
|
2
|
+
import { TranslationProvider as t } from "../providers/TranslationProvider.js";
|
|
3
|
+
import { AuthProvider as n } from "../providers/AuthProvider.js";
|
|
4
|
+
import { createContext as r, useContext as i } from "react";
|
|
5
|
+
import { c as a } from "react/compiler-runtime";
|
|
6
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
7
|
+
//#region src/flow/PappProvider.tsx
|
|
8
|
+
var s = r(null), c = () => {
|
|
9
|
+
let e = i(s);
|
|
10
|
+
if (e === null) throw Error("Polkadot app Provider must be defined.");
|
|
11
|
+
return e;
|
|
12
|
+
}, l = (r) => {
|
|
13
|
+
let i = a(9), { adapter: c, language: l, translations: u, children: d } = r, f;
|
|
14
|
+
i[0] === d ? f = i[1] : (f = /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(e, { children: d }) }), i[0] = d, i[1] = f);
|
|
15
|
+
let p;
|
|
16
|
+
i[2] !== l || i[3] !== f || i[4] !== u ? (p = /* @__PURE__ */ o(t, {
|
|
17
|
+
language: l,
|
|
18
|
+
keys: u,
|
|
19
|
+
children: f
|
|
20
|
+
}), i[2] = l, i[3] = f, i[4] = u, i[5] = p) : p = i[5];
|
|
21
|
+
let m;
|
|
22
|
+
return i[6] !== c || i[7] !== p ? (m = /* @__PURE__ */ o(s.Provider, {
|
|
23
|
+
value: c,
|
|
24
|
+
children: p
|
|
25
|
+
}), i[6] = c, i[7] = p, i[8] = m) : m = i[8], m;
|
|
29
26
|
};
|
|
27
|
+
//#endregion
|
|
28
|
+
export { l as PappProvider, c as usePapp };
|
package/dist/hooks/authStatus.js
CHANGED
|
@@ -1,25 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useAuthentication as e } from "../providers/AuthProvider.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
status: s,
|
|
20
|
-
signedInUser: n
|
|
21
|
-
}, t[0] = s, t[1] = n, t[2] = e) : e = t[2], e;
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
p as useAuthStatus
|
|
3
|
+
import { c as t } from "react/compiler-runtime";
|
|
4
|
+
//#region src/hooks/authStatus.ts
|
|
5
|
+
var n = () => {
|
|
6
|
+
let n = t(3), { pairingStatus: r } = e(), i;
|
|
7
|
+
bb0: {
|
|
8
|
+
if (r.step === "finished") {
|
|
9
|
+
i = r.session;
|
|
10
|
+
break bb0;
|
|
11
|
+
}
|
|
12
|
+
i = null;
|
|
13
|
+
}
|
|
14
|
+
let a = i, o;
|
|
15
|
+
return n[0] !== r || n[1] !== a ? (o = {
|
|
16
|
+
status: r,
|
|
17
|
+
signedInUser: a
|
|
18
|
+
}, n[0] = r, n[1] = a, n[2] = o) : o = n[2], o;
|
|
25
19
|
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { n as useAuthStatus };
|
package/dist/hooks/identity.js
CHANGED
|
@@ -1,33 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import { usePapp as e } from "../flow/PappProvider.js";
|
|
2
|
+
import { useEffect as t, useRef as n, useState as r } from "react";
|
|
3
|
+
import { toHex as i } from "@polkadot-api/utils";
|
|
4
|
+
//#region src/hooks/identity.ts
|
|
5
|
+
function a(a) {
|
|
6
|
+
let o = e(), [s, c] = r(!1), [l, u] = r(null), d = n(o);
|
|
7
|
+
d.current = o;
|
|
8
|
+
let f = a ? i(a) : null;
|
|
9
|
+
return t(() => {
|
|
10
|
+
if (u(null), !f) {
|
|
11
|
+
c(!1);
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
c(!0);
|
|
15
|
+
let e = d.current.identity.watchIdentity(f).subscribe({
|
|
16
|
+
next: (e) => {
|
|
17
|
+
u(e), c(!1);
|
|
18
|
+
},
|
|
19
|
+
error: () => {
|
|
20
|
+
u(null), c(!1);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
return () => {
|
|
24
|
+
e.unsubscribe();
|
|
25
|
+
};
|
|
26
|
+
}, [f]), [l, s];
|
|
26
27
|
}
|
|
27
|
-
function
|
|
28
|
-
|
|
28
|
+
function o(e) {
|
|
29
|
+
return a(e ? e.remoteAccount.accountId : null);
|
|
29
30
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
g as useSessionIdentity
|
|
33
|
-
};
|
|
31
|
+
//#endregion
|
|
32
|
+
export { a as useIdentity, o as useSessionIdentity };
|
package/dist/index.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes papp_QrCode-module_fadeInOpacity_ZCaTW{0%{opacity:0}to{opacity:1}}.papp_QrCode-module_container_L11My{box-sizing:border-box;border-radius:34px;justify-content:center;align-items:center;padding:0;animation-name:papp_QrCode-module_fadeInOpacity_ZCaTW;animation-duration:.3s;animation-timing-function:ease-in;animation-iteration-count:1;display:flex}.papp_QrCode-module_qrFrame_vx3iV{line-height:0;display:inline-block;position:relative}.papp_QrCode-module_qrCanvas_62D1u{image-rendering:pixelated;display:block}.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{box-sizing:border-box;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:13%;height:13%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{object-fit:contain;width:82%;height:82%;display:block}.papp_QrCode-module_gradientLayer_0Gbcy{background:radial-gradient(circle,#ffffffe6 0%,#fff0c8b3 5%,#ffc89666 10%,#0000 18%),radial-gradient(at 50% 30%,#ff64c899 0%,#c878ff80 15%,#9664ff4d 30%,#0000 50%),radial-gradient(at 50% 70%,#64c8ff80 0%,#5096ff66 20%,#3c64c84d 40%,#0000 55%),radial-gradient(circle at 20% 20%,#9664ff80 0%,#7850c84d 25%,#0000 45%),radial-gradient(circle at 80% 20%,#64c8ff80 0%,#5096c84d 25%,#0000 45%),radial-gradient(circle at 20% 80%,#ff966480 0%,#c864964d 25%,#0000 45%),linear-gradient(135deg,#3c5096e6 0%,#5064b4cc 12%,#6478c8b3 25%,#7864b4b3 37%,#8c50a0b3 50%,#78468cbf 62%,#645078cc 75%,#505a82d9 87%,#3c466ee6 100%);position:absolute;inset:0}.papp_QrCode-module_gradient-layer_7agFl:before{content:"";filter:blur(25px);background:radial-gradient(circle at 30% 40%,#ffc8644d 0%,#ff969633 15%,#0000 30%),radial-gradient(circle at 70% 60%,#64ffc84d 0%,#64c8ff33 15%,#0000 30%),radial-gradient(circle at 50% 80%,#c864ff4d 0%,#9664c833 20%,#0000 35%);position:absolute;inset:0}.papp_QrCode-module_gradient-layer_7agFl:after{content:"";filter:blur(35px);mix-blend-mode:screen;background:radial-gradient(circle at 40% 30%,#ffb4c833 0%,#c896ff26 20%,#0000 35%),radial-gradient(circle at 60% 70%,#64dcff33 0%,#96b4ff26 20%,#0000 35%),radial-gradient(at 80%,#ff966433 0%,#ff64961a 25%,#0000 40%);position:absolute;inset:0}@keyframes papp_Modal-module_fadeInOpacity_lXaQm{0%{opacity:0}to{opacity:1}}.papp_Modal-module_backdrop_5PnfC{z-index:1000;background:hsl(var(--general-background) / .3);opacity:1;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-duration:.3s;animation-timing-function:ease-in;animation-iteration-count:1;position:fixed;inset:0}.papp_Modal-module_modal_L5tLT{z-index:1001;opacity:1;text-rendering:geometricprecision;background:var(--color-surface-tertiary-inverse);width:300px;height:fit-content;color:var(--color-text-foreground-inverse);border-radius:32px;margin:auto;animation-name:papp_Modal-module_fadeInOpacity_lXaQm;animation-duration:.5s;animation-timing-function:ease-in;animation-iteration-count:1;position:absolute;inset:0}.papp_Pairing-module_popoverContent_3xnU8{background:var(--color-surface-tertiary-inverse);color:var(--color-text-foreground-inverse);border-radius:32px;padding:0}.papp_Pairing-module_container_gH7WU{box-sizing:border-box;width:min(100vw - 32px,420px);max-width:420px}.papp_Pairing-module_genericText_zDzqC{font-family:Inter,sans-serif;font-size:24px}.papp_Pairing-module_pairingContainer_R5atH{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:36px 44px 44px;display:flex}.papp_Pairing-module_pairingHeader_bpfNW{text-align:center;letter-spacing:-.573px;color:var(--color-text-foreground-inverse);font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.83}.papp_Pairing-module_scanCallToAction_lOQ-T{color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));text-align:center;font-family:Inter,sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:1.5}.papp_Pairing-module_pairingDescription_UJE0U{box-sizing:border-box;width:100%;max-width:360px;color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));text-align:center;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.2}.papp_Pairing-module_qrSurface_wDMjT{box-sizing:border-box;border-radius:24px;justify-content:center;align-items:center;padding:16px;display:flex}.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:3s linear infinite papp_Pairing-module_loader_S62aK}.papp_Pairing-module_loaderContainer_cR46U{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:40px;width:100%;padding:40px 44px 44px;display:flex}.papp_Pairing-module_loaderText_beteT{color:var(--color-text-foreground-inverse);text-align:center;letter-spacing:-.526px;font-family:Inter,sans-serif;font-size:22px;line-height:1.5}.papp_Pairing-module_loaderContainerPopover_n1-JJ{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;padding:20px;display:flex}.papp_Pairing-module_finishedContainer_FtMTm{box-sizing:border-box;flex-direction:column;align-items:center;height:100%;padding:40px 70px;display:flex}.papp_Pairing-module_finishedLogo_jkEDX{flex-direction:row;align-items:center;gap:12px;display:flex}.papp_Pairing-module_finishedLogoSeparator_iRufd{background:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));width:1px;height:24px}.papp_Pairing-module_finishedLogoTitle_qKs3e{color:var(--color-text-foreground-inverse);text-align:center;white-space:nowrap;letter-spacing:-.329px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:140%}.papp_Pairing-module_finishedWelcome_Zvm-X{color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));letter-spacing:1.947px;text-transform:uppercase;margin-top:54px;font-family:Inter,sans-serif;font-size:18.39px;font-style:normal;font-weight:400;line-height:27.585px}.papp_Pairing-module_finishedUsername_RIpsa{color:var(--color-text-foreground-inverse);text-align:center;letter-spacing:-.593px;font-family:Inter,sans-serif;font-size:32.882px;font-style:normal;font-weight:400;line-height:60.185px}.papp_Pairing-module_finishedVoucher_rR0jH{flex-grow:1}.papp_Pairing-module_finishedButton_iuvIR{flex-direction:column;width:262px;display:flex}.papp_Pairing-module_errorContainer_KW5T-{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:100%;height:100%;padding:40px 44px 44px;display:flex}.papp_Pairing-module_errorTitle_qokH0{text-align:center;letter-spacing:-.573px;color:var(--color-text-foreground-inverse);font-family:Inter,sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:1.83}.papp_Pairing-module_genericText_zDzqC{color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));font-family:Inter,sans-serif;font-size:24px}.papp_Pairing-module_popoverContainer_fOWoF{width:280px}.papp_Pairing-module_pairingPopoverHeader_PAQot{text-align:center;letter-spacing:-.573px;color:var(--color-text-foreground-inverse);margin-bottom:15px;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}.papp_Pairing-module_scanCallToActionPopover_Irz-z{color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));text-align:center;margin:15px 0 10px;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.2}.papp_Pairing-module_pairingDescriptionPopover_z71yj{color:var(--color-text-foreground-inverse,hsl(var(--muted-foreground)));text-align:center;font-family:Inter,sans-serif;font-size:14px;line-height:1.2}.papp_Pairing-module_errorContainerPopover_4mELg{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:250px;padding:50px 20px;display:flex}.papp_Pairing-module_pairingPopoverContainer_RvVnH{flex-direction:column;justify-content:center;align-items:center;padding:20px 25px;display:flex}.papp_Pairing-module_errorTitlePopover_-FPrd{text-align:center;letter-spacing:-.573px;color:var(--color-text-foreground-inverse);margin-bottom:10px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;line-height:1.5}.papp_Pairing-module_errorGenericText_ZPwQb{text-align:center;letter-spacing:-.573px;color:var(--color-text-foreground-inverse);margin-bottom:20px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;line-height:1.5}.papp_Pairing-module_retryButton_kWeRx{border:1px solid var(--color-text-foreground-inverse);color:var(--color-text-foreground-inverse);cursor:pointer;background:0 0;border-radius:12px;padding:10px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:500}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
export {
|
|
10
|
-
d as PairingModal,
|
|
11
|
-
S as PairingPopover,
|
|
12
|
-
x as PappProvider,
|
|
13
|
-
h as QrCode,
|
|
14
|
-
s as useAuthStatus,
|
|
15
|
-
e as useAuthentication,
|
|
16
|
-
m as useIdentity,
|
|
17
|
-
i as useSession,
|
|
18
|
-
n as useSessionIdentity
|
|
19
|
-
};
|
|
1
|
+
import { useSession as e } from "./providers/SessionsProvider.js";
|
|
2
|
+
import { PappProvider as t } from "./flow/PappProvider.js";
|
|
3
|
+
import { useAuthentication as n } from "./providers/AuthProvider.js";
|
|
4
|
+
import { useAuthStatus as r } from "./hooks/authStatus.js";
|
|
5
|
+
import { useIdentity as i, useSessionIdentity as a } from "./hooks/identity.js";
|
|
6
|
+
import { QrCode as o } from "./ui/QrCode.js";
|
|
7
|
+
import { PairingModal as s } from "./flow/PairingModal.js";
|
|
8
|
+
import { PairingPopover as c } from "./flow/PairingPopover.js";
|
|
9
|
+
export { s as PairingModal, c as PairingPopover, t as PappProvider, o as QrCode, r as useAuthStatus, n as useAuthentication, i as useIdentity, e as useSession, a as useSessionIdentity };
|
|
@@ -1,53 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { toastError as
|
|
3
|
-
import { createContext as
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { usePapp as e } from "../flow/PappProvider.js";
|
|
2
|
+
import { toastError as t } from "@novasamatech/tr-ui";
|
|
3
|
+
import { createContext as n, useCallback as r, useContext as i, useDebugValue as a, useState as o, useSyncExternalStore as s } from "react";
|
|
4
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
5
|
+
//#region src/providers/AuthProvider.tsx
|
|
6
|
+
function l(e, t = 2) {
|
|
7
|
+
return e().catch((n) => {
|
|
8
|
+
if (t > 0) return l(e, t - 1);
|
|
9
|
+
throw n;
|
|
10
|
+
});
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
authenticate: g,
|
|
44
|
-
abortAuthentication: f,
|
|
45
|
-
disconnect: S
|
|
46
|
-
};
|
|
47
|
-
return /* @__PURE__ */ v(l.Provider, { value: b, children: t });
|
|
48
|
-
};
|
|
49
|
-
export {
|
|
50
|
-
T as AuthProvider,
|
|
51
|
-
E as useAuthentication,
|
|
52
|
-
h as withRetry
|
|
12
|
+
var u = n({
|
|
13
|
+
pairingStatus: { step: "none" },
|
|
14
|
+
pending: !1,
|
|
15
|
+
authUIMode: null,
|
|
16
|
+
authenticate: () => Promise.resolve(),
|
|
17
|
+
abortAuthentication() {},
|
|
18
|
+
async disconnect() {}
|
|
19
|
+
}), d = () => i(u), f = () => {
|
|
20
|
+
let t = e(), n = s(t.sso.pairingStatus.subscribe, t.sso.pairingStatus.read);
|
|
21
|
+
return a(`Polkadot app pairing status: ${n.step}`), n;
|
|
22
|
+
}, p = ({ children: n }) => {
|
|
23
|
+
let [i, a] = o(!1), [s, d] = o(null), p = e(), m = f(), h = r((e) => (e && d(e), a(!0), new Promise((e, t) => {
|
|
24
|
+
p.sso.authenticate().andTee(() => a(!1)).orTee(() => a(!1)).match(() => e(), t);
|
|
25
|
+
})), [p]), g = r(() => {
|
|
26
|
+
d(null), p.sso.abortAuthentication();
|
|
27
|
+
}, [p]), _ = (e) => new Promise((t, n) => {
|
|
28
|
+
p.sessions.disconnect(e).match(t, n);
|
|
29
|
+
}), v = {
|
|
30
|
+
pending: i,
|
|
31
|
+
pairingStatus: m,
|
|
32
|
+
authUIMode: s,
|
|
33
|
+
authenticate: h,
|
|
34
|
+
abortAuthentication: g,
|
|
35
|
+
disconnect: r((e) => l(() => _(e)).catch((e) => {
|
|
36
|
+
throw t({ title: e.message }), e;
|
|
37
|
+
}), [p])
|
|
38
|
+
};
|
|
39
|
+
return /* @__PURE__ */ c(u.Provider, {
|
|
40
|
+
value: v,
|
|
41
|
+
children: n
|
|
42
|
+
});
|
|
53
43
|
};
|
|
44
|
+
//#endregion
|
|
45
|
+
export { p as AuthProvider, d as useAuthentication, l as withRetry };
|
|
@@ -1,39 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
let r;
|
|
29
|
-
return s[3] !== e ? (r = [e], s[3] = e, s[4] = r) : r = s[4], S(i, r), l(`Sessions: ${o.length}`), o;
|
|
30
|
-
}, x = () => {
|
|
31
|
-
const s = c(4), e = v();
|
|
32
|
-
let t, o, n;
|
|
33
|
-
return s[0] !== e ? (t = e.at(0) ?? null, n = l, o = t?.localAccount.accountId.toString() ?? "None", s[0] = e, s[1] = t, s[2] = o, s[3] = n) : (t = s[1], o = s[2], n = s[3]), n(`Selected user: ${o}`), t;
|
|
34
|
-
};
|
|
35
|
-
export {
|
|
36
|
-
C as SessionsProvider,
|
|
37
|
-
g as useSession,
|
|
38
|
-
x as useUserSession
|
|
1
|
+
import { usePapp as e } from "../flow/PappProvider.js";
|
|
2
|
+
import { createContext as t, useContext as n, useDebugValue as r, useEffect as i, useState as a } from "react";
|
|
3
|
+
import { c as o } from "react/compiler-runtime";
|
|
4
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
5
|
+
//#region src/providers/SessionsProvider.tsx
|
|
6
|
+
var c = t(null), l = () => {
|
|
7
|
+
let e = n(c);
|
|
8
|
+
if (e === null) throw Error("User provider is not defined");
|
|
9
|
+
return e;
|
|
10
|
+
}, u = (e) => {
|
|
11
|
+
let t = o(5), { children: n } = e, r = f(), i;
|
|
12
|
+
t[0] === r ? i = t[1] : (i = { session: r }, t[0] = r, t[1] = i);
|
|
13
|
+
let a = i, l;
|
|
14
|
+
return t[2] !== n || t[3] !== a ? (l = /* @__PURE__ */ s(c.Provider, {
|
|
15
|
+
value: a,
|
|
16
|
+
children: n
|
|
17
|
+
}), t[2] = n, t[3] = a, t[4] = l) : l = t[4], l;
|
|
18
|
+
}, d = () => {
|
|
19
|
+
let t = o(5), n = e(), s;
|
|
20
|
+
t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0];
|
|
21
|
+
let [c, l] = a(s), u;
|
|
22
|
+
t[1] === n.sessions.sessions ? u = t[2] : (u = () => n.sessions.sessions.subscribe(l), t[1] = n.sessions.sessions, t[2] = u);
|
|
23
|
+
let d;
|
|
24
|
+
return t[3] === n ? d = t[4] : (d = [n], t[3] = n, t[4] = d), i(u, d), r(`Sessions: ${c.length}`), c;
|
|
25
|
+
}, f = () => {
|
|
26
|
+
let e = o(4), t = d(), n, i, a;
|
|
27
|
+
return e[0] === t ? (n = e[1], i = e[2], a = e[3]) : (n = t.at(0) ?? null, a = r, i = n?.localAccount.accountId.toString() ?? "None", e[0] = t, e[1] = n, e[2] = i, e[3] = a), a(`Selected user: ${i}`), n;
|
|
39
28
|
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { u as SessionsProvider, l as useSession, f as useUserSession };
|
|
@@ -1,47 +1,40 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}, x = () => {
|
|
39
|
-
const t = f(u), e = t.keys[t.language];
|
|
40
|
-
if (!e)
|
|
41
|
-
throw new Error(`Papp integration: translation keys for "${t.language}" not found`);
|
|
42
|
-
return e;
|
|
43
|
-
};
|
|
44
|
-
export {
|
|
45
|
-
v as TranslationProvider,
|
|
46
|
-
x as useTranslations
|
|
1
|
+
import { createContext as e, useContext as t } from "react";
|
|
2
|
+
import { c as n } from "react/compiler-runtime";
|
|
3
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/providers/TranslationProvider.tsx
|
|
5
|
+
var i = "en", a = { [i]: {
|
|
6
|
+
pairingHeader: "Log in to save",
|
|
7
|
+
pairingScanCallToAction: "Scan it with a phone",
|
|
8
|
+
pairingDescription: "Scanning the QR code opens the Polkadot mobile app, where users are guided step-by-step through the onboarding or setup process.",
|
|
9
|
+
pairingRetry: "Retry",
|
|
10
|
+
pairingError: "Error while pairing",
|
|
11
|
+
pairingWelcomeMessage: "Welcome back,",
|
|
12
|
+
pairingPopoverWelcome: "Welcome to Polkadot!",
|
|
13
|
+
pairingPopoverLoginHeading: "Login to explore all Polkadot features",
|
|
14
|
+
pairingPopoverScanDescription: "Scan with your phone camera to log in using the Polkadot mobile app"
|
|
15
|
+
} }, o = e({
|
|
16
|
+
language: i,
|
|
17
|
+
keys: a
|
|
18
|
+
}), s = (e) => {
|
|
19
|
+
let t = n(8), { language: s, keys: c, children: l } = e, u = s === void 0 ? i : s, d;
|
|
20
|
+
t[0] === c ? d = t[1] : (d = {
|
|
21
|
+
...a,
|
|
22
|
+
...c
|
|
23
|
+
}, t[0] = c, t[1] = d);
|
|
24
|
+
let f;
|
|
25
|
+
t[2] !== u || t[3] !== d ? (f = {
|
|
26
|
+
language: u,
|
|
27
|
+
keys: d
|
|
28
|
+
}, t[2] = u, t[3] = d, t[4] = f) : f = t[4];
|
|
29
|
+
let p = f, m;
|
|
30
|
+
return t[5] !== l || t[6] !== p ? (m = /* @__PURE__ */ r(o.Provider, {
|
|
31
|
+
value: p,
|
|
32
|
+
children: l
|
|
33
|
+
}), t[5] = l, t[6] = p, t[7] = m) : m = t[7], m;
|
|
34
|
+
}, c = () => {
|
|
35
|
+
let e = t(o), n = e.keys[e.language];
|
|
36
|
+
if (!n) throw Error(`Papp integration: translation keys for "${e.language}" not found`);
|
|
37
|
+
return n;
|
|
47
38
|
};
|
|
39
|
+
//#endregion
|
|
40
|
+
export { s as TranslationProvider, c as useTranslations };
|
package/dist/ui/LogoSmall.js
CHANGED
|
@@ -1,22 +1,44 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import { memo as e } from "react";
|
|
2
|
+
import { c as t } from "react/compiler-runtime";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/ui/LogoSmall.tsx
|
|
5
|
+
var i = 58 / 65, a = e((e) => {
|
|
6
|
+
let a = t(9), { size: o } = e, s = o === void 0 ? 65 : o, c = s * i, l, u, d, f, p, m;
|
|
7
|
+
a[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", {
|
|
8
|
+
d: "M3.26397 13.7265C-0.989772 18.6817 -1.10194 25.5792 3.02237 29.1187C7.14669 32.6667 13.9371 31.5186 18.1995 26.5547C22.4532 21.5995 22.5654 14.702 18.4411 11.1626C16.8276 9.77271 14.7913 9.10799 12.6688 9.10799C9.37277 9.10799 5.85245 10.7137 3.26397 13.7265Z",
|
|
9
|
+
fill: "currentColor"
|
|
10
|
+
}), u = /* @__PURE__ */ n("path", {
|
|
11
|
+
d: "M2.03001 39.3657C-1.17108 43.1641 0.218066 49.6128 5.13618 53.7651C10.0543 57.9174 16.6463 58.211 19.8474 54.4126C23.0485 50.6142 21.6593 44.1655 16.7412 40.0132C14.1355 37.8118 11.0638 36.6982 8.27687 36.6982C5.80055 36.6982 3.53996 37.5787 2.03864 39.3657",
|
|
12
|
+
fill: "currentColor"
|
|
13
|
+
}), d = /* @__PURE__ */ n("path", {
|
|
14
|
+
d: "M30.9087 53.2643C25.1364 55.0859 21.1588 58.7979 22.0216 61.5518C22.8931 64.3056 28.2771 65.0653 34.0494 63.2351C39.8217 61.4136 43.7994 57.7016 42.9366 54.9477C42.3843 53.2126 40.0375 52.263 36.9313 52.263C35.1107 52.263 33.0399 52.5824 30.9087 53.2557",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
}), f = /* @__PURE__ */ n("path", {
|
|
17
|
+
d: "M21.8749 3.53942C20.6842 6.97524 24.4634 11.4125 30.3306 13.4584C36.1979 15.5044 41.9184 14.3735 43.1091 10.9377C44.2998 7.50184 40.5206 3.06462 34.6534 1.01866C32.6775 0.328044 30.7103 0 28.9329 0C25.4384 0 22.6601 1.26038 21.8749 3.53942Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
}), p = /* @__PURE__ */ n("path", {
|
|
20
|
+
d: "M48.2516 10.4638C46.5519 11.1458 46.9574 16.1096 49.149 21.5309C51.3406 26.9609 54.4899 30.8025 56.1897 30.1205C57.8808 29.4385 57.4839 24.4833 55.2923 19.0534C53.2733 14.0464 50.4346 10.3861 48.6744 10.3861C48.5277 10.3861 48.3897 10.412 48.2516 10.4638Z",
|
|
21
|
+
fill: "currentColor"
|
|
22
|
+
}), m = /* @__PURE__ */ n("path", {
|
|
23
|
+
d: "M49.5544 43.4491C47.1385 48.6892 46.3015 53.4631 47.6907 54.1019C49.0798 54.7407 52.1688 51.0114 54.5847 45.7713C57.0092 40.5313 57.8376 35.7574 56.457 35.1185C56.3535 35.0667 56.2413 35.0495 56.1119 35.0495C54.602 35.0495 51.7891 38.6062 49.5544 43.4491Z",
|
|
24
|
+
fill: "currentColor"
|
|
25
|
+
}), a[0] = l, a[1] = u, a[2] = d, a[3] = f, a[4] = p, a[5] = m) : (l = a[0], u = a[1], d = a[2], f = a[3], p = a[4], m = a[5]);
|
|
26
|
+
let h;
|
|
27
|
+
return a[6] !== s || a[7] !== c ? (h = /* @__PURE__ */ r("svg", {
|
|
28
|
+
width: c,
|
|
29
|
+
height: s,
|
|
30
|
+
viewBox: "0 0 58 65",
|
|
31
|
+
fill: "none",
|
|
32
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
+
children: [
|
|
34
|
+
l,
|
|
35
|
+
u,
|
|
36
|
+
d,
|
|
37
|
+
f,
|
|
38
|
+
p,
|
|
39
|
+
m
|
|
40
|
+
]
|
|
41
|
+
}), a[6] = s, a[7] = c, a[8] = h) : h = a[8], h;
|
|
19
42
|
});
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
43
|
+
//#endregion
|
|
44
|
+
export { a as LogoSmall };
|