@wheelx/widget 0.0.4 → 0.0.6
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 +256 -392
- package/dist/config.d.ts +8 -0
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js.map +1 -1
- package/dist/internal/SelectTokenModal/DesktopContent.d.ts.map +1 -1
- package/dist/internal/SelectTokenModal/DesktopContent.js +2 -1
- package/dist/internal/SelectTokenModal/DesktopContent.js.map +1 -1
- package/dist/internal/SelectTokenModal/MobileContent.d.ts.map +1 -1
- package/dist/internal/SelectTokenModal/MobileContent.js +2 -1
- package/dist/internal/SelectTokenModal/MobileContent.js.map +1 -1
- package/dist/internal/SelectTokenModal/Network.d.ts.map +1 -1
- package/dist/internal/SelectTokenModal/Network.js +3 -4
- package/dist/internal/SelectTokenModal/Network.js.map +1 -1
- package/dist/internal/SelectTokenModal/TokenAndAddress.d.ts.map +1 -1
- package/dist/internal/SelectTokenModal/TokenAndAddress.js +1 -1
- package/dist/internal/SelectTokenModal/TokenAndAddress.js.map +1 -1
- package/dist/internal/SwapAndBridge/DifferentAddressDialog.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/DifferentAddressDialog.js +42 -11
- package/dist/internal/SwapAndBridge/DifferentAddressDialog.js.map +1 -1
- package/dist/internal/SwapAndBridge/MainForm.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/MainForm.js +1 -2
- package/dist/internal/SwapAndBridge/MainForm.js.map +1 -1
- package/dist/internal/SwapAndBridge/TipsContent.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/TipsContent.js +19 -14
- package/dist/internal/SwapAndBridge/TipsContent.js.map +1 -1
- package/dist/internal/SwapAndBridge/TxInfo.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/TxInfo.js +6 -6
- package/dist/internal/SwapAndBridge/TxInfo.js.map +1 -1
- package/dist/internal/SwapAndBridge/animations/Success.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/animations/Success.js +69 -2
- package/dist/internal/SwapAndBridge/animations/Success.js.map +1 -1
- package/dist/internal/SwapAndBridge/animations/Wheel.d.ts.map +1 -1
- package/dist/internal/SwapAndBridge/animations/Wheel.js +43 -3
- package/dist/internal/SwapAndBridge/animations/Wheel.js.map +1 -1
- package/dist/internal/WidgetDataBootstrap.d.ts.map +1 -1
- package/dist/internal/WidgetDataBootstrap.js +10 -1
- package/dist/internal/WidgetDataBootstrap.js.map +1 -1
- package/dist/internal/assets/icons/ai.svg +1 -2
- package/dist/internal/assets/icons/wallet.svg +3 -3
- package/dist/internal/commons/TokenIconWithNetworkLogo.d.ts.map +1 -1
- package/dist/internal/commons/TokenIconWithNetworkLogo.js +3 -1
- package/dist/internal/commons/TokenIconWithNetworkLogo.js.map +1 -1
- package/dist/internal/ui/tooltip.js +1 -1
- package/dist/internal/ui/tooltip.js.map +1 -1
- package/package.json +5 -3
|
@@ -3,6 +3,7 @@ import { Box, Image } from '@chakra-ui/react';
|
|
|
3
3
|
import { useChainsStore } from '../stores';
|
|
4
4
|
import defaultTokenIcon from '../assets/images/default-token-icon.png';
|
|
5
5
|
import { getAssetSrc } from '../utils/getAssetSrc';
|
|
6
|
+
import { useWheelxWidgetStyles } from '../../config';
|
|
6
7
|
export const TokenIconWithNetworkLogo = ({ tokenInfo, customChainLogo, w = {
|
|
7
8
|
base: '28px',
|
|
8
9
|
md: '32px'
|
|
@@ -19,10 +20,11 @@ export const TokenIconWithNetworkLogo = ({ tokenInfo, customChainLogo, w = {
|
|
|
19
20
|
base: '4px',
|
|
20
21
|
md: '8px'
|
|
21
22
|
}, ...props }) => {
|
|
23
|
+
const widgetStyles = useWheelxWidgetStyles();
|
|
22
24
|
const { name, chain_id, logo, chain_icon } = tokenInfo ?? {};
|
|
23
25
|
const { chains } = useChainsStore();
|
|
24
26
|
const chain = chains?.find((item) => item.chain_id === chain_id);
|
|
25
27
|
const networkLogo = customChainLogo || chain?.chain_icon || chain_icon || '';
|
|
26
|
-
return (_jsxs(Box, { pos: 'relative', w: w, h: h, pr: pr, boxSizing: 'content-box', ...props, children: [_jsx(Image, { w: w, h: h, borderRadius: 'full', src: logo || getAssetSrc(defaultTokenIcon), alt: name || '' }), networkLogo ? (_jsx(Image, { pos: 'absolute', bottom: smallB ? smallB : -1, right: smallR ? smallR : 0, src: networkLogo, alt: chain?.name ?? '', w: smallW, h: smallH, borderRadius: 'full', border: '1px solid white', bg: 'white' })) : null] }));
|
|
28
|
+
return (_jsxs(Box, { pos: 'relative', w: w, h: h, pr: pr, boxSizing: 'content-box', ...props, children: [_jsx(Image, { w: w, h: h, borderRadius: 'full', src: logo || getAssetSrc(defaultTokenIcon), alt: name || '' }), networkLogo ? (_jsx(Image, { pos: 'absolute', bottom: smallB ? smallB : -1, right: smallR ? smallR : 0, src: networkLogo, alt: chain?.name ?? '', w: smallW, h: smallH, borderRadius: 'full', border: '1px solid white', bg: 'white', ...widgetStyles.tokenIconBadge })) : null] }));
|
|
27
29
|
};
|
|
28
30
|
//# sourceMappingURL=TokenIconWithNetworkLogo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenIconWithNetworkLogo.js","sourceRoot":"","sources":["../../../src/internal/commons/TokenIconWithNetworkLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAA8B,MAAM,kBAAkB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,gBAAgB,MAAM,yCAAyC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"TokenIconWithNetworkLogo.js","sourceRoot":"","sources":["../../../src/internal/commons/TokenIconWithNetworkLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAA8B,MAAM,kBAAkB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,gBAAgB,MAAM,yCAAyC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAapD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,SAAS,EACT,eAAe,EACf,CAAC,GAAG;IACF,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;CACX,EACD,CAAC,GAAG;IACF,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;CACX,EACD,MAAM,GAAG;IACP,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;CACN,EACD,MAAM,GAAG;IACP,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;CACN,EACD,MAAM,GAAG,CAAC,CAAC,EACX,MAAM,GAAG,CAAC,EACV,EAAE,GAAG;IACH,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;CACV,EACD,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAA;IAC5C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,SAAS,IAAI,EAAE,CAAA;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAA;IACnC,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAEhE,MAAM,WAAW,GAAG,eAAe,IAAI,KAAK,EAAE,UAAU,IAAI,UAAU,IAAI,EAAE,CAAA;IAE5E,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,UAAU,EACf,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,aAAa,KACpB,KAAK,aAET,KAAC,KAAK,IACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,IAAI,IAAI,WAAW,CAAC,gBAAgB,CAAC,EAC1C,GAAG,EAAE,IAAI,IAAI,EAAE,GACf,EACD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,KAAK,IACJ,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC1B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EACtB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,iBAAiB,EACzB,EAAE,EAAE,OAAO,KACP,YAAY,CAAC,cAAc,GAC/B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
13
13
|
: typeof tooltipContentStyles.backgroundColor === 'string'
|
|
14
14
|
? tooltipContentStyles.backgroundColor
|
|
15
15
|
: 'white';
|
|
16
|
-
return (_jsxs(ChakraTooltip.Root, { ...rest, children: [_jsx(ChakraTooltip.Trigger, { asChild: true, children: children }), _jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ChakraTooltip.Positioner, { children: _jsxs(ChakraTooltip.Content, { ref: ref, color: '
|
|
16
|
+
return (_jsxs(ChakraTooltip.Root, { ...rest, children: [_jsx(ChakraTooltip.Trigger, { asChild: true, children: children }), _jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ChakraTooltip.Positioner, { children: _jsxs(ChakraTooltip.Content, { ref: ref, color: 'inherit', css: {
|
|
17
17
|
'--tooltip-bg': tooltipBg
|
|
18
18
|
}, ...tooltipContentStyles, ...contentProps, children: [showArrow && (_jsx(ChakraTooltip.Arrow, { children: _jsx(ChakraTooltip.ArrowTip, {}) })), content] }) }) })] }));
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/internal/ui/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,OAAO,IAAI,aAAa,EACxB,MAAM,EACN,aAAa,EACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAWpD,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IACzB,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAE7B,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAA;IAC5C,MAAM,oBAAoB,GAAG,YAAY,CAAC,mBAAmB,IAAI,EAAE,CAAA;IACnE,MAAM,SAAS,GACb,OAAO,oBAAoB,CAAC,EAAE,KAAK,QAAQ;QACzC,CAAC,CAAC,oBAAoB,CAAC,EAAE;QACzB,CAAC,CAAC,OAAO,oBAAoB,CAAC,eAAe,KAAK,QAAQ;YACxD,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACtC,CAAC,CAAC,OAAO,CAAA;IAEf,OAAO,CACL,MAAC,aAAa,CAAC,IAAI,OAAK,IAAI,aAC1B,KAAC,aAAa,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAAyB,EACjE,KAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,YAChD,KAAC,aAAa,CAAC,UAAU,cACvB,MAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/internal/ui/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,OAAO,IAAI,aAAa,EACxB,MAAM,EACN,aAAa,EACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAWpD,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IACzB,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAE7B,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAA;IAC5C,MAAM,oBAAoB,GAAG,YAAY,CAAC,mBAAmB,IAAI,EAAE,CAAA;IACnE,MAAM,SAAS,GACb,OAAO,oBAAoB,CAAC,EAAE,KAAK,QAAQ;QACzC,CAAC,CAAC,oBAAoB,CAAC,EAAE;QACzB,CAAC,CAAC,OAAO,oBAAoB,CAAC,eAAe,KAAK,QAAQ;YACxD,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACtC,CAAC,CAAC,OAAO,CAAA;IAEf,OAAO,CACL,MAAC,aAAa,CAAC,IAAI,OAAK,IAAI,aAC1B,KAAC,aAAa,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAAyB,EACjE,KAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,YAChD,KAAC,aAAa,CAAC,UAAU,cACvB,MAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE;4BACH,cAAc,EAAE,SAAS;yBAC1B,KACG,oBAAoB,KACpB,YAAY,aAEf,SAAS,IAAI,CACZ,KAAC,aAAa,CAAC,KAAK,cAClB,KAAC,aAAa,CAAC,QAAQ,KAAG,GACN,CACvB,EACA,OAAO,IACc,GACC,GACpB,IACU,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAMD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAA;IAC3C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,OAAO,CACL,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,KAAM,YAAY,YACnC,KAAC,GAAG,IACF,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,MAAM,KAChB,QAAQ,EACZ,QAAQ,EAAE,CAAC,YAEV,KAAK,CAAC,QAAQ,GACX,GACE,CACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wheelx/widget",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "Reusable WheelX bridge and swap widget for Next.js applications.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "WheelX",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"README.md"
|
|
44
44
|
],
|
|
45
45
|
"scripts": {
|
|
46
|
-
"clean": "
|
|
47
|
-
"build": "pnpm run clean && tsc -p tsconfig.build.json && mkdir -p dist/internal && cp -
|
|
46
|
+
"clean": "rimraf dist tsconfig.build.tsbuildinfo",
|
|
47
|
+
"build": "pnpm run clean && tsc -p tsconfig.build.json && shx mkdir -p dist/internal && shx cp -r src/internal/assets dist/internal/assets",
|
|
48
48
|
"prepare": "pnpm build",
|
|
49
49
|
"prepublishOnly": "pnpm build",
|
|
50
50
|
"typecheck": "tsc -p tsconfig.build.json --noEmit",
|
|
@@ -79,6 +79,8 @@
|
|
|
79
79
|
"@types/node": "^20.19.11",
|
|
80
80
|
"@types/react": "^19.1.13",
|
|
81
81
|
"@types/react-dom": "^19.1.9",
|
|
82
|
+
"rimraf": "^6.0.1",
|
|
83
|
+
"shx": "^0.4.0",
|
|
82
84
|
"typescript": "^5.9.2"
|
|
83
85
|
}
|
|
84
86
|
}
|