Merge pull request #235 from multiversx/development

arhtudormorar · web-flow · commit 0098ac7e40cc · 2025-09-29T14:46:06.000+03:00
v0.0.33
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
@@ -32,7 +32,7 @@ jobs:
           sudo apt-get update
           sudo apt-get install -y google-chrome-stable
       - name: Install Dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
       - name: Run unit tests
         run: pnpm run test
diff --git a/.github/workflows/pre-merge-unit-tests.yml b/.github/workflows/pre-merge-unit-tests.yml
@@ -43,7 +43,7 @@ jobs:
           sudo apt-get update
           sudo apt-get install -y google-chrome-stable
       - name: Install Dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
       - name: Build
         run: pnpm build
       - name: Run unit tests
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.0.33](https://github.com/multiversx/mx-sdk-dapp-ui/pull/235)] - 2025-09-29
+
+- [Fixed toast large amount not showing](https://github.com/multiversx/mx-sdk-dapp-ui/pull/234)
+- [Removed passkey components](https://github.com/multiversx/mx-sdk-dapp-ui/pull/233)
+- [Display provider name in advanced signing](https://github.com/multiversx/mx-sdk-dapp-ui/pull/232)
+
 ## [[0.0.32](https://github.com/multiversx/mx-sdk-dapp-ui/pull/231)] - 2025-09-26
 
 - [Expose `getDetectedBrowser`](https://github.com/multiversx/mx-sdk-dapp-ui/pull/230)
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-ui",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
diff --git a/src/assets/icons/passkey-provider-icon/passkey-provider-icon.scss b/src/assets/icons/passkey-provider-icon/passkey-provider-icon.scss
diff --git a/src/assets/icons/passkey-provider-icon/passkey-provider-icon.tsx b/src/assets/icons/passkey-provider-icon/passkey-provider-icon.tsx
diff --git a/src/common/ProviderIdleScreen/helpers/getProviderIntroText.ts b/src/common/ProviderIdleScreen/helpers/getProviderIntroText.ts
@@ -7,8 +7,6 @@ export const getProviderIntroText = (providerType?: IProviderBase['type']) => {
       return 'Open the MultiversX Browser Extension to sign the transaction.';
     case ProviderTypeEnum.metamask:
       return 'Open the Metamask Browser Extension to sign the transaction.';
-    case ProviderTypeEnum.passkey:
-      return 'Use your predefined passkey to sign the transaction.';
     case ProviderTypeEnum.walletConnect:
       return 'Open Xportal to sign the transaction.';
     case ProviderTypeEnum.crossWindow:
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -229,9 +229,6 @@ export namespace Components {
         "isVisible": boolean;
         "maxPageToSearchFor": number;
     }
-    interface MvxPasskeyProviderIcon {
-        "class"?: string;
-    }
     interface MvxPendingTransactionsPanel {
         "closeWithAnimation": () => Promise<unknown>;
         "getEventBus": () => Promise<IEventBus>;
@@ -879,12 +876,6 @@ declare global {
         prototype: HTMLMvxPaginationEllipsisFormElement;
         new (): HTMLMvxPaginationEllipsisFormElement;
     };
-    interface HTMLMvxPasskeyProviderIconElement extends Components.MvxPasskeyProviderIcon, HTMLStencilElement {
-    }
-    var HTMLMvxPasskeyProviderIconElement: {
-        prototype: HTMLMvxPasskeyProviderIconElement;
-        new (): HTMLMvxPasskeyProviderIconElement;
-    };
     interface HTMLMvxPendingTransactionsPanelElement extends Components.MvxPendingTransactionsPanel, HTMLStencilElement {
     }
     var HTMLMvxPendingTransactionsPanelElement: {
@@ -1322,7 +1313,6 @@ declare global {
         "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;
@@ -1575,9 +1565,6 @@ declare namespace LocalJSX {
         "maxPageToSearchFor"?: number;
         "onSearch"?: (event: MvxPaginationEllipsisFormCustomEvent<number>) => void;
     }
-    interface MvxPasskeyProviderIcon {
-        "class"?: string;
-    }
     interface MvxPendingTransactionsPanel {
     }
     interface MvxPreloader {
@@ -1913,7 +1900,6 @@ declare namespace LocalJSX {
         "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;
@@ -2004,7 +1990,6 @@ declare module "@stencil/core" {
             "mvx-pagination": LocalJSX.MvxPagination & JSXBase.HTMLAttributes<HTMLMvxPaginationElement>;
             "mvx-pagination-ellipsis": LocalJSX.MvxPaginationEllipsis & JSXBase.HTMLAttributes<HTMLMvxPaginationEllipsisElement>;
             "mvx-pagination-ellipsis-form": LocalJSX.MvxPaginationEllipsisForm & JSXBase.HTMLAttributes<HTMLMvxPaginationEllipsisFormElement>;
-            "mvx-passkey-provider-icon": LocalJSX.MvxPasskeyProviderIcon & JSXBase.HTMLAttributes<HTMLMvxPasskeyProviderIconElement>;
             "mvx-pending-transactions-panel": LocalJSX.MvxPendingTransactionsPanel & JSXBase.HTMLAttributes<HTMLMvxPendingTransactionsPanelElement>;
             "mvx-preloader": LocalJSX.MvxPreloader & JSXBase.HTMLAttributes<HTMLMvxPreloaderElement>;
             "mvx-side-panel": LocalJSX.MvxSidePanel & JSXBase.HTMLAttributes<HTMLMvxSidePanelElement>;
diff --git a/src/components/functional/pending-transactions-panel/pending-transactions-panel.tsx b/src/components/functional/pending-transactions-panel/pending-transactions-panel.tsx
@@ -15,8 +15,6 @@ const getProviderIntroText = (providerType?: IProviderBase['type']) => {
       return 'Check  the MultiversX Browser Extension to connect to your wallet.';
     case ProviderTypeEnum.metamask:
       return 'Open the MetaMask Browser Extension to connect to your wallet.';
-    case ProviderTypeEnum.passkey:
-      return 'Use your predefined passkey to connect to your wallet.';
     case ProviderTypeEnum.crossWindow:
       return 'Follow the steps on MultiversX Web Wallet to connect to your wallet.';
     default:
diff --git a/src/components/functional/sign-transactions-panel/components/sign-transactions-footer/sign-transactions-footer.tsx b/src/components/functional/sign-transactions-panel/components/sign-transactions-footer/sign-transactions-footer.tsx
@@ -46,12 +46,14 @@ export class SignTransactionsFooter {
 
   render() {
     const { onCancel, onBack, onNext } = state;
-    const { currentIndex, currentIndexToSign, needsSigning, username, address, explorerLink } = state.commonData;
+    const { currentIndex, currentIndexToSign, needsSigning, username, address, explorerLink, providerName } =
+      state.commonData;
 
     const isFirstTransaction = currentIndex === 0;
     const currentIndexNeedsSigning = currentIndex === currentIndexToSign;
     const currentIndexCannotBeSignedYet = currentIndex > currentIndexToSign;
     const showForwardAction = currentIndexNeedsSigning || currentIndexCannotBeSignedYet;
+    const checkButtonText = providerName ? `Check ${providerName}` : 'Check your device';
 
     return (
       <div class="sign-transactions-footer" data-testid={DataTestIdsEnum.signTransactionsFooter}>
@@ -108,7 +110,7 @@ export class SignTransactionsFooter {
               {showForwardAction ? (
                 <span class="sign-transactions-footer-button-label-wrapper">
                   {this.isWaitingForSignature ? (
-                    <span class="sign-transactions-footer-button-label">Check your device</span>
+                    <span class="sign-transactions-footer-button-label">{checkButtonText}</span>
                   ) : (
                     <span class="sign-transactions-footer-button-label">{needsSigning ? 'Sign' : 'Confirm'}</span>
                   )}
diff --git a/src/components/functional/toasts-list/helpers/getAmountParts/getAmountParts.ts b/src/components/functional/toasts-list/helpers/getAmountParts/getAmountParts.ts
@@ -5,7 +5,7 @@ export const getAmountParts = (amount = '') => {
 
   const [value, label = ''] = amount.split(' ');
 
-  if (isNaN(Number(value))) {
+  if (isNaN(Number(value?.replace(',', '')))) {
     return { amountInteger: '', amountDecimal: '', label };
   }
 
diff --git a/src/components/functional/toasts-list/helpers/getAmountParts/tests/getAmountParts.spec.ts b/src/components/functional/toasts-list/helpers/getAmountParts/tests/getAmountParts.spec.ts
@@ -63,4 +63,13 @@ describe('getAmountParts', () => {
       label: 'xEGLD',
     });
   });
+
+  it('should return correct amount when amount is a correct string with separation dot and negative sign', () => {
+    const amountParts = getAmountParts('-1,000 xEGLD');
+    expect(amountParts).toEqual({
+      amountInteger: '-1,000',
+      amountDecimal: '',
+      label: 'xEGLD',
+    });
+  });
 });
diff --git a/src/components/functional/unlock-panel/helpers/getProviderButtonIcon.tsx b/src/components/functional/unlock-panel/helpers/getProviderButtonIcon.tsx
@@ -51,8 +51,6 @@ export const getProviderButtonIcon = ({
       }
     case ProviderTypeEnum.metamask:
       return <mvx-metamask-provider-icon />;
-    case ProviderTypeEnum.passkey:
-      return <mvx-passkey-provider-icon />;
     case ProviderTypeEnum.walletConnect:
       return <mvx-multiversx-logo-icon />;
     case ProviderTypeEnum.ledger:
diff --git a/src/components/functional/unlock-panel/unlock-panel.tsx b/src/components/functional/unlock-panel/unlock-panel.tsx
@@ -108,7 +108,6 @@ export class UnlockPanel {
       case ProviderTypeEnum.crossWindow:
       case ProviderTypeEnum.extension:
       case ProviderTypeEnum.metamask:
-      case ProviderTypeEnum.passkey:
         this.isIntroScreenVisible = true;
         this.isLoggingIn = true;
         this.eventBus.publish(UnlockPanelEventsEnum.LOGIN, { type: provider.type, anchor: this.anchor });
diff --git a/src/constants/providerFactory.constants.ts b/src/constants/providerFactory.constants.ts
@@ -7,5 +7,4 @@ export const providerLabels: Record<string, string> = {
   [ProviderTypeEnum.walletConnect]: 'xPortal App',
   [ProviderTypeEnum.ledger]: 'Ledger',
   [ProviderTypeEnum.metamask]: 'MetaMask Snap',
-  [ProviderTypeEnum.passkey]: 'Passkey',
 };
diff --git a/src/types/provider.types.ts b/src/types/provider.types.ts
@@ -5,7 +5,6 @@ export enum ProviderTypeEnum {
   crossWindow = 'crossWindow',
   walletConnect = 'walletConnect',
   ledger = 'ledger',
-  passkey = 'passkey',
 }
 
 export interface IProviderBase<T extends ProviderTypeEnum = ProviderTypeEnum> {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@multiversx/sdk-dapp-ui",`
`3`		`- "version": "0.0.32",`
	`3`	`+ "version": "0.0.33",`
`4`	`4`	`"description": "A library to hold UI components for a dApp on the MultiversX blockchain",`
`5`	`5`	`"author": "MultiversX",`
`6`	`6`	`"license": "MIT",`