@vechain/vechain-kit 1.5.11 → 1.5.12
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/index.cjs +4 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -9
- package/dist/index.js.map +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5267,7 +5267,7 @@ var AddressDisplay = ({
|
|
|
5267
5267
|
// package.json
|
|
5268
5268
|
var package_default = {
|
|
5269
5269
|
name: "@vechain/vechain-kit",
|
|
5270
|
-
version: "1.5.
|
|
5270
|
+
version: "1.5.12",
|
|
5271
5271
|
private: false,
|
|
5272
5272
|
homepage: "https://github.com/vechain/vechain-kit",
|
|
5273
5273
|
repository: "github:vechain/vechain-kit",
|
|
@@ -15891,22 +15891,17 @@ var ConnectPopover = ({
|
|
|
15891
15891
|
};
|
|
15892
15892
|
var WalletDisplay = ({ variant }) => {
|
|
15893
15893
|
const { account } = useWallet();
|
|
15894
|
-
const [isSmallMobile] = react.useMediaQuery("(max-width: 480px)");
|
|
15895
|
-
const accountDomain = React10.useMemo(() => {
|
|
15896
|
-
const isLongDomain = account?.domain && account.domain.length > 18;
|
|
15897
|
-
return isSmallMobile && isLongDomain ? chunkDBQR2OKX_cjs.humanDomain(account?.domain ?? "", 18, 0) : account?.domain;
|
|
15898
|
-
}, [isSmallMobile, account?.domain]);
|
|
15899
15894
|
if (!account) return /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, {});
|
|
15900
15895
|
if (variant === "icon") {
|
|
15901
15896
|
return null;
|
|
15902
15897
|
}
|
|
15903
15898
|
if (variant === "iconAndDomain") {
|
|
15904
|
-
return account.domain ? /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", children:
|
|
15899
|
+
return account.domain ? /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", children: chunkDBQR2OKX_cjs.humanDomain(account?.domain ?? "", 16, 0) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", children: chunkDBQR2OKX_cjs.humanAddress(account.address ?? "", 6, 4) });
|
|
15905
15900
|
}
|
|
15906
15901
|
if (variant === "iconDomainAndAssets") {
|
|
15907
15902
|
return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { spacing: 4, children: [
|
|
15908
15903
|
/* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 0, alignItems: "flex-start", children: [
|
|
15909
|
-
account.domain && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "bold", children:
|
|
15904
|
+
account.domain && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "bold", children: chunkDBQR2OKX_cjs.humanDomain(account?.domain ?? "", 16, 0) }),
|
|
15910
15905
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15911
15906
|
react.Text,
|
|
15912
15907
|
{
|
|
@@ -15920,7 +15915,7 @@ var WalletDisplay = ({ variant }) => {
|
|
|
15920
15915
|
] });
|
|
15921
15916
|
}
|
|
15922
15917
|
return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 0, alignItems: "flex-start", children: [
|
|
15923
|
-
account.domain && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "bold", children:
|
|
15918
|
+
account.domain && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "bold", children: chunkDBQR2OKX_cjs.humanDomain(account?.domain ?? "", 16, 0) }),
|
|
15924
15919
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15925
15920
|
react.Text,
|
|
15926
15921
|
{
|