@mezo-org/passport 0.4.0-dev.27 → 0.4.0-dev.29
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/src/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/src/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/src/components/Dropdown/Dropdown.js +2 -2
- package/dist/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/src/hooks/useDropdownData.d.ts +3 -1
- package/dist/src/hooks/useDropdownData.d.ts.map +1 -1
- package/dist/src/hooks/useDropdownData.js +21 -4
- package/dist/src/hooks/useDropdownData.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Dropdown/Dropdown.tsx +4 -1
- package/src/hooks/useDropdownData.ts +21 -4
|
@@ -13,6 +13,8 @@ export type DropdownProps = {
|
|
|
13
13
|
signedOut?: Omit<ButtonProps, "onClick">;
|
|
14
14
|
};
|
|
15
15
|
onOtherAssetsClick?: () => void;
|
|
16
|
+
/** Time in milliseconds after which data in dropdown should be re-fetched. Default is 90000 (90 secs) */
|
|
17
|
+
refetchDataInterval?: number;
|
|
16
18
|
} & Omit<StatefulPopoverProps, "children" | "content">;
|
|
17
19
|
/**
|
|
18
20
|
* Passport Dropdown component that displays user's wallet and assets information.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAA6B,MAAM,OAAO,CAAA;AAUjD,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;YACjD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;SACzB,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;KACzC,CAAA;IACD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAA6B,MAAM,OAAO,CAAA;AAUjD,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;YACjD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;SACzB,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;KACzC,CAAA;IACD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,yGAAyG;IACzG,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAsG5C"}
|
|
@@ -15,9 +15,9 @@ import useDropdownData from "../../hooks/useDropdownData";
|
|
|
15
15
|
* @returns {JSX.Element}
|
|
16
16
|
*/
|
|
17
17
|
export function Dropdown(props) {
|
|
18
|
-
const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, overrides, triggerProps, onOtherAssetsClick, ...restProps } = props;
|
|
18
|
+
const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, overrides, triggerProps, onOtherAssetsClick, refetchDataInterval, ...restProps } = props;
|
|
19
19
|
const [, theme] = useStyletron();
|
|
20
|
-
const data = useDropdownData();
|
|
20
|
+
const data = useDropdownData(refetchDataInterval);
|
|
21
21
|
const isCriticalDropdownDataLoaded = useMemo(() => Boolean(data.mezoId && data.accountAddress && data.walletAddress), [data]);
|
|
22
22
|
const { openConnectModal } = useConnectModal();
|
|
23
23
|
const { isConnected } = useWalletAccount();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAEf,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,eAAe,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,12 @@ export type DropdownCryptoAsset<T = CryptoAssetKey> = {
|
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* Aggregates dropdown data for Dropdown component.
|
|
8
|
+
* @param refetchDataInterval Time in milliseconds after which data in dropdown
|
|
9
|
+
* should be re-fetched. Default is 90000 (90 secs)
|
|
8
10
|
* @returns Dropdown data.
|
|
9
11
|
* @dev This hook is for internal use only.
|
|
10
12
|
*/
|
|
11
|
-
export default function useDropdownData(): {
|
|
13
|
+
export default function useDropdownData(refetchDataInterval?: number): {
|
|
12
14
|
mezoId: string | undefined;
|
|
13
15
|
matsBalance: number;
|
|
14
16
|
accountAddress: `0x${string}` | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropdownData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAGf,MAAM,uBAAuB,CAAA;AAO9B,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,cAAc,IAAI;IACpD,IAAI,EAAE,CAAC,CAAA;IACP,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AASD
|
|
1
|
+
{"version":3,"file":"useDropdownData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAGf,MAAM,uBAAuB,CAAA;AAO9B,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,cAAc,IAAI;IACpD,IAAI,EAAE,CAAC,CAAA;IACP,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AASD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,mBAAmB,SAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGlE"}
|
|
@@ -14,18 +14,35 @@ const DEFAULT_ASSET_DATA = {
|
|
|
14
14
|
};
|
|
15
15
|
/**
|
|
16
16
|
* Aggregates dropdown data for Dropdown component.
|
|
17
|
+
* @param refetchDataInterval Time in milliseconds after which data in dropdown
|
|
18
|
+
* should be re-fetched. Default is 90000 (90 secs)
|
|
17
19
|
* @returns Dropdown data.
|
|
18
20
|
* @dev This hook is for internal use only.
|
|
19
21
|
*/
|
|
20
|
-
export default function useDropdownData() {
|
|
22
|
+
export default function useDropdownData(refetchDataInterval = 90000) {
|
|
21
23
|
const { walletAddress, accountAddress, networkFamily: walletType, } = useWalletAccount();
|
|
22
24
|
const { data: btcBalance } = useBalance({
|
|
23
25
|
address: accountAddress,
|
|
26
|
+
query: {
|
|
27
|
+
staleTime: refetchDataInterval,
|
|
28
|
+
refetchInterval: refetchDataInterval,
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
const { data: passportAccount } = useGetCurrentAccount({
|
|
32
|
+
staleTime: refetchDataInterval,
|
|
33
|
+
refetchInterval: refetchDataInterval,
|
|
24
34
|
});
|
|
25
|
-
const { data: passportAccount } = useGetCurrentAccount();
|
|
26
35
|
const { data: assetsConversionRates } = useAssetsConversionRates();
|
|
27
|
-
const { data: tokensBalances } = useTokensBalances(
|
|
28
|
-
|
|
36
|
+
const { data: tokensBalances } = useTokensBalances({
|
|
37
|
+
queryOptions: {
|
|
38
|
+
staleTime: refetchDataInterval,
|
|
39
|
+
refetchInterval: refetchDataInterval,
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
const { data: debt } = useBorrowData({
|
|
43
|
+
staleTime: refetchDataInterval,
|
|
44
|
+
refetchInterval: refetchDataInterval,
|
|
45
|
+
});
|
|
29
46
|
const mezoId = passportAccount?.mezoId;
|
|
30
47
|
const detailedAssets = [
|
|
31
48
|
["BTC", btcBalance?.value ?? 0n],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropdownData.js","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AACxC,OAAO,EAEL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,kBAAkB,GAAG;IACzB,UAAU,EAAE,EAAE;IACd,gBAAgB,EAAE,QAAQ;IAC1B,UAAU,EAAE,CAAC;IACb,mBAAmB,EAAE,OAAO;CAC7B,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"useDropdownData.js","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AACxC,OAAO,EAEL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,kBAAkB,GAAG;IACzB,UAAU,EAAE,EAAE;IACd,gBAAgB,EAAE,QAAQ;IAC1B,UAAU,EAAE,CAAC;IACb,mBAAmB,EAAE,OAAO;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,mBAAmB,GAAG,KAAK;IACjE,MAAM,EACJ,aAAa,EACb,cAAc,EACd,aAAa,EAAE,UAAU,GAC1B,GAAG,gBAAgB,EAAE,CAAA;IACtB,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC;QACtC,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE;YACL,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,mBAAmB;SACrC;KACF,CAAC,CAAA;IACF,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,oBAAoB,CAAC;QACrD,SAAS,EAAE,mBAAmB;QAC9B,eAAe,EAAE,mBAAmB;KACrC,CAAC,CAAA;IACF,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAClE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC;QACjD,YAAY,EAAE;YACZ,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,mBAAmB;SACrC;KACF,CAAC,CAAA;IACF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;QACnC,SAAS,EAAE,mBAAmB;QAC9B,eAAe,EAAE,mBAAmB;KACrC,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,eAAe,EAAE,MAAM,CAAA;IAEtC,MAAM,cAAc,GAAG;QACrB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC;QAChC,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,IAAI,EAAE,CAAC;KACxC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACd,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAiC,CAAA;QAEzD,IAAI,iBAAqC,CAAA;QACzC,IAAI,wBAAwB,CAAC,IAAI,CAAC;YAChC,iBAAiB,GAAG,qBAAqB,EAAE,GAAG,CAAC,GAAG,CAAA;QACpD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,iBAAiB,GAAG,qBAAqB,EAAE,GAAG,CAAC,CAAC,CAAA;QAClD,CAAC;QAED,OAAO,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE,iBAAiB,IAAI,CAAC,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAE,CAAA;IAClE,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAE,CAAA;IACpE,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,CAC3C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC9C,CAAA;IAED,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,EAAE,CACnC,CAAC,MAAM,CAAA;IAER,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,OAAO,IAAI;YACd,IAAI,EAAE,KAAK;YACX,GAAG,kBAAkB;SACtB;QACD,IAAI,EAAE,QAAQ,IAAI;YAChB,IAAI,EAAE,MAAM;YACZ,GAAG,kBAAkB;SACtB;KACF,CAAA;IAED,MAAM,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAChD,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,UAAU,EACzC,CAAC,CACF,CAAA;IAED,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,CAC3C,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,UAAU,EACzC,CAAC,CACF,CAAA;IAED,MAAM,WAAW,GAAG,eAAe,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,CAAA;IAExD,MAAM,aAAa,GAAG,cAAc,CAClC,CAAC,IAAI,EAAE,UAAU,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,EACtE,EAAE,CACH,CAAA;IAED,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IAE9D,OAAO;QACL,MAAM;QACN,WAAW;QACX,cAAc;QACd,aAAa;QACb,UAAU;QACV,eAAe;QACf,YAAY;QACZ,aAAa;QACb,MAAM;QACN,gBAAgB;QAChB,mBAAmB;KACpB,CAAA;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -28,6 +28,8 @@ export type DropdownProps = {
|
|
|
28
28
|
signedOut?: Omit<ButtonProps, "onClick">
|
|
29
29
|
}
|
|
30
30
|
onOtherAssetsClick?: () => void
|
|
31
|
+
/** Time in milliseconds after which data in dropdown should be re-fetched. Default is 90000 (90 secs) */
|
|
32
|
+
refetchDataInterval?: number
|
|
31
33
|
} & Omit<StatefulPopoverProps, "children" | "content">
|
|
32
34
|
|
|
33
35
|
/**
|
|
@@ -44,12 +46,13 @@ export function Dropdown(props: DropdownProps) {
|
|
|
44
46
|
overrides,
|
|
45
47
|
triggerProps,
|
|
46
48
|
onOtherAssetsClick,
|
|
49
|
+
refetchDataInterval,
|
|
47
50
|
...restProps
|
|
48
51
|
} = props
|
|
49
52
|
|
|
50
53
|
const [, theme] = useStyletron()
|
|
51
54
|
|
|
52
|
-
const data = useDropdownData()
|
|
55
|
+
const data = useDropdownData(refetchDataInterval)
|
|
53
56
|
|
|
54
57
|
const isCriticalDropdownDataLoaded = useMemo(
|
|
55
58
|
() => Boolean(data.mezoId && data.accountAddress && data.walletAddress),
|
|
@@ -25,10 +25,12 @@ const DEFAULT_ASSET_DATA = {
|
|
|
25
25
|
|
|
26
26
|
/**
|
|
27
27
|
* Aggregates dropdown data for Dropdown component.
|
|
28
|
+
* @param refetchDataInterval Time in milliseconds after which data in dropdown
|
|
29
|
+
* should be re-fetched. Default is 90000 (90 secs)
|
|
28
30
|
* @returns Dropdown data.
|
|
29
31
|
* @dev This hook is for internal use only.
|
|
30
32
|
*/
|
|
31
|
-
export default function useDropdownData() {
|
|
33
|
+
export default function useDropdownData(refetchDataInterval = 90000) {
|
|
32
34
|
const {
|
|
33
35
|
walletAddress,
|
|
34
36
|
accountAddress,
|
|
@@ -36,11 +38,26 @@ export default function useDropdownData() {
|
|
|
36
38
|
} = useWalletAccount()
|
|
37
39
|
const { data: btcBalance } = useBalance({
|
|
38
40
|
address: accountAddress,
|
|
41
|
+
query: {
|
|
42
|
+
staleTime: refetchDataInterval,
|
|
43
|
+
refetchInterval: refetchDataInterval,
|
|
44
|
+
},
|
|
45
|
+
})
|
|
46
|
+
const { data: passportAccount } = useGetCurrentAccount({
|
|
47
|
+
staleTime: refetchDataInterval,
|
|
48
|
+
refetchInterval: refetchDataInterval,
|
|
39
49
|
})
|
|
40
|
-
const { data: passportAccount } = useGetCurrentAccount()
|
|
41
50
|
const { data: assetsConversionRates } = useAssetsConversionRates()
|
|
42
|
-
const { data: tokensBalances } = useTokensBalances(
|
|
43
|
-
|
|
51
|
+
const { data: tokensBalances } = useTokensBalances({
|
|
52
|
+
queryOptions: {
|
|
53
|
+
staleTime: refetchDataInterval,
|
|
54
|
+
refetchInterval: refetchDataInterval,
|
|
55
|
+
},
|
|
56
|
+
})
|
|
57
|
+
const { data: debt } = useBorrowData({
|
|
58
|
+
staleTime: refetchDataInterval,
|
|
59
|
+
refetchInterval: refetchDataInterval,
|
|
60
|
+
})
|
|
44
61
|
const mezoId = passportAccount?.mezoId
|
|
45
62
|
|
|
46
63
|
const detailedAssets = [
|