@0xsquid/ui 2.4.10-beta.2 → 2.4.10-beta.3

package/dist/cjs/index.js

@@ -27831,7 +27831,7 @@ function useCountdown(initialSeconds) {
     return formatCountdown(secondsLeft);
 }
 
-function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, refundAddress, refundAddressFormatted, recipientAddress, recipientAddressFormatted, timeRemainingSeconds = 0, tooltips, description, title, }) {
+function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, timeRemainingSeconds = 0, tooltips, description, title, }) {
     return (jsxRuntime.jsxs(Modal, { isOpen: isOpen, onBackdropClick: handleClose, children: [jsxRuntime.jsxs(ModalContent, { style: {
                     [CSS_VARS.SCALE_AND_FADE_DOWN_DURATION]: `${ANIMATION_DURATIONS.SHOW_ROUTE}ms`,
                     [CSS_VARS.SCALE_AND_FADE_UP_DURATION]: `${ANIMATION_DURATIONS.HIDE_ROUTE}ms`,
@@ -27843,17 +27843,7 @@ function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fr
                                         tooltipContent: tooltips.depositAddress,
                                         tooltipWidth: "max",
                                     }
-                                    : undefined }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsxRuntime.jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: fromAmount }) }) }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsxRuntime.jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CaptionText, { children: toAmount }), jsxRuntime.jsx(Loader, { size: "16" })] }) }) }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(ReorderIcon, { size: "24" }), label: "Refund address", detail: jsxRuntime.jsx(HashLink, { className: "tw-text-royal-500", formattedHash: refundAddressFormatted, hash: refundAddress, showCopyButton: true, copyIconSize: "24" }), tooltip: (tooltips === null || tooltips === void 0 ? void 0 : tooltips.refundAddress)
-                                    ? {
-                                        tooltipContent: tooltips.refundAddress,
-                                        tooltipWidth: "max",
-                                    }
-                                    : undefined }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(WalletFilledIcon, { size: "24" }), label: "Recipient address", detail: jsxRuntime.jsx(HashLink, { className: "tw-text-royal-500", formattedHash: recipientAddressFormatted, hash: recipientAddress, showCopyButton: true, copyIconSize: "24" }), tooltip: (tooltips === null || tooltips === void 0 ? void 0 : tooltips.recipientAddress)
-                                    ? {
-                                        tooltipContent: tooltips.recipientAddress,
-                                        tooltipWidth: "max",
-                                    }
-                                    : undefined }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$1, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$1, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: toChain.networkName })] }) }) }), jsxRuntime.jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining })] })] }), jsxRuntime.jsx(Button$1, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
+                                    : undefined }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsxRuntime.jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: fromAmount }) }) }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsxRuntime.jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CaptionText, { children: toAmount }), jsxRuntime.jsx(Loader, { size: "16" })] }) }) }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$1, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$1, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: toChain.networkName })] }) }) }), jsxRuntime.jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining })] })] }), jsxRuntime.jsx(Button$1, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
 }
 function TimeRemaining({ timeRemainingSeconds, tooltipContent, }) {
     const timeRemaining = useCountdown(timeRemainingSeconds);

package/dist/cjs/types/components/views/DepositAddressView.d.ts

@@ -7,7 +7,7 @@ interface Token {
     symbol: string;
     logoUrl: string;
 }
-export declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, refundAddress, refundAddressFormatted, recipientAddress, recipientAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
+export declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
     isOpen?: boolean;
     fromToken: Token;
     toToken: Token;
@@ -18,16 +18,10 @@ export declare function DepositAddressView({ isOpen, fromToken, toToken, handleC
     toAmount: string;
     depositAddress: string;
     depositAddressFormatted: string;
-    refundAddress: string;
-    refundAddressFormatted: string;
-    recipientAddress: string;
-    recipientAddressFormatted: string;
     timeRemainingSeconds?: number;
     tooltips?: {
         depositAddress?: React.ReactNode;
-        refundAddress?: React.ReactNode;
         timeRemaining?: React.ReactNode;
-        recipientAddress?: React.ReactNode;
     };
     title: string;
     description: string;

package/dist/esm/index.js

@@ -27811,7 +27811,7 @@ function useCountdown(initialSeconds) {
     return formatCountdown(secondsLeft);
 }
 
-function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, refundAddress, refundAddressFormatted, recipientAddress, recipientAddressFormatted, timeRemainingSeconds = 0, tooltips, description, title, }) {
+function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, timeRemainingSeconds = 0, tooltips, description, title, }) {
     return (jsxs(Modal, { isOpen: isOpen, onBackdropClick: handleClose, children: [jsxs(ModalContent, { style: {
                     [CSS_VARS.SCALE_AND_FADE_DOWN_DURATION]: `${ANIMATION_DURATIONS.SHOW_ROUTE}ms`,
                     [CSS_VARS.SCALE_AND_FADE_UP_DURATION]: `${ANIMATION_DURATIONS.HIDE_ROUTE}ms`,
@@ -27823,17 +27823,7 @@ function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fr
                                         tooltipContent: tooltips.depositAddress,
                                         tooltipWidth: "max",
                                     }
-                                    : undefined }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: fromAmount }) }) }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxs(Fragment, { children: [jsx(CaptionText, { children: toAmount }), jsx(Loader, { size: "16" })] }) }) }), jsx(PropertyListItem, { icon: jsx(ReorderIcon, { size: "24" }), label: "Refund address", detail: jsx(HashLink, { className: "tw-text-royal-500", formattedHash: refundAddressFormatted, hash: refundAddress, showCopyButton: true, copyIconSize: "24" }), tooltip: (tooltips === null || tooltips === void 0 ? void 0 : tooltips.refundAddress)
-                                    ? {
-                                        tooltipContent: tooltips.refundAddress,
-                                        tooltipWidth: "max",
-                                    }
-                                    : undefined }), jsx(PropertyListItem, { icon: jsx(WalletFilledIcon, { size: "24" }), label: "Recipient address", detail: jsx(HashLink, { className: "tw-text-royal-500", formattedHash: recipientAddressFormatted, hash: recipientAddress, showCopyButton: true, copyIconSize: "24" }), tooltip: (tooltips === null || tooltips === void 0 ? void 0 : tooltips.recipientAddress)
-                                    ? {
-                                        tooltipContent: tooltips.recipientAddress,
-                                        tooltipWidth: "max",
-                                    }
-                                    : undefined }), jsx(PropertyListItem, { icon: jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsx(Transfer, { from: jsxs(Fragment, { children: [jsx(Image$1, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxs(Fragment, { children: [jsx(Image$1, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: toChain.networkName })] }) }) }), jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining })] })] }), jsx(Button$1, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
+                                    : undefined }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: fromAmount }) }) }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxs(Fragment, { children: [jsx(CaptionText, { children: toAmount }), jsx(Loader, { size: "16" })] }) }) }), jsx(PropertyListItem, { icon: jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsx(Transfer, { from: jsxs(Fragment, { children: [jsx(Image$1, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxs(Fragment, { children: [jsx(Image$1, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: toChain.networkName })] }) }) }), jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining })] })] }), jsx(Button$1, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
 }
 function TimeRemaining({ timeRemainingSeconds, tooltipContent, }) {
     const timeRemaining = useCountdown(timeRemainingSeconds);

package/dist/esm/types/components/views/DepositAddressView.d.ts

@@ -7,7 +7,7 @@ interface Token {
     symbol: string;
     logoUrl: string;
 }
-export declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, refundAddress, refundAddressFormatted, recipientAddress, recipientAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
+export declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
     isOpen?: boolean;
     fromToken: Token;
     toToken: Token;
@@ -18,16 +18,10 @@ export declare function DepositAddressView({ isOpen, fromToken, toToken, handleC
     toAmount: string;
     depositAddress: string;
     depositAddressFormatted: string;
-    refundAddress: string;
-    refundAddressFormatted: string;
-    recipientAddress: string;
-    recipientAddressFormatted: string;
     timeRemainingSeconds?: number;
     tooltips?: {
         depositAddress?: React.ReactNode;
-        refundAddress?: React.ReactNode;
         timeRemaining?: React.ReactNode;
-        recipientAddress?: React.ReactNode;
     };
     title: string;
     description: string;

package/dist/index.d.ts

@@ -2680,7 +2680,7 @@ interface Token$1 {
     symbol: string;
     logoUrl: string;
 }
-declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, refundAddress, refundAddressFormatted, recipientAddress, recipientAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
+declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, fromChain, toChain, fromAmount, toAmount, depositAddress, depositAddressFormatted, timeRemainingSeconds, tooltips, description, title, }: {
     isOpen?: boolean;
     fromToken: Token$1;
     toToken: Token$1;
@@ -2691,16 +2691,10 @@ declare function DepositAddressView({ isOpen, fromToken, toToken, handleClose, f
     toAmount: string;
     depositAddress: string;
     depositAddressFormatted: string;
-    refundAddress: string;
-    refundAddressFormatted: string;
-    recipientAddress: string;
-    recipientAddressFormatted: string;
     timeRemainingSeconds?: number;
     tooltips?: {
         depositAddress?: react__default.ReactNode;
-        refundAddress?: react__default.ReactNode;
         timeRemaining?: react__default.ReactNode;
-        recipientAddress?: react__default.ReactNode;
     };
     title: string;
     description: string;

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "2.4.10-beta.2",
+  "version": "2.4.10-beta.3",
   "author": "",
   "license": "MIT",
   "resolutions": {