diff --git a/CHANGELOG.md b/CHANGELOG.md index 91f21554..acb5b117 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +- [Eslint and prettierrc fixes](https://github.com/multiversx/mx-sdk-dapp-ui/pull/270) - [Refactored sign transactions panel internal components](https://github.com/multiversx/mx-sdk-dapp-ui/pull/267) ## [[0.1.4](https://github.com/multiversx/mx-sdk-dapp-ui/pull/269)] - 2025-11-21 diff --git a/src/assets/icons/arrow-right-icon/arrow-right-icon.tsx b/src/assets/icons/arrow-right-icon/arrow-right-icon.tsx index 292f9595..98f25494 100644 --- a/src/assets/icons/arrow-right-icon/arrow-right-icon.tsx +++ b/src/assets/icons/arrow-right-icon/arrow-right-icon.tsx @@ -15,7 +15,10 @@ export class ArrowRightIcon { viewBox="0 0 448 512" class={{ 'arrow-right-icon': true, [this.class]: Boolean(this.class) }} > - + ); } diff --git a/src/assets/icons/ledger-provider-icon/ledger-provider-icon.tsx b/src/assets/icons/ledger-provider-icon/ledger-provider-icon.tsx index 118f1404..f939aa65 100644 --- a/src/assets/icons/ledger-provider-icon/ledger-provider-icon.tsx +++ b/src/assets/icons/ledger-provider-icon/ledger-provider-icon.tsx @@ -10,7 +10,11 @@ export class LedgerProviderIcon { render() { return ( - + + ); diff --git a/src/assets/icons/metamask-provider-icon/metamask-provider-icon.tsx b/src/assets/icons/metamask-provider-icon/metamask-provider-icon.tsx index 173db6a9..ed66d905 100644 --- a/src/assets/icons/metamask-provider-icon/metamask-provider-icon.tsx +++ b/src/assets/icons/metamask-provider-icon/metamask-provider-icon.tsx @@ -10,7 +10,11 @@ export class MetaMaskProviderIcon { render() { return ( - + + + - + - + - + - + - + @@ -83,19 +115,47 @@ export class WalletProviderIcon { - + - + - + - + diff --git a/src/common/Button/Button.tsx b/src/common/Button/Button.tsx index 374f797d..33e4236c 100644 --- a/src/common/Button/Button.tsx +++ b/src/common/Button/Button.tsx @@ -1,38 +1,48 @@ import { h } from '@stencil/core'; -import { ButtonSizeEnum, ButtonVariantEnum } from './button.types'; + import styles from './button.styles'; +import { ButtonSizeEnum, ButtonVariantEnum } from './button.types'; interface ButtonPropsType { - class?: string; - dataTestId?: string; - disabled?: boolean; - size?: `${ButtonSizeEnum}`; - variant?: `${ButtonVariantEnum}`; - onClick?: (event: MouseEvent) => void; + class?: string; + dataTestId?: string; + disabled?: boolean; + size?: `${ButtonSizeEnum}`; + variant?: `${ButtonVariantEnum}`; + onClick?: (event: MouseEvent) => void; } -export function Button({ class: className = '', dataTestId = '', disabled = false, size = 'large', variant = 'primary', onClick }: ButtonPropsType, children?: any) { - return ( - - ); - +export function Button( + { + class: className = '', + dataTestId = '', + disabled = false, + size = 'large', + variant = 'primary', + onClick, + }: ButtonPropsType, + children?: any, +) { + return ( + + ); } diff --git a/src/common/Button/button.styles.ts b/src/common/Button/button.styles.ts index d073a7ae..4b59fba3 100644 --- a/src/common/Button/button.styles.ts +++ b/src/common/Button/button.styles.ts @@ -8,4 +8,4 @@ export default { buttonSecondarySmall: 'button-secondary-small mvx:after:rounded-xl', buttonNeutral: 'button-neutral mvx:text-neutral-925 mvx:bg-white mvx:hover:opacity-75', buttonDisabled: 'button-disabled mvx:pointer-events-none mvx:bg-transparent mvx:cursor-default mvx:border mvx:border-secondary-text mvx:!text-secondary-text mvx:hover:opacity-100' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/common/CopyButton/CopyButton.tsx b/src/common/CopyButton/CopyButton.tsx index 9880c6ee..73807f81 100644 --- a/src/common/CopyButton/CopyButton.tsx +++ b/src/common/CopyButton/CopyButton.tsx @@ -3,36 +3,41 @@ import { Icon } from 'common/Icon'; // prettier-ignore const styles = { - copyButton: 'copy-button mvx:flex', - copyButtonIcon: 'copy-button-icon mvx:flex mvx:cursor-pointer mvx:justify-center mvx:transition-opacity mvx:duration-200 mvx:ease-in-out mvx:hover:opacity-80', - copyButtonIconCheck: 'copy-button-icon-check mvx:hover:opacity-100! mvx:cursor-default!', + copyButton: 'copy-button mvx:flex', + copyButtonIcon: 'copy-button-icon mvx:flex mvx:cursor-pointer mvx:justify-center mvx:transition-opacity mvx:duration-200 mvx:ease-in-out mvx:hover:opacity-80', + copyButtonIconCheck: 'copy-button-icon-check mvx:hover:opacity-100! mvx:cursor-default!', } satisfies Record; interface CopyButtonPropsType { - iconClass?: string; - class?: string; - text: string; - isSuccessOnCopy?: boolean; - handleCopyButtonClick?: (event: MouseEvent) => void; + iconClass?: string; + class?: string; + text: string; + isSuccessOnCopy?: boolean; + handleCopyButtonClick?: (event: MouseEvent) => void; } -export function CopyButton({ iconClass, class: className, isSuccessOnCopy, handleCopyButtonClick }: CopyButtonPropsType) { - return ( -
handleCopyButtonClick?.(event)} - class={{ - [styles.copyButton]: true, - [className]: Boolean(className), - }} - > - -
- ); +export function CopyButton({ + iconClass, + class: className, + isSuccessOnCopy, + handleCopyButtonClick, +}: CopyButtonPropsType) { + return ( +
handleCopyButtonClick?.(event)} + class={{ + [styles.copyButton]: true, + [className]: Boolean(className), + }} + > + +
+ ); } diff --git a/src/common/CopyButton/getCopyClickAction.ts b/src/common/CopyButton/getCopyClickAction.ts index 322cea44..e37b3df9 100644 --- a/src/common/CopyButton/getCopyClickAction.ts +++ b/src/common/CopyButton/getCopyClickAction.ts @@ -1,26 +1,26 @@ import { copyToClipboard } from 'utils/copyToClipboard'; interface CopyHandlerOptions { - onSuccessChange?: (isSuccess: boolean) => void; + onSuccessChange?: (isSuccess: boolean) => void; } export function getCopyClickAction({ onSuccessChange }: CopyHandlerOptions) { - let timeoutId: number | null = null; + let timeoutId: number | null = null; - return async (event: MouseEvent, text?: string) => { - const trimmedText = text ? text.trim() : text; - const success = await copyToClipboard(trimmedText); + return async (event: MouseEvent, text?: string) => { + const trimmedText = text ? text.trim() : text; + const success = await copyToClipboard(trimmedText); - event.preventDefault(); - event.stopPropagation(); + event.preventDefault(); + event.stopPropagation(); - if (onSuccessChange) { - onSuccessChange(success); + if (onSuccessChange) { + onSuccessChange(success); - window.clearTimeout(timeoutId); - if (success) { - timeoutId = window.setTimeout(() => onSuccessChange(false), 2000); - } - } - }; -} \ No newline at end of file + window.clearTimeout(timeoutId); + if (success) { + timeoutId = window.setTimeout(() => onSuccessChange(false), 2000); + } + } + }; +} diff --git a/src/common/ExplorerLink/ExplorerLink.tsx b/src/common/ExplorerLink/ExplorerLink.tsx index 8e781bd6..443ff9cc 100644 --- a/src/common/ExplorerLink/ExplorerLink.tsx +++ b/src/common/ExplorerLink/ExplorerLink.tsx @@ -8,33 +8,37 @@ const styles = { } satisfies Record; interface ExplorerLinkPropsType { - class?: string; - iconClass?: string; - dataTestId?: string; - link: string; - hasIcon?: boolean; + class?: string; + iconClass?: string; + dataTestId?: string; + link: string; + hasIcon?: boolean; } -export function ExplorerLink({ class: className, iconClass, dataTestId, link, hasIcon }: ExplorerLinkPropsType, children?: JSX.Element) { - if (!link) { - return null; - } - - return ( - - {hasIcon ? - () - : children} - - ); +export function ExplorerLink( + { class: className, iconClass, dataTestId, link, hasIcon }: ExplorerLinkPropsType, + children?: JSX.Element, +) { + if (!link) { + return null; + } + return ( + + {hasIcon ? ( + + ) : ( + children + )} + + ); } diff --git a/src/common/FormatAmount/FormatAmount.tsx b/src/common/FormatAmount/FormatAmount.tsx index f6e082b0..f0b2bb7d 100644 --- a/src/common/FormatAmount/FormatAmount.tsx +++ b/src/common/FormatAmount/FormatAmount.tsx @@ -1,19 +1,38 @@ -import { InvalidFormatAmount, ValidFormatAmount } from "./components"; +import { InvalidFormatAmount, ValidFormatAmount } from './components'; interface FormatAmountPropsType { - class?: string; - dataTestId?: string; - isValid: boolean; - label?: string; - labelClass?: string; - showLabel?: boolean; - valueDecimal: string; - valueInteger: string; - decimalClass?: string; + class?: string; + dataTestId?: string; + isValid: boolean; + label?: string; + labelClass?: string; + showLabel?: boolean; + valueDecimal: string; + valueInteger: string; + decimalClass?: string; } -export function FormatAmount({ class: className, dataTestId, isValid, label, labelClass, showLabel = true, valueDecimal, valueInteger, decimalClass }: FormatAmountPropsType) { - return isValid ? - ValidFormatAmount({ dataTestId, class: className, valueInteger, valueDecimal, decimalClass, showLabel, label, labelClass }) - : InvalidFormatAmount({ dataTestId, class: className }); +export function FormatAmount({ + class: className, + dataTestId, + isValid, + label, + labelClass, + showLabel = true, + valueDecimal, + valueInteger, + decimalClass, +}: FormatAmountPropsType) { + return isValid + ? ValidFormatAmount({ + dataTestId, + class: className, + valueInteger, + valueDecimal, + decimalClass, + showLabel, + label, + labelClass, + }) + : InvalidFormatAmount({ dataTestId, class: className }); } diff --git a/src/common/FormatAmount/components/InvalidFormatAmount.tsx b/src/common/FormatAmount/components/InvalidFormatAmount.tsx index 3630d3e9..6bd1ec7f 100644 --- a/src/common/FormatAmount/components/InvalidFormatAmount.tsx +++ b/src/common/FormatAmount/components/InvalidFormatAmount.tsx @@ -7,16 +7,16 @@ const styles = { } satisfies Record; interface InvalidFormatAmountPropsType { - class?: string; - dataTestId?: string; + class?: string; + dataTestId?: string; } export function InvalidFormatAmount({ dataTestId, class: className }: InvalidFormatAmountPropsType) { - return ( - - - ... - - - ); -} \ No newline at end of file + return ( + + + ... + + + ); +} diff --git a/src/common/FormatAmount/components/ValidFormatAmount.tsx b/src/common/FormatAmount/components/ValidFormatAmount.tsx index 4e9d02f4..02d24353 100644 --- a/src/common/FormatAmount/components/ValidFormatAmount.tsx +++ b/src/common/FormatAmount/components/ValidFormatAmount.tsx @@ -11,50 +11,50 @@ const styles = { } satisfies Record; interface ValidFormatAmountPropsType { - class?: string; - dataTestId?: string; - label?: string; - labelClass?: string; - showLabel?: boolean; - valueDecimal: string; - valueInteger: string; - decimalClass?: string; + class?: string; + dataTestId?: string; + label?: string; + labelClass?: string; + showLabel?: boolean; + valueDecimal: string; + valueInteger: string; + decimalClass?: string; } export function ValidFormatAmount({ - dataTestId, - class: className, - valueInteger, - valueDecimal, - decimalClass, - showLabel, - label, - labelClass + dataTestId, + class: className, + valueInteger, + valueDecimal, + decimalClass, + showLabel, + label, + labelClass, }: ValidFormatAmountPropsType) { - return ( - - - {valueInteger} - - {valueDecimal && ( - - {valueDecimal} - - )} - {showLabel && label && ( - - {label} - - )} + return ( + + + {valueInteger} + + {valueDecimal && ( + + {valueDecimal} - ); -} \ No newline at end of file + )} + {showLabel && label && ( + + {label} + + )} + + ); +} diff --git a/src/common/FormatAmount/components/index.ts b/src/common/FormatAmount/components/index.ts index ac8fc2ca..23f4c4a0 100644 --- a/src/common/FormatAmount/components/index.ts +++ b/src/common/FormatAmount/components/index.ts @@ -1,2 +1,2 @@ export * from './InvalidFormatAmount'; -export * from './ValidFormatAmount' \ No newline at end of file +export * from './ValidFormatAmount'; diff --git a/src/common/Icon/Icon.tsx b/src/common/Icon/Icon.tsx index 84ffa060..8ad6fc62 100644 --- a/src/common/Icon/Icon.tsx +++ b/src/common/Icon/Icon.tsx @@ -6,6 +6,7 @@ import { AngleRightIcon } from './components/AngleRightIcon'; import { AnglesLeftIcon } from './components/AnglesLeftIcon'; import { AnglesRightIcon } from './components/AnglesRightIcon'; import { AngleUpIcon } from './components/AngleUpIcon'; +import { ArrowRightIcon } from './components/ArrowRightIcon'; import { ArrowsRotateIcon } from './components/ArrowsRotateIcon'; import { ArrowUpRightFromSquareIcon } from './components/ArrowUpRightFromSquare'; import { ArrowUpRightIcon } from './components/ArrowUpRightIcon'; @@ -23,10 +24,9 @@ import { HourglassIcon } from './components/HourglassIcon'; import { LayersIcon } from './components/LayersIcon'; import { LockIcon } from './components/LockIcon'; import { PencilIcon } from './components/PencilIcon'; -import { TriangularWarningIcon } from './components/TriangularWarningIcon'; import { SpinnerIcon } from './components/SpinnerIcon'; +import { TriangularWarningIcon } from './components/TriangularWarningIcon'; import type { IconPropsType } from './icon.types'; -import { ArrowRightIcon } from './components/ArrowRightIcon'; export const Icon = ({ name, ...properties }: IconPropsType) => { if (!name) { @@ -107,10 +107,10 @@ export const Icon = ({ name, ...properties }: IconPropsType) => { return ; case 'spinner': - return + return ; case 'arrow-right': - return + return ; default: console.error(`No data for the ${name} icon.`); diff --git a/src/common/Icon/components/ArrowRightIcon/ArrowRightIcon.tsx b/src/common/Icon/components/ArrowRightIcon/ArrowRightIcon.tsx index c6a358be..2a0873ab 100644 --- a/src/common/Icon/components/ArrowRightIcon/ArrowRightIcon.tsx +++ b/src/common/Icon/components/ArrowRightIcon/ArrowRightIcon.tsx @@ -1,13 +1,20 @@ import { h } from '@stencil/core'; const styles = { - arrowRightIcon: 'arrow-right-icon mvx:w-4 mvx:h-4 mvx:text-inherit' + arrowRightIcon: 'arrow-right-icon mvx:w-4 mvx:h-4 mvx:text-inherit', } satisfies Record; export const ArrowRightIcon = ({ class: className }: { class?: string }) => ( - - - + + + ); - - diff --git a/src/common/Icon/components/ArrowRightIcon/index.ts b/src/common/Icon/components/ArrowRightIcon/index.ts index 190655e7..6442ab97 100644 --- a/src/common/Icon/components/ArrowRightIcon/index.ts +++ b/src/common/Icon/components/ArrowRightIcon/index.ts @@ -1 +1 @@ -export * from './ArrowRightIcon'; \ No newline at end of file +export * from './ArrowRightIcon'; diff --git a/src/common/Icon/components/ArrowsRotateIcon/ArrowsRotateIcon.tsx b/src/common/Icon/components/ArrowsRotateIcon/ArrowsRotateIcon.tsx index be0c0456..dc1313bc 100644 --- a/src/common/Icon/components/ArrowsRotateIcon/ArrowsRotateIcon.tsx +++ b/src/common/Icon/components/ArrowsRotateIcon/ArrowsRotateIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const ArrowsRotateIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/ArrowsRotateIcon/index.ts b/src/common/Icon/components/ArrowsRotateIcon/index.ts index 4ad08973..afa025e2 100644 --- a/src/common/Icon/components/ArrowsRotateIcon/index.ts +++ b/src/common/Icon/components/ArrowsRotateIcon/index.ts @@ -1 +1 @@ -export * from './ArrowsRotateIcon' \ No newline at end of file +export * from './ArrowsRotateIcon'; diff --git a/src/common/Icon/components/BanIcon/BanIcon.tsx b/src/common/Icon/components/BanIcon/BanIcon.tsx index bbe6f706..9dfdbce7 100644 --- a/src/common/Icon/components/BanIcon/BanIcon.tsx +++ b/src/common/Icon/components/BanIcon/BanIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const BanIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/BanIcon/index.ts b/src/common/Icon/components/BanIcon/index.ts index dc05cb85..8a1b461e 100644 --- a/src/common/Icon/components/BanIcon/index.ts +++ b/src/common/Icon/components/BanIcon/index.ts @@ -1 +1 @@ -export * from './BanIcon' \ No newline at end of file +export * from './BanIcon'; diff --git a/src/common/Icon/components/CircleCheckIcon/CircleCheckIcon.tsx b/src/common/Icon/components/CircleCheckIcon/CircleCheckIcon.tsx index a02f00fe..d822f04d 100644 --- a/src/common/Icon/components/CircleCheckIcon/CircleCheckIcon.tsx +++ b/src/common/Icon/components/CircleCheckIcon/CircleCheckIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const CircleCheckIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/CircleCheckIcon/index.ts b/src/common/Icon/components/CircleCheckIcon/index.ts index ad952553..8b2b1126 100644 --- a/src/common/Icon/components/CircleCheckIcon/index.ts +++ b/src/common/Icon/components/CircleCheckIcon/index.ts @@ -1 +1 @@ -export * from './CircleCheckIcon' \ No newline at end of file +export * from './CircleCheckIcon'; diff --git a/src/common/Icon/components/CircleInfoIcon/CircleInfoIcon.tsx b/src/common/Icon/components/CircleInfoIcon/CircleInfoIcon.tsx index 3b10e04a..59b7d7f7 100644 --- a/src/common/Icon/components/CircleInfoIcon/CircleInfoIcon.tsx +++ b/src/common/Icon/components/CircleInfoIcon/CircleInfoIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const CircleInfoIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/CircleInfoIcon/index.ts b/src/common/Icon/components/CircleInfoIcon/index.ts index 4e816048..0a21046f 100644 --- a/src/common/Icon/components/CircleInfoIcon/index.ts +++ b/src/common/Icon/components/CircleInfoIcon/index.ts @@ -1 +1 @@ -export * from './CircleInfoIcon' \ No newline at end of file +export * from './CircleInfoIcon'; diff --git a/src/common/Icon/components/CoinsIcon/CoinsIcon.tsx b/src/common/Icon/components/CoinsIcon/CoinsIcon.tsx index c27ce00e..61d14b4a 100644 --- a/src/common/Icon/components/CoinsIcon/CoinsIcon.tsx +++ b/src/common/Icon/components/CoinsIcon/CoinsIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const CoinsIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/CoinsIcon/index.ts b/src/common/Icon/components/CoinsIcon/index.ts index 9f35eb0a..2c25bbbc 100644 --- a/src/common/Icon/components/CoinsIcon/index.ts +++ b/src/common/Icon/components/CoinsIcon/index.ts @@ -1 +1 @@ -export * from './CoinsIcon' \ No newline at end of file +export * from './CoinsIcon'; diff --git a/src/common/Icon/components/HourglassIcon/HourglassIcon.tsx b/src/common/Icon/components/HourglassIcon/HourglassIcon.tsx index 18b68ced..c2ab4b22 100644 --- a/src/common/Icon/components/HourglassIcon/HourglassIcon.tsx +++ b/src/common/Icon/components/HourglassIcon/HourglassIcon.tsx @@ -2,10 +2,10 @@ import { h } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; export const HourglassIcon = (properties: JSXBase.IntrinsicElements['svg']) => ( - - - + + + ); diff --git a/src/common/Icon/components/HourglassIcon/index.ts b/src/common/Icon/components/HourglassIcon/index.ts index 40fb5498..864b7c2c 100644 --- a/src/common/Icon/components/HourglassIcon/index.ts +++ b/src/common/Icon/components/HourglassIcon/index.ts @@ -1 +1 @@ -export * from './HourglassIcon' \ No newline at end of file +export * from './HourglassIcon'; diff --git a/src/common/Icon/components/SpinnerIcon/SpinnerIcon.tsx b/src/common/Icon/components/SpinnerIcon/SpinnerIcon.tsx index 0c6ee5ac..ee728595 100644 --- a/src/common/Icon/components/SpinnerIcon/SpinnerIcon.tsx +++ b/src/common/Icon/components/SpinnerIcon/SpinnerIcon.tsx @@ -1,16 +1,20 @@ import { h } from '@stencil/core'; const styles = { - spinnerIcon: 'spinner-icon mvx:w-4 mvx:h-4 mvx:fill-secondary-text mvx:animate-spinner' + spinnerIcon: 'spinner-icon mvx:w-4 mvx:h-4 mvx:fill-secondary-text mvx:animate-spinner', } satisfies Record; export const SpinnerIcon = ({ class: className }: { class?: string }) => ( - - - + + + ); - - diff --git a/src/common/Icon/components/SpinnerIcon/index.ts b/src/common/Icon/components/SpinnerIcon/index.ts index 2a092c9d..f271e5f2 100644 --- a/src/common/Icon/components/SpinnerIcon/index.ts +++ b/src/common/Icon/components/SpinnerIcon/index.ts @@ -1 +1 @@ -export * from './SpinnerIcon'; \ No newline at end of file +export * from './SpinnerIcon'; diff --git a/src/common/Icon/icon.types.ts b/src/common/Icon/icon.types.ts index c699f9a0..cdd2c90d 100644 --- a/src/common/Icon/icon.types.ts +++ b/src/common/Icon/icon.types.ts @@ -26,7 +26,7 @@ export enum IconNamesEnum { coins = 'coins', arrowsRotate = 'arrows-rotate', spinner = 'spinner', - arrowRight = 'arrow-right' + arrowRight = 'arrow-right', } export type IconPropsType = JSXBase.IntrinsicElements['svg'] & { diff --git a/src/common/Tooltip/Tooltip.tsx b/src/common/Tooltip/Tooltip.tsx index e8624165..a82813a4 100644 --- a/src/common/Tooltip/Tooltip.tsx +++ b/src/common/Tooltip/Tooltip.tsx @@ -2,86 +2,97 @@ import { h } from '@stencil/core'; // prettier-ignore const styles = { - tooltip: 'tooltip mvx:flex mvx:relative', - tooltipContentWrapper: 'tooltip-content-wrapper mvx:left-1/2 mvx:absolute mvx:z-1 mvx:transform mvx:-translate-x-1/2', - tooltipContent: 'tooltip-content mvx:flex-row mvx:cursor-default mvx:p-2 mvx:whitespace-nowrap mvx:text-xs mvx:rounded-xl mvx:leading-none mvx:!bg-surface mvx:border-outline-variant mvx:border mvx:text-primary mvx:after:left-1/2 mvx:after:origin-center mvx:after:w-2 mvx:after:h-2 mvx:after:absolute mvx:after:border mvx:after:border-outline-variant mvx:after:!bg-surface mvx:after:translate-x-[calc(50%-8px)] mvx:after:-rotate-[45deg] mvx:after:content-[""]', - tooltipContentTop: 'tooltip-content-top mvx:after:border-t-0 mvx:after:border-r-0 mvx:after:-bottom-1', - tooltipContentBottom: 'tooltip-content-bottom mvx:after:border-b-0 mvx:after:border-l-0 mvx:after:-top-1' + tooltip: 'tooltip mvx:flex mvx:relative', + tooltipContentWrapper: 'tooltip-content-wrapper mvx:left-1/2 mvx:absolute mvx:z-1 mvx:transform mvx:-translate-x-1/2', + tooltipContent: 'tooltip-content mvx:flex-row mvx:cursor-default mvx:p-2 mvx:whitespace-nowrap mvx:text-xs mvx:rounded-xl mvx:leading-none mvx:!bg-surface mvx:border-outline-variant mvx:border mvx:text-primary mvx:after:left-1/2 mvx:after:origin-center mvx:after:w-2 mvx:after:h-2 mvx:after:absolute mvx:after:border mvx:after:border-outline-variant mvx:after:!bg-surface mvx:after:translate-x-[calc(50%-8px)] mvx:after:-rotate-[45deg] mvx:after:content-[""]', + tooltipContentTop: 'tooltip-content-top mvx:after:border-t-0 mvx:after:border-r-0 mvx:after:-bottom-1', + tooltipContentBottom: 'tooltip-content-bottom mvx:after:border-b-0 mvx:after:border-l-0 mvx:after:-top-1' } satisfies Record; interface TooltipPropsType { - position?: 'top' | 'bottom'; - triggerOnClick?: boolean; - trigger: HTMLElement; - class?: string; - isTooltipVisible?: boolean; - onVisibilityChange?: (isTooltipVisible: boolean) => void; + position?: 'top' | 'bottom'; + triggerOnClick?: boolean; + trigger: HTMLElement; + class?: string; + isTooltipVisible?: boolean; + onVisibilityChange?: (isTooltipVisible: boolean) => void; } -export function Tooltip({ position = 'top', triggerOnClick = false, trigger, class: className, onVisibilityChange, isTooltipVisible = false }: TooltipPropsType, children?: any) { - const setTooltipVisible = (isTooltipVisible: boolean) => { - onVisibilityChange?.(isTooltipVisible); - } - - const handleEllipsisClick = (event: MouseEvent) => { - if (!triggerOnClick) { - return; - } +export function Tooltip( + { + position = 'top', + triggerOnClick = false, + trigger, + class: className, + onVisibilityChange, + isTooltipVisible = false, + }: TooltipPropsType, + children?: any, +) { + const setTooltipVisible = (isTooltipVisible: boolean) => { + onVisibilityChange?.(isTooltipVisible); + }; - event.preventDefault(); - setTooltipVisible(!isTooltipVisible); + const handleEllipsisClick = (event: MouseEvent) => { + if (!triggerOnClick) { + return; } - const handleFocusOut = (event: FocusEvent) => { - const relatedTarget = event.relatedTarget as Node; - const currentTarget = event.currentTarget as HTMLElement; + event.preventDefault(); + setTooltipVisible(!isTooltipVisible); + }; - if (!currentTarget.contains(relatedTarget)) { - setTooltipVisible(false); - } - } + const handleFocusOut = (event: FocusEvent) => { + const relatedTarget = event.relatedTarget as Node; + const currentTarget = event.currentTarget as HTMLElement; - const handleMouseEvent = (isTooltipVisible: boolean) => { - if (triggerOnClick) { - return; - } + if (!currentTarget.contains(relatedTarget)) { + setTooltipVisible(false); + } + }; - return (event: MouseEvent) => { - event.preventDefault(); - setTooltipVisible(isTooltipVisible); - }; + const handleMouseEvent = (isTooltipVisible: boolean) => { + if (triggerOnClick) { + return; } - return ( + return (event: MouseEvent) => { + event.preventDefault(); + setTooltipVisible(isTooltipVisible); + }; + }; + + return ( +
+ {isTooltipVisible && (
- {isTooltipVisible && ( -
-
event.stopPropagation()} - > - {children} -
-
- )} - - {trigger} +
event.stopPropagation()} + > + {children} +
- ); -} \ No newline at end of file + )} + + {trigger} +
+ ); +} diff --git a/src/common/Trim/Trim.tsx b/src/common/Trim/Trim.tsx index ae2dd63b..0010a1f9 100644 --- a/src/common/Trim/Trim.tsx +++ b/src/common/Trim/Trim.tsx @@ -3,181 +3,175 @@ import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; import { ELLIPSIS } from 'constants/htmlStrings'; import { safeWindow } from 'constants/window.constants'; -import styles from './trim.styles' +import styles from './trim.styles'; interface TrimPropsType { - dataTestId?: string; - class?: string; - text: string; + dataTestId?: string; + class?: string; + text: string; } -export function Trim({ - dataTestId = DataTestIdsEnum.trim, - class: className, - text -}: TrimPropsType) { - let fullWidthUntrimmedElementReference: HTMLDivElement; - let trimElementReference: HTMLDivElement; - let resizeObserver: ResizeObserver; - let currentTrimFontSize = '1rem'; - let trimFullElement: HTMLDivElement; - let trimWrapperElement: HTMLDivElement; - let isCurrentlyOverflowing: boolean | null = null; - let isCheckingOverflow = false; - - const handleTrimElementReference = (element: HTMLDivElement) => { - if (element) { - trimElementReference = element; - setupResizeObserver(); - requestAnimationFrame(checkOverflow); - } +export function Trim({ dataTestId = DataTestIdsEnum.trim, class: className, text }: TrimPropsType) { + let fullWidthUntrimmedElementReference: HTMLDivElement; + let trimElementReference: HTMLDivElement; + let resizeObserver: ResizeObserver; + let currentTrimFontSize = '1rem'; + let trimFullElement: HTMLDivElement; + let trimWrapperElement: HTMLDivElement; + let isCurrentlyOverflowing: boolean | null = null; + let isCheckingOverflow = false; + + const handleTrimElementReference = (element: HTMLDivElement) => { + if (element) { + trimElementReference = element; + setupResizeObserver(); + requestAnimationFrame(checkOverflow); } + }; - const handleFullWidthTrimElementReference = (element: HTMLDivElement) => { - if (element) { - fullWidthUntrimmedElementReference = element; - } + const handleFullWidthTrimElementReference = (element: HTMLDivElement) => { + if (element) { + fullWidthUntrimmedElementReference = element; } + }; - const handleTrimFullRef = (element: HTMLDivElement) => { - if (element) { - trimFullElement = element; - } - }; + const handleTrimFullRef = (element: HTMLDivElement) => { + if (element) { + trimFullElement = element; + } + }; - const handleTrimWrapperRef = (element: HTMLDivElement) => { - if (element) { - trimWrapperElement = element; - } - }; + const handleTrimWrapperRef = (element: HTMLDivElement) => { + if (element) { + trimWrapperElement = element; + } + }; - const setupResizeObserver = () => { - if (resizeObserver) { - resizeObserver.disconnect(); - } + const setupResizeObserver = () => { + if (resizeObserver) { + resizeObserver.disconnect(); + } - resizeObserver = new ResizeObserver(() => { - checkOverflow(); - }); + resizeObserver = new ResizeObserver(() => { + checkOverflow(); + }); - if (trimElementReference) { - resizeObserver.observe(trimElementReference); - } + if (trimElementReference) { + resizeObserver.observe(trimElementReference); } + }; - const checkOverflow = () => { - if (isCheckingOverflow) { - return; - } + const checkOverflow = () => { + if (isCheckingOverflow) { + return; + } - if (!fullWidthUntrimmedElementReference || !trimElementReference || !trimFullElement || !trimWrapperElement) { - return; - } + if (!fullWidthUntrimmedElementReference || !trimElementReference || !trimFullElement || !trimWrapperElement) { + return; + } - isCheckingOverflow = true; + isCheckingOverflow = true; - if (resizeObserver) { - resizeObserver.disconnect(); + if (resizeObserver) { + resizeObserver.disconnect(); + } + + const getIdentifierClass = (classes: string) => classes.split(' ')[0]; + + const trimFullVisibleClasses = styles.trimFullVisible.split(/\s+/); + const trimWrapperVisibleClasses = styles.trimWrapperVisible.split(/\s+/); + + const hiddenFullWidthElementWidth = fullWidthUntrimmedElementReference.scrollWidth; + const trimmedElementWidth = trimElementReference.clientWidth; + const isTrimElementOverflowing = hiddenFullWidthElementWidth > trimmedElementWidth; + + if (isCurrentlyOverflowing === isTrimElementOverflowing) { + isCheckingOverflow = false; + + setTimeout(() => { + if (resizeObserver && trimElementReference) { + resizeObserver.observe(trimElementReference); } + }); + return; + } + + isCurrentlyOverflowing = isTrimElementOverflowing; + requestAnimationFrame(() => { + if (safeWindow) { + currentTrimFontSize = safeWindow.getComputedStyle(trimElementReference).fontSize; + } - const getIdentifierClass = (classes: string) => classes.split(' ')[0]; + const trimLeftSelector = `.${getIdentifierClass(styles.trimLeft)}`; + const trimRightSelector = `.${getIdentifierClass(styles.trimRight)}`; - const trimFullVisibleClasses = styles.trimFullVisible.split(/\s+/); - const trimWrapperVisibleClasses = styles.trimWrapperVisible.split(/\s+/); + const trimLeftElement = trimElementReference.querySelector(trimLeftSelector) as HTMLElement; + const trimRightElement = trimElementReference.querySelector(trimRightSelector) as HTMLElement; + if (trimLeftElement) { + trimLeftElement.style.fontSize = currentTrimFontSize; + } - const hiddenFullWidthElementWidth = fullWidthUntrimmedElementReference.scrollWidth; - const trimmedElementWidth = trimElementReference.clientWidth; - const isTrimElementOverflowing = hiddenFullWidthElementWidth > trimmedElementWidth; + if (trimRightElement) { + trimRightElement.style.fontSize = currentTrimFontSize; + } - if (isCurrentlyOverflowing === isTrimElementOverflowing) { + if (isTrimElementOverflowing) { + trimFullElement.classList.remove(...trimFullVisibleClasses); + trimWrapperElement.classList.add(...trimWrapperVisibleClasses); + } else { + trimFullElement.classList.add(...trimFullVisibleClasses); + trimWrapperElement.classList.remove(...trimWrapperVisibleClasses); + } - isCheckingOverflow = false; + isCheckingOverflow = false; - setTimeout(() => { - if (resizeObserver && trimElementReference) { - resizeObserver.observe(trimElementReference); - } - }); - return; + requestAnimationFrame(() => { + if (resizeObserver && trimElementReference) { + resizeObserver.observe(trimElementReference); } + }); + }); + }; + + const middleTextIndex = Math.floor(text.length / 2); + const leftHandText = text.slice(0, middleTextIndex); + const rightHandText = text.slice(middleTextIndex); + + return ( +
+
{ + handleFullWidthTrimElementReference(el); + handleTrimFullRef(el); + }} + class={styles.trimFull} + > + {text} +
+ +
+
+
+ {leftHandText} +
+
- isCurrentlyOverflowing = isTrimElementOverflowing; - - requestAnimationFrame(() => { - if (safeWindow) { - currentTrimFontSize = safeWindow.getComputedStyle(trimElementReference).fontSize; - } - - const trimLeftSelector = `.${getIdentifierClass(styles.trimLeft)}`; - const trimRightSelector = `.${getIdentifierClass(styles.trimRight)}`; - - const trimLeftElement = trimElementReference.querySelector(trimLeftSelector) as HTMLElement; - const trimRightElement = trimElementReference.querySelector(trimRightSelector) as HTMLElement; - if (trimLeftElement) { - trimLeftElement.style.fontSize = currentTrimFontSize; - } - - if (trimRightElement) { - trimRightElement.style.fontSize = currentTrimFontSize; - } - - if (isTrimElementOverflowing) { - trimFullElement.classList.remove(...trimFullVisibleClasses); - trimWrapperElement.classList.add(...trimWrapperVisibleClasses); - } else { - trimFullElement.classList.add(...trimFullVisibleClasses); - trimWrapperElement.classList.remove(...trimWrapperVisibleClasses); - } - - isCheckingOverflow = false; - - requestAnimationFrame(() => { - if (resizeObserver && trimElementReference) { - resizeObserver.observe(trimElementReference); - } - }); - }); - }; - - const middleTextIndex = Math.floor(text.length / 2); - const leftHandText = text.slice(0, middleTextIndex); - const rightHandText = text.slice(middleTextIndex); - - return ( -
-
{ - handleFullWidthTrimElementReference(el); - handleTrimFullRef(el); - }} - class={styles.trimFull} - > - {text} -
- -
-
-
- {leftHandText} -
-
- -
-
{ELLIPSIS}
-
- -
-
- {rightHandText} -
-
-
+
+
{ELLIPSIS}
- ); -} \ No newline at end of file + +
+
+ {rightHandText} +
+
+
+
+ ); +} diff --git a/src/common/Trim/trim.styles.ts b/src/common/Trim/trim.styles.ts index 6b3eb196..bd8b8b76 100644 --- a/src/common/Trim/trim.styles.ts +++ b/src/common/Trim/trim.styles.ts @@ -12,4 +12,4 @@ export default { trimRightWrapper: 'trim-right-wrapper mvx:flex-shrink mvx:text-ellipsis mvx:overflow-hidden mvx:whitespace-nowrap mvx:text-right mvx:text-[1px]', trimRight: 'trim-right mvx:select-none mvx:pointer-events-none mvx:inline mvx:text-base mvx:leading-5 mvx:text-clip mvx:-webkit-letter-spacing', trimStoriesWrapper: 'trim-stories-wrapper mvx:text-primary' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/common/UnlockButton/UnlockButton.tsx b/src/common/UnlockButton/UnlockButton.tsx index 480e6979..8867e101 100644 --- a/src/common/UnlockButton/UnlockButton.tsx +++ b/src/common/UnlockButton/UnlockButton.tsx @@ -13,6 +13,7 @@ import { safeWindow } from 'constants/window.constants'; import type { IProviderBase } from 'types/provider.types'; import { ProviderTypeEnum } from 'types/provider.types'; import { getDetectedBrowser } from 'utils/getDetectedBrowser'; + import styles from './unlockButton.styles'; interface UnlockButtonPropsType { diff --git a/src/common/UnlockButton/unlockButton.styles.ts b/src/common/UnlockButton/unlockButton.styles.ts index 87dd6af7..8ed46141 100644 --- a/src/common/UnlockButton/unlockButton.styles.ts +++ b/src/common/UnlockButton/unlockButton.styles.ts @@ -7,4 +7,4 @@ export default { unlockButtonStatus: 'unlock-button-status mvx:ml-auto mvx:relative mvx:rounded-3xl mvx:z-1 mvx:leading-none mvx:flex mvx:items-center mvx:py-1 mvx:px-2 mvx:font-medium mvx:gap-1 mvx:text-xs mvx:bg-surface mvx:border mvx:border-solid mvx:border-outline', unlockButtonStatusText: 'unlock-button-status-text mvx:text-accent', unlockButtonStatusIcon: 'unlock-button-status-icon mvx:flex mvx:items-center mvx:text-accent mvx:w-2.5 mvx:h-2.5', -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components.d.ts b/src/components.d.ts index a9d86ead..0ee1b82e 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -4,1564 +4,2137 @@ * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ -import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; -import { IAddressTableData } from "./types/address-table.types"; -import { ButtonSizeEnum, ButtonVariantEnum } from "./common/Button/button.types"; -import { CustomToastType, IComponentToast, ISimpleToast } from "./components/functional/toasts-list/components/transaction-toast/transaction-toast.type"; -import { IConfirmScreenData, IConnectScreenData, ILedgerConnectPanelData } from "./components/functional/ledger-connect/ledger-connect.types"; -import { IEventBus } from "./utils/EventBus"; -import { ITransactionListItem } from "./components/visual/transaction-list-item/transaction-list-item.types"; -import { LocalJSX as JSX } from "@stencil/core"; -import { ITransactionListItem as ITransactionListItem1 } from "./components/visual/transaction-list-item/transaction-list-item.types"; -import { IToastDataState, ITransactionProgressState } from "./components/functional/toasts-list/components/transaction-toast/transaction-toast.type"; -import { TransactionStatusEnum } from "./constants/transactionStatus.enum"; -import { TransactionRowType } from "./components/controlled/transactions-table/transactions-table.type"; -import { IProviderBase } from "./types/provider.types"; -import { IEventBus as IEventBus1, unknown as IWalletConnectPanelData } from "./components.d"; -export { IAddressTableData } from "./types/address-table.types"; -export { ButtonSizeEnum, ButtonVariantEnum } from "./common/Button/button.types"; -export { CustomToastType, IComponentToast, ISimpleToast } from "./components/functional/toasts-list/components/transaction-toast/transaction-toast.type"; -export { IConfirmScreenData, IConnectScreenData, ILedgerConnectPanelData } from "./components/functional/ledger-connect/ledger-connect.types"; -export { IEventBus } from "./utils/EventBus"; -export { ITransactionListItem } from "./components/visual/transaction-list-item/transaction-list-item.types"; -export { LocalJSX as JSX } from "@stencil/core"; -export { ITransactionListItem as ITransactionListItem1 } from "./components/visual/transaction-list-item/transaction-list-item.types"; -export { IToastDataState, ITransactionProgressState } from "./components/functional/toasts-list/components/transaction-toast/transaction-toast.type"; -export { TransactionStatusEnum } from "./constants/transactionStatus.enum"; -export { TransactionRowType } from "./components/controlled/transactions-table/transactions-table.type"; -export { IProviderBase } from "./types/provider.types"; -export { IEventBus as IEventBus1, unknown as IWalletConnectPanelData } from "./components.d"; +import { HTMLStencilElement, JSXBase } from '@stencil/core/internal'; +import { IAddressTableData } from './types/address-table.types'; +import { ButtonSizeEnum, ButtonVariantEnum } from './common/Button/button.types'; +import { + CustomToastType, + IComponentToast, + ISimpleToast, +} from './components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; +import { + IConfirmScreenData, + IConnectScreenData, + ILedgerConnectPanelData, +} from './components/functional/ledger-connect/ledger-connect.types'; +import { IEventBus } from './utils/EventBus'; +import { ITransactionListItem } from './components/visual/transaction-list-item/transaction-list-item.types'; +import { LocalJSX as JSX } from '@stencil/core'; +import { ITransactionListItem as ITransactionListItem1 } from './components/visual/transaction-list-item/transaction-list-item.types'; +import { + IToastDataState, + ITransactionProgressState, +} from './components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; +import { TransactionStatusEnum } from './constants/transactionStatus.enum'; +import { TransactionRowType } from './components/controlled/transactions-table/transactions-table.type'; +import { IProviderBase } from './types/provider.types'; +import { IEventBus as IEventBus1, unknown as IWalletConnectPanelData } from './components.d'; +export { IAddressTableData } from './types/address-table.types'; +export { ButtonSizeEnum, ButtonVariantEnum } from './common/Button/button.types'; +export { + CustomToastType, + IComponentToast, + ISimpleToast, +} from './components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; +export { + IConfirmScreenData, + IConnectScreenData, + ILedgerConnectPanelData, +} from './components/functional/ledger-connect/ledger-connect.types'; +export { IEventBus } from './utils/EventBus'; +export { ITransactionListItem } from './components/visual/transaction-list-item/transaction-list-item.types'; +export { LocalJSX as JSX } from '@stencil/core'; +export { ITransactionListItem as ITransactionListItem1 } from './components/visual/transaction-list-item/transaction-list-item.types'; +export { + IToastDataState, + ITransactionProgressState, +} from './components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; +export { TransactionStatusEnum } from './constants/transactionStatus.enum'; +export { TransactionRowType } from './components/controlled/transactions-table/transactions-table.type'; +export { IProviderBase } from './types/provider.types'; +export { IEventBus as IEventBus1, unknown as IWalletConnectPanelData } from './components.d'; export namespace Components { - interface MvxAddressTable { - "accountScreenData": IAddressTableData; - "selectedIndex": number; - } - interface MvxArcExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxArrowRightIcon { - "class"?: string; - } - interface MvxBraveExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxButton { - /** - * @default '' - */ - "class"?: string; - /** - * @default '' - */ - "dataTestId"?: string; - /** - * @default false - */ - "disabled"?: boolean; - /** - * @default 'large' - */ - "size"?: `${ButtonSizeEnum}`; - /** - * @default 'primary' - */ - "variant"?: `${ButtonVariantEnum}`; - } - interface MvxCircleInfoIcon { - "class"?: string; - } - interface MvxCopyButton { - "class"?: string; - "iconClass"?: string; - "text": string; - } - interface MvxCustomToast { - "toast": IComponentToast; - } - interface MvxDataWithExplorerLink { - "class"?: string; - "data": string; - "dataTestId"?: string; - "explorerLink": string; - /** - * @default true - */ - "showCopyButton"?: boolean; - /** - * @default true - */ - "showExplorerButton"?: boolean; - /** - * @default false - */ - "withTooltip"?: boolean; - } - interface MvxDefaultTransactionIconLarge { - "class"?: string; - } - interface MvxDefaultTransactionIconSmall { - "class"?: string; - } - interface MvxEdgeExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxExplorerLink { - "class"?: string; - "dataTestId"?: string; - "iconClass"?: string; - "link": string; - } - interface MvxExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxFirefoxExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxFormatAmount { - "class"?: string; - "dataTestId"?: string; - "decimalClass"?: string; - "isValid": boolean; - "label"?: string; - "labelClass"?: string; - /** - * @default true - */ - "showLabel"?: boolean; - "valueDecimal": string; - "valueInteger": string; - } - interface MvxGenericToast { - "toast": CustomToastType; - } - interface MvxLedgerConfirm { - "confirmScreenData": IConfirmScreenData; - } - interface MvxLedgerConnect { - /** - * @default { accountScreenData: null, confirmScreenData: null, connectScreenData: {}, } - */ - "data": ILedgerConnectPanelData; - "getEventBus": () => Promise; - } - interface MvxLedgerIcon { - "class"?: string; - } - interface MvxLedgerIntro { - "connectScreenData"?: IConnectScreenData; - /** - * @default false - */ - "isAwaiting"?: boolean; - } - interface MvxLedgerProviderIcon { - "class"?: string; - } - interface MvxMagnifyingGlassIcon { - "class"?: string; - } - interface MvxMetamaskProviderIcon { - "class"?: string; - } - interface MvxMultiversxLogoIcon { - "class"?: string; - } - interface MvxMultiversxSymbolIcon { - "class"?: string; - } - interface MvxNotificationsFeed { - "closeWithAnimation": () => Promise; - "getEventBus": () => Promise; - } - interface MvxPagination { - "class"?: string; - /** - * @default 1 - */ - "currentPage": number; - /** - * @default false - */ - "isDisabled"?: boolean; - "totalPages": number; - } - interface MvxPaginationEllipsis { - /** - * @default false - */ - "isActive": boolean; - } - interface MvxPaginationEllipsisForm { - /** - * @default false - */ - "isVisible": boolean; - "maxPageToSearchFor": number; - } - interface MvxPasskeyProviderIcon { - "class"?: string; - } - interface MvxPendingTransactionsPanel { - "closeWithAnimation": () => Promise; - "getEventBus": () => Promise; - } - interface MvxPreloader { - "class"?: string; - } - interface MvxSidePanel { - "hasBackButton"?: boolean; - /** - * @default false - */ - "isOpen": boolean; - "panelClassName"?: string; - "panelTitle": string; - /** - * @default true - */ - "showHeader"?: boolean; - } - interface MvxSidePanelHeader { - /** - * @default true - */ - "hasLeftButton"?: boolean; - /** - * @default true - */ - "hasRightButton"?: boolean; - "panelClassName"?: string; - "panelTitle": string; - } - interface MvxSidePanelSwiper { - "close": () => Promise; - /** - * @default false - */ - "open": boolean; - "openToSnapPoint": (snapIndex?: number) => Promise; - /** - * @default '' - */ - "sidePanelIdentifier": string; - } - interface MvxSignTransactionsPanel { - "closeWithAnimation": () => Promise; - "getEventBus": () => Promise; - } - interface MvxSimpleToast { - "toast": ISimpleToast; - } - interface MvxSpinnerIcon { - "class"?: string; - } - interface MvxToastList { - "getEventBus": () => Promise; - } - interface MvxTooltip { - "class"?: string; - /** - * @default 'top' - */ - "position": 'top' | 'bottom'; - "trigger": HTMLElement; - /** - * @default false - */ - "triggerOnClick"?: boolean; - } - interface MvxTransactionListItem { - "transaction": ITransactionListItem; - } - interface MvxTransactionToast { - "fullWidth"?: boolean; - /** - * @default '' - */ - "processedTransactionsStatus": string | JSX.Element; - "toastDataState": IToastDataState; - /** - * @default '' - */ - "toastId": string; - "transactionProgressState"?: ITransactionProgressState; - /** - * @default [] - */ - "transactions": ITransactionListItem[]; - "wrapperClass": string; - } - interface MvxTransactionToastContent { - "fullWidth"?: boolean; - "processedTransactionsStatus"?: string | JSX.Element; - "toastDataState": IToastDataState; - "transactions": ITransactionListItem[]; - } - interface MvxTransactionToastDetails { - /** - * @default 5 - */ - "maxShownTransactions": number; - "processedTransactionsStatus"?: string | JSX.Element; - "transactionClass": string; - "transactions"?: ITransactionListItem[]; - } - interface MvxTransactionToastDetailsBody { - "hash": string; - "index": string; - "link": string; - "status"?: `${TransactionStatusEnum}`; - /** - * @default 'transaction-details-list-item' - */ - "transactionClass"?: string; - } - interface MvxTransactionToastProgress { - "endTime"?: number; - "isStatusPending"?: boolean; - "startTime"?: number; - "toastId"?: string; - } - interface MvxTransactionsTable { - "class"?: string; - "transactions": TransactionRowType[]; - } - interface MvxTrim { - "class"?: string; - /** - * @default DataTestIdsEnum.trim - */ - "dataTestId"?: string; - "text": string; - } - interface MvxUnlockButton { - "class"?: string; - "dataTestId"?: string; - "icon"?: HTMLElement; - "iconUrl": string; - "label": string; - "type"?: IProviderBase['type']; - } - interface MvxUnlockPanel { - "closeWithAnimation": () => Promise; - "getEventBus": () => Promise; - } - interface MvxWalletConnect { - /** - * @default { wcURI: '' } - */ - "data": IWalletConnectPanelData; - "getEventBus": () => Promise; - /** - * @default '' - */ - "qrCodeSvg": string; - } - interface MvxWalletConnectAppGalleryIcon { - "class"?: string; - } - interface MvxWalletConnectAppStoreIcon { - "class"?: string; - } - interface MvxWalletConnectDownload { - "class"?: string; - } - interface MvxWalletConnectGooglePlayIcon { - "class"?: string; - } - interface MvxWalletConnectScan { - "class"?: string; - /** - * @default '' - */ - "qrCodeSvg": string; - /** - * @default '' - */ - "walletConnectDeepLink"?: string; - } - interface MvxWalletProviderIcon { - "class"?: string; - } - interface MvxXportalDownloadQrIcon { - /** - * @default '' - */ - "class"?: string; - } - interface MvxXportalQrCodePreloader { - "class"?: string; - } + interface MvxAddressTable { + accountScreenData: IAddressTableData; + selectedIndex: number; + } + interface MvxArcExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxArrowRightIcon { + class?: string; + } + interface MvxBraveExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxButton { + /** + * @default '' + */ + class?: string; + /** + * @default '' + */ + dataTestId?: string; + /** + * @default false + */ + disabled?: boolean; + /** + * @default 'large' + */ + size?: `${ButtonSizeEnum}`; + /** + * @default 'primary' + */ + variant?: `${ButtonVariantEnum}`; + } + interface MvxCircleInfoIcon { + class?: string; + } + interface MvxCopyButton { + class?: string; + iconClass?: string; + text: string; + } + interface MvxCustomToast { + toast: IComponentToast; + } + interface MvxDataWithExplorerLink { + class?: string; + data: string; + dataTestId?: string; + explorerLink: string; + /** + * @default true + */ + showCopyButton?: boolean; + /** + * @default true + */ + showExplorerButton?: boolean; + /** + * @default false + */ + withTooltip?: boolean; + } + interface MvxDefaultTransactionIconLarge { + class?: string; + } + interface MvxDefaultTransactionIconSmall { + class?: string; + } + interface MvxEdgeExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxExplorerLink { + class?: string; + dataTestId?: string; + iconClass?: string; + link: string; + } + interface MvxExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxFirefoxExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxFormatAmount { + class?: string; + dataTestId?: string; + decimalClass?: string; + isValid: boolean; + label?: string; + labelClass?: string; + /** + * @default true + */ + showLabel?: boolean; + valueDecimal: string; + valueInteger: string; + } + interface MvxGenericToast { + toast: CustomToastType; + } + interface MvxLedgerConfirm { + confirmScreenData: IConfirmScreenData; + } + interface MvxLedgerConnect { + /** + * @default { accountScreenData: null, confirmScreenData: null, connectScreenData: {}, } + */ + data: ILedgerConnectPanelData; + getEventBus: () => Promise; + } + interface MvxLedgerIcon { + class?: string; + } + interface MvxLedgerIntro { + connectScreenData?: IConnectScreenData; + /** + * @default false + */ + isAwaiting?: boolean; + } + interface MvxLedgerProviderIcon { + class?: string; + } + interface MvxMagnifyingGlassIcon { + class?: string; + } + interface MvxMetamaskProviderIcon { + class?: string; + } + interface MvxMultiversxLogoIcon { + class?: string; + } + interface MvxMultiversxSymbolIcon { + class?: string; + } + interface MvxNotificationsFeed { + closeWithAnimation: () => Promise; + getEventBus: () => Promise; + } + interface MvxPagination { + class?: string; + /** + * @default 1 + */ + currentPage: number; + /** + * @default false + */ + isDisabled?: boolean; + totalPages: number; + } + interface MvxPaginationEllipsis { + /** + * @default false + */ + isActive: boolean; + } + interface MvxPaginationEllipsisForm { + /** + * @default false + */ + isVisible: boolean; + maxPageToSearchFor: number; + } + interface MvxPasskeyProviderIcon { + class?: string; + } + interface MvxPendingTransactionsPanel { + closeWithAnimation: () => Promise; + getEventBus: () => Promise; + } + interface MvxPreloader { + class?: string; + } + interface MvxSidePanel { + hasBackButton?: boolean; + /** + * @default false + */ + isOpen: boolean; + panelClassName?: string; + panelTitle: string; + /** + * @default true + */ + showHeader?: boolean; + } + interface MvxSidePanelHeader { + /** + * @default true + */ + hasLeftButton?: boolean; + /** + * @default true + */ + hasRightButton?: boolean; + panelClassName?: string; + panelTitle: string; + } + interface MvxSidePanelSwiper { + close: () => Promise; + /** + * @default false + */ + open: boolean; + openToSnapPoint: (snapIndex?: number) => Promise; + /** + * @default '' + */ + sidePanelIdentifier: string; + } + interface MvxSignTransactionsPanel { + closeWithAnimation: () => Promise; + getEventBus: () => Promise; + } + interface MvxSimpleToast { + toast: ISimpleToast; + } + interface MvxSpinnerIcon { + class?: string; + } + interface MvxToastList { + getEventBus: () => Promise; + } + interface MvxTooltip { + class?: string; + /** + * @default 'top' + */ + position: 'top' | 'bottom'; + trigger: HTMLElement; + /** + * @default false + */ + triggerOnClick?: boolean; + } + interface MvxTransactionListItem { + transaction: ITransactionListItem; + } + interface MvxTransactionToast { + fullWidth?: boolean; + /** + * @default '' + */ + processedTransactionsStatus: string | JSX.Element; + toastDataState: IToastDataState; + /** + * @default '' + */ + toastId: string; + transactionProgressState?: ITransactionProgressState; + /** + * @default [] + */ + transactions: ITransactionListItem[]; + wrapperClass: string; + } + interface MvxTransactionToastContent { + fullWidth?: boolean; + processedTransactionsStatus?: string | JSX.Element; + toastDataState: IToastDataState; + transactions: ITransactionListItem[]; + } + interface MvxTransactionToastDetails { + /** + * @default 5 + */ + maxShownTransactions: number; + processedTransactionsStatus?: string | JSX.Element; + transactionClass: string; + transactions?: ITransactionListItem[]; + } + interface MvxTransactionToastDetailsBody { + hash: string; + index: string; + link: string; + status?: `${TransactionStatusEnum}`; + /** + * @default 'transaction-details-list-item' + */ + transactionClass?: string; + } + interface MvxTransactionToastProgress { + endTime?: number; + isStatusPending?: boolean; + startTime?: number; + toastId?: string; + } + interface MvxTransactionsTable { + class?: string; + transactions: TransactionRowType[]; + } + interface MvxTrim { + class?: string; + /** + * @default DataTestIdsEnum.trim + */ + dataTestId?: string; + text: string; + } + interface MvxUnlockButton { + class?: string; + dataTestId?: string; + icon?: HTMLElement; + iconUrl: string; + label: string; + type?: IProviderBase['type']; + } + interface MvxUnlockPanel { + closeWithAnimation: () => Promise; + getEventBus: () => Promise; + } + interface MvxWalletConnect { + /** + * @default { wcURI: '' } + */ + data: IWalletConnectPanelData; + getEventBus: () => Promise; + /** + * @default '' + */ + qrCodeSvg: string; + } + interface MvxWalletConnectAppGalleryIcon { + class?: string; + } + interface MvxWalletConnectAppStoreIcon { + class?: string; + } + interface MvxWalletConnectDownload { + class?: string; + } + interface MvxWalletConnectGooglePlayIcon { + class?: string; + } + interface MvxWalletConnectScan { + class?: string; + /** + * @default '' + */ + qrCodeSvg: string; + /** + * @default '' + */ + walletConnectDeepLink?: string; + } + interface MvxWalletProviderIcon { + class?: string; + } + interface MvxXportalDownloadQrIcon { + /** + * @default '' + */ + class?: string; + } + interface MvxXportalQrCodePreloader { + class?: string; + } } export interface MvxAddressTableCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxAddressTableElement; + detail: T; + target: HTMLMvxAddressTableElement; } export interface MvxButtonCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxButtonElement; + detail: T; + target: HTMLMvxButtonElement; } export interface MvxCustomToastCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxCustomToastElement; + detail: T; + target: HTMLMvxCustomToastElement; } export interface MvxGenericToastCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxGenericToastElement; + detail: T; + target: HTMLMvxGenericToastElement; } export interface MvxLedgerIntroCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxLedgerIntroElement; + detail: T; + target: HTMLMvxLedgerIntroElement; } export interface MvxPaginationCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxPaginationElement; + detail: T; + target: HTMLMvxPaginationElement; } export interface MvxPaginationEllipsisFormCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxPaginationEllipsisFormElement; + detail: T; + target: HTMLMvxPaginationEllipsisFormElement; } export interface MvxSidePanelCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxSidePanelElement; + detail: T; + target: HTMLMvxSidePanelElement; } export interface MvxSidePanelHeaderCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxSidePanelHeaderElement; + detail: T; + target: HTMLMvxSidePanelHeaderElement; } export interface MvxSidePanelSwiperCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxSidePanelSwiperElement; + detail: T; + target: HTMLMvxSidePanelSwiperElement; } export interface MvxSimpleToastCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxSimpleToastElement; + detail: T; + target: HTMLMvxSimpleToastElement; } export interface MvxTooltipCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxTooltipElement; + detail: T; + target: HTMLMvxTooltipElement; } export interface MvxTransactionToastCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxTransactionToastElement; + detail: T; + target: HTMLMvxTransactionToastElement; } export interface MvxTransactionToastContentCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxTransactionToastContentElement; + detail: T; + target: HTMLMvxTransactionToastContentElement; } export interface MvxWalletConnectScanCustomEvent extends CustomEvent { - detail: T; - target: HTMLMvxWalletConnectScanElement; + detail: T; + target: HTMLMvxWalletConnectScanElement; } declare global { - interface HTMLMvxAddressTableElementEventMap { - "accessWallet": any; - "selectAccount": any; - "pageChange": number; - } - interface HTMLMvxAddressTableElement extends Components.MvxAddressTable, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxAddressTableElement, ev: MvxAddressTableCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxAddressTableElement, ev: MvxAddressTableCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxAddressTableElement: { - prototype: HTMLMvxAddressTableElement; - new (): HTMLMvxAddressTableElement; - }; - interface HTMLMvxArcExtensionProviderIconElement extends Components.MvxArcExtensionProviderIcon, HTMLStencilElement { - } - var HTMLMvxArcExtensionProviderIconElement: { - prototype: HTMLMvxArcExtensionProviderIconElement; - new (): HTMLMvxArcExtensionProviderIconElement; - }; - interface HTMLMvxArrowRightIconElement extends Components.MvxArrowRightIcon, HTMLStencilElement { - } - var HTMLMvxArrowRightIconElement: { - prototype: HTMLMvxArrowRightIconElement; - new (): HTMLMvxArrowRightIconElement; - }; - interface HTMLMvxBraveExtensionProviderIconElement extends Components.MvxBraveExtensionProviderIcon, HTMLStencilElement { - } - var HTMLMvxBraveExtensionProviderIconElement: { - prototype: HTMLMvxBraveExtensionProviderIconElement; - new (): HTMLMvxBraveExtensionProviderIconElement; - }; - interface HTMLMvxButtonElementEventMap { - "buttonClick": MouseEvent; - } - interface HTMLMvxButtonElement extends Components.MvxButton, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxButtonElement, ev: MvxButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxButtonElement, ev: MvxButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxButtonElement: { - prototype: HTMLMvxButtonElement; - new (): HTMLMvxButtonElement; - }; - interface HTMLMvxCircleInfoIconElement extends Components.MvxCircleInfoIcon, HTMLStencilElement { - } - var HTMLMvxCircleInfoIconElement: { - prototype: HTMLMvxCircleInfoIconElement; - new (): HTMLMvxCircleInfoIconElement; - }; - interface HTMLMvxCopyButtonElement extends Components.MvxCopyButton, HTMLStencilElement { - } - var HTMLMvxCopyButtonElement: { - prototype: HTMLMvxCopyButtonElement; - new (): HTMLMvxCopyButtonElement; - }; - interface HTMLMvxCustomToastElementEventMap { - "deleteToast": string; - } - interface HTMLMvxCustomToastElement extends Components.MvxCustomToast, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxCustomToastElement, ev: MvxCustomToastCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxCustomToastElement, ev: MvxCustomToastCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxCustomToastElement: { - prototype: HTMLMvxCustomToastElement; - new (): HTMLMvxCustomToastElement; - }; - interface HTMLMvxDataWithExplorerLinkElement extends Components.MvxDataWithExplorerLink, HTMLStencilElement { - } - var HTMLMvxDataWithExplorerLinkElement: { - prototype: HTMLMvxDataWithExplorerLinkElement; - new (): HTMLMvxDataWithExplorerLinkElement; - }; - interface HTMLMvxDefaultTransactionIconLargeElement extends Components.MvxDefaultTransactionIconLarge, HTMLStencilElement { - } - var HTMLMvxDefaultTransactionIconLargeElement: { - prototype: HTMLMvxDefaultTransactionIconLargeElement; - new (): HTMLMvxDefaultTransactionIconLargeElement; - }; - interface HTMLMvxDefaultTransactionIconSmallElement extends Components.MvxDefaultTransactionIconSmall, HTMLStencilElement { - } - var HTMLMvxDefaultTransactionIconSmallElement: { - prototype: HTMLMvxDefaultTransactionIconSmallElement; - new (): HTMLMvxDefaultTransactionIconSmallElement; - }; - interface HTMLMvxEdgeExtensionProviderIconElement extends Components.MvxEdgeExtensionProviderIcon, HTMLStencilElement { - } - var HTMLMvxEdgeExtensionProviderIconElement: { - prototype: HTMLMvxEdgeExtensionProviderIconElement; - new (): HTMLMvxEdgeExtensionProviderIconElement; - }; - interface HTMLMvxExplorerLinkElement extends Components.MvxExplorerLink, HTMLStencilElement { - } - var HTMLMvxExplorerLinkElement: { - prototype: HTMLMvxExplorerLinkElement; - new (): HTMLMvxExplorerLinkElement; - }; - interface HTMLMvxExtensionProviderIconElement extends Components.MvxExtensionProviderIcon, HTMLStencilElement { - } - var HTMLMvxExtensionProviderIconElement: { - prototype: HTMLMvxExtensionProviderIconElement; - new (): HTMLMvxExtensionProviderIconElement; - }; - interface HTMLMvxFirefoxExtensionProviderIconElement extends Components.MvxFirefoxExtensionProviderIcon, HTMLStencilElement { - } - var HTMLMvxFirefoxExtensionProviderIconElement: { - prototype: HTMLMvxFirefoxExtensionProviderIconElement; - new (): HTMLMvxFirefoxExtensionProviderIconElement; - }; - interface HTMLMvxFormatAmountElement extends Components.MvxFormatAmount, HTMLStencilElement { - } - var HTMLMvxFormatAmountElement: { - prototype: HTMLMvxFormatAmountElement; - new (): HTMLMvxFormatAmountElement; - }; - interface HTMLMvxGenericToastElementEventMap { - "deleteToast": string; - } - interface HTMLMvxGenericToastElement extends Components.MvxGenericToast, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxGenericToastElement, ev: MvxGenericToastCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxGenericToastElement, ev: MvxGenericToastCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxGenericToastElement: { - prototype: HTMLMvxGenericToastElement; - new (): HTMLMvxGenericToastElement; - }; - interface HTMLMvxLedgerConfirmElement extends Components.MvxLedgerConfirm, HTMLStencilElement { - } - var HTMLMvxLedgerConfirmElement: { - prototype: HTMLMvxLedgerConfirmElement; - new (): HTMLMvxLedgerConfirmElement; - }; - interface HTMLMvxLedgerConnectElement extends Components.MvxLedgerConnect, HTMLStencilElement { - } - var HTMLMvxLedgerConnectElement: { - prototype: HTMLMvxLedgerConnectElement; - new (): HTMLMvxLedgerConnectElement; - }; - interface HTMLMvxLedgerIconElement extends Components.MvxLedgerIcon, HTMLStencilElement { - } - var HTMLMvxLedgerIconElement: { - prototype: HTMLMvxLedgerIconElement; - new (): HTMLMvxLedgerIconElement; - }; - interface HTMLMvxLedgerIntroElementEventMap { - "connect": any; - } - interface HTMLMvxLedgerIntroElement extends Components.MvxLedgerIntro, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxLedgerIntroElement, ev: MvxLedgerIntroCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxLedgerIntroElement, ev: MvxLedgerIntroCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxLedgerIntroElement: { - prototype: HTMLMvxLedgerIntroElement; - new (): HTMLMvxLedgerIntroElement; - }; - interface HTMLMvxLedgerProviderIconElement extends Components.MvxLedgerProviderIcon, HTMLStencilElement { - } - var HTMLMvxLedgerProviderIconElement: { - prototype: HTMLMvxLedgerProviderIconElement; - new (): HTMLMvxLedgerProviderIconElement; - }; - interface HTMLMvxMagnifyingGlassIconElement extends Components.MvxMagnifyingGlassIcon, HTMLStencilElement { - } - var HTMLMvxMagnifyingGlassIconElement: { - prototype: HTMLMvxMagnifyingGlassIconElement; - new (): HTMLMvxMagnifyingGlassIconElement; - }; - interface HTMLMvxMetamaskProviderIconElement extends Components.MvxMetamaskProviderIcon, HTMLStencilElement { - } - var HTMLMvxMetamaskProviderIconElement: { - prototype: HTMLMvxMetamaskProviderIconElement; - new (): HTMLMvxMetamaskProviderIconElement; - }; - interface HTMLMvxMultiversxLogoIconElement extends Components.MvxMultiversxLogoIcon, HTMLStencilElement { - } - var HTMLMvxMultiversxLogoIconElement: { - prototype: HTMLMvxMultiversxLogoIconElement; - new (): HTMLMvxMultiversxLogoIconElement; - }; - interface HTMLMvxMultiversxSymbolIconElement extends Components.MvxMultiversxSymbolIcon, HTMLStencilElement { - } - var HTMLMvxMultiversxSymbolIconElement: { - prototype: HTMLMvxMultiversxSymbolIconElement; - new (): HTMLMvxMultiversxSymbolIconElement; - }; - interface HTMLMvxNotificationsFeedElement extends Components.MvxNotificationsFeed, HTMLStencilElement { - } - var HTMLMvxNotificationsFeedElement: { - prototype: HTMLMvxNotificationsFeedElement; - new (): HTMLMvxNotificationsFeedElement; - }; - interface HTMLMvxPaginationElementEventMap { - "pageChange": number; - } - interface HTMLMvxPaginationElement extends Components.MvxPagination, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxPaginationElement, ev: MvxPaginationCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxPaginationElement, ev: MvxPaginationCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxPaginationElement: { - prototype: HTMLMvxPaginationElement; - new (): HTMLMvxPaginationElement; - }; - interface HTMLMvxPaginationEllipsisElement extends Components.MvxPaginationEllipsis, HTMLStencilElement { - } - var HTMLMvxPaginationEllipsisElement: { - prototype: HTMLMvxPaginationEllipsisElement; - new (): HTMLMvxPaginationEllipsisElement; - }; - interface HTMLMvxPaginationEllipsisFormElementEventMap { - "search": number; - } - interface HTMLMvxPaginationEllipsisFormElement extends Components.MvxPaginationEllipsisForm, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxPaginationEllipsisFormElement, ev: MvxPaginationEllipsisFormCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxPaginationEllipsisFormElement, ev: MvxPaginationEllipsisFormCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxPaginationEllipsisFormElement: { - prototype: HTMLMvxPaginationEllipsisFormElement; - new (): HTMLMvxPaginationEllipsisFormElement; - }; - interface HTMLMvxPasskeyProviderIconElement extends Components.MvxPasskeyProviderIcon, HTMLStencilElement { - } - var HTMLMvxPasskeyProviderIconElement: { - prototype: HTMLMvxPasskeyProviderIconElement; - new (): HTMLMvxPasskeyProviderIconElement; - }; - interface HTMLMvxPendingTransactionsPanelElement extends Components.MvxPendingTransactionsPanel, HTMLStencilElement { - } - var HTMLMvxPendingTransactionsPanelElement: { - prototype: HTMLMvxPendingTransactionsPanelElement; - new (): HTMLMvxPendingTransactionsPanelElement; - }; - interface HTMLMvxPreloaderElement extends Components.MvxPreloader, HTMLStencilElement { - } - var HTMLMvxPreloaderElement: { - prototype: HTMLMvxPreloaderElement; - new (): HTMLMvxPreloaderElement; - }; - interface HTMLMvxSidePanelElementEventMap { - "close": void; - "back": void; - } - interface HTMLMvxSidePanelElement extends Components.MvxSidePanel, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxSidePanelElement, ev: MvxSidePanelCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxSidePanelElement, ev: MvxSidePanelCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxSidePanelElement: { - prototype: HTMLMvxSidePanelElement; - new (): HTMLMvxSidePanelElement; - }; - interface HTMLMvxSidePanelHeaderElementEventMap { - "rightButtonClick": any; - "leftButtonClick": any; - } - interface HTMLMvxSidePanelHeaderElement extends Components.MvxSidePanelHeader, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxSidePanelHeaderElement, ev: MvxSidePanelHeaderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxSidePanelHeaderElement, ev: MvxSidePanelHeaderCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxSidePanelHeaderElement: { - prototype: HTMLMvxSidePanelHeaderElement; - new (): HTMLMvxSidePanelHeaderElement; - }; - interface HTMLMvxSidePanelSwiperElementEventMap { - "sheetDismiss": void; - "sheetSnapChange": { index: number; snapPoint: string }; - } - interface HTMLMvxSidePanelSwiperElement extends Components.MvxSidePanelSwiper, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxSidePanelSwiperElement, ev: MvxSidePanelSwiperCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxSidePanelSwiperElement, ev: MvxSidePanelSwiperCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxSidePanelSwiperElement: { - prototype: HTMLMvxSidePanelSwiperElement; - new (): HTMLMvxSidePanelSwiperElement; - }; - interface HTMLMvxSignTransactionsPanelElement extends Components.MvxSignTransactionsPanel, HTMLStencilElement { - } - var HTMLMvxSignTransactionsPanelElement: { - prototype: HTMLMvxSignTransactionsPanelElement; - new (): HTMLMvxSignTransactionsPanelElement; - }; - interface HTMLMvxSimpleToastElementEventMap { - "deleteToast": void; - } - interface HTMLMvxSimpleToastElement extends Components.MvxSimpleToast, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxSimpleToastElement, ev: MvxSimpleToastCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxSimpleToastElement, ev: MvxSimpleToastCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxSimpleToastElement: { - prototype: HTMLMvxSimpleToastElement; - new (): HTMLMvxSimpleToastElement; - }; - interface HTMLMvxSpinnerIconElement extends Components.MvxSpinnerIcon, HTMLStencilElement { - } - var HTMLMvxSpinnerIconElement: { - prototype: HTMLMvxSpinnerIconElement; - new (): HTMLMvxSpinnerIconElement; - }; - interface HTMLMvxToastListElement extends Components.MvxToastList, HTMLStencilElement { - } - var HTMLMvxToastListElement: { - prototype: HTMLMvxToastListElement; - new (): HTMLMvxToastListElement; - }; - interface HTMLMvxTooltipElementEventMap { - "triggerRender": boolean; - } - interface HTMLMvxTooltipElement extends Components.MvxTooltip, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxTooltipElement, ev: MvxTooltipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxTooltipElement, ev: MvxTooltipCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxTooltipElement: { - prototype: HTMLMvxTooltipElement; - new (): HTMLMvxTooltipElement; - }; - interface HTMLMvxTransactionListItemElement extends Components.MvxTransactionListItem, HTMLStencilElement { - } - var HTMLMvxTransactionListItemElement: { - prototype: HTMLMvxTransactionListItemElement; - new (): HTMLMvxTransactionListItemElement; - }; - interface HTMLMvxTransactionToastElementEventMap { - "deleteToast": void; - } - interface HTMLMvxTransactionToastElement extends Components.MvxTransactionToast, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxTransactionToastElement, ev: MvxTransactionToastCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxTransactionToastElement, ev: MvxTransactionToastCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxTransactionToastElement: { - prototype: HTMLMvxTransactionToastElement; - new (): HTMLMvxTransactionToastElement; - }; - interface HTMLMvxTransactionToastContentElementEventMap { - "deleteToast": void; - } - interface HTMLMvxTransactionToastContentElement extends Components.MvxTransactionToastContent, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxTransactionToastContentElement, ev: MvxTransactionToastContentCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxTransactionToastContentElement, ev: MvxTransactionToastContentCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxTransactionToastContentElement: { - prototype: HTMLMvxTransactionToastContentElement; - new (): HTMLMvxTransactionToastContentElement; - }; - interface HTMLMvxTransactionToastDetailsElement extends Components.MvxTransactionToastDetails, HTMLStencilElement { - } - var HTMLMvxTransactionToastDetailsElement: { - prototype: HTMLMvxTransactionToastDetailsElement; - new (): HTMLMvxTransactionToastDetailsElement; - }; - interface HTMLMvxTransactionToastDetailsBodyElement extends Components.MvxTransactionToastDetailsBody, HTMLStencilElement { - } - var HTMLMvxTransactionToastDetailsBodyElement: { - prototype: HTMLMvxTransactionToastDetailsBodyElement; - new (): HTMLMvxTransactionToastDetailsBodyElement; - }; - interface HTMLMvxTransactionToastProgressElement extends Components.MvxTransactionToastProgress, HTMLStencilElement { - } - var HTMLMvxTransactionToastProgressElement: { - prototype: HTMLMvxTransactionToastProgressElement; - new (): HTMLMvxTransactionToastProgressElement; - }; - interface HTMLMvxTransactionsTableElement extends Components.MvxTransactionsTable, HTMLStencilElement { - } - var HTMLMvxTransactionsTableElement: { - prototype: HTMLMvxTransactionsTableElement; - new (): HTMLMvxTransactionsTableElement; - }; - interface HTMLMvxTrimElement extends Components.MvxTrim, HTMLStencilElement { - } - var HTMLMvxTrimElement: { - prototype: HTMLMvxTrimElement; - new (): HTMLMvxTrimElement; - }; - interface HTMLMvxUnlockButtonElement extends Components.MvxUnlockButton, HTMLStencilElement { - } - var HTMLMvxUnlockButtonElement: { - prototype: HTMLMvxUnlockButtonElement; - new (): HTMLMvxUnlockButtonElement; - }; - interface HTMLMvxUnlockPanelElement extends Components.MvxUnlockPanel, HTMLStencilElement { - } - var HTMLMvxUnlockPanelElement: { - prototype: HTMLMvxUnlockPanelElement; - new (): HTMLMvxUnlockPanelElement; - }; - interface HTMLMvxWalletConnectElement extends Components.MvxWalletConnect, HTMLStencilElement { - } - var HTMLMvxWalletConnectElement: { - prototype: HTMLMvxWalletConnectElement; - new (): HTMLMvxWalletConnectElement; - }; - interface HTMLMvxWalletConnectAppGalleryIconElement extends Components.MvxWalletConnectAppGalleryIcon, HTMLStencilElement { - } - var HTMLMvxWalletConnectAppGalleryIconElement: { - prototype: HTMLMvxWalletConnectAppGalleryIconElement; - new (): HTMLMvxWalletConnectAppGalleryIconElement; - }; - interface HTMLMvxWalletConnectAppStoreIconElement extends Components.MvxWalletConnectAppStoreIcon, HTMLStencilElement { - } - var HTMLMvxWalletConnectAppStoreIconElement: { - prototype: HTMLMvxWalletConnectAppStoreIconElement; - new (): HTMLMvxWalletConnectAppStoreIconElement; - }; - interface HTMLMvxWalletConnectDownloadElement extends Components.MvxWalletConnectDownload, HTMLStencilElement { - } - var HTMLMvxWalletConnectDownloadElement: { - prototype: HTMLMvxWalletConnectDownloadElement; - new (): HTMLMvxWalletConnectDownloadElement; - }; - interface HTMLMvxWalletConnectGooglePlayIconElement extends Components.MvxWalletConnectGooglePlayIcon, HTMLStencilElement { - } - var HTMLMvxWalletConnectGooglePlayIconElement: { - prototype: HTMLMvxWalletConnectGooglePlayIconElement; - new (): HTMLMvxWalletConnectGooglePlayIconElement; - }; - interface HTMLMvxWalletConnectScanElementEventMap { - "downloadClick": any; - } - interface HTMLMvxWalletConnectScanElement extends Components.MvxWalletConnectScan, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLMvxWalletConnectScanElement, ev: MvxWalletConnectScanCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLMvxWalletConnectScanElement, ev: MvxWalletConnectScanCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLMvxWalletConnectScanElement: { - prototype: HTMLMvxWalletConnectScanElement; - new (): HTMLMvxWalletConnectScanElement; - }; - interface HTMLMvxWalletProviderIconElement extends Components.MvxWalletProviderIcon, HTMLStencilElement { - } - var HTMLMvxWalletProviderIconElement: { - prototype: HTMLMvxWalletProviderIconElement; - new (): HTMLMvxWalletProviderIconElement; - }; - interface HTMLMvxXportalDownloadQrIconElement extends Components.MvxXportalDownloadQrIcon, HTMLStencilElement { - } - var HTMLMvxXportalDownloadQrIconElement: { - prototype: HTMLMvxXportalDownloadQrIconElement; - new (): HTMLMvxXportalDownloadQrIconElement; - }; - interface HTMLMvxXportalQrCodePreloaderElement extends Components.MvxXportalQrCodePreloader, HTMLStencilElement { - } - var HTMLMvxXportalQrCodePreloaderElement: { - prototype: HTMLMvxXportalQrCodePreloaderElement; - new (): HTMLMvxXportalQrCodePreloaderElement; - }; - interface HTMLElementTagNameMap { - "mvx-address-table": HTMLMvxAddressTableElement; - "mvx-arc-extension-provider-icon": HTMLMvxArcExtensionProviderIconElement; - "mvx-arrow-right-icon": HTMLMvxArrowRightIconElement; - "mvx-brave-extension-provider-icon": HTMLMvxBraveExtensionProviderIconElement; - "mvx-button": HTMLMvxButtonElement; - "mvx-circle-info-icon": HTMLMvxCircleInfoIconElement; - "mvx-copy-button": HTMLMvxCopyButtonElement; - "mvx-custom-toast": HTMLMvxCustomToastElement; - "mvx-data-with-explorer-link": HTMLMvxDataWithExplorerLinkElement; - "mvx-default-transaction-icon-large": HTMLMvxDefaultTransactionIconLargeElement; - "mvx-default-transaction-icon-small": HTMLMvxDefaultTransactionIconSmallElement; - "mvx-edge-extension-provider-icon": HTMLMvxEdgeExtensionProviderIconElement; - "mvx-explorer-link": HTMLMvxExplorerLinkElement; - "mvx-extension-provider-icon": HTMLMvxExtensionProviderIconElement; - "mvx-firefox-extension-provider-icon": HTMLMvxFirefoxExtensionProviderIconElement; - "mvx-format-amount": HTMLMvxFormatAmountElement; - "mvx-generic-toast": HTMLMvxGenericToastElement; - "mvx-ledger-confirm": HTMLMvxLedgerConfirmElement; - "mvx-ledger-connect": HTMLMvxLedgerConnectElement; - "mvx-ledger-icon": HTMLMvxLedgerIconElement; - "mvx-ledger-intro": HTMLMvxLedgerIntroElement; - "mvx-ledger-provider-icon": HTMLMvxLedgerProviderIconElement; - "mvx-magnifying-glass-icon": HTMLMvxMagnifyingGlassIconElement; - "mvx-metamask-provider-icon": HTMLMvxMetamaskProviderIconElement; - "mvx-multiversx-logo-icon": HTMLMvxMultiversxLogoIconElement; - "mvx-multiversx-symbol-icon": HTMLMvxMultiversxSymbolIconElement; - "mvx-notifications-feed": HTMLMvxNotificationsFeedElement; - "mvx-pagination": HTMLMvxPaginationElement; - "mvx-pagination-ellipsis": HTMLMvxPaginationEllipsisElement; - "mvx-pagination-ellipsis-form": HTMLMvxPaginationEllipsisFormElement; - "mvx-passkey-provider-icon": HTMLMvxPasskeyProviderIconElement; - "mvx-pending-transactions-panel": HTMLMvxPendingTransactionsPanelElement; - "mvx-preloader": HTMLMvxPreloaderElement; - "mvx-side-panel": HTMLMvxSidePanelElement; - "mvx-side-panel-header": HTMLMvxSidePanelHeaderElement; - "mvx-side-panel-swiper": HTMLMvxSidePanelSwiperElement; - "mvx-sign-transactions-panel": HTMLMvxSignTransactionsPanelElement; - "mvx-simple-toast": HTMLMvxSimpleToastElement; - "mvx-spinner-icon": HTMLMvxSpinnerIconElement; - "mvx-toast-list": HTMLMvxToastListElement; - "mvx-tooltip": HTMLMvxTooltipElement; - "mvx-transaction-list-item": HTMLMvxTransactionListItemElement; - "mvx-transaction-toast": HTMLMvxTransactionToastElement; - "mvx-transaction-toast-content": HTMLMvxTransactionToastContentElement; - "mvx-transaction-toast-details": HTMLMvxTransactionToastDetailsElement; - "mvx-transaction-toast-details-body": HTMLMvxTransactionToastDetailsBodyElement; - "mvx-transaction-toast-progress": HTMLMvxTransactionToastProgressElement; - "mvx-transactions-table": HTMLMvxTransactionsTableElement; - "mvx-trim": HTMLMvxTrimElement; - "mvx-unlock-button": HTMLMvxUnlockButtonElement; - "mvx-unlock-panel": HTMLMvxUnlockPanelElement; - "mvx-wallet-connect": HTMLMvxWalletConnectElement; - "mvx-wallet-connect-app-gallery-icon": HTMLMvxWalletConnectAppGalleryIconElement; - "mvx-wallet-connect-app-store-icon": HTMLMvxWalletConnectAppStoreIconElement; - "mvx-wallet-connect-download": HTMLMvxWalletConnectDownloadElement; - "mvx-wallet-connect-google-play-icon": HTMLMvxWalletConnectGooglePlayIconElement; - "mvx-wallet-connect-scan": HTMLMvxWalletConnectScanElement; - "mvx-wallet-provider-icon": HTMLMvxWalletProviderIconElement; - "mvx-xportal-download-qr-icon": HTMLMvxXportalDownloadQrIconElement; - "mvx-xportal-qr-code-preloader": HTMLMvxXportalQrCodePreloaderElement; - } + interface HTMLMvxAddressTableElementEventMap { + accessWallet: any; + selectAccount: any; + pageChange: number; + } + interface HTMLMvxAddressTableElement extends Components.MvxAddressTable, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxAddressTableElement, + ev: MvxAddressTableCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxAddressTableElement, + ev: MvxAddressTableCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxAddressTableElement: { + prototype: HTMLMvxAddressTableElement; + new (): HTMLMvxAddressTableElement; + }; + interface HTMLMvxArcExtensionProviderIconElement extends Components.MvxArcExtensionProviderIcon, HTMLStencilElement {} + var HTMLMvxArcExtensionProviderIconElement: { + prototype: HTMLMvxArcExtensionProviderIconElement; + new (): HTMLMvxArcExtensionProviderIconElement; + }; + interface HTMLMvxArrowRightIconElement extends Components.MvxArrowRightIcon, HTMLStencilElement {} + var HTMLMvxArrowRightIconElement: { + prototype: HTMLMvxArrowRightIconElement; + new (): HTMLMvxArrowRightIconElement; + }; + interface HTMLMvxBraveExtensionProviderIconElement + extends Components.MvxBraveExtensionProviderIcon, + HTMLStencilElement {} + var HTMLMvxBraveExtensionProviderIconElement: { + prototype: HTMLMvxBraveExtensionProviderIconElement; + new (): HTMLMvxBraveExtensionProviderIconElement; + }; + interface HTMLMvxButtonElementEventMap { + buttonClick: MouseEvent; + } + interface HTMLMvxButtonElement extends Components.MvxButton, HTMLStencilElement { + addEventListener( + type: K, + listener: (this: HTMLMvxButtonElement, ev: MvxButtonCustomEvent) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLMvxButtonElement, ev: MvxButtonCustomEvent) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxButtonElement: { + prototype: HTMLMvxButtonElement; + new (): HTMLMvxButtonElement; + }; + interface HTMLMvxCircleInfoIconElement extends Components.MvxCircleInfoIcon, HTMLStencilElement {} + var HTMLMvxCircleInfoIconElement: { + prototype: HTMLMvxCircleInfoIconElement; + new (): HTMLMvxCircleInfoIconElement; + }; + interface HTMLMvxCopyButtonElement extends Components.MvxCopyButton, HTMLStencilElement {} + var HTMLMvxCopyButtonElement: { + prototype: HTMLMvxCopyButtonElement; + new (): HTMLMvxCopyButtonElement; + }; + interface HTMLMvxCustomToastElementEventMap { + deleteToast: string; + } + interface HTMLMvxCustomToastElement extends Components.MvxCustomToast, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxCustomToastElement, + ev: MvxCustomToastCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxCustomToastElement, + ev: MvxCustomToastCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxCustomToastElement: { + prototype: HTMLMvxCustomToastElement; + new (): HTMLMvxCustomToastElement; + }; + interface HTMLMvxDataWithExplorerLinkElement extends Components.MvxDataWithExplorerLink, HTMLStencilElement {} + var HTMLMvxDataWithExplorerLinkElement: { + prototype: HTMLMvxDataWithExplorerLinkElement; + new (): HTMLMvxDataWithExplorerLinkElement; + }; + interface HTMLMvxDefaultTransactionIconLargeElement + extends Components.MvxDefaultTransactionIconLarge, + HTMLStencilElement {} + var HTMLMvxDefaultTransactionIconLargeElement: { + prototype: HTMLMvxDefaultTransactionIconLargeElement; + new (): HTMLMvxDefaultTransactionIconLargeElement; + }; + interface HTMLMvxDefaultTransactionIconSmallElement + extends Components.MvxDefaultTransactionIconSmall, + HTMLStencilElement {} + var HTMLMvxDefaultTransactionIconSmallElement: { + prototype: HTMLMvxDefaultTransactionIconSmallElement; + new (): HTMLMvxDefaultTransactionIconSmallElement; + }; + interface HTMLMvxEdgeExtensionProviderIconElement + extends Components.MvxEdgeExtensionProviderIcon, + HTMLStencilElement {} + var HTMLMvxEdgeExtensionProviderIconElement: { + prototype: HTMLMvxEdgeExtensionProviderIconElement; + new (): HTMLMvxEdgeExtensionProviderIconElement; + }; + interface HTMLMvxExplorerLinkElement extends Components.MvxExplorerLink, HTMLStencilElement {} + var HTMLMvxExplorerLinkElement: { + prototype: HTMLMvxExplorerLinkElement; + new (): HTMLMvxExplorerLinkElement; + }; + interface HTMLMvxExtensionProviderIconElement extends Components.MvxExtensionProviderIcon, HTMLStencilElement {} + var HTMLMvxExtensionProviderIconElement: { + prototype: HTMLMvxExtensionProviderIconElement; + new (): HTMLMvxExtensionProviderIconElement; + }; + interface HTMLMvxFirefoxExtensionProviderIconElement + extends Components.MvxFirefoxExtensionProviderIcon, + HTMLStencilElement {} + var HTMLMvxFirefoxExtensionProviderIconElement: { + prototype: HTMLMvxFirefoxExtensionProviderIconElement; + new (): HTMLMvxFirefoxExtensionProviderIconElement; + }; + interface HTMLMvxFormatAmountElement extends Components.MvxFormatAmount, HTMLStencilElement {} + var HTMLMvxFormatAmountElement: { + prototype: HTMLMvxFormatAmountElement; + new (): HTMLMvxFormatAmountElement; + }; + interface HTMLMvxGenericToastElementEventMap { + deleteToast: string; + } + interface HTMLMvxGenericToastElement extends Components.MvxGenericToast, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxGenericToastElement, + ev: MvxGenericToastCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxGenericToastElement, + ev: MvxGenericToastCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxGenericToastElement: { + prototype: HTMLMvxGenericToastElement; + new (): HTMLMvxGenericToastElement; + }; + interface HTMLMvxLedgerConfirmElement extends Components.MvxLedgerConfirm, HTMLStencilElement {} + var HTMLMvxLedgerConfirmElement: { + prototype: HTMLMvxLedgerConfirmElement; + new (): HTMLMvxLedgerConfirmElement; + }; + interface HTMLMvxLedgerConnectElement extends Components.MvxLedgerConnect, HTMLStencilElement {} + var HTMLMvxLedgerConnectElement: { + prototype: HTMLMvxLedgerConnectElement; + new (): HTMLMvxLedgerConnectElement; + }; + interface HTMLMvxLedgerIconElement extends Components.MvxLedgerIcon, HTMLStencilElement {} + var HTMLMvxLedgerIconElement: { + prototype: HTMLMvxLedgerIconElement; + new (): HTMLMvxLedgerIconElement; + }; + interface HTMLMvxLedgerIntroElementEventMap { + connect: any; + } + interface HTMLMvxLedgerIntroElement extends Components.MvxLedgerIntro, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxLedgerIntroElement, + ev: MvxLedgerIntroCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxLedgerIntroElement, + ev: MvxLedgerIntroCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxLedgerIntroElement: { + prototype: HTMLMvxLedgerIntroElement; + new (): HTMLMvxLedgerIntroElement; + }; + interface HTMLMvxLedgerProviderIconElement extends Components.MvxLedgerProviderIcon, HTMLStencilElement {} + var HTMLMvxLedgerProviderIconElement: { + prototype: HTMLMvxLedgerProviderIconElement; + new (): HTMLMvxLedgerProviderIconElement; + }; + interface HTMLMvxMagnifyingGlassIconElement extends Components.MvxMagnifyingGlassIcon, HTMLStencilElement {} + var HTMLMvxMagnifyingGlassIconElement: { + prototype: HTMLMvxMagnifyingGlassIconElement; + new (): HTMLMvxMagnifyingGlassIconElement; + }; + interface HTMLMvxMetamaskProviderIconElement extends Components.MvxMetamaskProviderIcon, HTMLStencilElement {} + var HTMLMvxMetamaskProviderIconElement: { + prototype: HTMLMvxMetamaskProviderIconElement; + new (): HTMLMvxMetamaskProviderIconElement; + }; + interface HTMLMvxMultiversxLogoIconElement extends Components.MvxMultiversxLogoIcon, HTMLStencilElement {} + var HTMLMvxMultiversxLogoIconElement: { + prototype: HTMLMvxMultiversxLogoIconElement; + new (): HTMLMvxMultiversxLogoIconElement; + }; + interface HTMLMvxMultiversxSymbolIconElement extends Components.MvxMultiversxSymbolIcon, HTMLStencilElement {} + var HTMLMvxMultiversxSymbolIconElement: { + prototype: HTMLMvxMultiversxSymbolIconElement; + new (): HTMLMvxMultiversxSymbolIconElement; + }; + interface HTMLMvxNotificationsFeedElement extends Components.MvxNotificationsFeed, HTMLStencilElement {} + var HTMLMvxNotificationsFeedElement: { + prototype: HTMLMvxNotificationsFeedElement; + new (): HTMLMvxNotificationsFeedElement; + }; + interface HTMLMvxPaginationElementEventMap { + pageChange: number; + } + interface HTMLMvxPaginationElement extends Components.MvxPagination, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxPaginationElement, + ev: MvxPaginationCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxPaginationElement, + ev: MvxPaginationCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxPaginationElement: { + prototype: HTMLMvxPaginationElement; + new (): HTMLMvxPaginationElement; + }; + interface HTMLMvxPaginationEllipsisElement extends Components.MvxPaginationEllipsis, HTMLStencilElement {} + var HTMLMvxPaginationEllipsisElement: { + prototype: HTMLMvxPaginationEllipsisElement; + new (): HTMLMvxPaginationEllipsisElement; + }; + interface HTMLMvxPaginationEllipsisFormElementEventMap { + search: number; + } + interface HTMLMvxPaginationEllipsisFormElement extends Components.MvxPaginationEllipsisForm, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxPaginationEllipsisFormElement, + ev: MvxPaginationEllipsisFormCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxPaginationEllipsisFormElement, + ev: MvxPaginationEllipsisFormCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxPaginationEllipsisFormElement: { + prototype: HTMLMvxPaginationEllipsisFormElement; + new (): HTMLMvxPaginationEllipsisFormElement; + }; + interface HTMLMvxPasskeyProviderIconElement extends Components.MvxPasskeyProviderIcon, HTMLStencilElement {} + var HTMLMvxPasskeyProviderIconElement: { + prototype: HTMLMvxPasskeyProviderIconElement; + new (): HTMLMvxPasskeyProviderIconElement; + }; + interface HTMLMvxPendingTransactionsPanelElement extends Components.MvxPendingTransactionsPanel, HTMLStencilElement {} + var HTMLMvxPendingTransactionsPanelElement: { + prototype: HTMLMvxPendingTransactionsPanelElement; + new (): HTMLMvxPendingTransactionsPanelElement; + }; + interface HTMLMvxPreloaderElement extends Components.MvxPreloader, HTMLStencilElement {} + var HTMLMvxPreloaderElement: { + prototype: HTMLMvxPreloaderElement; + new (): HTMLMvxPreloaderElement; + }; + interface HTMLMvxSidePanelElementEventMap { + close: void; + back: void; + } + interface HTMLMvxSidePanelElement extends Components.MvxSidePanel, HTMLStencilElement { + addEventListener( + type: K, + listener: (this: HTMLMvxSidePanelElement, ev: MvxSidePanelCustomEvent) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLMvxSidePanelElement, ev: MvxSidePanelCustomEvent) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxSidePanelElement: { + prototype: HTMLMvxSidePanelElement; + new (): HTMLMvxSidePanelElement; + }; + interface HTMLMvxSidePanelHeaderElementEventMap { + rightButtonClick: any; + leftButtonClick: any; + } + interface HTMLMvxSidePanelHeaderElement extends Components.MvxSidePanelHeader, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxSidePanelHeaderElement, + ev: MvxSidePanelHeaderCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxSidePanelHeaderElement, + ev: MvxSidePanelHeaderCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxSidePanelHeaderElement: { + prototype: HTMLMvxSidePanelHeaderElement; + new (): HTMLMvxSidePanelHeaderElement; + }; + interface HTMLMvxSidePanelSwiperElementEventMap { + sheetDismiss: void; + sheetSnapChange: { index: number; snapPoint: string }; + } + interface HTMLMvxSidePanelSwiperElement extends Components.MvxSidePanelSwiper, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxSidePanelSwiperElement, + ev: MvxSidePanelSwiperCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxSidePanelSwiperElement, + ev: MvxSidePanelSwiperCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxSidePanelSwiperElement: { + prototype: HTMLMvxSidePanelSwiperElement; + new (): HTMLMvxSidePanelSwiperElement; + }; + interface HTMLMvxSignTransactionsPanelElement extends Components.MvxSignTransactionsPanel, HTMLStencilElement {} + var HTMLMvxSignTransactionsPanelElement: { + prototype: HTMLMvxSignTransactionsPanelElement; + new (): HTMLMvxSignTransactionsPanelElement; + }; + interface HTMLMvxSimpleToastElementEventMap { + deleteToast: void; + } + interface HTMLMvxSimpleToastElement extends Components.MvxSimpleToast, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxSimpleToastElement, + ev: MvxSimpleToastCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxSimpleToastElement, + ev: MvxSimpleToastCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxSimpleToastElement: { + prototype: HTMLMvxSimpleToastElement; + new (): HTMLMvxSimpleToastElement; + }; + interface HTMLMvxSpinnerIconElement extends Components.MvxSpinnerIcon, HTMLStencilElement {} + var HTMLMvxSpinnerIconElement: { + prototype: HTMLMvxSpinnerIconElement; + new (): HTMLMvxSpinnerIconElement; + }; + interface HTMLMvxToastListElement extends Components.MvxToastList, HTMLStencilElement {} + var HTMLMvxToastListElement: { + prototype: HTMLMvxToastListElement; + new (): HTMLMvxToastListElement; + }; + interface HTMLMvxTooltipElementEventMap { + triggerRender: boolean; + } + interface HTMLMvxTooltipElement extends Components.MvxTooltip, HTMLStencilElement { + addEventListener( + type: K, + listener: (this: HTMLMvxTooltipElement, ev: MvxTooltipCustomEvent) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLMvxTooltipElement, ev: MvxTooltipCustomEvent) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxTooltipElement: { + prototype: HTMLMvxTooltipElement; + new (): HTMLMvxTooltipElement; + }; + interface HTMLMvxTransactionListItemElement extends Components.MvxTransactionListItem, HTMLStencilElement {} + var HTMLMvxTransactionListItemElement: { + prototype: HTMLMvxTransactionListItemElement; + new (): HTMLMvxTransactionListItemElement; + }; + interface HTMLMvxTransactionToastElementEventMap { + deleteToast: void; + } + interface HTMLMvxTransactionToastElement extends Components.MvxTransactionToast, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxTransactionToastElement, + ev: MvxTransactionToastCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxTransactionToastElement, + ev: MvxTransactionToastCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxTransactionToastElement: { + prototype: HTMLMvxTransactionToastElement; + new (): HTMLMvxTransactionToastElement; + }; + interface HTMLMvxTransactionToastContentElementEventMap { + deleteToast: void; + } + interface HTMLMvxTransactionToastContentElement extends Components.MvxTransactionToastContent, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxTransactionToastContentElement, + ev: MvxTransactionToastContentCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxTransactionToastContentElement, + ev: MvxTransactionToastContentCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxTransactionToastContentElement: { + prototype: HTMLMvxTransactionToastContentElement; + new (): HTMLMvxTransactionToastContentElement; + }; + interface HTMLMvxTransactionToastDetailsElement extends Components.MvxTransactionToastDetails, HTMLStencilElement {} + var HTMLMvxTransactionToastDetailsElement: { + prototype: HTMLMvxTransactionToastDetailsElement; + new (): HTMLMvxTransactionToastDetailsElement; + }; + interface HTMLMvxTransactionToastDetailsBodyElement + extends Components.MvxTransactionToastDetailsBody, + HTMLStencilElement {} + var HTMLMvxTransactionToastDetailsBodyElement: { + prototype: HTMLMvxTransactionToastDetailsBodyElement; + new (): HTMLMvxTransactionToastDetailsBodyElement; + }; + interface HTMLMvxTransactionToastProgressElement extends Components.MvxTransactionToastProgress, HTMLStencilElement {} + var HTMLMvxTransactionToastProgressElement: { + prototype: HTMLMvxTransactionToastProgressElement; + new (): HTMLMvxTransactionToastProgressElement; + }; + interface HTMLMvxTransactionsTableElement extends Components.MvxTransactionsTable, HTMLStencilElement {} + var HTMLMvxTransactionsTableElement: { + prototype: HTMLMvxTransactionsTableElement; + new (): HTMLMvxTransactionsTableElement; + }; + interface HTMLMvxTrimElement extends Components.MvxTrim, HTMLStencilElement {} + var HTMLMvxTrimElement: { + prototype: HTMLMvxTrimElement; + new (): HTMLMvxTrimElement; + }; + interface HTMLMvxUnlockButtonElement extends Components.MvxUnlockButton, HTMLStencilElement {} + var HTMLMvxUnlockButtonElement: { + prototype: HTMLMvxUnlockButtonElement; + new (): HTMLMvxUnlockButtonElement; + }; + interface HTMLMvxUnlockPanelElement extends Components.MvxUnlockPanel, HTMLStencilElement {} + var HTMLMvxUnlockPanelElement: { + prototype: HTMLMvxUnlockPanelElement; + new (): HTMLMvxUnlockPanelElement; + }; + interface HTMLMvxWalletConnectElement extends Components.MvxWalletConnect, HTMLStencilElement {} + var HTMLMvxWalletConnectElement: { + prototype: HTMLMvxWalletConnectElement; + new (): HTMLMvxWalletConnectElement; + }; + interface HTMLMvxWalletConnectAppGalleryIconElement + extends Components.MvxWalletConnectAppGalleryIcon, + HTMLStencilElement {} + var HTMLMvxWalletConnectAppGalleryIconElement: { + prototype: HTMLMvxWalletConnectAppGalleryIconElement; + new (): HTMLMvxWalletConnectAppGalleryIconElement; + }; + interface HTMLMvxWalletConnectAppStoreIconElement + extends Components.MvxWalletConnectAppStoreIcon, + HTMLStencilElement {} + var HTMLMvxWalletConnectAppStoreIconElement: { + prototype: HTMLMvxWalletConnectAppStoreIconElement; + new (): HTMLMvxWalletConnectAppStoreIconElement; + }; + interface HTMLMvxWalletConnectDownloadElement extends Components.MvxWalletConnectDownload, HTMLStencilElement {} + var HTMLMvxWalletConnectDownloadElement: { + prototype: HTMLMvxWalletConnectDownloadElement; + new (): HTMLMvxWalletConnectDownloadElement; + }; + interface HTMLMvxWalletConnectGooglePlayIconElement + extends Components.MvxWalletConnectGooglePlayIcon, + HTMLStencilElement {} + var HTMLMvxWalletConnectGooglePlayIconElement: { + prototype: HTMLMvxWalletConnectGooglePlayIconElement; + new (): HTMLMvxWalletConnectGooglePlayIconElement; + }; + interface HTMLMvxWalletConnectScanElementEventMap { + downloadClick: any; + } + interface HTMLMvxWalletConnectScanElement extends Components.MvxWalletConnectScan, HTMLStencilElement { + addEventListener( + type: K, + listener: ( + this: HTMLMvxWalletConnectScanElement, + ev: MvxWalletConnectScanCustomEvent, + ) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | AddEventListenerOptions, + ): void; + addEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | AddEventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: ( + this: HTMLMvxWalletConnectScanElement, + ev: MvxWalletConnectScanCustomEvent, + ) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: Document, ev: DocumentEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: K, + listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, + options?: boolean | EventListenerOptions, + ): void; + removeEventListener( + type: string, + listener: EventListenerOrEventListenerObject, + options?: boolean | EventListenerOptions, + ): void; + } + var HTMLMvxWalletConnectScanElement: { + prototype: HTMLMvxWalletConnectScanElement; + new (): HTMLMvxWalletConnectScanElement; + }; + interface HTMLMvxWalletProviderIconElement extends Components.MvxWalletProviderIcon, HTMLStencilElement {} + var HTMLMvxWalletProviderIconElement: { + prototype: HTMLMvxWalletProviderIconElement; + new (): HTMLMvxWalletProviderIconElement; + }; + interface HTMLMvxXportalDownloadQrIconElement extends Components.MvxXportalDownloadQrIcon, HTMLStencilElement {} + var HTMLMvxXportalDownloadQrIconElement: { + prototype: HTMLMvxXportalDownloadQrIconElement; + new (): HTMLMvxXportalDownloadQrIconElement; + }; + interface HTMLMvxXportalQrCodePreloaderElement extends Components.MvxXportalQrCodePreloader, HTMLStencilElement {} + var HTMLMvxXportalQrCodePreloaderElement: { + prototype: HTMLMvxXportalQrCodePreloaderElement; + new (): HTMLMvxXportalQrCodePreloaderElement; + }; + interface HTMLElementTagNameMap { + 'mvx-address-table': HTMLMvxAddressTableElement; + 'mvx-arc-extension-provider-icon': HTMLMvxArcExtensionProviderIconElement; + 'mvx-arrow-right-icon': HTMLMvxArrowRightIconElement; + 'mvx-brave-extension-provider-icon': HTMLMvxBraveExtensionProviderIconElement; + 'mvx-button': HTMLMvxButtonElement; + 'mvx-circle-info-icon': HTMLMvxCircleInfoIconElement; + 'mvx-copy-button': HTMLMvxCopyButtonElement; + 'mvx-custom-toast': HTMLMvxCustomToastElement; + 'mvx-data-with-explorer-link': HTMLMvxDataWithExplorerLinkElement; + 'mvx-default-transaction-icon-large': HTMLMvxDefaultTransactionIconLargeElement; + 'mvx-default-transaction-icon-small': HTMLMvxDefaultTransactionIconSmallElement; + 'mvx-edge-extension-provider-icon': HTMLMvxEdgeExtensionProviderIconElement; + 'mvx-explorer-link': HTMLMvxExplorerLinkElement; + 'mvx-extension-provider-icon': HTMLMvxExtensionProviderIconElement; + 'mvx-firefox-extension-provider-icon': HTMLMvxFirefoxExtensionProviderIconElement; + 'mvx-format-amount': HTMLMvxFormatAmountElement; + 'mvx-generic-toast': HTMLMvxGenericToastElement; + 'mvx-ledger-confirm': HTMLMvxLedgerConfirmElement; + 'mvx-ledger-connect': HTMLMvxLedgerConnectElement; + 'mvx-ledger-icon': HTMLMvxLedgerIconElement; + 'mvx-ledger-intro': HTMLMvxLedgerIntroElement; + 'mvx-ledger-provider-icon': HTMLMvxLedgerProviderIconElement; + 'mvx-magnifying-glass-icon': HTMLMvxMagnifyingGlassIconElement; + 'mvx-metamask-provider-icon': HTMLMvxMetamaskProviderIconElement; + 'mvx-multiversx-logo-icon': HTMLMvxMultiversxLogoIconElement; + 'mvx-multiversx-symbol-icon': HTMLMvxMultiversxSymbolIconElement; + 'mvx-notifications-feed': HTMLMvxNotificationsFeedElement; + 'mvx-pagination': HTMLMvxPaginationElement; + 'mvx-pagination-ellipsis': HTMLMvxPaginationEllipsisElement; + 'mvx-pagination-ellipsis-form': HTMLMvxPaginationEllipsisFormElement; + 'mvx-passkey-provider-icon': HTMLMvxPasskeyProviderIconElement; + 'mvx-pending-transactions-panel': HTMLMvxPendingTransactionsPanelElement; + 'mvx-preloader': HTMLMvxPreloaderElement; + 'mvx-side-panel': HTMLMvxSidePanelElement; + 'mvx-side-panel-header': HTMLMvxSidePanelHeaderElement; + 'mvx-side-panel-swiper': HTMLMvxSidePanelSwiperElement; + 'mvx-sign-transactions-panel': HTMLMvxSignTransactionsPanelElement; + 'mvx-simple-toast': HTMLMvxSimpleToastElement; + 'mvx-spinner-icon': HTMLMvxSpinnerIconElement; + 'mvx-toast-list': HTMLMvxToastListElement; + 'mvx-tooltip': HTMLMvxTooltipElement; + 'mvx-transaction-list-item': HTMLMvxTransactionListItemElement; + 'mvx-transaction-toast': HTMLMvxTransactionToastElement; + 'mvx-transaction-toast-content': HTMLMvxTransactionToastContentElement; + 'mvx-transaction-toast-details': HTMLMvxTransactionToastDetailsElement; + 'mvx-transaction-toast-details-body': HTMLMvxTransactionToastDetailsBodyElement; + 'mvx-transaction-toast-progress': HTMLMvxTransactionToastProgressElement; + 'mvx-transactions-table': HTMLMvxTransactionsTableElement; + 'mvx-trim': HTMLMvxTrimElement; + 'mvx-unlock-button': HTMLMvxUnlockButtonElement; + 'mvx-unlock-panel': HTMLMvxUnlockPanelElement; + 'mvx-wallet-connect': HTMLMvxWalletConnectElement; + 'mvx-wallet-connect-app-gallery-icon': HTMLMvxWalletConnectAppGalleryIconElement; + 'mvx-wallet-connect-app-store-icon': HTMLMvxWalletConnectAppStoreIconElement; + 'mvx-wallet-connect-download': HTMLMvxWalletConnectDownloadElement; + 'mvx-wallet-connect-google-play-icon': HTMLMvxWalletConnectGooglePlayIconElement; + 'mvx-wallet-connect-scan': HTMLMvxWalletConnectScanElement; + 'mvx-wallet-provider-icon': HTMLMvxWalletProviderIconElement; + 'mvx-xportal-download-qr-icon': HTMLMvxXportalDownloadQrIconElement; + 'mvx-xportal-qr-code-preloader': HTMLMvxXportalQrCodePreloaderElement; + } } declare namespace LocalJSX { - interface MvxAddressTable { - "accountScreenData"?: IAddressTableData; - "onAccessWallet"?: (event: MvxAddressTableCustomEvent) => void; - "onPageChange"?: (event: MvxAddressTableCustomEvent) => void; - "onSelectAccount"?: (event: MvxAddressTableCustomEvent) => void; - "selectedIndex"?: number; - } - interface MvxArcExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxArrowRightIcon { - "class"?: string; - } - interface MvxBraveExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxButton { - /** - * @default '' - */ - "class"?: string; - /** - * @default '' - */ - "dataTestId"?: string; - /** - * @default false - */ - "disabled"?: boolean; - "onButtonClick"?: (event: MvxButtonCustomEvent) => void; - /** - * @default 'large' - */ - "size"?: `${ButtonSizeEnum}`; - /** - * @default 'primary' - */ - "variant"?: `${ButtonVariantEnum}`; - } - interface MvxCircleInfoIcon { - "class"?: string; - } - interface MvxCopyButton { - "class"?: string; - "iconClass"?: string; - "text"?: string; - } - interface MvxCustomToast { - "onDeleteToast"?: (event: MvxCustomToastCustomEvent) => void; - "toast"?: IComponentToast; - } - interface MvxDataWithExplorerLink { - "class"?: string; - "data"?: string; - "dataTestId"?: string; - "explorerLink"?: string; - /** - * @default true - */ - "showCopyButton"?: boolean; - /** - * @default true - */ - "showExplorerButton"?: boolean; - /** - * @default false - */ - "withTooltip"?: boolean; - } - interface MvxDefaultTransactionIconLarge { - "class"?: string; - } - interface MvxDefaultTransactionIconSmall { - "class"?: string; - } - interface MvxEdgeExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxExplorerLink { - "class"?: string; - "dataTestId"?: string; - "iconClass"?: string; - "link"?: string; - } - interface MvxExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxFirefoxExtensionProviderIcon { - "class"?: string; - "height"?: number; - "width"?: number; - } - interface MvxFormatAmount { - "class"?: string; - "dataTestId"?: string; - "decimalClass"?: string; - "isValid"?: boolean; - "label"?: string; - "labelClass"?: string; - /** - * @default true - */ - "showLabel"?: boolean; - "valueDecimal"?: string; - "valueInteger"?: string; - } - interface MvxGenericToast { - "onDeleteToast"?: (event: MvxGenericToastCustomEvent) => void; - "toast"?: CustomToastType; - } - interface MvxLedgerConfirm { - "confirmScreenData"?: IConfirmScreenData; - } - interface MvxLedgerConnect { - /** - * @default { accountScreenData: null, confirmScreenData: null, connectScreenData: {}, } - */ - "data"?: ILedgerConnectPanelData; - } - interface MvxLedgerIcon { - "class"?: string; - } - interface MvxLedgerIntro { - "connectScreenData"?: IConnectScreenData; - /** - * @default false - */ - "isAwaiting"?: boolean; - "onConnect"?: (event: MvxLedgerIntroCustomEvent) => void; - } - interface MvxLedgerProviderIcon { - "class"?: string; - } - interface MvxMagnifyingGlassIcon { - "class"?: string; - } - interface MvxMetamaskProviderIcon { - "class"?: string; - } - interface MvxMultiversxLogoIcon { - "class"?: string; - } - interface MvxMultiversxSymbolIcon { - "class"?: string; - } - interface MvxNotificationsFeed { - } - interface MvxPagination { - "class"?: string; - /** - * @default 1 - */ - "currentPage"?: number; - /** - * @default false - */ - "isDisabled"?: boolean; - "onPageChange"?: (event: MvxPaginationCustomEvent) => void; - "totalPages"?: number; - } - interface MvxPaginationEllipsis { - /** - * @default false - */ - "isActive"?: boolean; - } - interface MvxPaginationEllipsisForm { - /** - * @default false - */ - "isVisible"?: boolean; - "maxPageToSearchFor"?: number; - "onSearch"?: (event: MvxPaginationEllipsisFormCustomEvent) => void; - } - interface MvxPasskeyProviderIcon { - "class"?: string; - } - interface MvxPendingTransactionsPanel { - } - interface MvxPreloader { - "class"?: string; - } - interface MvxSidePanel { - "hasBackButton"?: boolean; - /** - * @default false - */ - "isOpen"?: boolean; - "onBack"?: (event: MvxSidePanelCustomEvent) => void; - "onClose"?: (event: MvxSidePanelCustomEvent) => void; - "panelClassName"?: string; - "panelTitle"?: string; - /** - * @default true - */ - "showHeader"?: boolean; - } - interface MvxSidePanelHeader { - /** - * @default true - */ - "hasLeftButton"?: boolean; - /** - * @default true - */ - "hasRightButton"?: boolean; - "onLeftButtonClick"?: (event: MvxSidePanelHeaderCustomEvent) => void; - "onRightButtonClick"?: (event: MvxSidePanelHeaderCustomEvent) => void; - "panelClassName"?: string; - "panelTitle"?: string; - } - interface MvxSidePanelSwiper { - "onSheetDismiss"?: (event: MvxSidePanelSwiperCustomEvent) => void; - "onSheetSnapChange"?: (event: MvxSidePanelSwiperCustomEvent<{ index: number; snapPoint: string }>) => void; - /** - * @default false - */ - "open"?: boolean; - /** - * @default '' - */ - "sidePanelIdentifier"?: string; - } - interface MvxSignTransactionsPanel { - } - interface MvxSimpleToast { - "onDeleteToast"?: (event: MvxSimpleToastCustomEvent) => void; - "toast"?: ISimpleToast; - } - interface MvxSpinnerIcon { - "class"?: string; - } - interface MvxToastList { - } - interface MvxTooltip { - "class"?: string; - "onTriggerRender"?: (event: MvxTooltipCustomEvent) => void; - /** - * @default 'top' - */ - "position"?: 'top' | 'bottom'; - "trigger"?: HTMLElement; - /** - * @default false - */ - "triggerOnClick"?: boolean; - } - interface MvxTransactionListItem { - "transaction"?: ITransactionListItem; - } - interface MvxTransactionToast { - "fullWidth"?: boolean; - "onDeleteToast"?: (event: MvxTransactionToastCustomEvent) => void; - /** - * @default '' - */ - "processedTransactionsStatus"?: string | JSX.Element; - "toastDataState"?: IToastDataState; - /** - * @default '' - */ - "toastId"?: string; - "transactionProgressState"?: ITransactionProgressState; - /** - * @default [] - */ - "transactions"?: ITransactionListItem[]; - "wrapperClass"?: string; - } - interface MvxTransactionToastContent { - "fullWidth"?: boolean; - "onDeleteToast"?: (event: MvxTransactionToastContentCustomEvent) => void; - "processedTransactionsStatus"?: string | JSX.Element; - "toastDataState"?: IToastDataState; - "transactions"?: ITransactionListItem[]; - } - interface MvxTransactionToastDetails { - /** - * @default 5 - */ - "maxShownTransactions"?: number; - "processedTransactionsStatus"?: string | JSX.Element; - "transactionClass"?: string; - "transactions"?: ITransactionListItem[]; - } - interface MvxTransactionToastDetailsBody { - "hash"?: string; - "index"?: string; - "link"?: string; - "status"?: `${TransactionStatusEnum}`; - /** - * @default 'transaction-details-list-item' - */ - "transactionClass"?: string; - } - interface MvxTransactionToastProgress { - "endTime"?: number; - "isStatusPending"?: boolean; - "startTime"?: number; - "toastId"?: string; - } - interface MvxTransactionsTable { - "class"?: string; - "transactions"?: TransactionRowType[]; - } - interface MvxTrim { - "class"?: string; - /** - * @default DataTestIdsEnum.trim - */ - "dataTestId"?: string; - "text"?: string; - } - interface MvxUnlockButton { - "class"?: string; - "dataTestId"?: string; - "icon"?: HTMLElement; - "iconUrl"?: string; - "label"?: string; - "type"?: IProviderBase['type']; - } - interface MvxUnlockPanel { - } - interface MvxWalletConnect { - /** - * @default { wcURI: '' } - */ - "data"?: IWalletConnectPanelData; - /** - * @default '' - */ - "qrCodeSvg"?: string; - } - interface MvxWalletConnectAppGalleryIcon { - "class"?: string; - } - interface MvxWalletConnectAppStoreIcon { - "class"?: string; - } - interface MvxWalletConnectDownload { - "class"?: string; - } - interface MvxWalletConnectGooglePlayIcon { - "class"?: string; - } - interface MvxWalletConnectScan { - "class"?: string; - "onDownloadClick"?: (event: MvxWalletConnectScanCustomEvent) => void; - /** - * @default '' - */ - "qrCodeSvg"?: string; - /** - * @default '' - */ - "walletConnectDeepLink"?: string; - } - interface MvxWalletProviderIcon { - "class"?: string; - } - interface MvxXportalDownloadQrIcon { - /** - * @default '' - */ - "class"?: string; - } - interface MvxXportalQrCodePreloader { - "class"?: string; - } - interface IntrinsicElements { - "mvx-address-table": MvxAddressTable; - "mvx-arc-extension-provider-icon": MvxArcExtensionProviderIcon; - "mvx-arrow-right-icon": MvxArrowRightIcon; - "mvx-brave-extension-provider-icon": MvxBraveExtensionProviderIcon; - "mvx-button": MvxButton; - "mvx-circle-info-icon": MvxCircleInfoIcon; - "mvx-copy-button": MvxCopyButton; - "mvx-custom-toast": MvxCustomToast; - "mvx-data-with-explorer-link": MvxDataWithExplorerLink; - "mvx-default-transaction-icon-large": MvxDefaultTransactionIconLarge; - "mvx-default-transaction-icon-small": MvxDefaultTransactionIconSmall; - "mvx-edge-extension-provider-icon": MvxEdgeExtensionProviderIcon; - "mvx-explorer-link": MvxExplorerLink; - "mvx-extension-provider-icon": MvxExtensionProviderIcon; - "mvx-firefox-extension-provider-icon": MvxFirefoxExtensionProviderIcon; - "mvx-format-amount": MvxFormatAmount; - "mvx-generic-toast": MvxGenericToast; - "mvx-ledger-confirm": MvxLedgerConfirm; - "mvx-ledger-connect": MvxLedgerConnect; - "mvx-ledger-icon": MvxLedgerIcon; - "mvx-ledger-intro": MvxLedgerIntro; - "mvx-ledger-provider-icon": MvxLedgerProviderIcon; - "mvx-magnifying-glass-icon": MvxMagnifyingGlassIcon; - "mvx-metamask-provider-icon": MvxMetamaskProviderIcon; - "mvx-multiversx-logo-icon": MvxMultiversxLogoIcon; - "mvx-multiversx-symbol-icon": MvxMultiversxSymbolIcon; - "mvx-notifications-feed": MvxNotificationsFeed; - "mvx-pagination": MvxPagination; - "mvx-pagination-ellipsis": MvxPaginationEllipsis; - "mvx-pagination-ellipsis-form": MvxPaginationEllipsisForm; - "mvx-passkey-provider-icon": MvxPasskeyProviderIcon; - "mvx-pending-transactions-panel": MvxPendingTransactionsPanel; - "mvx-preloader": MvxPreloader; - "mvx-side-panel": MvxSidePanel; - "mvx-side-panel-header": MvxSidePanelHeader; - "mvx-side-panel-swiper": MvxSidePanelSwiper; - "mvx-sign-transactions-panel": MvxSignTransactionsPanel; - "mvx-simple-toast": MvxSimpleToast; - "mvx-spinner-icon": MvxSpinnerIcon; - "mvx-toast-list": MvxToastList; - "mvx-tooltip": MvxTooltip; - "mvx-transaction-list-item": MvxTransactionListItem; - "mvx-transaction-toast": MvxTransactionToast; - "mvx-transaction-toast-content": MvxTransactionToastContent; - "mvx-transaction-toast-details": MvxTransactionToastDetails; - "mvx-transaction-toast-details-body": MvxTransactionToastDetailsBody; - "mvx-transaction-toast-progress": MvxTransactionToastProgress; - "mvx-transactions-table": MvxTransactionsTable; - "mvx-trim": MvxTrim; - "mvx-unlock-button": MvxUnlockButton; - "mvx-unlock-panel": MvxUnlockPanel; - "mvx-wallet-connect": MvxWalletConnect; - "mvx-wallet-connect-app-gallery-icon": MvxWalletConnectAppGalleryIcon; - "mvx-wallet-connect-app-store-icon": MvxWalletConnectAppStoreIcon; - "mvx-wallet-connect-download": MvxWalletConnectDownload; - "mvx-wallet-connect-google-play-icon": MvxWalletConnectGooglePlayIcon; - "mvx-wallet-connect-scan": MvxWalletConnectScan; - "mvx-wallet-provider-icon": MvxWalletProviderIcon; - "mvx-xportal-download-qr-icon": MvxXportalDownloadQrIcon; - "mvx-xportal-qr-code-preloader": MvxXportalQrCodePreloader; - } + interface MvxAddressTable { + accountScreenData?: IAddressTableData; + onAccessWallet?: (event: MvxAddressTableCustomEvent) => void; + onPageChange?: (event: MvxAddressTableCustomEvent) => void; + onSelectAccount?: (event: MvxAddressTableCustomEvent) => void; + selectedIndex?: number; + } + interface MvxArcExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxArrowRightIcon { + class?: string; + } + interface MvxBraveExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxButton { + /** + * @default '' + */ + class?: string; + /** + * @default '' + */ + dataTestId?: string; + /** + * @default false + */ + disabled?: boolean; + onButtonClick?: (event: MvxButtonCustomEvent) => void; + /** + * @default 'large' + */ + size?: `${ButtonSizeEnum}`; + /** + * @default 'primary' + */ + variant?: `${ButtonVariantEnum}`; + } + interface MvxCircleInfoIcon { + class?: string; + } + interface MvxCopyButton { + class?: string; + iconClass?: string; + text?: string; + } + interface MvxCustomToast { + onDeleteToast?: (event: MvxCustomToastCustomEvent) => void; + toast?: IComponentToast; + } + interface MvxDataWithExplorerLink { + class?: string; + data?: string; + dataTestId?: string; + explorerLink?: string; + /** + * @default true + */ + showCopyButton?: boolean; + /** + * @default true + */ + showExplorerButton?: boolean; + /** + * @default false + */ + withTooltip?: boolean; + } + interface MvxDefaultTransactionIconLarge { + class?: string; + } + interface MvxDefaultTransactionIconSmall { + class?: string; + } + interface MvxEdgeExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxExplorerLink { + class?: string; + dataTestId?: string; + iconClass?: string; + link?: string; + } + interface MvxExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxFirefoxExtensionProviderIcon { + class?: string; + height?: number; + width?: number; + } + interface MvxFormatAmount { + class?: string; + dataTestId?: string; + decimalClass?: string; + isValid?: boolean; + label?: string; + labelClass?: string; + /** + * @default true + */ + showLabel?: boolean; + valueDecimal?: string; + valueInteger?: string; + } + interface MvxGenericToast { + onDeleteToast?: (event: MvxGenericToastCustomEvent) => void; + toast?: CustomToastType; + } + interface MvxLedgerConfirm { + confirmScreenData?: IConfirmScreenData; + } + interface MvxLedgerConnect { + /** + * @default { accountScreenData: null, confirmScreenData: null, connectScreenData: {}, } + */ + data?: ILedgerConnectPanelData; + } + interface MvxLedgerIcon { + class?: string; + } + interface MvxLedgerIntro { + connectScreenData?: IConnectScreenData; + /** + * @default false + */ + isAwaiting?: boolean; + onConnect?: (event: MvxLedgerIntroCustomEvent) => void; + } + interface MvxLedgerProviderIcon { + class?: string; + } + interface MvxMagnifyingGlassIcon { + class?: string; + } + interface MvxMetamaskProviderIcon { + class?: string; + } + interface MvxMultiversxLogoIcon { + class?: string; + } + interface MvxMultiversxSymbolIcon { + class?: string; + } + interface MvxNotificationsFeed {} + interface MvxPagination { + class?: string; + /** + * @default 1 + */ + currentPage?: number; + /** + * @default false + */ + isDisabled?: boolean; + onPageChange?: (event: MvxPaginationCustomEvent) => void; + totalPages?: number; + } + interface MvxPaginationEllipsis { + /** + * @default false + */ + isActive?: boolean; + } + interface MvxPaginationEllipsisForm { + /** + * @default false + */ + isVisible?: boolean; + maxPageToSearchFor?: number; + onSearch?: (event: MvxPaginationEllipsisFormCustomEvent) => void; + } + interface MvxPasskeyProviderIcon { + class?: string; + } + interface MvxPendingTransactionsPanel {} + interface MvxPreloader { + class?: string; + } + interface MvxSidePanel { + hasBackButton?: boolean; + /** + * @default false + */ + isOpen?: boolean; + onBack?: (event: MvxSidePanelCustomEvent) => void; + onClose?: (event: MvxSidePanelCustomEvent) => void; + panelClassName?: string; + panelTitle?: string; + /** + * @default true + */ + showHeader?: boolean; + } + interface MvxSidePanelHeader { + /** + * @default true + */ + hasLeftButton?: boolean; + /** + * @default true + */ + hasRightButton?: boolean; + onLeftButtonClick?: (event: MvxSidePanelHeaderCustomEvent) => void; + onRightButtonClick?: (event: MvxSidePanelHeaderCustomEvent) => void; + panelClassName?: string; + panelTitle?: string; + } + interface MvxSidePanelSwiper { + onSheetDismiss?: (event: MvxSidePanelSwiperCustomEvent) => void; + onSheetSnapChange?: (event: MvxSidePanelSwiperCustomEvent<{ index: number; snapPoint: string }>) => void; + /** + * @default false + */ + open?: boolean; + /** + * @default '' + */ + sidePanelIdentifier?: string; + } + interface MvxSignTransactionsPanel {} + interface MvxSimpleToast { + onDeleteToast?: (event: MvxSimpleToastCustomEvent) => void; + toast?: ISimpleToast; + } + interface MvxSpinnerIcon { + class?: string; + } + interface MvxToastList {} + interface MvxTooltip { + class?: string; + onTriggerRender?: (event: MvxTooltipCustomEvent) => void; + /** + * @default 'top' + */ + position?: 'top' | 'bottom'; + trigger?: HTMLElement; + /** + * @default false + */ + triggerOnClick?: boolean; + } + interface MvxTransactionListItem { + transaction?: ITransactionListItem; + } + interface MvxTransactionToast { + fullWidth?: boolean; + onDeleteToast?: (event: MvxTransactionToastCustomEvent) => void; + /** + * @default '' + */ + processedTransactionsStatus?: string | JSX.Element; + toastDataState?: IToastDataState; + /** + * @default '' + */ + toastId?: string; + transactionProgressState?: ITransactionProgressState; + /** + * @default [] + */ + transactions?: ITransactionListItem[]; + wrapperClass?: string; + } + interface MvxTransactionToastContent { + fullWidth?: boolean; + onDeleteToast?: (event: MvxTransactionToastContentCustomEvent) => void; + processedTransactionsStatus?: string | JSX.Element; + toastDataState?: IToastDataState; + transactions?: ITransactionListItem[]; + } + interface MvxTransactionToastDetails { + /** + * @default 5 + */ + maxShownTransactions?: number; + processedTransactionsStatus?: string | JSX.Element; + transactionClass?: string; + transactions?: ITransactionListItem[]; + } + interface MvxTransactionToastDetailsBody { + hash?: string; + index?: string; + link?: string; + status?: `${TransactionStatusEnum}`; + /** + * @default 'transaction-details-list-item' + */ + transactionClass?: string; + } + interface MvxTransactionToastProgress { + endTime?: number; + isStatusPending?: boolean; + startTime?: number; + toastId?: string; + } + interface MvxTransactionsTable { + class?: string; + transactions?: TransactionRowType[]; + } + interface MvxTrim { + class?: string; + /** + * @default DataTestIdsEnum.trim + */ + dataTestId?: string; + text?: string; + } + interface MvxUnlockButton { + class?: string; + dataTestId?: string; + icon?: HTMLElement; + iconUrl?: string; + label?: string; + type?: IProviderBase['type']; + } + interface MvxUnlockPanel {} + interface MvxWalletConnect { + /** + * @default { wcURI: '' } + */ + data?: IWalletConnectPanelData; + /** + * @default '' + */ + qrCodeSvg?: string; + } + interface MvxWalletConnectAppGalleryIcon { + class?: string; + } + interface MvxWalletConnectAppStoreIcon { + class?: string; + } + interface MvxWalletConnectDownload { + class?: string; + } + interface MvxWalletConnectGooglePlayIcon { + class?: string; + } + interface MvxWalletConnectScan { + class?: string; + onDownloadClick?: (event: MvxWalletConnectScanCustomEvent) => void; + /** + * @default '' + */ + qrCodeSvg?: string; + /** + * @default '' + */ + walletConnectDeepLink?: string; + } + interface MvxWalletProviderIcon { + class?: string; + } + interface MvxXportalDownloadQrIcon { + /** + * @default '' + */ + class?: string; + } + interface MvxXportalQrCodePreloader { + class?: string; + } + interface IntrinsicElements { + 'mvx-address-table': MvxAddressTable; + 'mvx-arc-extension-provider-icon': MvxArcExtensionProviderIcon; + 'mvx-arrow-right-icon': MvxArrowRightIcon; + 'mvx-brave-extension-provider-icon': MvxBraveExtensionProviderIcon; + 'mvx-button': MvxButton; + 'mvx-circle-info-icon': MvxCircleInfoIcon; + 'mvx-copy-button': MvxCopyButton; + 'mvx-custom-toast': MvxCustomToast; + 'mvx-data-with-explorer-link': MvxDataWithExplorerLink; + 'mvx-default-transaction-icon-large': MvxDefaultTransactionIconLarge; + 'mvx-default-transaction-icon-small': MvxDefaultTransactionIconSmall; + 'mvx-edge-extension-provider-icon': MvxEdgeExtensionProviderIcon; + 'mvx-explorer-link': MvxExplorerLink; + 'mvx-extension-provider-icon': MvxExtensionProviderIcon; + 'mvx-firefox-extension-provider-icon': MvxFirefoxExtensionProviderIcon; + 'mvx-format-amount': MvxFormatAmount; + 'mvx-generic-toast': MvxGenericToast; + 'mvx-ledger-confirm': MvxLedgerConfirm; + 'mvx-ledger-connect': MvxLedgerConnect; + 'mvx-ledger-icon': MvxLedgerIcon; + 'mvx-ledger-intro': MvxLedgerIntro; + 'mvx-ledger-provider-icon': MvxLedgerProviderIcon; + 'mvx-magnifying-glass-icon': MvxMagnifyingGlassIcon; + 'mvx-metamask-provider-icon': MvxMetamaskProviderIcon; + 'mvx-multiversx-logo-icon': MvxMultiversxLogoIcon; + 'mvx-multiversx-symbol-icon': MvxMultiversxSymbolIcon; + 'mvx-notifications-feed': MvxNotificationsFeed; + 'mvx-pagination': MvxPagination; + 'mvx-pagination-ellipsis': MvxPaginationEllipsis; + 'mvx-pagination-ellipsis-form': MvxPaginationEllipsisForm; + 'mvx-passkey-provider-icon': MvxPasskeyProviderIcon; + 'mvx-pending-transactions-panel': MvxPendingTransactionsPanel; + 'mvx-preloader': MvxPreloader; + 'mvx-side-panel': MvxSidePanel; + 'mvx-side-panel-header': MvxSidePanelHeader; + 'mvx-side-panel-swiper': MvxSidePanelSwiper; + 'mvx-sign-transactions-panel': MvxSignTransactionsPanel; + 'mvx-simple-toast': MvxSimpleToast; + 'mvx-spinner-icon': MvxSpinnerIcon; + 'mvx-toast-list': MvxToastList; + 'mvx-tooltip': MvxTooltip; + 'mvx-transaction-list-item': MvxTransactionListItem; + 'mvx-transaction-toast': MvxTransactionToast; + 'mvx-transaction-toast-content': MvxTransactionToastContent; + 'mvx-transaction-toast-details': MvxTransactionToastDetails; + 'mvx-transaction-toast-details-body': MvxTransactionToastDetailsBody; + 'mvx-transaction-toast-progress': MvxTransactionToastProgress; + 'mvx-transactions-table': MvxTransactionsTable; + 'mvx-trim': MvxTrim; + 'mvx-unlock-button': MvxUnlockButton; + 'mvx-unlock-panel': MvxUnlockPanel; + 'mvx-wallet-connect': MvxWalletConnect; + 'mvx-wallet-connect-app-gallery-icon': MvxWalletConnectAppGalleryIcon; + 'mvx-wallet-connect-app-store-icon': MvxWalletConnectAppStoreIcon; + 'mvx-wallet-connect-download': MvxWalletConnectDownload; + 'mvx-wallet-connect-google-play-icon': MvxWalletConnectGooglePlayIcon; + 'mvx-wallet-connect-scan': MvxWalletConnectScan; + 'mvx-wallet-provider-icon': MvxWalletProviderIcon; + 'mvx-xportal-download-qr-icon': MvxXportalDownloadQrIcon; + 'mvx-xportal-qr-code-preloader': MvxXportalQrCodePreloader; + } } export { LocalJSX as JSX }; -declare module "@stencil/core" { - export namespace JSX { - interface IntrinsicElements { - "mvx-address-table": LocalJSX.MvxAddressTable & JSXBase.HTMLAttributes; - "mvx-arc-extension-provider-icon": LocalJSX.MvxArcExtensionProviderIcon & JSXBase.HTMLAttributes; - "mvx-arrow-right-icon": LocalJSX.MvxArrowRightIcon & JSXBase.HTMLAttributes; - "mvx-brave-extension-provider-icon": LocalJSX.MvxBraveExtensionProviderIcon & JSXBase.HTMLAttributes; - "mvx-button": LocalJSX.MvxButton & JSXBase.HTMLAttributes; - "mvx-circle-info-icon": LocalJSX.MvxCircleInfoIcon & JSXBase.HTMLAttributes; - "mvx-copy-button": LocalJSX.MvxCopyButton & JSXBase.HTMLAttributes; - "mvx-custom-toast": LocalJSX.MvxCustomToast & JSXBase.HTMLAttributes; - "mvx-data-with-explorer-link": LocalJSX.MvxDataWithExplorerLink & JSXBase.HTMLAttributes; - "mvx-default-transaction-icon-large": LocalJSX.MvxDefaultTransactionIconLarge & JSXBase.HTMLAttributes; - "mvx-default-transaction-icon-small": LocalJSX.MvxDefaultTransactionIconSmall & JSXBase.HTMLAttributes; - "mvx-edge-extension-provider-icon": LocalJSX.MvxEdgeExtensionProviderIcon & JSXBase.HTMLAttributes; - "mvx-explorer-link": LocalJSX.MvxExplorerLink & JSXBase.HTMLAttributes; - "mvx-extension-provider-icon": LocalJSX.MvxExtensionProviderIcon & JSXBase.HTMLAttributes; - "mvx-firefox-extension-provider-icon": LocalJSX.MvxFirefoxExtensionProviderIcon & JSXBase.HTMLAttributes; - "mvx-format-amount": LocalJSX.MvxFormatAmount & JSXBase.HTMLAttributes; - "mvx-generic-toast": LocalJSX.MvxGenericToast & JSXBase.HTMLAttributes; - "mvx-ledger-confirm": LocalJSX.MvxLedgerConfirm & JSXBase.HTMLAttributes; - "mvx-ledger-connect": LocalJSX.MvxLedgerConnect & JSXBase.HTMLAttributes; - "mvx-ledger-icon": LocalJSX.MvxLedgerIcon & JSXBase.HTMLAttributes; - "mvx-ledger-intro": LocalJSX.MvxLedgerIntro & JSXBase.HTMLAttributes; - "mvx-ledger-provider-icon": LocalJSX.MvxLedgerProviderIcon & JSXBase.HTMLAttributes; - "mvx-magnifying-glass-icon": LocalJSX.MvxMagnifyingGlassIcon & JSXBase.HTMLAttributes; - "mvx-metamask-provider-icon": LocalJSX.MvxMetamaskProviderIcon & JSXBase.HTMLAttributes; - "mvx-multiversx-logo-icon": LocalJSX.MvxMultiversxLogoIcon & JSXBase.HTMLAttributes; - "mvx-multiversx-symbol-icon": LocalJSX.MvxMultiversxSymbolIcon & JSXBase.HTMLAttributes; - "mvx-notifications-feed": LocalJSX.MvxNotificationsFeed & JSXBase.HTMLAttributes; - "mvx-pagination": LocalJSX.MvxPagination & JSXBase.HTMLAttributes; - "mvx-pagination-ellipsis": LocalJSX.MvxPaginationEllipsis & JSXBase.HTMLAttributes; - "mvx-pagination-ellipsis-form": LocalJSX.MvxPaginationEllipsisForm & JSXBase.HTMLAttributes; - "mvx-passkey-provider-icon": LocalJSX.MvxPasskeyProviderIcon & JSXBase.HTMLAttributes; - "mvx-pending-transactions-panel": LocalJSX.MvxPendingTransactionsPanel & JSXBase.HTMLAttributes; - "mvx-preloader": LocalJSX.MvxPreloader & JSXBase.HTMLAttributes; - "mvx-side-panel": LocalJSX.MvxSidePanel & JSXBase.HTMLAttributes; - "mvx-side-panel-header": LocalJSX.MvxSidePanelHeader & JSXBase.HTMLAttributes; - "mvx-side-panel-swiper": LocalJSX.MvxSidePanelSwiper & JSXBase.HTMLAttributes; - "mvx-sign-transactions-panel": LocalJSX.MvxSignTransactionsPanel & JSXBase.HTMLAttributes; - "mvx-simple-toast": LocalJSX.MvxSimpleToast & JSXBase.HTMLAttributes; - "mvx-spinner-icon": LocalJSX.MvxSpinnerIcon & JSXBase.HTMLAttributes; - "mvx-toast-list": LocalJSX.MvxToastList & JSXBase.HTMLAttributes; - "mvx-tooltip": LocalJSX.MvxTooltip & JSXBase.HTMLAttributes; - "mvx-transaction-list-item": LocalJSX.MvxTransactionListItem & JSXBase.HTMLAttributes; - "mvx-transaction-toast": LocalJSX.MvxTransactionToast & JSXBase.HTMLAttributes; - "mvx-transaction-toast-content": LocalJSX.MvxTransactionToastContent & JSXBase.HTMLAttributes; - "mvx-transaction-toast-details": LocalJSX.MvxTransactionToastDetails & JSXBase.HTMLAttributes; - "mvx-transaction-toast-details-body": LocalJSX.MvxTransactionToastDetailsBody & JSXBase.HTMLAttributes; - "mvx-transaction-toast-progress": LocalJSX.MvxTransactionToastProgress & JSXBase.HTMLAttributes; - "mvx-transactions-table": LocalJSX.MvxTransactionsTable & JSXBase.HTMLAttributes; - "mvx-trim": LocalJSX.MvxTrim & JSXBase.HTMLAttributes; - "mvx-unlock-button": LocalJSX.MvxUnlockButton & JSXBase.HTMLAttributes; - "mvx-unlock-panel": LocalJSX.MvxUnlockPanel & JSXBase.HTMLAttributes; - "mvx-wallet-connect": LocalJSX.MvxWalletConnect & JSXBase.HTMLAttributes; - "mvx-wallet-connect-app-gallery-icon": LocalJSX.MvxWalletConnectAppGalleryIcon & JSXBase.HTMLAttributes; - "mvx-wallet-connect-app-store-icon": LocalJSX.MvxWalletConnectAppStoreIcon & JSXBase.HTMLAttributes; - "mvx-wallet-connect-download": LocalJSX.MvxWalletConnectDownload & JSXBase.HTMLAttributes; - "mvx-wallet-connect-google-play-icon": LocalJSX.MvxWalletConnectGooglePlayIcon & JSXBase.HTMLAttributes; - "mvx-wallet-connect-scan": LocalJSX.MvxWalletConnectScan & JSXBase.HTMLAttributes; - "mvx-wallet-provider-icon": LocalJSX.MvxWalletProviderIcon & JSXBase.HTMLAttributes; - "mvx-xportal-download-qr-icon": LocalJSX.MvxXportalDownloadQrIcon & JSXBase.HTMLAttributes; - "mvx-xportal-qr-code-preloader": LocalJSX.MvxXportalQrCodePreloader & JSXBase.HTMLAttributes; - } - } +declare module '@stencil/core' { + export namespace JSX { + interface IntrinsicElements { + 'mvx-address-table': LocalJSX.MvxAddressTable & JSXBase.HTMLAttributes; + 'mvx-arc-extension-provider-icon': LocalJSX.MvxArcExtensionProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-arrow-right-icon': LocalJSX.MvxArrowRightIcon & JSXBase.HTMLAttributes; + 'mvx-brave-extension-provider-icon': LocalJSX.MvxBraveExtensionProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-button': LocalJSX.MvxButton & JSXBase.HTMLAttributes; + 'mvx-circle-info-icon': LocalJSX.MvxCircleInfoIcon & JSXBase.HTMLAttributes; + 'mvx-copy-button': LocalJSX.MvxCopyButton & JSXBase.HTMLAttributes; + 'mvx-custom-toast': LocalJSX.MvxCustomToast & JSXBase.HTMLAttributes; + 'mvx-data-with-explorer-link': LocalJSX.MvxDataWithExplorerLink & + JSXBase.HTMLAttributes; + 'mvx-default-transaction-icon-large': LocalJSX.MvxDefaultTransactionIconLarge & + JSXBase.HTMLAttributes; + 'mvx-default-transaction-icon-small': LocalJSX.MvxDefaultTransactionIconSmall & + JSXBase.HTMLAttributes; + 'mvx-edge-extension-provider-icon': LocalJSX.MvxEdgeExtensionProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-explorer-link': LocalJSX.MvxExplorerLink & JSXBase.HTMLAttributes; + 'mvx-extension-provider-icon': LocalJSX.MvxExtensionProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-firefox-extension-provider-icon': LocalJSX.MvxFirefoxExtensionProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-format-amount': LocalJSX.MvxFormatAmount & JSXBase.HTMLAttributes; + 'mvx-generic-toast': LocalJSX.MvxGenericToast & JSXBase.HTMLAttributes; + 'mvx-ledger-confirm': LocalJSX.MvxLedgerConfirm & JSXBase.HTMLAttributes; + 'mvx-ledger-connect': LocalJSX.MvxLedgerConnect & JSXBase.HTMLAttributes; + 'mvx-ledger-icon': LocalJSX.MvxLedgerIcon & JSXBase.HTMLAttributes; + 'mvx-ledger-intro': LocalJSX.MvxLedgerIntro & JSXBase.HTMLAttributes; + 'mvx-ledger-provider-icon': LocalJSX.MvxLedgerProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-magnifying-glass-icon': LocalJSX.MvxMagnifyingGlassIcon & + JSXBase.HTMLAttributes; + 'mvx-metamask-provider-icon': LocalJSX.MvxMetamaskProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-multiversx-logo-icon': LocalJSX.MvxMultiversxLogoIcon & + JSXBase.HTMLAttributes; + 'mvx-multiversx-symbol-icon': LocalJSX.MvxMultiversxSymbolIcon & + JSXBase.HTMLAttributes; + 'mvx-notifications-feed': LocalJSX.MvxNotificationsFeed & JSXBase.HTMLAttributes; + 'mvx-pagination': LocalJSX.MvxPagination & JSXBase.HTMLAttributes; + 'mvx-pagination-ellipsis': LocalJSX.MvxPaginationEllipsis & + JSXBase.HTMLAttributes; + 'mvx-pagination-ellipsis-form': LocalJSX.MvxPaginationEllipsisForm & + JSXBase.HTMLAttributes; + 'mvx-passkey-provider-icon': LocalJSX.MvxPasskeyProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-pending-transactions-panel': LocalJSX.MvxPendingTransactionsPanel & + JSXBase.HTMLAttributes; + 'mvx-preloader': LocalJSX.MvxPreloader & JSXBase.HTMLAttributes; + 'mvx-side-panel': LocalJSX.MvxSidePanel & JSXBase.HTMLAttributes; + 'mvx-side-panel-header': LocalJSX.MvxSidePanelHeader & JSXBase.HTMLAttributes; + 'mvx-side-panel-swiper': LocalJSX.MvxSidePanelSwiper & JSXBase.HTMLAttributes; + 'mvx-sign-transactions-panel': LocalJSX.MvxSignTransactionsPanel & + JSXBase.HTMLAttributes; + 'mvx-simple-toast': LocalJSX.MvxSimpleToast & JSXBase.HTMLAttributes; + 'mvx-spinner-icon': LocalJSX.MvxSpinnerIcon & JSXBase.HTMLAttributes; + 'mvx-toast-list': LocalJSX.MvxToastList & JSXBase.HTMLAttributes; + 'mvx-tooltip': LocalJSX.MvxTooltip & JSXBase.HTMLAttributes; + 'mvx-transaction-list-item': LocalJSX.MvxTransactionListItem & + JSXBase.HTMLAttributes; + 'mvx-transaction-toast': LocalJSX.MvxTransactionToast & JSXBase.HTMLAttributes; + 'mvx-transaction-toast-content': LocalJSX.MvxTransactionToastContent & + JSXBase.HTMLAttributes; + 'mvx-transaction-toast-details': LocalJSX.MvxTransactionToastDetails & + JSXBase.HTMLAttributes; + 'mvx-transaction-toast-details-body': LocalJSX.MvxTransactionToastDetailsBody & + JSXBase.HTMLAttributes; + 'mvx-transaction-toast-progress': LocalJSX.MvxTransactionToastProgress & + JSXBase.HTMLAttributes; + 'mvx-transactions-table': LocalJSX.MvxTransactionsTable & JSXBase.HTMLAttributes; + 'mvx-trim': LocalJSX.MvxTrim & JSXBase.HTMLAttributes; + 'mvx-unlock-button': LocalJSX.MvxUnlockButton & JSXBase.HTMLAttributes; + 'mvx-unlock-panel': LocalJSX.MvxUnlockPanel & JSXBase.HTMLAttributes; + 'mvx-wallet-connect': LocalJSX.MvxWalletConnect & JSXBase.HTMLAttributes; + 'mvx-wallet-connect-app-gallery-icon': LocalJSX.MvxWalletConnectAppGalleryIcon & + JSXBase.HTMLAttributes; + 'mvx-wallet-connect-app-store-icon': LocalJSX.MvxWalletConnectAppStoreIcon & + JSXBase.HTMLAttributes; + 'mvx-wallet-connect-download': LocalJSX.MvxWalletConnectDownload & + JSXBase.HTMLAttributes; + 'mvx-wallet-connect-google-play-icon': LocalJSX.MvxWalletConnectGooglePlayIcon & + JSXBase.HTMLAttributes; + 'mvx-wallet-connect-scan': LocalJSX.MvxWalletConnectScan & + JSXBase.HTMLAttributes; + 'mvx-wallet-provider-icon': LocalJSX.MvxWalletProviderIcon & + JSXBase.HTMLAttributes; + 'mvx-xportal-download-qr-icon': LocalJSX.MvxXportalDownloadQrIcon & + JSXBase.HTMLAttributes; + 'mvx-xportal-qr-code-preloader': LocalJSX.MvxXportalQrCodePreloader & + JSXBase.HTMLAttributes; + } + } } diff --git a/src/components/common/button/button.scss b/src/components/common/button/button.scss index ff1190ee..21b0cbc1 100644 --- a/src/components/common/button/button.scss +++ b/src/components/common/button/button.scss @@ -1 +1 @@ -// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. \ No newline at end of file +// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. diff --git a/src/components/common/button/button.stories.tsx b/src/components/common/button/button.stories.tsx index 6232d65c..7588c3e5 100644 --- a/src/components/common/button/button.stories.tsx +++ b/src/components/common/button/button.stories.tsx @@ -4,8 +4,8 @@ import { h } from '@stencil/core'; import type { Meta, StoryObj } from '@stencil/storybook-plugin'; import capitalize from 'lodash.capitalize'; -import type { Button } from './button'; import { ButtonSizeEnum, ButtonVariantEnum } from '../../../common/Button/button.types'; +import type { Button } from './button'; // prettier-ignore const styles = { diff --git a/src/components/common/button/button.tsx b/src/components/common/button/button.tsx index ebcc07aa..1790791e 100644 --- a/src/components/common/button/button.tsx +++ b/src/components/common/button/button.tsx @@ -1,10 +1,9 @@ import type { EventEmitter } from '@stencil/core'; import { Component, Event, h, Prop } from '@stencil/core'; +import { Button as ButtonComponent } from 'common/Button/Button'; import type { ButtonSizeEnum, ButtonVariantEnum } from '../../../common/Button/button.types'; -import { Button as ButtonComponent } from 'common/Button/Button'; - @Component({ tag: 'mvx-button', styleUrl: 'button.scss', diff --git a/src/components/common/copy-button/copy-button.tsx b/src/components/common/copy-button/copy-button.tsx index c9c03909..d3a709c6 100644 --- a/src/components/common/copy-button/copy-button.tsx +++ b/src/components/common/copy-button/copy-button.tsx @@ -1,4 +1,4 @@ -import { Component, Prop, State, h } from '@stencil/core'; +import { Component, h, Prop, State } from '@stencil/core'; import { CopyButton as CopyButtonComponent } from 'common/CopyButton/CopyButton'; import { getCopyClickAction } from 'common/CopyButton/getCopyClickAction'; @@ -13,7 +13,7 @@ export class CopyButton { @Prop() text: string; private handleClick = getCopyClickAction({ - onSuccessChange: (isSuccess) => (this.isSuccess = isSuccess), + onSuccessChange: isSuccess => (this.isSuccess = isSuccess), }); render() { diff --git a/src/components/common/copy-button/tests/copy-button.spec.ts b/src/components/common/copy-button/tests/copy-button.spec.ts index 67d8eecf..d989562b 100644 --- a/src/components/common/copy-button/tests/copy-button.spec.ts +++ b/src/components/common/copy-button/tests/copy-button.spec.ts @@ -104,7 +104,6 @@ describe('CopyButton', () => { stopPropagation: jest.fn(), } as unknown as MouseEvent; - await component['handleClick'](mockEvent, component.text); await page.waitForChanges(); diff --git a/src/components/common/format-amount/format-amount.tsx b/src/components/common/format-amount/format-amount.tsx index dfba403c..0757a28e 100644 --- a/src/components/common/format-amount/format-amount.tsx +++ b/src/components/common/format-amount/format-amount.tsx @@ -17,16 +17,18 @@ export class FormatAmount { @Prop() decimalClass?: string; render() { - return ; + return ( + + ); } } diff --git a/src/components/common/tooltip/tooltip.scss b/src/components/common/tooltip/tooltip.scss index ff1190ee..21b0cbc1 100644 --- a/src/components/common/tooltip/tooltip.scss +++ b/src/components/common/tooltip/tooltip.scss @@ -1 +1 @@ -// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. \ No newline at end of file +// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. diff --git a/src/components/common/tooltip/tooltip.tsx b/src/components/common/tooltip/tooltip.tsx index 09b19046..16192432 100644 --- a/src/components/common/tooltip/tooltip.tsx +++ b/src/components/common/tooltip/tooltip.tsx @@ -1,4 +1,5 @@ -import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core'; +import type { EventEmitter } from '@stencil/core'; +import { Component, Event, h, Prop, State } from '@stencil/core'; import { Tooltip as TooltipComponent } from 'common/Tooltip/Tooltip'; @Component({ @@ -20,7 +21,6 @@ export class Tooltip { this.isVisible = isVisible; }; - render() { return ( { diff --git a/src/components/common/trim/trim.tsx b/src/components/common/trim/trim.tsx index 084e17bb..04696270 100644 --- a/src/components/common/trim/trim.tsx +++ b/src/components/common/trim/trim.tsx @@ -13,12 +13,6 @@ export class Trim { @Prop() text: string; render() { - return ( - - ); + return ; } } diff --git a/src/components/controlled/transactions-table/components/TransactionAccount/components/TransactionAccountName/index.ts b/src/components/controlled/transactions-table/components/TransactionAccount/components/TransactionAccountName/index.ts index 0f89d2cc..22d91d8a 100644 --- a/src/components/controlled/transactions-table/components/TransactionAccount/components/TransactionAccountName/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionAccount/components/TransactionAccountName/index.ts @@ -1 +1 @@ -export * from './TransactionAccountName' \ No newline at end of file +export * from './TransactionAccountName'; diff --git a/src/components/controlled/transactions-table/components/TransactionAccount/components/index.ts b/src/components/controlled/transactions-table/components/TransactionAccount/components/index.ts index 0f89d2cc..22d91d8a 100644 --- a/src/components/controlled/transactions-table/components/TransactionAccount/components/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionAccount/components/index.ts @@ -1 +1 @@ -export * from './TransactionAccountName' \ No newline at end of file +export * from './TransactionAccountName'; diff --git a/src/components/controlled/transactions-table/components/TransactionAccount/index.ts b/src/components/controlled/transactions-table/components/TransactionAccount/index.ts index 4ccfa2e8..33c7f917 100644 --- a/src/components/controlled/transactions-table/components/TransactionAccount/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionAccount/index.ts @@ -1 +1 @@ -export * from './TransactionAccount' \ No newline at end of file +export * from './TransactionAccount'; diff --git a/src/components/controlled/transactions-table/components/TransactionAge/TransactionAge.tsx b/src/components/controlled/transactions-table/components/TransactionAge/TransactionAge.tsx index 67befb52..fd70ece8 100644 --- a/src/components/controlled/transactions-table/components/TransactionAge/TransactionAge.tsx +++ b/src/components/controlled/transactions-table/components/TransactionAge/TransactionAge.tsx @@ -7,28 +7,28 @@ const styles = { } satisfies Record; interface TransactionAgePropsType { - age: string; - class?: string; - tooltip?: string; + age: string; + class?: string; + tooltip?: string; } export function TransactionAge({ age, tooltip, class: className }: TransactionAgePropsType) { - const component = tooltip ? ( -
- {age} -
- ) : ( -
- {age} -
- ); + const component = tooltip ? ( +
+ {age} +
+ ) : ( +
+ {age} +
+ ); - return
{component}
; + return
{component}
; } diff --git a/src/components/controlled/transactions-table/components/TransactionAge/index.ts b/src/components/controlled/transactions-table/components/TransactionAge/index.ts index fcb2deab..1fa35e9b 100644 --- a/src/components/controlled/transactions-table/components/TransactionAge/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionAge/index.ts @@ -1 +1 @@ -export * from './TransactionAge'; \ No newline at end of file +export * from './TransactionAge'; diff --git a/src/components/controlled/transactions-table/components/TransactionAge/tests/transaction-age.spec.tsx b/src/components/controlled/transactions-table/components/TransactionAge/tests/transaction-age.spec.tsx index 2b0467e2..4d66902d 100644 --- a/src/components/controlled/transactions-table/components/TransactionAge/tests/transaction-age.spec.tsx +++ b/src/components/controlled/transactions-table/components/TransactionAge/tests/transaction-age.spec.tsx @@ -4,12 +4,11 @@ import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; import { TransactionAge } from '../TransactionAge'; - describe('TransactionAge tests', () => { it('renders with age prop', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); const ageSpan = page.root.querySelector(`[data-testid="${DataTestIdsEnum.transactionAge}"]`); @@ -20,7 +19,7 @@ describe('TransactionAge tests', () => { it('renders without tooltip when not provided', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); const ageSpan = page.root.querySelector(`[data-testid="${DataTestIdsEnum.transactionAge}"]`); @@ -31,7 +30,7 @@ describe('TransactionAge tests', () => { it('renders with tooltip when provided', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); const ageSpan = page.root.querySelector(`[data-testid="${DataTestIdsEnum.transactionAge}"]`); diff --git a/src/components/controlled/transactions-table/components/TransactionHash/index.ts b/src/components/controlled/transactions-table/components/TransactionHash/index.ts index 3b8611a9..d30f8cc7 100644 --- a/src/components/controlled/transactions-table/components/TransactionHash/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionHash/index.ts @@ -1 +1 @@ -export * from './TransactionHash' \ No newline at end of file +export * from './TransactionHash'; diff --git a/src/components/controlled/transactions-table/components/TransactionIcon/TransactionIcon.tsx b/src/components/controlled/transactions-table/components/TransactionIcon/TransactionIcon.tsx index e7ce00e0..479262fc 100644 --- a/src/components/controlled/transactions-table/components/TransactionIcon/TransactionIcon.tsx +++ b/src/components/controlled/transactions-table/components/TransactionIcon/TransactionIcon.tsx @@ -11,24 +11,23 @@ const styles = { } satisfies Record; interface TransactionIconPropsType { - iconInfo: TransactionIconInfoType; - class?: string; + iconInfo: TransactionIconInfoType; + class?: string; } export function TransactionIcon({ iconInfo, class: className }: TransactionIconPropsType) { - if (!iconInfo) { - return null; - } - - return ( - - ); + if (!iconInfo) { + return null; + } + return ( + + ); } diff --git a/src/components/controlled/transactions-table/components/TransactionIcon/getValidIcon.ts b/src/components/controlled/transactions-table/components/TransactionIcon/getValidIcon.ts index d775e6ca..c2bd3f93 100644 --- a/src/components/controlled/transactions-table/components/TransactionIcon/getValidIcon.ts +++ b/src/components/controlled/transactions-table/components/TransactionIcon/getValidIcon.ts @@ -1,15 +1,17 @@ -import { IconNamesEnum } from "common/Icon/icon.types"; +import { IconNamesEnum } from 'common/Icon/icon.types'; -const iconMap: Record = Object.values(IconNamesEnum).reduce((acc, icon) => { +const iconMap: Record = Object.values(IconNamesEnum).reduce( + (acc, icon) => { acc[icon] = true; return acc; -}, {} as Record); + }, + {} as Record, +); function isValidIcon(value: string): value is IconNamesEnum { - return value in iconMap; + return value in iconMap; } export function getValidIcon(icon: string): IconNamesEnum { - return isValidIcon(icon) ? icon : null; + return isValidIcon(icon) ? icon : null; } - diff --git a/src/components/controlled/transactions-table/components/TransactionIcon/index.ts b/src/components/controlled/transactions-table/components/TransactionIcon/index.ts index c6aafb2c..5ff26236 100644 --- a/src/components/controlled/transactions-table/components/TransactionIcon/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionIcon/index.ts @@ -1 +1 @@ -export * from './TransactionIcon' \ No newline at end of file +export * from './TransactionIcon'; diff --git a/src/components/controlled/transactions-table/components/TransactionMethod/TransactionMethod.tsx b/src/components/controlled/transactions-table/components/TransactionMethod/TransactionMethod.tsx index 35caf702..e3a8ef14 100644 --- a/src/components/controlled/transactions-table/components/TransactionMethod/TransactionMethod.tsx +++ b/src/components/controlled/transactions-table/components/TransactionMethod/TransactionMethod.tsx @@ -10,23 +10,23 @@ const styles = { } satisfies Record; interface TransactionMethodPropsType { - class?: string; - actionDescription: string; - method: string; + class?: string; + actionDescription: string; + method: string; } export function TransactionMethod({ method, actionDescription, class: className }: TransactionMethodPropsType) { - return ( - -
{method}
- - ); + return ( + +
{method}
+ + ); } diff --git a/src/components/controlled/transactions-table/components/TransactionMethod/index.ts b/src/components/controlled/transactions-table/components/TransactionMethod/index.ts index 2f5606bb..9aa7987d 100644 --- a/src/components/controlled/transactions-table/components/TransactionMethod/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionMethod/index.ts @@ -1 +1 @@ -export * from './TransactionMethod' \ No newline at end of file +export * from './TransactionMethod'; diff --git a/src/components/controlled/transactions-table/components/TransactionMethod/tests/transaction-method.spec.tsx b/src/components/controlled/transactions-table/components/TransactionMethod/tests/transaction-method.spec.tsx index 09ec188c..7833302e 100644 --- a/src/components/controlled/transactions-table/components/TransactionMethod/tests/transaction-method.spec.tsx +++ b/src/components/controlled/transactions-table/components/TransactionMethod/tests/transaction-method.spec.tsx @@ -3,13 +3,11 @@ import { newSpecPage } from '@stencil/core/testing'; import { TransactionMethod } from '../TransactionMethod'; - - describe('TransactionMethod tests', () => { const createPage = async (props: { method?: string; actionDescription?: string }) => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); return page; @@ -19,7 +17,7 @@ describe('TransactionMethod tests', () => { it('renders with default props', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); expect(page.root).toBeTruthy(); @@ -28,7 +26,7 @@ describe('TransactionMethod tests', () => { it('has correct data-testid', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); expect(page.root).toEqualHtml(` @@ -92,7 +90,7 @@ describe('TransactionMethod tests', () => { it('applies correct CSS classes to outer span', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); expect(page.root).toEqualHtml(` @@ -105,7 +103,7 @@ describe('TransactionMethod tests', () => { it('applies correct CSS classes to inner div', async () => { const page = await newSpecPage({ components: [], - template: () => + template: () => , }); expect(page.root).toEqualHtml(` diff --git a/src/components/controlled/transactions-table/components/TransactionShards/index.ts b/src/components/controlled/transactions-table/components/TransactionShards/index.ts index 18ca9b68..e7267610 100644 --- a/src/components/controlled/transactions-table/components/TransactionShards/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionShards/index.ts @@ -1 +1 @@ -export * from './TransactionShards' \ No newline at end of file +export * from './TransactionShards'; diff --git a/src/components/controlled/transactions-table/components/TransactionValue/index.ts b/src/components/controlled/transactions-table/components/TransactionValue/index.ts index 31fba0ce..754a8c5c 100644 --- a/src/components/controlled/transactions-table/components/TransactionValue/index.ts +++ b/src/components/controlled/transactions-table/components/TransactionValue/index.ts @@ -1 +1 @@ -export * from './TransactionValue'; \ No newline at end of file +export * from './TransactionValue'; diff --git a/src/components/controlled/transactions-table/components/index.ts b/src/components/controlled/transactions-table/components/index.ts index 1497dfab..1bfe3e1c 100644 --- a/src/components/controlled/transactions-table/components/index.ts +++ b/src/components/controlled/transactions-table/components/index.ts @@ -4,4 +4,4 @@ export * from './TransactionHash'; export * from './TransactionIcon'; export * from './TransactionMethod'; export * from './TransactionShards'; -export * from './TransactionValue'; \ No newline at end of file +export * from './TransactionValue'; diff --git a/src/components/controlled/transactions-table/transactions-table.scss b/src/components/controlled/transactions-table/transactions-table.scss index ff1190ee..21b0cbc1 100644 --- a/src/components/controlled/transactions-table/transactions-table.scss +++ b/src/components/controlled/transactions-table/transactions-table.scss @@ -1 +1 @@ -// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. \ No newline at end of file +// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. diff --git a/src/components/controlled/transactions-table/transactions-table.styles.ts b/src/components/controlled/transactions-table/transactions-table.styles.ts index 533ed366..77ed50c3 100644 --- a/src/components/controlled/transactions-table/transactions-table.styles.ts +++ b/src/components/controlled/transactions-table/transactions-table.styles.ts @@ -7,4 +7,4 @@ export default { transactionsTableBodyRow: 'transactions-table-body-row mvx:text-label mvx:border-b mvx:border-outline-variant', transactionsTableBodyCell: 'transactions-table-body-cell mvx:p-4 mvx:w-max', transactionsTableBodyCellChild: 'transactions-table-body-cell-child mvx:flex mvx:w-max' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/controlled/transactions-table/transactions-table.tsx b/src/components/controlled/transactions-table/transactions-table.tsx index edec1e4b..cf87e63b 100644 --- a/src/components/controlled/transactions-table/transactions-table.tsx +++ b/src/components/controlled/transactions-table/transactions-table.tsx @@ -1,8 +1,15 @@ import { Component, h, Prop } from '@stencil/core'; import { DataTestIdsEnum } from '../../../constants/dataTestIds.enum'; -import { TransactionAccount, TransactionAge, TransactionHash, TransactionMethod, TransactionShards, TransactionValue } from './components'; -import styles from './transactions-table.styles' +import { + TransactionAccount, + TransactionAge, + TransactionHash, + TransactionMethod, + TransactionShards, + TransactionValue, +} from './components'; +import styles from './transactions-table.styles'; import type { TransactionRowType } from './transactions-table.type'; const COLUMNS = ['Txn Hash', 'Age', 'Shard', 'From', 'To', 'Method', 'Value']; diff --git a/src/components/controlled/transactions-table/transactions-table.type.ts b/src/components/controlled/transactions-table/transactions-table.type.ts index 756b5531..67ef83d2 100644 --- a/src/components/controlled/transactions-table/transactions-table.type.ts +++ b/src/components/controlled/transactions-table/transactions-table.type.ts @@ -1,4 +1,4 @@ -import type { IconNamesEnum } from "common/Icon/icon.types"; +import type { IconNamesEnum } from 'common/Icon/icon.types'; export type TransactionRowType = { age: TransactionAgeType; diff --git a/src/components/functional/notifications-feed/notifications-feed.tsx b/src/components/functional/notifications-feed/notifications-feed.tsx index f07348e5..a72a6453 100644 --- a/src/components/functional/notifications-feed/notifications-feed.tsx +++ b/src/components/functional/notifications-feed/notifications-feed.tsx @@ -106,7 +106,9 @@ export class NotificationsFeed { {hasPending && (
Processing...
- {this.pendingTransactions?.map(toast => )} + {this.pendingTransactions?.map(toast => ( + + ))}
)} diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/SignTransactionsAdvanced.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/SignTransactionsAdvanced.tsx index af57efb4..34a7ad41 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/SignTransactionsAdvanced.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/SignTransactionsAdvanced.tsx @@ -1,12 +1,11 @@ import { h } from '@stencil/core'; +import classNames from 'classnames'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; +import type { DecodeMethodEnum } from '../../sign-transactions-panel.types'; import state from '../../signTransactionsPanelStore'; - -import styles from './signTransactionsAdvanced.styles'; import { SignTransactionsAdvancedData } from './components/SignTransactionsAdvancedData/SignTransactionsAdvancedData'; -import { DecodeMethodEnum } from '../../sign-transactions-panel.types'; -import classNames from 'classnames'; +import styles from './signTransactionsAdvanced.styles'; interface SignTransactionsAdvancedPropsType { decodeMethod?: DecodeMethodEnum; @@ -29,7 +28,10 @@ export function SignTransactionsAdvanced(props: SignTransactionsAdvancedPropsTyp {gasPrice} {egldLabel}
-
+
{gasPriceOptions?.map(({ label, value }) => { const isActive = gasPriceOption?.toString() === value.toString(); @@ -37,26 +39,39 @@ export function SignTransactionsAdvanced(props: SignTransactionsAdvancedPropsTyp ); })}
-
+
Gas Limit {gasLimit}
- + ); } - diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/SignTransactionsAdvancedData.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/SignTransactionsAdvancedData.tsx index 1e08ba37..c9a93904 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/SignTransactionsAdvancedData.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/SignTransactionsAdvancedData.tsx @@ -1,14 +1,13 @@ import { Fragment, h } from '@stencil/core'; +import classNames from 'classnames'; +import { Tooltip } from 'common/Tooltip/Tooltip'; import { DecodeMethodEnum } from 'components/functional/sign-transactions-panel/sign-transactions-panel.types'; import state from 'components/functional/sign-transactions-panel/signTransactionsPanelStore'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; -import styles from './signTransactionsAdvancedData.styles' - -import { getProcessedHighlightedData } from './helpers/getProcessedHighlightedData'; import { SignTransactionsAdvancedDataDecode } from './components/SignTransactionsAdvancedDataDecode/SignTransactionsAdvancedDataDecode'; -import classNames from 'classnames'; -import { Tooltip } from 'common/Tooltip/Tooltip'; +import { getProcessedHighlightedData } from './helpers/getProcessedHighlightedData'; +import styles from './signTransactionsAdvancedData.styles'; export interface IDataHightlight { beforeHighlight?: string; @@ -23,7 +22,12 @@ interface SignTransactionsAdvancedDataPropsType { onDecodeTooltipVisibilityChange?: (isVisible: boolean) => void; } -export function SignTransactionsAdvancedData({ decodeMethod = DecodeMethodEnum.raw, onDecodeMethodChange, decodeTooltipVisible, onDecodeTooltipVisibilityChange }: SignTransactionsAdvancedDataPropsType) { +export function SignTransactionsAdvancedData({ + decodeMethod = DecodeMethodEnum.raw, + onDecodeMethodChange, + decodeTooltipVisible, + onDecodeTooltipVisibilityChange, +}: SignTransactionsAdvancedDataPropsType) { const { data, highlight } = state.commonData; let highlightElement: HTMLElement; @@ -41,19 +45,18 @@ export function SignTransactionsAdvancedData({ decodeMethod = DecodeMethodEnum.r } const { displayValue = '', highlight: decodedHighlight = '' } = state.commonData.decodedData - ? state.commonData.decodedData[decodeMethod] ?? {} + ? (state.commonData.decodedData[decodeMethod] ?? {}) : {}; return !decodedHighlight || !displayValue.includes(decodedHighlight) ? { highlight: displayValue } : getProcessedHighlightedData({ data: displayValue, highlightedData: decodedHighlight }); - } + }; const computedDisplayData = getComputedDisplayData(); const { beforeHighlight, afterHighlight, highlight: highlightText } = computedDisplayData; if ((beforeHighlight || afterHighlight) && highlightElement) { - const timeoutId = setTimeout(() => { highlightElement?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' }); }); @@ -74,10 +77,7 @@ export function SignTransactionsAdvancedData({ decodeMethod = DecodeMethodEnum.r }} isTooltipVisible={decodeTooltipVisible} trigger={ - + } >
(highlightElement = el)} > @@ -141,7 +144,6 @@ export function SignTransactionsAdvancedData({ decodeMethod = DecodeMethodEnum.r )}
- + ); } - diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/components/SignTransactionsAdvancedDataDecode/SignTransactionsAdvancedDataDecode.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/components/SignTransactionsAdvancedDataDecode/SignTransactionsAdvancedDataDecode.tsx index 38447659..83a5c98f 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/components/SignTransactionsAdvancedDataDecode/SignTransactionsAdvancedDataDecode.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/components/SignTransactionsAdvancedDataDecode/SignTransactionsAdvancedDataDecode.tsx @@ -18,7 +18,10 @@ interface SignTransactionsAdvancedDataDecodePropsType { currentDecodeMethod: DecodeMethodEnum; } -export function SignTransactionsAdvancedDataDecode({ isToggled = false, currentDecodeMethod = DecodeMethodEnum.decimal }: SignTransactionsAdvancedDataDecodePropsType) { +export function SignTransactionsAdvancedDataDecode({ + isToggled = false, + currentDecodeMethod = DecodeMethodEnum.decimal, +}: SignTransactionsAdvancedDataDecodePropsType) { return (
); } - diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/signTransactionsAdvancedData.styles.ts b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/signTransactionsAdvancedData.styles.ts index 730b5d1a..9b84014e 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/signTransactionsAdvancedData.styles.ts +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/components/SignTransactionsAdvancedData/signTransactionsAdvancedData.styles.ts @@ -12,4 +12,4 @@ export default { signTransactionsAdvancedDataText: 'sign-transactions-advanced-data-text mvx:text-secondary-text', signTransactionsAdvancedDataHighlight: 'sign-transactions-advanced-data-highlight mvx:text-primary', signTransactionsAdvancedDataHighlightBolded: 'sign-transactions-advanced-data-highlight-bolded mvx:font-medium' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/signTransactionsAdvanced.styles.ts b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/signTransactionsAdvanced.styles.ts index 248ce792..327370c7 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/signTransactionsAdvanced.styles.ts +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsAdvanced/signTransactionsAdvanced.styles.ts @@ -15,4 +15,4 @@ export default { signTransactionsGasLimitRow: 'sign-transactions-gas-limit-row mvx:flex mvx:items-center mvx:justify-between mvx:w-full', signTransactionsGasLimit: 'sign-transactions-gas-limit mvx:text-secondary-text mvx:text-sm mvx:font-normal mvx:leading-5 mvx:relative mvx:z-1', signTransactionsGasLimitValue: 'sign-transactions-gas-limit-value mvx:text-secondary-text mvx:text-sm mvx:font-medium mvx:leading-5 mvx:relative mvx:z-1' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/SignTransactionsFooter.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/SignTransactionsFooter.tsx index 7b1f40e0..a6d4757b 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/SignTransactionsFooter.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/SignTransactionsFooter.tsx @@ -1,15 +1,15 @@ import { Fragment, h } from '@stencil/core'; import classNames from 'classnames'; +import { Button } from 'common/Button/Button'; +import { CopyButton } from 'common/CopyButton/CopyButton'; +import { ExplorerLink } from 'common/ExplorerLink/ExplorerLink'; import { Icon } from 'common/Icon'; +import { Tooltip } from 'common/Tooltip/Tooltip'; +import { Trim } from 'common/Trim/Trim'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; import state from '../../signTransactionsPanelStore'; import styles from './signTransactionsFooter.styles'; -import { CopyButton } from 'common/CopyButton/CopyButton'; -import { Tooltip } from 'common/Tooltip/Tooltip'; -import { Button } from 'common/Button/Button'; -import { ExplorerLink } from 'common/ExplorerLink/ExplorerLink'; -import { Trim } from 'common/Trim/Trim'; let isWaitingForSignature: boolean = false; let lastCommonData = { ...state.commonData }; @@ -21,7 +21,12 @@ interface SignTransactionsFooterPropsType { handleCopyButtonClick?: (event: MouseEvent, text?: string) => void; } -export function SignTransactionsFooter({ tooltipVisible, onTooltipVisibilityChange, isSuccessOnCopy, handleCopyButtonClick }: SignTransactionsFooterPropsType) { +export function SignTransactionsFooter({ + tooltipVisible, + onTooltipVisibilityChange, + isSuccessOnCopy, + handleCopyButtonClick, +}: SignTransactionsFooterPropsType) { const currentCommonData = { ...state.commonData }; const hasChanged = JSON.stringify(currentCommonData) !== JSON.stringify(lastCommonData); @@ -53,7 +58,12 @@ export function SignTransactionsFooter({ tooltipVisible, onTooltipVisibilityChan
-
+
@@ -151,7 +161,12 @@ export function SignTransactionsFooter({ tooltipVisible, onTooltipVisibilityChan /> )} - handleCopyButtonClick?.(event, username ?? address)} /> + handleCopyButtonClick?.(event, username ?? address)} + />
diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/signTransactionsFooter.styles.ts b/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/signTransactionsFooter.styles.ts index 6451208a..6cd45db2 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/signTransactionsFooter.styles.ts +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsFooter/signTransactionsFooter.styles.ts @@ -1,21 +1,22 @@ +// prettier-ignore export default { - signTransactionsFooterContainer: 'sign-transactions-footer-container mvx:flex mvx:flex-col mvx:flex-1 mvx:h-full', - signTransactionsFooter: 'sign-transactions-footer mvx:mt-auto mvx:flex mvx:flex-col mvx:items-center mvx:pt-5 mvx:gap-5 mvx:text-center', - signTransactionsFooterButtons: 'sign-transactions-footer-buttons mvx:flex mvx:items-center mvx:w-full mvx:gap-3', - signTransactionsFooterButtonWrapper: 'sign-transactions-footer-button-wrapper mvx:relative mvx:flex mvx:flex-col mvx:flex-1', - signTransactionsFooterButtonWrapperCancel: 'sign-transactions-footer-button-wrapper-cancel mvx:w-32 mvx:max-w-32', - signTransactionsFooterButtonTooltipWrapper: 'sign-transactions-footer-button-tooltip-wrapper mvx:absolute mvx:inset-0', - signTransactionsFooterButton: 'sign-transactions-footer-button mvx:flex', - signTransactionsFooterButtonIcon: 'sign-transactions-footer-button-icon mvx:flex mvx:transition-all mvx:duration-200 mvx:ease-in-out', - signTransactionsFooterButtonIconLighter: 'sign-transactions-footer-button-icon-lighter mvx:fill-secondary-text', - signTransactionsFooterIdentity: 'sign-transactions-footer-identity mvx:max-w-64 mvx:flex mvx:items-center mvx:text-base mvx:gap-2 mvx:overflow-hidden', - signTransactionsFooterIdentityLabel: 'sign-transactions-footer-identity-label mvx:whitespace-nowrap mvx:text-secondary-text', - signTransactionsFooterIdentityAddress: 'sign-transactions-footer-identity-address mvx:text-primary', - signTransactionsTrimWrapper: 'sign-transactions-trim-wrapper mvx:items-end mvx:leading-none', - signTransactionsFooterIdentityUsername: 'sign-transactions-footer-identity-username mvx:flex mvx:items-center mvx:text-base mvx:text-primary', - signTransactionsFooterIdentityUsernamePrefix: 'sign-transactions-footer-identity-username-prefix mvx:text-accent', - signTransactionsFooterIdentityCopy: 'sign-transactions-footer-identity-copy mvx:text-primary', - signTransactionsButtonTooltip: 'sign-transactions-button-tooltip mvx:absolute mvx:top-0 mvx:h-12 mvx:left-0 mvx:right-0', - signTransactionsActionButton: 'sign-transactions-action-button mvx:text-base! mvx:w-full', - signTransactionsExplorerLinkIcon: 'sign-transactions-explorer-link-icon mvx:text-primary', -} satisfies Record; \ No newline at end of file + signTransactionsFooterContainer: 'sign-transactions-footer-container mvx:flex mvx:flex-col mvx:flex-1 mvx:h-full', + signTransactionsFooter: 'sign-transactions-footer mvx:mt-auto mvx:flex mvx:flex-col mvx:items-center mvx:pt-5 mvx:gap-5 mvx:text-center', + signTransactionsFooterButtons: 'sign-transactions-footer-buttons mvx:flex mvx:items-center mvx:w-full mvx:gap-3', + signTransactionsFooterButtonWrapper: 'sign-transactions-footer-button-wrapper mvx:relative mvx:flex mvx:flex-col mvx:flex-1', + signTransactionsFooterButtonWrapperCancel: 'sign-transactions-footer-button-wrapper-cancel mvx:w-32 mvx:max-w-32', + signTransactionsFooterButtonTooltipWrapper: 'sign-transactions-footer-button-tooltip-wrapper mvx:absolute mvx:inset-0', + signTransactionsFooterButton: 'sign-transactions-footer-button mvx:flex', + signTransactionsFooterButtonIcon: 'sign-transactions-footer-button-icon mvx:flex mvx:transition-all mvx:duration-200 mvx:ease-in-out', + signTransactionsFooterButtonIconLighter: 'sign-transactions-footer-button-icon-lighter mvx:fill-secondary-text', + signTransactionsFooterIdentity: 'sign-transactions-footer-identity mvx:max-w-64 mvx:flex mvx:items-center mvx:text-base mvx:gap-2 mvx:overflow-hidden', + signTransactionsFooterIdentityLabel: 'sign-transactions-footer-identity-label mvx:whitespace-nowrap mvx:text-secondary-text', + signTransactionsFooterIdentityAddress: 'sign-transactions-footer-identity-address mvx:text-primary', + signTransactionsTrimWrapper: 'sign-transactions-trim-wrapper mvx:items-end mvx:leading-none', + signTransactionsFooterIdentityUsername: 'sign-transactions-footer-identity-username mvx:flex mvx:items-center mvx:text-base mvx:text-primary', + signTransactionsFooterIdentityUsernamePrefix: 'sign-transactions-footer-identity-username-prefix mvx:text-accent', + signTransactionsFooterIdentityCopy: 'sign-transactions-footer-identity-copy mvx:text-primary', + signTransactionsButtonTooltip: 'sign-transactions-button-tooltip mvx:absolute mvx:top-0 mvx:h-12 mvx:left-0 mvx:right-0', + signTransactionsActionButton: 'sign-transactions-action-button mvx:text-base! mvx:w-full', + signTransactionsExplorerLinkIcon: 'sign-transactions-explorer-link-icon mvx:text-primary', +} satisfies Record; diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsHeader/SignTransactionsHeader.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsHeader/SignTransactionsHeader.tsx index de889fa3..7b682259 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsHeader/SignTransactionsHeader.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsHeader/SignTransactionsHeader.tsx @@ -1,6 +1,7 @@ import { h } from '@stencil/core'; import { Icon } from 'common/Icon'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; + import styles from './sign-transactions-header.styles'; interface SignTransactionsHeaderPropsType { @@ -14,7 +15,14 @@ interface SignTransactionsHeaderPropsType { const NUMBER_OF_TRANSACTIONS = 10; -export function SignTransactionsHeader({ onBack, onNext, currentIndex, transactionsCount, origin, showFavicon }: SignTransactionsHeaderPropsType) { +export function SignTransactionsHeader({ + onBack, + onNext, + currentIndex, + transactionsCount, + origin, + showFavicon, +}: SignTransactionsHeaderPropsType) { return (
{transactionsCount > 1 && ( @@ -101,4 +109,3 @@ export function SignTransactionsHeader({ onBack, onNext, currentIndex, transacti
); } - diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/SignTransactionsOverview.tsx b/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/SignTransactionsOverview.tsx index 2cc83207..950f4eb4 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/SignTransactionsOverview.tsx +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/SignTransactionsOverview.tsx @@ -1,12 +1,11 @@ import { h } from '@stencil/core'; +import classNames from 'classnames'; import { Icon } from 'common/Icon'; +import { Trim } from 'common/Trim/Trim'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; import { handleAmountResize } from '../../helpers'; -import classNames from 'classnames'; - import styles from './signTransactionsOverview.styles'; -import { Trim } from 'common/Trim/Trim'; interface SignTransactionsOverviewPropsType { identifier: string; @@ -20,7 +19,17 @@ interface SignTransactionsOverviewPropsType { isApp: boolean; } -export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIconUrl, interactor, interactorIconUrl, action, networkFee = '~$0.00078', isApp = false }: SignTransactionsOverviewPropsType) { +export function SignTransactionsOverview({ + identifier, + usdValue, + amount, + tokenIconUrl, + interactor, + interactorIconUrl, + action, + networkFee = '~$0.00078', + isApp = false, +}: SignTransactionsOverviewPropsType) { const setAmountValueRef = (el?: HTMLElement) => { if (!el) { return; @@ -32,7 +41,10 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc return (
-
+
{isApp ? 'Amount' : 'Send'}
@@ -46,7 +58,10 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc
{identifier !== 'USD' && ( -
+
{usdValue}
)} @@ -63,7 +78,10 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc
@@ -71,7 +89,10 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc
-
+
{isApp ? 'App' : 'To'}
{interactorIconUrl && ( @@ -89,9 +110,15 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc
{isApp && ( -
+
Action
-
+
{action}
@@ -109,7 +136,6 @@ export function SignTransactionsOverview({ identifier, usdValue, amount, tokenIc
-
+
); } - diff --git a/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/signTransactionsOverview.styles.ts b/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/signTransactionsOverview.styles.ts index 65db8e5d..6a24a47b 100644 --- a/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/signTransactionsOverview.styles.ts +++ b/src/components/functional/sign-transactions-panel/components/SignTransactionsOverview/signTransactionsOverview.styles.ts @@ -30,4 +30,4 @@ export default { signTransactionsFeeLabel: 'sign-transactions-fee-label mvx:text-secondary-text mvx:text-sm mvx:font-normal mvx:leading-5', signTransactionsInfoIcon: 'sign-transactions-info-icon mvx:w-3.5 mvx:h-3.5 mvx:relative mvx:before:content-["ⓘ"] mvx:before:text-sm mvx:before:text-secondary-text mvx:before:absolute mvx:before:-top-0.5 mvx:before:left-0', signTransactionsFeeValue: 'sign-transactions-fee-value mvx:text-primary mvx:text-sm mvx:font-normal mvx:leading-5' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/sign-transactions-panel/sign-transactions-panel.scss b/src/components/functional/sign-transactions-panel/sign-transactions-panel.scss index 1075ba99..874140ed 100644 --- a/src/components/functional/sign-transactions-panel/sign-transactions-panel.scss +++ b/src/components/functional/sign-transactions-panel/sign-transactions-panel.scss @@ -1,36 +1,36 @@ .trim { - @apply mvx:flex mvx:relative mvx:max-w-full mvx:overflow-hidden mvx:whitespace-nowrap; + @apply mvx:flex mvx:relative mvx:max-w-full mvx:overflow-hidden mvx:whitespace-nowrap; } .trim-full { - @apply mvx:text-transparent mvx:absolute mvx:leading-5; + @apply mvx:text-transparent mvx:absolute mvx:leading-5; } .trim-full-visible { - @apply mvx:text-inherit mvx:relative mvx:leading-5; + @apply mvx:text-inherit mvx:relative mvx:leading-5; } .trim-wrapper { - @apply mvx:hidden; + @apply mvx:hidden; } .trim-wrapper-visible { - @apply mvx:overflow-hidden mvx:max-w-full mvx:flex; + @apply mvx:overflow-hidden mvx:max-w-full mvx:flex; } .trim-left-wrapper { - @apply mvx:flex-shrink mvx:text-ellipsis mvx:overflow-hidden mvx:text-left mvx:text-[1px]; + @apply mvx:flex-shrink mvx:text-ellipsis mvx:overflow-hidden mvx:text-left mvx:text-[1px]; } .trim-left { - @apply mvx:select-none mvx:pointer-events-none mvx:inline mvx:text-base mvx:leading-5; + @apply mvx:select-none mvx:pointer-events-none mvx:inline mvx:text-base mvx:leading-5; } .trim-right-wrapper { - @apply mvx:flex-shrink mvx:text-ellipsis mvx:overflow-hidden mvx:whitespace-nowrap mvx:text-right mvx:text-[1px]; - direction: rtl; + @apply mvx:flex-shrink mvx:text-ellipsis mvx:overflow-hidden mvx:whitespace-nowrap mvx:text-right mvx:text-[1px]; + direction: rtl; } .trim-right { - @apply mvx:select-none mvx:pointer-events-none mvx:inline mvx:text-base mvx:leading-5 mvx:text-clip; -} \ No newline at end of file + @apply mvx:select-none mvx:pointer-events-none mvx:inline mvx:text-base mvx:leading-5 mvx:text-clip; +} diff --git a/src/components/functional/sign-transactions-panel/sign-transactions-panel.styles.ts b/src/components/functional/sign-transactions-panel/sign-transactions-panel.styles.ts index e568781a..b4a8c6b9 100644 --- a/src/components/functional/sign-transactions-panel/sign-transactions-panel.styles.ts +++ b/src/components/functional/sign-transactions-panel/sign-transactions-panel.styles.ts @@ -15,4 +15,4 @@ export default { buttonNeutral: 'button-neutral mvx:text-neutral-925 mvx:bg-white mvx:hover:opacity-75', buttonDisabled: 'button-disabled mvx:pointer-events-none mvx:bg-transparent mvx:cursor-default mvx:border mvx:border-secondary-text mvx:!text-secondary-text mvx:hover:opacity-100', tooltipContent: 'tooltip-content mvx:flex-row mvx:cursor-default mvx:p-2 mvx:whitespace-nowrap mvx:text-xs mvx:rounded-xl mvx:leading-none mvx:!bg-surface mvx:border-outline-variant mvx:border mvx:text-primary mvx:after:left-1/2 mvx:after:origin-center mvx:after:w-2 mvx:after:h-2 mvx:after:absolute mvx:after:border mvx:after:border-outline-variant mvx:after:!bg-surface mvx:after:translate-x-[calc(50%-8px)] mvx:after:-rotate-[45deg] mvx:after:content-[""]', -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/sign-transactions-panel/sign-transactions-panel.tsx b/src/components/functional/sign-transactions-panel/sign-transactions-panel.tsx index 3c2ea7db..1e9a1706 100644 --- a/src/components/functional/sign-transactions-panel/sign-transactions-panel.tsx +++ b/src/components/functional/sign-transactions-panel/sign-transactions-panel.tsx @@ -1,20 +1,19 @@ import { Component, h, Method, State } from '@stencil/core'; +import { getCopyClickAction } from 'common/CopyButton/getCopyClickAction'; import { ANIMATION_DELAY_PROMISE } from 'components/visual/side-panel/side-panel.constants'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; import { ConnectionMonitor } from 'utils/ConnectionMonitor'; import type { IEventBus } from 'utils/EventBus'; import { EventBus } from 'utils/EventBus'; -import type { IOverviewProps, ISignTransactionsPanelData } from './sign-transactions-panel.types'; -import { DecodeMethodEnum, SignEventsEnum, TransactionTabsEnum } from './sign-transactions-panel.types'; -import state, { resetState } from './signTransactionsPanelStore'; -import { SignTransactionsFooter } from './components/SignTransactionsFooter/SignTransactionsFooter'; -import { getCopyClickAction } from 'common/CopyButton/getCopyClickAction'; -import { SignTransactionsOverview } from './components/SignTransactionsOverview/SignTransactionsOverview'; import { SignTransactionsAdvanced } from './components/SignTransactionsAdvanced/SignTransactionsAdvanced'; +import { SignTransactionsFooter } from './components/SignTransactionsFooter/SignTransactionsFooter'; import { SignTransactionsHeader } from './components/SignTransactionsHeader/SignTransactionsHeader'; - +import { SignTransactionsOverview } from './components/SignTransactionsOverview/SignTransactionsOverview'; import styles from './sign-transactions-panel.styles'; +import type { IOverviewProps, ISignTransactionsPanelData } from './sign-transactions-panel.types'; +import { DecodeMethodEnum, SignEventsEnum, TransactionTabsEnum } from './sign-transactions-panel.types'; +import state, { resetState } from './signTransactionsPanelStore'; @Component({ tag: 'mvx-sign-transactions-panel', @@ -131,7 +130,7 @@ export class SignTransactionsPanel { }; private handleCopyButtonClick = getCopyClickAction({ - onSuccessChange: (isSuccess) => (this.isSuccessOnCopy = isSuccess), + onSuccessChange: isSuccess => (this.isSuccessOnCopy = isSuccess), }); private setDecodeMethod = (method: DecodeMethodEnum) => { @@ -169,7 +168,10 @@ export class SignTransactionsPanel {
{transactionTabs.map(transactionTab => (
this.setActiveTab(transactionTab)} > @@ -199,7 +201,7 @@ export class SignTransactionsPanel { handleCopyButtonClick={this.handleCopyButtonClick} />
- + ); } } diff --git a/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.scss b/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.scss index b6f9ac6f..5e1d02a6 100644 --- a/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.scss +++ b/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.scss @@ -7,7 +7,7 @@ .icon-close { @apply mvx:flex mvx:w-5 mvx:h-5 mvx:flex-col mvx:justify-center mvx:shrink-0 mvx:p-0 mvx:cursor-pointer mvx:absolute mvx:right-3 mvx:top-3 mvx:bg-none mvx:border-0; color: var(--mvx-text-color-primary); - + .svg-inline--fa { @apply mvx:text-center; color: var(--mvx-text-color-primary); diff --git a/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.tsx b/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.tsx index b7ebc259..c2fee986 100644 --- a/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.tsx +++ b/src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.tsx @@ -20,12 +20,8 @@ export class CustomToast { return (
{this.toast.hasCloseButton !== false && ( - )}
this.initializeToast(container)}>
diff --git a/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.scss b/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.scss index 1bbc9f2d..346b5232 100644 --- a/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.scss +++ b/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.scss @@ -68,4 +68,4 @@ &.no-margin { @apply mvx:mt-0; } -} \ No newline at end of file +} diff --git a/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.tsx b/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.tsx index 7747512e..db66b9b2 100644 --- a/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.tsx +++ b/src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.tsx @@ -47,12 +47,8 @@ export class SimpleToast { )} {this.toast.hasCloseButton !== false && ( - )}
diff --git a/src/components/functional/toasts-list/components/custom-toast/generic-toast.tsx b/src/components/functional/toasts-list/components/custom-toast/generic-toast.tsx index cbbe3727..b649d9f5 100644 --- a/src/components/functional/toasts-list/components/custom-toast/generic-toast.tsx +++ b/src/components/functional/toasts-list/components/custom-toast/generic-toast.tsx @@ -1,6 +1,10 @@ import type { EventEmitter } from '@stencil/core'; import { Component, Event, h, Prop } from '@stencil/core'; -import type { CustomToastType, IComponentToast, ISimpleToast } from 'components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; +import type { + CustomToastType, + IComponentToast, + ISimpleToast, +} from 'components/functional/toasts-list/components/transaction-toast/transaction-toast.type'; @Component({ tag: 'mvx-generic-toast', @@ -12,9 +16,19 @@ export class GenericToast { render() { const isComponentToast = 'instantiateToastElement' in this.toast; if (isComponentToast) { - return this.deleteToast.emit(this.toast.toastId)} />; + return ( + this.deleteToast.emit(this.toast.toastId)} + /> + ); } - return this.deleteToast.emit(this.toast.toastId)} />; + return ( + this.deleteToast.emit(this.toast.toastId)} + /> + ); } } diff --git a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.scss b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.scss index 039ea593..b7b68cd1 100644 --- a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.scss +++ b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.scss @@ -124,4 +124,4 @@ @apply mvx:text-center mvx:h-4 mvx:w-4; color: var(--mvx-text-color-primary); } -} \ No newline at end of file +} diff --git a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.tsx b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.tsx index c99e27c4..545a3df7 100644 --- a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.tsx +++ b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-content/transaction-toast-content.tsx @@ -4,6 +4,7 @@ import classNames from 'classnames'; import { FormatAmount } from 'common/FormatAmount/FormatAmount'; import { Icon } from 'common/Icon'; import { IconSizeEnumType, TransactionAssetIcon } from 'common/TransactionAssetIcon/TransactionAssetIcon'; +import { Trim } from 'common/Trim/Trim'; import { getAmountParts } from 'components/functional/toasts-list/helpers'; import type { ITransactionListItem } from 'components/visual/transaction-list-item/transaction-list-item.types'; import { DataTestIdsEnum } from 'constants/dataTestIds.enum'; @@ -11,7 +12,6 @@ import { TransactionStatusEnum } from 'constants/transactionStatus.enum'; import { getIsTransactionFailed } from 'utils/getTransactionStatus'; import type { IToastDataState } from '../../transaction-toast.type'; -import { Trim } from 'common/Trim/Trim'; // prettier-ignore const styles = { diff --git a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-details/tests/transaction-toast-details.e2e.ts b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-details/tests/transaction-toast-details.e2e.ts index 1a2fdc07..21323e08 100644 --- a/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-details/tests/transaction-toast-details.e2e.ts +++ b/src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-details/tests/transaction-toast-details.e2e.ts @@ -2,7 +2,11 @@ import { newE2EPage } from '@stencil/core/testing'; import type { ITransactionListItem } from 'components/visual/transaction-list-item/transaction-list-item.types'; import { TransactionStatusEnum } from 'constants/transactionStatus.enum'; -const createMockTransaction = (params: { hash: string; status?: `${TransactionStatusEnum}`; timestamp?: number }): ITransactionListItem => ({ +const createMockTransaction = (params: { + hash: string; + status?: `${TransactionStatusEnum}`; + timestamp?: number; +}): ITransactionListItem => ({ hash: params.hash, status: params.status || TransactionStatusEnum.success, link: `https://explorer.com/${params.hash}`, diff --git a/src/components/functional/toasts-list/components/transaction-toast/transaction-toast.scss b/src/components/functional/toasts-list/components/transaction-toast/transaction-toast.scss index 3806c14a..49d30d83 100644 --- a/src/components/functional/toasts-list/components/transaction-toast/transaction-toast.scss +++ b/src/components/functional/toasts-list/components/transaction-toast/transaction-toast.scss @@ -1,3 +1,3 @@ .transaction-toast { - @apply mvx:relative; -} \ No newline at end of file + @apply mvx:relative; +} diff --git a/src/components/functional/unlock-panel/components/UnlockPanelFooter/UnlockPanelFooter.tsx b/src/components/functional/unlock-panel/components/UnlockPanelFooter/UnlockPanelFooter.tsx index 3c167cf2..2e59439f 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelFooter/UnlockPanelFooter.tsx +++ b/src/components/functional/unlock-panel/components/UnlockPanelFooter/UnlockPanelFooter.tsx @@ -1,8 +1,8 @@ import { h } from '@stencil/core'; import { Icon } from 'common/Icon'; -import styles from './unlockPanelFooter.styles' import unlockPanelWalletImg from '../../../../../assets/unlock-panel-wallet.webp'; +import styles from './unlockPanelFooter.styles'; export function UnlockPanelFooter({ walletAddress }: { walletAddress: string }) { const handleWalletClick = (event: MouseEvent) => { @@ -39,7 +39,6 @@ export function UnlockPanelFooter({ walletAddress }: { walletAddress: string })
-
+
); - } diff --git a/src/components/functional/unlock-panel/components/UnlockPanelFooter/index.ts b/src/components/functional/unlock-panel/components/UnlockPanelFooter/index.ts index 51d58d9a..e942d223 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelFooter/index.ts +++ b/src/components/functional/unlock-panel/components/UnlockPanelFooter/index.ts @@ -1 +1 @@ -export * from './UnlockPanelFooter'; \ No newline at end of file +export * from './UnlockPanelFooter'; diff --git a/src/components/functional/unlock-panel/components/UnlockPanelFooter/unlockPanelFooter.styles.ts b/src/components/functional/unlock-panel/components/UnlockPanelFooter/unlockPanelFooter.styles.ts index 9fe36958..2f41319b 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelFooter/unlockPanelFooter.styles.ts +++ b/src/components/functional/unlock-panel/components/UnlockPanelFooter/unlockPanelFooter.styles.ts @@ -9,4 +9,4 @@ export default { unlockPanelFooterSubtitleDesktop: 'unlock-panel-footer-subtitle-desktop mvx:hidden mvx:xs:flex', unlockPanelFooterSubtitleMobile: 'unlock-panel-footer-subtitle-mobile mvx:text-xs mvx:xs:hidden', unlockPanelFooterSubtitleLink: 'unlock-panel-footer-subtitle-link mvx:text-accent' -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/unlock-panel/components/UnlockPanelGroup/UnlockPanelGroup.tsx b/src/components/functional/unlock-panel/components/UnlockPanelGroup/UnlockPanelGroup.tsx index b6b1a91e..bf9c73cc 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelGroup/UnlockPanelGroup.tsx +++ b/src/components/functional/unlock-panel/components/UnlockPanelGroup/UnlockPanelGroup.tsx @@ -1,8 +1,9 @@ import { h } from '@stencil/core'; import classNames from 'classnames'; import { type IProviderBase, ProviderTypeEnum } from 'types/provider.types'; -import styles from './unlockPanelGroup.styles'; + import { UnlockProviderButton } from '../UnlockProviderButton'; +import styles from './unlockPanelGroup.styles'; export enum UnlockPanelGroupSlotEnum { groupLabel = 'group-label', @@ -26,9 +27,7 @@ export function UnlockPanelGroup({ providers = [], class: className, onLogin, gr return (
-
- {groupLabel} -
+
{groupLabel}
{providers.map((provider, providerIndex) => ( diff --git a/src/components/functional/unlock-panel/components/UnlockPanelGroup/index.ts b/src/components/functional/unlock-panel/components/UnlockPanelGroup/index.ts index 385d1c8f..f2f580e0 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelGroup/index.ts +++ b/src/components/functional/unlock-panel/components/UnlockPanelGroup/index.ts @@ -1 +1 @@ -export * from './UnlockPanelGroup'; \ No newline at end of file +export * from './UnlockPanelGroup'; diff --git a/src/components/functional/unlock-panel/components/UnlockPanelGroup/unlockPanelGroup.styles.ts b/src/components/functional/unlock-panel/components/UnlockPanelGroup/unlockPanelGroup.styles.ts index 8b4a8c3e..04b3b499 100644 --- a/src/components/functional/unlock-panel/components/UnlockPanelGroup/unlockPanelGroup.styles.ts +++ b/src/components/functional/unlock-panel/components/UnlockPanelGroup/unlockPanelGroup.styles.ts @@ -6,4 +6,4 @@ export default { unlockPanelGroupProviders: 'unlock-panel-group-providers mvx:flex mvx:flex-col mvx:gap-0.5 mvx:rounded-tl-lg mvx:rounded-tr-lg mvx:overflow-auto mvx:pb-6 mvx:mt-3 mvx:scrollbar-hide', detectedPanelGroup: 'mvx:hidden mvx:sm:flex', lastProviderButton: 'mvx:rounded-bl-lg mvx:rounded-br-lg mvx:overflow-hidden', -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/unlock-panel/components/UnlockProviderButton/UnlockProviderButton.tsx b/src/components/functional/unlock-panel/components/UnlockProviderButton/UnlockProviderButton.tsx index 37b0502c..f689804b 100644 --- a/src/components/functional/unlock-panel/components/UnlockProviderButton/UnlockProviderButton.tsx +++ b/src/components/functional/unlock-panel/components/UnlockProviderButton/UnlockProviderButton.tsx @@ -21,9 +21,7 @@ export function UnlockProviderButton({ provider, class: className, onClick }: Un return null; } - const icon: HTMLElement | null = !provider.iconUrl - ? getProviderButtonIcon({ providerType: provider.type }) - : null; + const icon: HTMLElement | null = !provider.iconUrl ? getProviderButtonIcon({ providerType: provider.type }) : null; return (
diff --git a/src/components/functional/unlock-panel/components/UnlockProviderButton/index.ts b/src/components/functional/unlock-panel/components/UnlockProviderButton/index.ts index 54c0f59c..85e24343 100644 --- a/src/components/functional/unlock-panel/components/UnlockProviderButton/index.ts +++ b/src/components/functional/unlock-panel/components/UnlockProviderButton/index.ts @@ -1 +1 @@ -export * from './UnlockProviderButton'; \ No newline at end of file +export * from './UnlockProviderButton'; diff --git a/src/components/functional/unlock-panel/components/index.ts b/src/components/functional/unlock-panel/components/index.ts index 92aa6a2e..3359e5a0 100644 --- a/src/components/functional/unlock-panel/components/index.ts +++ b/src/components/functional/unlock-panel/components/index.ts @@ -1,3 +1,3 @@ export * from './UnlockPanelFooter'; export * from './UnlockPanelGroup'; -export * from './UnlockProviderButton'; \ No newline at end of file +export * from './UnlockProviderButton'; diff --git a/src/components/functional/unlock-panel/unlock-panel.scss b/src/components/functional/unlock-panel/unlock-panel.scss index ff1190ee..21b0cbc1 100644 --- a/src/components/functional/unlock-panel/unlock-panel.scss +++ b/src/components/functional/unlock-panel/unlock-panel.scss @@ -1 +1 @@ -// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. \ No newline at end of file +// This is needed to trigger the Stecil Tailwind compilation for inline Tailwind classes. diff --git a/src/components/functional/unlock-panel/unlock-panel.styles.ts b/src/components/functional/unlock-panel/unlock-panel.styles.ts index 401b0782..3bf93c0e 100644 --- a/src/components/functional/unlock-panel/unlock-panel.styles.ts +++ b/src/components/functional/unlock-panel/unlock-panel.styles.ts @@ -9,4 +9,4 @@ export default { detectedPanelGroup: 'mvx:hidden mvx:sm:flex mvx:sm:flex-col', desktopPanelGroupTitle: 'mvx:hidden mvx:sm:flex', mobilePanelGroupTitle: 'mvx:sm:hidden', -} satisfies Record; \ No newline at end of file +} satisfies Record; diff --git a/src/components/functional/unlock-panel/unlock-panel.tsx b/src/components/functional/unlock-panel/unlock-panel.tsx index 788d755b..2e9ab875 100644 --- a/src/components/functional/unlock-panel/unlock-panel.tsx +++ b/src/components/functional/unlock-panel/unlock-panel.tsx @@ -7,11 +7,11 @@ import { ConnectionMonitor } from 'utils/ConnectionMonitor'; import type { IEventBus } from 'utils/EventBus'; import { EventBus } from 'utils/EventBus'; +import { UnlockPanelFooter, UnlockPanelGroup } from './components'; import { getIsExtensionAvailable, getIsMetaMaskAvailable } from './helpers'; +import styles from './unlock-panel.styles'; import type { IUnlockPanelManagerData } from './unlock-panel.types'; import { UnlockPanelEventsEnum } from './unlock-panel.types'; -import { UnlockPanelFooter, UnlockPanelGroup } from './components'; -import styles from './unlock-panel.styles'; @Component({ tag: 'mvx-unlock-panel', @@ -188,17 +188,15 @@ export class UnlockPanel { {hasDetectedProviders && ( this.handleLogin(provider)} + onLogin={provider => this.handleLogin(provider)} class={styles.detectedPanelGroup} - groupLabel={ -
Detected
- } + groupLabel={
Detected
} /> )} this.handleLogin(provider)} + onLogin={provider => this.handleLogin(provider)} groupLabel={
Options
diff --git a/src/components/functional/wallet-connect/components/wallet-connect-download/wallet-connect-download.scss b/src/components/functional/wallet-connect/components/wallet-connect-download/wallet-connect-download.scss index 1d6519f0..9187f3e6 100644 --- a/src/components/functional/wallet-connect/components/wallet-connect-download/wallet-connect-download.scss +++ b/src/components/functional/wallet-connect/components/wallet-connect-download/wallet-connect-download.scss @@ -21,7 +21,7 @@ .wallet-connect-download-options { @apply mvx:h-60 mvx:flex mvx:flex-col mvx:gap-4 mvx:items-center mvx:justify-end mvx:my-auto mvx:mx-0; - .wallet-connect-download-option svg{ + .wallet-connect-download-option svg { @apply mvx:cursor-pointer mvx:transition-all mvx:ease-in-out mvx:duration-200 mvx:rounded-lg mvx:p-3; } } diff --git a/src/components/visual/data-with-explorer-link/tests/data-with-explorer-link.spec.ts b/src/components/visual/data-with-explorer-link/tests/data-with-explorer-link.spec.ts index f8ba557c..f59c8fb4 100644 --- a/src/components/visual/data-with-explorer-link/tests/data-with-explorer-link.spec.ts +++ b/src/components/visual/data-with-explorer-link/tests/data-with-explorer-link.spec.ts @@ -1,8 +1,8 @@ import { newSpecPage } from '@stencil/core/testing'; import { Trim } from 'common/Trim/Trim'; -import { ExplorerLink } from '../../../common/explorer-link/explorer-link'; import { CopyButton } from '../../../common/copy-button/copy-button'; +import { ExplorerLink } from '../../../common/explorer-link/explorer-link'; import { Tooltip } from '../../../common/tooltip/tooltip'; import { DataWithExplorerLink } from '../data-with-explorer-link'; @@ -252,4 +252,4 @@ describe('DataWithExplorerLink', () => { expect(component.class).toBe('custom'); expect(component.dataTestId).toBe('test'); }); -}); \ No newline at end of file +}); diff --git a/src/components/visual/index.ts b/src/components/visual/index.ts deleted file mode 100644 index ad402ac1..00000000 --- a/src/components/visual/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './address-table/address-table'; diff --git a/src/components/visual/pagination/helpers/getPagination/getPagination.ts b/src/components/visual/pagination/helpers/getPagination/getPagination.ts index d63a6338..deda8b25 100644 --- a/src/components/visual/pagination/helpers/getPagination/getPagination.ts +++ b/src/components/visual/pagination/helpers/getPagination/getPagination.ts @@ -2,7 +2,11 @@ import { ELLIPSIS } from 'constants/htmlStrings'; import inRange from 'lodash.inrange'; import range from 'lodash.range'; -import { MAX_PAGINATION_BATCH_LENGTH, MAX_PAGINATION_SLOTS, MIN_PAGINATION_BATCH_LENGTH } from './getPagination.constants'; +import { + MAX_PAGINATION_BATCH_LENGTH, + MAX_PAGINATION_SLOTS, + MIN_PAGINATION_BATCH_LENGTH, +} from './getPagination.constants'; interface GetPaginationType { currentPage: number; @@ -10,7 +14,8 @@ interface GetPaginationType { } export const getPagination = ({ currentPage, totalPages }: GetPaginationType): string[] => { - const trimBatch = (batch: number[], comparableBatch: number[]) => (batch.includes(currentPage) ? batch : batch.slice(0, MAX_PAGINATION_SLOTS - comparableBatch.length - 1)); + const trimBatch = (batch: number[], comparableBatch: number[]) => + batch.includes(currentPage) ? batch : batch.slice(0, MAX_PAGINATION_SLOTS - comparableBatch.length - 1); const previousPage = currentPage - 1; const nextPage = currentPage + 1; @@ -22,7 +27,9 @@ export const getPagination = ({ currentPage, totalPages }: GetPaginationType): s const isLeftBatchInRange = inRange(nextPage - 1, MIN_PAGINATION_BATCH_LENGTH, MAX_PAGINATION_BATCH_LENGTH); const isRightBatchInRange = inRange(previousPage + 1, totalPages - MIN_PAGINATION_BATCH_LENGTH, totalPages - 1); const leftBatch = isLeftBatchInRange ? range(1, nextPage + 1) : range(1, MAX_PAGINATION_BATCH_LENGTH - 1); - const rightBatch = isRightBatchInRange ? range(previousPage, totalPages + 1) : range(totalPages - MIN_PAGINATION_BATCH_LENGTH + 1, totalPages + 1); + const rightBatch = isRightBatchInRange + ? range(previousPage, totalPages + 1) + : range(totalPages - MIN_PAGINATION_BATCH_LENGTH + 1, totalPages + 1); const trimmedLeftBatch = trimBatch(leftBatch, rightBatch); const trimmedRightBatch = trimBatch(rightBatch.reverse(), leftBatch); diff --git a/src/components/visual/transaction-list-item/transaction-list-item.scss b/src/components/visual/transaction-list-item/transaction-list-item.scss index 47066553..afde8f5a 100644 --- a/src/components/visual/transaction-list-item/transaction-list-item.scss +++ b/src/components/visual/transaction-list-item/transaction-list-item.scss @@ -1,6 +1,6 @@ .transaction-item { @apply mvx:flex mvx:items-center mvx:py-5 mvx:px-3 mvx:gap-3 mvx:rounded-lg; - @apply mvx:transition-all mvx:duration-200 mvx:ease-in-out ; + @apply mvx:transition-all mvx:duration-200 mvx:ease-in-out; background-color: var(--mvx-bg-color-secondary); &:hover { @@ -53,7 +53,7 @@ color: var(--mvx-text-color-tertiary); &.truncate { - @apply mvx:truncate mvx:max-w-30 mvx:shrink-0; + @apply mvx:truncate mvx:max-w-30 mvx:shrink-0; } @media (min-width: 375px) { diff --git a/src/components/visual/transaction-list-item/transaction-list-item.tsx b/src/components/visual/transaction-list-item/transaction-list-item.tsx index c59443e8..5a61ba89 100644 --- a/src/components/visual/transaction-list-item/transaction-list-item.tsx +++ b/src/components/visual/transaction-list-item/transaction-list-item.tsx @@ -2,11 +2,11 @@ import { Component, h, Prop } from '@stencil/core'; import classNames from 'classnames'; import { FormatAmount } from 'common/FormatAmount/FormatAmount'; import { IconSizeEnumType, TransactionAssetIcon } from 'common/TransactionAssetIcon/TransactionAssetIcon'; +import { Trim } from 'common/Trim/Trim'; import { getAmountParts } from 'components/functional/toasts-list/helpers'; import { getIsTransactionFailed } from 'utils/getTransactionStatus'; import type { ITransactionListItem } from './transaction-list-item.types'; -import { Trim } from 'common/Trim/Trim'; @Component({ tag: 'mvx-transaction-list-item', diff --git a/src/constants/transactionStatus.enum.ts b/src/constants/transactionStatus.enum.ts index 6928f07c..bd3da331 100644 --- a/src/constants/transactionStatus.enum.ts +++ b/src/constants/transactionStatus.enum.ts @@ -1,9 +1,9 @@ export enum TransactionStatusEnum { - success = 'success', - pending = 'pending', - fail = 'fail', - invalid = 'invalid', - executed = 'executed', - notExecuted = 'not executed', - rewardReverted = 'reward-reverted' -} \ No newline at end of file + success = 'success', + pending = 'pending', + fail = 'fail', + invalid = 'invalid', + executed = 'executed', + notExecuted = 'not executed', + rewardReverted = 'reward-reverted', +} diff --git a/src/global/tailwind.css b/src/global/tailwind.css index 4c645dd3..32f57f8f 100644 --- a/src/global/tailwind.css +++ b/src/global/tailwind.css @@ -107,4 +107,4 @@ .mvx\:animate-spinner { animation: SpinnerAnimation 3000ms linear infinite; } -} \ No newline at end of file +} diff --git a/src/setupTests.ts b/src/setupTests.ts index c38a55a6..b3ad4fab 100644 --- a/src/setupTests.ts +++ b/src/setupTests.ts @@ -1,7 +1,7 @@ Object.assign(global, { - ResizeObserver: class ResizeObserver { - observe() { } - disconnect() { } - unobserve() { } - } + ResizeObserver: class ResizeObserver { + observe() {} + disconnect() {} + unobserve() {} + }, }); diff --git a/src/utils/getTransactionStatus.ts b/src/utils/getTransactionStatus.ts index 3a2a3186..a7107ab6 100644 --- a/src/utils/getTransactionStatus.ts +++ b/src/utils/getTransactionStatus.ts @@ -1,7 +1,5 @@ import { TransactionStatusEnum } from 'constants/transactionStatus.enum'; export function getIsTransactionFailed(status: `${TransactionStatusEnum}`) { - return ( - status === TransactionStatusEnum.fail || status === TransactionStatusEnum.invalid - ); -} \ No newline at end of file + return status === TransactionStatusEnum.fail || status === TransactionStatusEnum.invalid; +}