@mezo-org/passport 0.4.0-dev.10 → 0.4.0-dev.12

package/dist/src/components/Dropdown/AccountAssets.d.ts

@@ -5,7 +5,7 @@ type AccountAssetsProps = {
     assets: {
         type: CryptoAssetKey;
         decimals: number;
-        balance: number;
+        balance: string;
         balanceInUsd: number;
     }[];
 };

package/dist/src/components/Dropdown/WelcomeBlock.js

@@ -1,7 +1,7 @@
 import { Block, HeadingSmall, LabelSmall, Mats, useStyletron, } from "@mezo-org/mezo-clay";
 import React from "react";
 import DefaultAvatar from "../../assets/DefaultAvatar";
-import { formatHumanReadableNumber } from "../../utils/numbers";
+import { formatNumberToCompactString } from "../../utils/numbers";
 const DOT_DELIMITER_REGEX = /(?=\.)/;
 export default function WelcomeBlock(props) {
     const { mezoId, matsBalance } = props;
@@ -39,6 +39,6 @@ export default function WelcomeBlock(props) {
                     },
                 } },
                 React.createElement(Mats, { color: theme.colors.contentPrimary, size: theme.sizing.scale600 }),
-                formatHumanReadableNumber(matsBalance, 2)))));
+                formatNumberToCompactString(matsBalance, 2)))));
 }
 //# sourceMappingURL=WelcomeBlock.js.map

package/dist/src/components/Dropdown/WelcomeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"WelcomeBlock.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,EACrC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF;QAED,oBAAC,KAAK,IACJ,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC9B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,MAAM;qBACrB;iBACF;aACF,GACD;QAEF,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,YAAY,IAAC,EAAE,EAAC,MAAM;gBACrB,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAS;gBAC/B,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IACzC,UAAU,CACL,CACK;YAEf,oBAAC,UAAU,IACT,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EACnC,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,KAAK,EAAE;4BACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;yBAC3B;qBACF;iBACF;gBAED,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAC3B;gBACD,yBAAyB,CAAC,WAAW,EAAE,CAAC,CAAC,CAC/B,CACP,CACF,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"WelcomeBlock.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AAEjE,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,EACrC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF;QAED,oBAAC,KAAK,IACJ,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC9B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,MAAM;qBACrB;iBACF;aACF,GACD;QAEF,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,YAAY,IAAC,EAAE,EAAC,MAAM;gBACrB,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAS;gBAC/B,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IACzC,UAAU,CACL,CACK;YAEf,oBAAC,UAAU,IACT,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EACnC,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,KAAK,EAAE;4BACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;yBAC3B;qBACF;iBACF;gBAED,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAC3B;gBACD,2BAA2B,CAAC,WAAW,EAAE,CAAC,CAAC,CACjC,CACP,CACF,CACT,CAAA;AACH,CAAC"}

package/dist/src/hooks/index.d.ts

@@ -9,4 +9,5 @@ export * from "./useSignInWithWallet";
 export * from "./useSignOut";
 export * from "./useSignUpWithWallet";
 export * from "./useUpdateMezoId";
+export * from "./useUpdatePassport";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}

package/dist/src/hooks/index.js

@@ -9,4 +9,5 @@ export * from "./useSignInWithWallet";
 export * from "./useSignOut";
 export * from "./useSignUpWithWallet";
 export * from "./useUpdateMezoId";
+export * from "./useUpdatePassport";
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}

package/dist/src/hooks/useDropdownData.d.ts

@@ -8,7 +8,7 @@ import { CryptoAssetKey } from "../utils/cryptoAssets";
  */
 declare function formatCryptoAsset(type: CryptoAssetKey, balance: bigint, btcUsdConversionRate: number): {
     type: CryptoAssetKey;
-    balance: number;
+    balance: string;
     balanceInUsd: number;
     decimals: number;
 };

package/dist/src/hooks/useDropdownData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAIf,MAAM,uBAAuB,CAAA;AAK9B;;;;;;GAMG;AACH,iBAAS,iBAAiB,CACxB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,MAAM,EACf,oBAAoB,EAAE,MAAM;;;;;EAmB7B;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,cAAc,IAAI;IACpD,IAAI,EAAE,CAAC,CAAA;IACP,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,2BAA2B,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,SAAS,GAAG,KAAK,CAAA;IAC7B,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,2BAA2B,EAAE,CAAA;IACpD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,2BAA2B,EAAE,CAAA;KAC/C,CAAA;CACF,CAAA;AAED,KAAK,sBAAsB,GAAG;IAE5B,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACtC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,YAAY,GAAG,IAAI,CAoDrB"}
+{"version":3,"file":"useDropdownData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAIf,MAAM,uBAAuB,CAAA;AAK9B;;;;;;GAMG;AACH,iBAAS,iBAAiB,CACxB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,MAAM,EACf,oBAAoB,EAAE,MAAM;;;;;EAsB7B;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,cAAc,IAAI;IACpD,IAAI,EAAE,CAAC,CAAA;IACP,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,2BAA2B,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,SAAS,GAAG,KAAK,CAAA;IAC7B,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,2BAA2B,EAAE,CAAA;IACpD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,2BAA2B,EAAE,CAAA;KAC/C,CAAA;CACF,CAAA;AAED,KAAK,sBAAsB,GAAG;IAE5B,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACtC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,YAAY,GAAG,IAAI,CAoDrB"}

package/dist/src/hooks/useDropdownData.js

@@ -1,7 +1,7 @@
 import { useBitcoinAccount } from "@mezo-org/orangekit";
 import { useGetCurrentAccount } from ".";
 import { getCryptoAsset, isBitcoinLikeCryptoAsset, isUsdLikeCryptoAsset, } from "../utils/cryptoAssets";
-import { fromFixedPoint } from "../utils/numbers";
+import { fromFixedPoint, fromFixedPointToString } from "../utils/numbers";
 import { useAssetsUsdConversion } from "./useAssetsUSDConversion";
 import useWalletAccount from "./useWalletAccount";
 /**
@@ -13,17 +13,17 @@ import useWalletAccount from "./useWalletAccount";
  */
 function formatCryptoAsset(type, balance, btcUsdConversionRate) {
     const { decimals } = getCryptoAsset(type);
-    const nativeBalance = fromFixedPoint(balance, decimals, 4);
+    const nativeBalance = fromFixedPoint(balance, decimals);
     let balanceInUsd = 0;
     if (isBitcoinLikeCryptoAsset(type)) {
-        balanceInUsd = nativeBalance * btcUsdConversionRate;
+        balanceInUsd = fromFixedPoint(balance * BigInt(btcUsdConversionRate), decimals);
     }
     if (isUsdLikeCryptoAsset(type)) {
         balanceInUsd = nativeBalance;
     }
     return {
         type,
-        balance: nativeBalance,
+        balance: fromFixedPointToString(balance, decimals),
         balanceInUsd,
         decimals,
     };

package/dist/src/hooks/useDropdownData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownData.js","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDropdownData.js","sourceRoot":"","sources":["../../../src/hooks/useDropdownData.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/useUpdatePassport.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Hook to update the passport using query invalidation mechanism.
+ * By calling the update function, the latest data will be refetched as soon as possible.
+ *
+ * @example
+ * const { updateCurrentAccount, updateUsdConversion } = useUpdatePassport()
+ *
+ * // Call this function to update the current account
+ * const handleUpdateCurrentAccount = async () => {
+ *   await updateCurrentAccount()
+ * }
+ */
+export declare function useUpdatePassport(): {
+    updateCurrentAccount: () => Promise<void>;
+    updateUsdConversion: () => Promise<void>;
+};
+//# sourceMappingURL=useUpdatePassport.d.ts.map

package/dist/src/hooks/useUpdatePassport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdatePassport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUpdatePassport.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB;;;EAuBhC"}

package/dist/src/hooks/useUpdatePassport.js

@@ -0,0 +1,29 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useCallback } from "react";
+import { QUERY_KEYS } from "./constants";
+/**
+ * Hook to update the passport using query invalidation mechanism.
+ * By calling the update function, the latest data will be refetched as soon as possible.
+ *
+ * @example
+ * const { updateCurrentAccount, updateUsdConversion } = useUpdatePassport()
+ *
+ * // Call this function to update the current account
+ * const handleUpdateCurrentAccount = async () => {
+ *   await updateCurrentAccount()
+ * }
+ */
+export function useUpdatePassport() {
+    const queryClient = useQueryClient();
+    const updateCurrentAccount = useCallback(() => queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.ACCOUNT, QUERY_KEYS.CURRENT],
+    }), [queryClient]);
+    const updateUsdConversion = useCallback(() => queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.ASSETS_USD_CONVERSION],
+    }), [queryClient]);
+    return {
+        updateCurrentAccount,
+        updateUsdConversion,
+    };
+}
+//# sourceMappingURL=useUpdatePassport.js.map

package/dist/src/hooks/useUpdatePassport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdatePassport.js","sourceRoot":"","sources":["../../../src/hooks/useUpdatePassport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,MAAM,oBAAoB,GAAG,WAAW,CACtC,GAAG,EAAE,CACH,WAAW,CAAC,iBAAiB,CAAC;QAC5B,QAAQ,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;KACnD,CAAC,EACJ,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CACrC,GAAG,EAAE,CACH,WAAW,CAAC,iBAAiB,CAAC;QAC5B,QAAQ,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC;KAC7C,CAAC,EACJ,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO;QACL,oBAAoB;QACpB,mBAAmB;KACpB,CAAA;AACH,CAAC"}

package/dist/src/utils/numbers.d.ts

@@ -1,10 +1,18 @@
 /**
- * Formats a number or bigint into a human-readable string with K, M, B, or T suffix.
+ * Formats a number or bigint into compact string with K, M, B, or T suffix.
  * @param value The number or bigint to format.
  * @param decimals Number of decimal places to include (ignored for bigint to avoid floating point issues).
  * @returns The formatted number as a string.
  */
-export declare function formatHumanReadableNumber(value: number | bigint, decimals?: number): string;
+export declare function formatNumberToCompactString(value: number | bigint, decimals?: number): string;
+/**
+ * Formats a number or string into a locale-sensitive string with the desired number of decimals.
+ * @param value The number or string to format.
+ * @param desiredDecimals The number of decimal places to include.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L5-L19
+ */
+export declare function formatNumberToLocaleString(value: string | number, desiredDecimals?: number): string;
 /**
  * Returns a number rounded up to the desired number of decimals.
  * @param amount The number to round up.
@@ -23,4 +31,15 @@ export declare function roundUpNumber(amount: number, desiredDecimals?: number):
  * @see https://github.com/tahowallet/extension/blob/f6b26b7cb4a0a0278b1fccc6319626638f1a6dfa/background/lib/fixed-point.ts#L216-L239
  */
 export declare function fromFixedPoint(fixedPoint: bigint, fixedPointDecimals: number, desiredDecimals?: number): number;
+/**
+ * Display a token amount correctly with desired decimals.
+ * The function returns a string with a language-sensitive representation of this number.
+ * @param amount The fixed point number to convert.
+ * @param decimals The number of decimals in the fixed point number.
+ * @param desiredDecimals The number of decimals to display.
+ * @param withRoundUp Whether to round up the number.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L57-L87
+ */
+export declare const fromFixedPointToString: (amount: number | string | bigint, decimals?: number, desiredDecimals?: number, withRoundUp?: boolean) => string;
 //# sourceMappingURL=numbers.d.ts.map

package/dist/src/utils/numbers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.d.ts","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,QAAQ,SAAI,GACX,MAAM,CAMR;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,SAAI,GAAG,MAAM,CAEzE;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,kBAAkB,EAAE,MAAM,EAC1B,eAAe,SAAI,GAClB,MAAM,CAUR"}
+{"version":3,"file":"numbers.d.ts","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,QAAQ,SAAI,GACX,MAAM,CAMR;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,eAAe,SAAI,UAYpB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,SAAI,GAAG,MAAM,CAEzE;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,kBAAkB,EAAE,MAAM,EAC1B,eAAe,SAAI,GAClB,MAAM,CAUR;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,GACjC,QAAQ,MAAM,GAAG,MAAM,GAAG,MAAM,EAChC,iBAAa,EACb,wBAAmB,EACnB,qBAAkB,WA0BnB,CAAA"}

package/dist/src/utils/numbers.js

@@ -1,16 +1,34 @@
 /**
- * Formats a number or bigint into a human-readable string with K, M, B, or T suffix.
+ * Formats a number or bigint into compact string with K, M, B, or T suffix.
  * @param value The number or bigint to format.
  * @param decimals Number of decimal places to include (ignored for bigint to avoid floating point issues).
  * @returns The formatted number as a string.
  */
-export function formatHumanReadableNumber(value, decimals = 4) {
+export function formatNumberToCompactString(value, decimals = 4) {
     return value.toLocaleString("en-US", {
         notation: "compact",
         compactDisplay: "short",
         maximumFractionDigits: decimals,
     });
 }
+/**
+ * Formats a number or string into a locale-sensitive string with the desired number of decimals.
+ * @param value The number or string to format.
+ * @param desiredDecimals The number of decimal places to include.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L5-L19
+ */
+export function formatNumberToLocaleString(value, desiredDecimals = 0) {
+    const number = typeof value === "number" ? value : parseFloat(value);
+    if (number === 0 && desiredDecimals === 0)
+        return "0";
+    if (number === 0)
+        return `0.${"0".repeat(desiredDecimals)}`;
+    return number.toLocaleString("default", {
+        minimumFractionDigits: desiredDecimals,
+        maximumFractionDigits: desiredDecimals,
+    });
+}
 /**
  * Returns a number rounded up to the desired number of decimals.
  * @param amount The number to round up.
@@ -30,11 +48,39 @@ export function roundUpNumber(amount, desiredDecimals = 2) {
  * @returns The floating point number truncated to `desiredDecimals`.
  * @see https://github.com/tahowallet/extension/blob/f6b26b7cb4a0a0278b1fccc6319626638f1a6dfa/background/lib/fixed-point.ts#L216-L239
  */
-export function fromFixedPoint(fixedPoint, fixedPointDecimals, desiredDecimals = 2) {
+export function fromFixedPoint(fixedPoint, fixedPointDecimals, desiredDecimals = 4) {
     const fixedPointDesiredDecimalsAmount = fixedPoint /
         10n ** BigInt(Math.max(1, fixedPointDecimals - desiredDecimals));
     const formattedAmount = Number(fixedPointDesiredDecimalsAmount) /
         10 ** Math.min(desiredDecimals, fixedPointDecimals);
     return formattedAmount;
 }
+/**
+ * Display a token amount correctly with desired decimals.
+ * The function returns a string with a language-sensitive representation of this number.
+ * @param amount The fixed point number to convert.
+ * @param decimals The number of decimals in the fixed point number.
+ * @param desiredDecimals The number of decimals to display.
+ * @param withRoundUp Whether to round up the number.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L57-L87
+ */
+export const fromFixedPointToString = (amount, decimals = 18, desiredDecimals = 4, withRoundUp = true) => {
+    const fixedPoint = BigInt(amount);
+    if (fixedPoint === 0n) {
+        return `0.${"0".repeat(desiredDecimals)}`;
+    }
+    const formattedAmount = fromFixedPoint(fixedPoint, decimals, 
+    // To round the amount up, let's increase the precision by one.
+    // The desired decimal numbers will be set later anyway.
+    withRoundUp ? desiredDecimals + 1 : desiredDecimals);
+    const minAmountToDisplay = 1 / 10 ** Math.min(desiredDecimals, decimals);
+    if (minAmountToDisplay > formattedAmount) {
+        return `<0.${"0".repeat(desiredDecimals - 1)}1`;
+    }
+    const finalFormattedAmount = withRoundUp
+        ? Math.ceil(formattedAmount * 10 ** desiredDecimals) / 10 ** desiredDecimals
+        : formattedAmount;
+    return formatNumberToLocaleString(finalFormattedAmount, desiredDecimals);
+};
 //# sourceMappingURL=numbers.js.map

package/dist/src/utils/numbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.js","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAsB,EACtB,QAAQ,GAAG,CAAC;IAEZ,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE;QACnC,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,qBAAqB,EAAE,QAA2B;KACnD,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,eAAe,GAAG,CAAC;IAC/D,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,IAAI,eAAe,CAAC,GAAG,EAAE,IAAI,eAAe,CAAA;AAC1E,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,UAAkB,EAClB,kBAA0B,EAC1B,eAAe,GAAG,CAAC;IAEnB,MAAM,+BAA+B,GACnC,UAAU;QACV,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAA;IAElE,MAAM,eAAe,GACnB,MAAM,CAAC,+BAA+B,CAAC;QACvC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAA;IAErD,OAAO,eAAe,CAAA;AACxB,CAAC"}
+{"version":3,"file":"numbers.js","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,UAAU,2BAA2B,CACzC,KAAsB,EACtB,QAAQ,GAAG,CAAC;IAEZ,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE;QACnC,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,qBAAqB,EAAE,QAA2B;KACnD,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAsB,EACtB,eAAe,GAAG,CAAC;IAEnB,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAEpE,IAAI,MAAM,KAAK,CAAC,IAAI,eAAe,KAAK,CAAC;QAAE,OAAO,GAAG,CAAA;IAErD,IAAI,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAA;IAE3D,OAAO,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE;QACtC,qBAAqB,EAAE,eAAe;QACtC,qBAAqB,EAAE,eAAe;KACvC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,eAAe,GAAG,CAAC;IAC/D,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,IAAI,eAAe,CAAC,GAAG,EAAE,IAAI,eAAe,CAAA;AAC1E,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,UAAkB,EAClB,kBAA0B,EAC1B,eAAe,GAAG,CAAC;IAEnB,MAAM,+BAA+B,GACnC,UAAU;QACV,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAA;IAElE,MAAM,eAAe,GACnB,MAAM,CAAC,+BAA+B,CAAC;QACvC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAA;IAErD,OAAO,eAAe,CAAA;AACxB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,MAAgC,EAChC,QAAQ,GAAG,EAAE,EACb,eAAe,GAAG,CAAC,EACnB,WAAW,GAAG,IAAI,EAClB,EAAE;IACF,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAEjC,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;QACtB,OAAO,KAAK,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAA;IAC3C,CAAC;IAED,MAAM,eAAe,GAAG,cAAc,CACpC,UAAU,EACV,QAAQ;IACR,+DAA+D;IAC/D,wDAAwD;IACxD,WAAW,CAAC,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CACpD,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA;IAExE,IAAI,kBAAkB,GAAG,eAAe,EAAE,CAAC;QACzC,OAAO,MAAM,GAAG,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC,GAAG,CAAA;IACjD,CAAC;IAED,MAAM,oBAAoB,GAAG,WAAW;QACtC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,IAAI,eAAe,CAAC,GAAG,EAAE,IAAI,eAAe;QAC5E,CAAC,CAAC,eAAe,CAAA;IACnB,OAAO,0BAA0B,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAA;AAC1E,CAAC,CAAA"}

package/dist/src/utils/numbers.test.js

@@ -1,29 +1,29 @@
-import { formatHumanReadableNumber, fromFixedPoint, roundUpNumber, } from "./numbers";
-describe("formatHumanReadableNumber", () => {
+import { formatNumberToCompactString, fromFixedPoint, roundUpNumber, } from "./numbers";
+describe("formatNumberToCompactString", () => {
     it("formats number less than 1000 with decimals", () => {
-        expect(formatHumanReadableNumber(123.456789, 2)).toBe("123.46");
+        expect(formatNumberToCompactString(123.456789, 2)).toBe("123.46");
     });
     it("formats thousands with K", () => {
-        expect(formatHumanReadableNumber(12_345, 2)).toBe("12.35K");
+        expect(formatNumberToCompactString(12_345, 2)).toBe("12.35K");
     });
     it("formats millions with M", () => {
-        expect(formatHumanReadableNumber(12_345_678, 2)).toBe("12.35M");
+        expect(formatNumberToCompactString(12_345_678, 2)).toBe("12.35M");
     });
     it("formats billions with B", () => {
-        expect(formatHumanReadableNumber(12_345_678_901, 2)).toBe("12.35B");
+        expect(formatNumberToCompactString(12_345_678_901, 2)).toBe("12.35B");
     });
     it("formats trillions with T", () => {
-        expect(formatHumanReadableNumber(12_345_678_901_234, 2)).toBe("12.35T");
+        expect(formatNumberToCompactString(12_345_678_901_234, 2)).toBe("12.35T");
     });
     it("formats bigint as readable number", () => {
-        expect(formatHumanReadableNumber(1234567890123456789n, 2)).toBe("1,234,567.89T");
+        expect(formatNumberToCompactString(1234567890123456789n, 2)).toBe("1,234,567.89T");
     });
     it("caps at > 1000T for huge numbers", () => {
         const hugeNumber = 10 ** 18; // 1e18
-        expect(formatHumanReadableNumber(hugeNumber, 2)).toBe("1,000,000T");
+        expect(formatNumberToCompactString(hugeNumber, 2)).toBe("1,000,000T");
     });
     it("formats numbers with trailing zeros correctly", () => {
-        expect(formatHumanReadableNumber(1_000, 2)).toBe("1K");
+        expect(formatNumberToCompactString(1_000, 2)).toBe("1K");
     });
 });
 describe("roundUpNumber", () => {
@@ -40,7 +40,7 @@ describe("roundUpNumber", () => {
 describe("fromFixedPoint", () => {
     it("converts fixed point with 18 decimals to float", () => {
         const raw = 1234567890000000000n; // 1.23456789 ETH in 18 decimals
-        expect(fromFixedPoint(raw, 18, 4)).toBe(1.2345);
+        expect(fromFixedPoint(raw, 18)).toBe(1.2345);
     });
     it("converts with truncation to 2 decimals", () => {
         const raw = 987654321000000000n; // ~0.987654321 ETH

package/dist/src/utils/numbers.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.test.js","sourceRoot":"","sources":["../../../src/utils/numbers.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"numbers.test.js","sourceRoot":"","sources":["../../../src/utils/numbers.test.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,aAAa,GACd,MAAM,WAAW,CAAA;AAElB,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,2BAA2B,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,2BAA2B,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,2BAA2B,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,2BAA2B,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,2BAA2B,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,2BAA2B,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/D,eAAe,CAChB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,CAAA,CAAC,OAAO;QACnC,MAAM,CAAC,2BAA2B,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,2BAA2B,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC1D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,GAAG,GAAG,oBAAoB,CAAA,CAAC,gCAAgC;QACjE,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,GAAG,GAAG,mBAAmB,CAAA,CAAC,mBAAmB;QACnD,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,0BAAkC,CAAA,CAAC,qBAAqB;QACpE,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezo-org/passport",
-  "version": "0.4.0-dev.10",
+  "version": "0.4.0-dev.12",
   "main": "dist/src/index.js",
   "license": "GPL-3.0-only",
   "scripts": {
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@mezo-org/mezo-clay": "0.1.0-dev.18",
-    "@mezo-org/orangekit": "1.0.0-beta.40-dev.0",
+    "@mezo-org/orangekit": "1.0.0-beta.40-dev.1",
     "@mezo-org/sign-in-with-wallet": "1.0.0-beta.8"
   },
   "peerDependencies": {

package/src/components/Dropdown/AccountAssets.tsx

@@ -13,7 +13,7 @@ type AccountAssetsProps = {
   assets: {
     type: CryptoAssetKey
     decimals: number
-    balance: number
+    balance: string
     balanceInUsd: number
   }[]
 }

package/src/components/Dropdown/WelcomeBlock.tsx

@@ -7,7 +7,7 @@ import {
 } from "@mezo-org/mezo-clay"
 import React from "react"
 import DefaultAvatar from "../../assets/DefaultAvatar"
-import { formatHumanReadableNumber } from "../../utils/numbers"
+import { formatNumberToCompactString } from "../../utils/numbers"
 
 const DOT_DELIMITER_REGEX = /(?=\.)/
 
@@ -84,7 +84,7 @@ export default function WelcomeBlock(props: WelcomeBlockProps) {
             color={theme.colors.contentPrimary}
             size={theme.sizing.scale600}
           />
-          {formatHumanReadableNumber(matsBalance, 2)}
+          {formatNumberToCompactString(matsBalance, 2)}
         </LabelSmall>
       </Block>
     </Block>

package/src/hooks/index.ts

@@ -16,3 +16,4 @@ export * from "./useSignInWithWallet"
 export * from "./useSignOut"
 export * from "./useSignUpWithWallet"
 export * from "./useUpdateMezoId"
+export * from "./useUpdatePassport"

package/src/hooks/useDropdownData.ts

@@ -6,7 +6,7 @@ import {
   isBitcoinLikeCryptoAsset,
   isUsdLikeCryptoAsset,
 } from "../utils/cryptoAssets"
-import { fromFixedPoint } from "../utils/numbers"
+import { fromFixedPoint, fromFixedPointToString } from "../utils/numbers"
 import { useAssetsUsdConversion } from "./useAssetsUSDConversion"
 import useWalletAccount from "./useWalletAccount"
 
@@ -24,10 +24,13 @@ function formatCryptoAsset(
 ) {
   const { decimals } = getCryptoAsset(type)
 
-  const nativeBalance = fromFixedPoint(balance, decimals, 4)
+  const nativeBalance = fromFixedPoint(balance, decimals)
   let balanceInUsd = 0
   if (isBitcoinLikeCryptoAsset(type)) {
-    balanceInUsd = nativeBalance * btcUsdConversionRate
+    balanceInUsd = fromFixedPoint(
+      balance * BigInt(btcUsdConversionRate),
+      decimals,
+    )
   }
   if (isUsdLikeCryptoAsset(type)) {
     balanceInUsd = nativeBalance
@@ -35,7 +38,7 @@ function formatCryptoAsset(
 
   return {
     type,
-    balance: nativeBalance,
+    balance: fromFixedPointToString(balance, decimals),
     balanceInUsd,
     decimals,
   }

package/src/hooks/useUpdatePassport.ts

@@ -0,0 +1,40 @@
+import { useQueryClient } from "@tanstack/react-query"
+import { useCallback } from "react"
+import { QUERY_KEYS } from "./constants"
+
+/**
+ * Hook to update the passport using query invalidation mechanism.
+ * By calling the update function, the latest data will be refetched as soon as possible.
+ *
+ * @example
+ * const { updateCurrentAccount, updateUsdConversion } = useUpdatePassport()
+ *
+ * // Call this function to update the current account
+ * const handleUpdateCurrentAccount = async () => {
+ *   await updateCurrentAccount()
+ * }
+ */
+export function useUpdatePassport() {
+  const queryClient = useQueryClient()
+
+  const updateCurrentAccount = useCallback(
+    () =>
+      queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.ACCOUNT, QUERY_KEYS.CURRENT],
+      }),
+    [queryClient],
+  )
+
+  const updateUsdConversion = useCallback(
+    () =>
+      queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.ASSETS_USD_CONVERSION],
+      }),
+    [queryClient],
+  )
+
+  return {
+    updateCurrentAccount,
+    updateUsdConversion,
+  }
+}

package/src/utils/numbers.test.ts

@@ -1,43 +1,43 @@
 import {
-  formatHumanReadableNumber,
+  formatNumberToCompactString,
   fromFixedPoint,
   roundUpNumber,
 } from "./numbers"
 
-describe("formatHumanReadableNumber", () => {
+describe("formatNumberToCompactString", () => {
   it("formats number less than 1000 with decimals", () => {
-    expect(formatHumanReadableNumber(123.456789, 2)).toBe("123.46")
+    expect(formatNumberToCompactString(123.456789, 2)).toBe("123.46")
   })
 
   it("formats thousands with K", () => {
-    expect(formatHumanReadableNumber(12_345, 2)).toBe("12.35K")
+    expect(formatNumberToCompactString(12_345, 2)).toBe("12.35K")
   })
 
   it("formats millions with M", () => {
-    expect(formatHumanReadableNumber(12_345_678, 2)).toBe("12.35M")
+    expect(formatNumberToCompactString(12_345_678, 2)).toBe("12.35M")
   })
 
   it("formats billions with B", () => {
-    expect(formatHumanReadableNumber(12_345_678_901, 2)).toBe("12.35B")
+    expect(formatNumberToCompactString(12_345_678_901, 2)).toBe("12.35B")
   })
 
   it("formats trillions with T", () => {
-    expect(formatHumanReadableNumber(12_345_678_901_234, 2)).toBe("12.35T")
+    expect(formatNumberToCompactString(12_345_678_901_234, 2)).toBe("12.35T")
   })
 
   it("formats bigint as readable number", () => {
-    expect(formatHumanReadableNumber(1234567890123456789n, 2)).toBe(
+    expect(formatNumberToCompactString(1234567890123456789n, 2)).toBe(
       "1,234,567.89T",
     )
   })
 
   it("caps at > 1000T for huge numbers", () => {
     const hugeNumber = 10 ** 18 // 1e18
-    expect(formatHumanReadableNumber(hugeNumber, 2)).toBe("1,000,000T")
+    expect(formatNumberToCompactString(hugeNumber, 2)).toBe("1,000,000T")
   })
 
   it("formats numbers with trailing zeros correctly", () => {
-    expect(formatHumanReadableNumber(1_000, 2)).toBe("1K")
+    expect(formatNumberToCompactString(1_000, 2)).toBe("1K")
   })
 })
 
@@ -58,7 +58,7 @@ describe("roundUpNumber", () => {
 describe("fromFixedPoint", () => {
   it("converts fixed point with 18 decimals to float", () => {
     const raw = 1234567890000000000n // 1.23456789 ETH in 18 decimals
-    expect(fromFixedPoint(raw, 18, 4)).toBe(1.2345)
+    expect(fromFixedPoint(raw, 18)).toBe(1.2345)
   })
 
   it("converts with truncation to 2 decimals", () => {

package/src/utils/numbers.ts

@@ -2,12 +2,12 @@ type DesiredDecimals = Intl.NumberFormatOptions &
   BigIntToLocaleStringOptions["minimumFractionDigits"]
 
 /**
- * Formats a number or bigint into a human-readable string with K, M, B, or T suffix.
+ * Formats a number or bigint into compact string with K, M, B, or T suffix.
  * @param value The number or bigint to format.
  * @param decimals Number of decimal places to include (ignored for bigint to avoid floating point issues).
  * @returns The formatted number as a string.
  */
-export function formatHumanReadableNumber(
+export function formatNumberToCompactString(
   value: number | bigint,
   decimals = 4,
 ): string {
@@ -18,6 +18,29 @@ export function formatHumanReadableNumber(
   })
 }
 
+/**
+ * Formats a number or string into a locale-sensitive string with the desired number of decimals.
+ * @param value The number or string to format.
+ * @param desiredDecimals The number of decimal places to include.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L5-L19
+ */
+export function formatNumberToLocaleString(
+  value: string | number,
+  desiredDecimals = 0,
+) {
+  const number = typeof value === "number" ? value : parseFloat(value)
+
+  if (number === 0 && desiredDecimals === 0) return "0"
+
+  if (number === 0) return `0.${"0".repeat(desiredDecimals)}`
+
+  return number.toLocaleString("default", {
+    minimumFractionDigits: desiredDecimals,
+    maximumFractionDigits: desiredDecimals,
+  })
+}
+
 /**
  * Returns a number rounded up to the desired number of decimals.
  * @param amount The number to round up.
@@ -41,7 +64,7 @@ export function roundUpNumber(amount: number, desiredDecimals = 2): number {
 export function fromFixedPoint(
   fixedPoint: bigint,
   fixedPointDecimals: number,
-  desiredDecimals = 2,
+  desiredDecimals = 4,
 ): number {
   const fixedPointDesiredDecimalsAmount =
     fixedPoint /
@@ -53,3 +76,45 @@ export function fromFixedPoint(
 
   return formattedAmount
 }
+
+/**
+ * Display a token amount correctly with desired decimals.
+ * The function returns a string with a language-sensitive representation of this number.
+ * @param amount The fixed point number to convert.
+ * @param decimals The number of decimals in the fixed point number.
+ * @param desiredDecimals The number of decimals to display.
+ * @param withRoundUp Whether to round up the number.
+ * @returns The formatted number as a string.
+ * @see https://github.com/thesis/acre/blob/2078d339f4ddce79e69c78529c9d72910dd2640a/dapp/src/utils/numbersUtils.ts#L57-L87
+ */
+export const fromFixedPointToString = (
+  amount: number | string | bigint,
+  decimals = 18,
+  desiredDecimals = 4,
+  withRoundUp = true,
+) => {
+  const fixedPoint = BigInt(amount)
+
+  if (fixedPoint === 0n) {
+    return `0.${"0".repeat(desiredDecimals)}`
+  }
+
+  const formattedAmount = fromFixedPoint(
+    fixedPoint,
+    decimals,
+    // To round the amount up, let's increase the precision by one.
+    // The desired decimal numbers will be set later anyway.
+    withRoundUp ? desiredDecimals + 1 : desiredDecimals,
+  )
+
+  const minAmountToDisplay = 1 / 10 ** Math.min(desiredDecimals, decimals)
+
+  if (minAmountToDisplay > formattedAmount) {
+    return `<0.${"0".repeat(desiredDecimals - 1)}1`
+  }
+
+  const finalFormattedAmount = withRoundUp
+    ? Math.ceil(formattedAmount * 10 ** desiredDecimals) / 10 ** desiredDecimals
+    : formattedAmount
+  return formatNumberToLocaleString(finalFormattedAmount, desiredDecimals)
+}