@xyo-network/xl1-react-client-sdk 2.1.9 → 2.2.1
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/browser/client/components/connected/AutoSignChainPanel.d.ts.map +1 -1
- package/dist/browser/client/components/connected/ConnectAccountsStack.d.ts +1 -1
- package/dist/browser/client/components/connected/ConnectAccountsStack.d.ts.map +1 -1
- package/dist/browser/client/components/connected/DataLakeAddToChainPanel.d.ts.map +1 -1
- package/dist/browser/client/components/connected/DataLakeInsertPanel.d.ts.map +1 -1
- package/dist/browser/client/components/connected/PermissionsReviewDialog.d.ts.map +1 -1
- package/dist/browser/client/components/connected/hooks/useConnectAccount.d.ts +1 -1
- package/dist/browser/client/context/in-page/InPageGatewaysContext.d.ts +1 -1
- package/dist/browser/client/context/in-page/Provider.d.ts.map +1 -1
- package/dist/browser/client/context/in-page/useProvidedInPageGateways.d.ts +1 -1
- package/dist/browser/client/context/providers/GatewayProvider.d.ts.map +1 -1
- package/dist/browser/client/hooks/client/story/mockWalletDecorator.d.ts.map +1 -1
- package/dist/browser/client/hooks/client/useClientFromWallet.d.ts.map +1 -1
- package/dist/browser/client/hooks/helpers/getXyoClient.d.ts.map +1 -1
- package/dist/browser/client/index.mjs +60 -44
- package/dist/browser/client/index.mjs.map +2 -2
- package/dist/browser/index.mjs +71 -52
- package/dist/browser/index.mjs.map +3 -3
- package/dist/browser/shared/decorators/IframeWalletWarningDecorator.d.ts.map +1 -1
- package/dist/browser/shared/index.mjs +6 -6
- package/dist/browser/shared/index.mjs.map +2 -2
- package/package.json +16 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IframeWalletWarningDecorator.d.ts","sourceRoot":"","sources":["../../../../src/shared/decorators/IframeWalletWarningDecorator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"IframeWalletWarningDecorator.d.ts","sourceRoot":"","sources":["../../../../src/shared/decorators/IframeWalletWarningDecorator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAYtD;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,EAAE,SAqB1C,CAAA"}
|
|
@@ -20,15 +20,15 @@ var ActiveMenuItem = ({
|
|
|
20
20
|
"paddingLeft": 1,
|
|
21
21
|
"marginBottom": 1,
|
|
22
22
|
// left border color and background color for active state
|
|
23
|
-
"borderLeft": `5px solid ${active ? theme.vars.palette.secondary.light : "transparent"}`,
|
|
24
|
-
"backgroundColor": active ? theme.vars.palette.secondary.dark : "transparent",
|
|
23
|
+
"borderLeft": `5px solid ${active === true ? theme.vars.palette.secondary.light : "transparent"}`,
|
|
24
|
+
"backgroundColor": active === true ? theme.vars.palette.secondary.dark : "transparent",
|
|
25
25
|
// force white text color for active state for improved readability with background color
|
|
26
|
-
"color": active ? "white" : "unset",
|
|
26
|
+
"color": active === true ? "white" : "unset",
|
|
27
27
|
"&:hover": {
|
|
28
28
|
// overriding default hover color and backgroundColor since active state conflicts visually with
|
|
29
29
|
// default styles of MenuItem hover
|
|
30
|
-
...active
|
|
31
|
-
color: active ? "white" : "unset"
|
|
30
|
+
...active === true && { backgroundColor: theme.vars.palette.secondary.dark },
|
|
31
|
+
color: active === true ? "white" : "unset"
|
|
32
32
|
},
|
|
33
33
|
...sx
|
|
34
34
|
},
|
|
@@ -111,7 +111,7 @@ import {
|
|
|
111
111
|
useTheme as useTheme3
|
|
112
112
|
} from "@mui/material";
|
|
113
113
|
import { ellipsize } from "@xylabs/sdk-js";
|
|
114
|
-
import { isXyoAddress } from "@xyo-network/
|
|
114
|
+
import { isXyoAddress } from "@xyo-network/sdk-js";
|
|
115
115
|
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
116
116
|
var LabelValueStack = ({
|
|
117
117
|
labels,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/shared/components/menu-item/ActiveMenuItem.tsx", "../../../src/shared/components/stack/DetailsStack.tsx", "../../../src/shared/components/stack/LabelValueStack.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { MenuItemProps } from '@mui/material'\nimport { MenuItem, useTheme } from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n active, children, sx, ...props\n}) => {\n const theme = useTheme()\n return (\n <MenuItem\n disableRipple\n sx={{\n 'display': 'flex-inline',\n 'flexDirection': 'row',\n 'gap': 1,\n 'padding': 0,\n 'paddingLeft': 1,\n 'marginBottom': 1,\n // left border color and background color for active state\n 'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n 'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n // force white text color for active state for improved readability with background color\n 'color': active ? 'white' : 'unset',\n '&:hover': {\n // overriding default hover color and backgroundColor since active state conflicts visually with\n // default styles of MenuItem hover\n ...(active
|
|
5
|
-
"mappings": ";AACA,SAAS,UAAU,gBAAgB;AAQ/B;AALG,IAAM,iBAAiE,CAAC;AAAA,EAC7E;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAI,GAAG;AAC3B,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI;AAAA,QACF,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB;AAAA;AAAA,QAEhB,cAAc,aAAa,
|
|
4
|
+
"sourcesContent": ["import type { MenuItemProps } from '@mui/material'\nimport { MenuItem, useTheme } from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n active, children, sx, ...props\n}) => {\n const theme = useTheme()\n return (\n <MenuItem\n disableRipple\n sx={{\n 'display': 'flex-inline',\n 'flexDirection': 'row',\n 'gap': 1,\n 'padding': 0,\n 'paddingLeft': 1,\n 'marginBottom': 1,\n // left border color and background color for active state\n 'borderLeft': `5px solid ${active === true ? theme.vars.palette.secondary.light : 'transparent'}`,\n 'backgroundColor': active === true ? theme.vars.palette.secondary.dark : 'transparent',\n // force white text color for active state for improved readability with background color\n 'color': active === true ? 'white' : 'unset',\n '&:hover': {\n // overriding default hover color and backgroundColor since active state conflicts visually with\n // default styles of MenuItem hover\n ...(active === true && { backgroundColor: theme.vars.palette.secondary.dark }),\n color: active === true ? 'white' : 'unset',\n },\n ...sx,\n }}\n {...props}\n >\n {children}\n </MenuItem>\n )\n}\n", "import type { StackProps } from '@mui/material'\nimport {\n Stack, Tooltip, Typography, useTheme,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type {\n ComponentType, ReactNode, SVGAttributes,\n} from 'react'\nimport React, { useMemo } from 'react'\n\nconst isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>\n typeof value === 'function'\n || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))\n\nexport interface DetailsStackProps extends StackProps {\n IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode\n heading?: string\n tooltipTitle?: string\n}\n\nexport const DetailsStack: React.FC<DetailsStackProps> = ({\n IconComponent, heading, children, tooltipTitle, ...props\n}) => {\n const theme = useTheme()\n\n const hasTooltip = isDefined(tooltipTitle)\n const resolvedIconComponent = useMemo(() => {\n return isComponentType(IconComponent)\n ? (\n <IconComponent\n style={{\n /** height and marginTop adjusted to account for font not filling container with line-height: 1 */\n height: '0.85rem',\n marginTop: 0.5,\n marginLeft: theme.spacing(1),\n }}\n />\n )\n : IconComponent ?? null\n }, [IconComponent, theme])\n\n return (\n <Stack\n direction=\"column\"\n {...props}\n sx={{\n flexGrow: 1,\n flexWrap: 'wrap',\n minWidth: '1px',\n ...props.sx,\n }}\n >\n <Typography\n sx={{\n display: 'flex',\n fontFamily: 'monospace',\n lineHeight: 1,\n marginBottom: 1.5,\n }}\n >\n {heading}\n {hasTooltip\n ? (\n <Tooltip title={tooltipTitle}>\n <span>{resolvedIconComponent}</span>\n </Tooltip>\n )\n : resolvedIconComponent}\n </Typography>\n {children}\n </Stack>\n )\n}\n", "import type { StackProps } from '@mui/material'\nimport {\n Stack, Typography, useTheme,\n} from '@mui/material'\nimport { ellipsize } from '@xylabs/sdk-js'\nimport { isXyoAddress } from '@xyo-network/sdk-js'\nimport React from 'react'\n\nexport interface LabelValueStackProps extends StackProps {\n labels: string[]\n values: (string | undefined)[]\n}\n\nexport const LabelValueStack: React.FC<LabelValueStackProps> = ({\n labels, values, ...props\n}) => {\n const theme = useTheme()\n const formattedValue = (value: string | undefined): string | undefined => {\n if (isXyoAddress(value)) {\n return ellipsize(value, 8)\n }\n return value\n }\n return (\n <Stack\n {...props}\n sx={{\n flexDirection: 'row',\n flexGrow: 1,\n ...props.sx,\n }}\n >\n <Stack>\n {labels.map(label => (\n <Typography\n key={label}\n variant=\"body2\"\n sx={{\n fontWeight: '300',\n borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n opacity: 0.7,\n }}\n >\n {label}\n :\n </Typography>\n ))}\n </Stack>\n <Stack\n sx={{\n alignItems: 'end',\n flexGrow: 1,\n }}\n >\n {values.map((value, index) => (\n <Typography\n title={value}\n variant=\"body2\"\n // Use matching label as key since values might be the same\n key={labels[index]}\n sx={{\n fontFamily: 'monospace',\n width: '100%',\n display: 'flex',\n justifyContent: 'end',\n borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n }}\n >\n {formattedValue(value)}\n </Typography>\n ))}\n </Stack>\n </Stack>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["useTheme", "jsx", "Stack", "Typography", "useTheme", "jsx", "jsxs"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json.schemastore.org/package.json",
|
|
3
3
|
"name": "@xyo-network/xl1-react-client-sdk",
|
|
4
|
-
"version": "2.1
|
|
4
|
+
"version": "2.2.1",
|
|
5
5
|
"description": "XL1 React Client/Wallet SDK",
|
|
6
6
|
"homepage": "https://xylabs.com",
|
|
7
7
|
"bugs": {
|
|
@@ -63,9 +63,9 @@
|
|
|
63
63
|
"README.md"
|
|
64
64
|
],
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@xyo-network/xl1-
|
|
67
|
-
"@xyo-network/xl1-protocol-lib": "~2.1
|
|
68
|
-
"@xyo-network/xl1-
|
|
66
|
+
"@xyo-network/xl1-sdk": "~2.2.1",
|
|
67
|
+
"@xyo-network/xl1-protocol-lib": "~2.2.1",
|
|
68
|
+
"@xyo-network/xl1-blockies": "~2.2.1"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@bitauth/libauth": "~3.0.0",
|
|
@@ -80,23 +80,22 @@
|
|
|
80
80
|
"@react-spring/web": "~10.1.1",
|
|
81
81
|
"@scure/base": "~2.2.0",
|
|
82
82
|
"@scure/bip39": "~2.2.0",
|
|
83
|
-
"@storybook/react-vite": "^10.4.
|
|
83
|
+
"@storybook/react-vite": "^10.4.6",
|
|
84
84
|
"@types/react": "^19.2.17",
|
|
85
85
|
"@xylabs/eth-address": "~6.1.3",
|
|
86
86
|
"@xylabs/geo": "^6.1.3",
|
|
87
87
|
"@xylabs/pixel": "~6.1.3",
|
|
88
|
-
"@xylabs/react-button": "~9.1.
|
|
89
|
-
"@xylabs/react-error": "~9.1.
|
|
90
|
-
"@xylabs/react-promise": "~9.1.
|
|
91
|
-
"@xylabs/react-shared": "~9.1.
|
|
92
|
-
"@xylabs/react-theme": "^9.1.
|
|
88
|
+
"@xylabs/react-button": "~9.1.2",
|
|
89
|
+
"@xylabs/react-error": "~9.1.2",
|
|
90
|
+
"@xylabs/react-promise": "~9.1.2",
|
|
91
|
+
"@xylabs/react-shared": "~9.1.2",
|
|
92
|
+
"@xylabs/react-theme": "^9.1.2",
|
|
93
93
|
"@xylabs/sdk-js": "^6.1.3",
|
|
94
94
|
"@xylabs/threads": "^6.1.3",
|
|
95
|
-
"@xylabs/toolchain": "~8.
|
|
96
|
-
"@xylabs/tsconfig": "~8.
|
|
97
|
-
"@xylabs/tsconfig-dom": "~8.
|
|
98
|
-
"@xylabs/tsconfig-react": "~8.
|
|
99
|
-
"@xyo-network/address": "^6.1.1",
|
|
95
|
+
"@xylabs/toolchain": "~8.2.5",
|
|
96
|
+
"@xylabs/tsconfig": "~8.2.5",
|
|
97
|
+
"@xylabs/tsconfig-dom": "~8.2.5",
|
|
98
|
+
"@xylabs/tsconfig-react": "~8.2.5",
|
|
100
99
|
"@xyo-network/sdk-js": "^6.1.0",
|
|
101
100
|
"@xyo-network/sdk-protocol-js": "~6.1.1",
|
|
102
101
|
"ajv": "^8.20.0",
|
|
@@ -112,8 +111,8 @@
|
|
|
112
111
|
"query-string": "~9.4",
|
|
113
112
|
"react": "^19.2.7",
|
|
114
113
|
"react-dom": "^19.2.7",
|
|
115
|
-
"react-router-dom": "^7.
|
|
116
|
-
"storybook": "^10.4.
|
|
114
|
+
"react-router-dom": "^7.18.0",
|
|
115
|
+
"storybook": "^10.4.6",
|
|
117
116
|
"typescript": "~6.0.3",
|
|
118
117
|
"uuid": "~14.0.0",
|
|
119
118
|
"vite": "^8.0.16",
|
|
@@ -143,7 +142,6 @@
|
|
|
143
142
|
"@xylabs/react-theme": "^9.1",
|
|
144
143
|
"@xylabs/sdk-js": "^6.0",
|
|
145
144
|
"@xylabs/threads": "^6.1",
|
|
146
|
-
"@xyo-network/address": "^6.0",
|
|
147
145
|
"@xyo-network/sdk-js": "^6.0",
|
|
148
146
|
"@xyo-network/sdk-protocol-js": "~6.1",
|
|
149
147
|
"ajv": "^8.20",
|