@volr/react-ui 0.1.48 → 0.1.53
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/README.md +107 -93
- package/dist/index.cjs +7 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
import { KeyStorageType, VolrConfig } from '@volr/react';
|
|
3
|
-
export {
|
|
3
|
+
export { EvmClient, KeyStorageType, SendBatchOverloads, SignerType, VolrClient, VolrConfig, VolrProvider, VolrUser, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin } from '@volr/react';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
interface BrandingConfig {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
import { KeyStorageType, VolrConfig } from '@volr/react';
|
|
3
|
-
export {
|
|
3
|
+
export { EvmClient, KeyStorageType, SendBatchOverloads, SignerType, VolrClient, VolrConfig, VolrProvider, VolrUser, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin } from '@volr/react';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
interface BrandingConfig {
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React5, { createContext, useContext, useState, useMemo, useEffect, useCallback, useRef, useId } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
|
-
import {
|
|
4
|
-
export { VolrProvider, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin
|
|
3
|
+
import { useVolrContext, useInternalAuth, usePasskeyEnrollment, useMpcConnection, VolrProvider, useVolrLogin, useDepositListener, createGetNetworkInfo } from '@volr/react';
|
|
4
|
+
export { VolrProvider, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin } from '@volr/react';
|
|
5
5
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
6
6
|
import { clsx } from 'clsx';
|
|
7
7
|
import { extendTailwindMerge } from 'tailwind-merge';
|
|
@@ -289,7 +289,7 @@ var VolrModalProvider = ({
|
|
|
289
289
|
}) => {
|
|
290
290
|
const [isOpen, setIsOpen] = useState(false);
|
|
291
291
|
const [mode, setMode] = useState("auth");
|
|
292
|
-
const { user } =
|
|
292
|
+
const { user } = useVolrContext();
|
|
293
293
|
const open = useCallback(() => {
|
|
294
294
|
setMode(user ? "deposit" : "auth");
|
|
295
295
|
setIsOpen(true);
|
|
@@ -917,7 +917,7 @@ function PasskeyEnrollView({
|
|
|
917
917
|
isOpen = true,
|
|
918
918
|
wrapInModal = true
|
|
919
919
|
}) {
|
|
920
|
-
const { user, logout, setUser } =
|
|
920
|
+
const { user, logout, setUser } = useVolrContext();
|
|
921
921
|
const { client } = useInternalAuth();
|
|
922
922
|
const { t } = useI18n();
|
|
923
923
|
const { accentColor } = useVolrUI();
|
|
@@ -2359,7 +2359,7 @@ function LoginSuccessScreen({
|
|
|
2359
2359
|
] });
|
|
2360
2360
|
}
|
|
2361
2361
|
function SigninModal({ isOpen, onClose, onError }) {
|
|
2362
|
-
const { logout, user } =
|
|
2362
|
+
const { logout, user } = useVolrContext();
|
|
2363
2363
|
const { appName, branding } = useVolrUI();
|
|
2364
2364
|
const { requestEmailCode, verifyEmailCode, handleSocialLogin } = useVolrLogin();
|
|
2365
2365
|
const [currentScreen, setCurrentScreen] = useState("method-select");
|
|
@@ -2969,7 +2969,7 @@ var DepositCompletedToast = ({
|
|
|
2969
2969
|
};
|
|
2970
2970
|
function DepositQRView(props) {
|
|
2971
2971
|
const { t } = useI18n();
|
|
2972
|
-
const { config } =
|
|
2972
|
+
const { config } = useVolrContext();
|
|
2973
2973
|
const { client } = useInternalAuth();
|
|
2974
2974
|
const [chainName, setChainName] = useState(null);
|
|
2975
2975
|
const [showOtherTokenModal, setShowOtherTokenModal] = useState(false);
|
|
@@ -3102,7 +3102,7 @@ var DepositModal = ({
|
|
|
3102
3102
|
open,
|
|
3103
3103
|
onOpenChange
|
|
3104
3104
|
}) => {
|
|
3105
|
-
const { config, user } =
|
|
3105
|
+
const { config, user } = useVolrContext();
|
|
3106
3106
|
const supportedAssets = config.deposit?.supportedAssets ?? [];
|
|
3107
3107
|
const hasAssets = supportedAssets.length > 0;
|
|
3108
3108
|
const [selectedIdx, setSelectedIdx] = useState(
|
|
@@ -3182,7 +3182,7 @@ function OnboardingFlow({
|
|
|
3182
3182
|
keyStorageType,
|
|
3183
3183
|
onComplete
|
|
3184
3184
|
}) {
|
|
3185
|
-
const { logout } =
|
|
3185
|
+
const { logout } = useVolrContext();
|
|
3186
3186
|
const handleEnrollComplete = () => {
|
|
3187
3187
|
onComplete();
|
|
3188
3188
|
};
|
|
@@ -3389,7 +3389,7 @@ function OnboardingChecker({
|
|
|
3389
3389
|
onShowOnboarding,
|
|
3390
3390
|
onHideOnboarding
|
|
3391
3391
|
}) {
|
|
3392
|
-
const { user, provider, isLoading } =
|
|
3392
|
+
const { user, provider, isLoading } = useVolrContext();
|
|
3393
3393
|
const { isOpen: isLoginModalOpen } = useVolrModal();
|
|
3394
3394
|
useEffect(() => {
|
|
3395
3395
|
if (isLoading) {
|