@mezo-org/passport 0.4.0-dev.9 → 0.5.1-dev.0

package/src/utils/numbers.ts

@@ -1,110 +1,48 @@
+type CompactStringDecimals = Intl.NumberFormatOptions["minimumFractionDigits"] &
+  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: number = 4,
+  decimals: CompactStringDecimals = 2,
 ): string {
-  const suffixes = ["", "K", "M", "B", "T"]
-  const numericValue = typeof value === "bigint" ? Number(value) : value
-
-  if (numericValue < 1000) return numericValue.toFixed(decimals)
-
-  const magnitude = Math.floor(Math.log10(numericValue) / 3)
-
-  if (magnitude >= suffixes.length) {
-    const max = 10 ** ((suffixes.length - 1) * 3) * 1000 - 1
-    const capped = max / 10 ** ((suffixes.length - 1) * 3)
-    return `> ${capped.toFixed(0)}${suffixes[suffixes.length - 1]}`
-  }
-
-  const scaledValue = numericValue / 10 ** (magnitude * 3)
-  return `${scaledValue.toFixed(decimals)}${suffixes[magnitude]}`
+  return value.toLocaleString("en-US", {
+    notation: "compact",
+    compactDisplay: "short",
+    maximumFractionDigits: decimals,
+  })
 }
 
 /**
- * Returns a number rounded up to the desired number of decimals.
- * @param amount The number to round up.
- * @param desiredDecimals The number of decimals to round up to.
- * @returns The rounded up number.
- * @see https://github.com/thesis/acre/blob/main/dapp/src/utils/numbersUtils.ts#L1-L3
+ * Normalizes a bigint value to a target precision.
+ * @param value The bigint value to normalize.
+ * @param currentPrecision The current precision of the value.
+ * @param targetPrecision The target precision to normalize to.
+ * @returns The normalized bigint value.
  */
-export function roundUpNumber(amount: number, desiredDecimals = 2): number {
-  return Math.ceil(amount * 10 ** desiredDecimals) / 10 ** desiredDecimals
-}
-
-/**
- * Convert a fixed point bigint with precision `fixedPointDecimals` to a
- * floating point number truncated to `desiredDecimals`.
- * @param fixedPoint The fixed point bigint to convert.
- * @param fixedPointDecimals The number of decimals in the fixed point bigint.
- * @param desiredDecimals The number of decimals in the output number.
- * @returns The floating point number truncated to `desiredDecimals`.
- * @see https://github.com/tahowallet/extension/blob/main/background/lib/fixed-point.ts#L216-L239
- */
-export function fromFixedPoint(
-  fixedPoint: bigint,
-  fixedPointDecimals: number,
-  desiredDecimals = 2,
-): number {
-  const fixedPointDesiredDecimalsAmount =
-    fixedPoint /
-    10n ** BigInt(Math.max(1, fixedPointDecimals - desiredDecimals))
-
-  const formattedAmount =
-    Number(fixedPointDesiredDecimalsAmount) /
-    10 ** Math.min(desiredDecimals, fixedPointDecimals)
-
-  return formattedAmount
+export const normalizePrecision = (
+  value: bigint,
+  currentPrecision: number,
+  targetPrecision = currentPrecision,
+): bigint => {
+  if (currentPrecision > targetPrecision) {
+    return value / 10n ** BigInt(currentPrecision - targetPrecision)
+  }
+  if (currentPrecision < targetPrecision) {
+    return value * 10n ** BigInt(targetPrecision - currentPrecision)
+  }
+  return value
 }
 
 /**
- * Display a cryptoAsset amount correctly with desired decimals.
- * The function returns a string with a language-sensitive representation of this number.
- * - If the amount entered is zero, return the result with the desired decimals.
- *   For example, 0.00 for a precision of 2.
- * - If `formattedAmount` is less than the minimum amount to display
- *  for the specified precision return information about this.
- *  For example, <0.01 for a precision of 2.
- *  - Other amounts are formatted according to the use of the `bigIntToUserAmount` function.
- * @param amount The amount of tokens to format.
- * @param decimals The number of decimals the cryptoAsset has.
- * @param desiredDecimals The number of decimals to display.
- * @param withRoundUp If true, the amount will be rounded up.
- * @returns The formatted cryptoAsset amount.
- * @see https://github.com/thesis/acre/blob/main/dapp/src/utils/numbersUtils.ts#L57-L87
+ * Utility function to find the maximum value from given `BigInt` values.
+ * @param values Array of BigInt values to find the maximum from.
+ * @returns The maximum value from the provided `BigInt` values.
+ * @dev Works exactly like `Math.max` but for `BigInt` values.
  */
-export function formatTokenAmount(
-  amount: number | string | bigint,
-  decimals = 18,
-  desiredDecimals = 2,
-  withRoundUp = false,
-) {
-  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
-    ? roundUpNumber(formattedAmount, desiredDecimals)
-    : formattedAmount
-  return formatHumanReadableNumber(finalFormattedAmount, desiredDecimals)
-}
+export const bigIntMax = (...values: bigint[]): bigint =>
+  values.reduce((max, value) => (value > max ? value : max))

package/src/utils/siww.ts

@@ -1,4 +1,7 @@
-import { SignInWithWalletMessage } from "@mezo-org/sign-in-with-wallet"
+import {
+  SignInWithWalletErrorType,
+  SignInWithWalletMessage,
+} from "@mezo-org/sign-in-with-wallet"
 import { ONE_DAY_MS } from "./time"
 
 const SESSION_EXPIRATION_DURATION_MS = 14 * ONE_DAY_MS
@@ -13,19 +16,71 @@ export function createSignInWithWalletMessage(
 ) {
   const { host: domain, origin: uri } = window.location
 
-  const message = new SignInWithWalletMessage({
-    domain,
-    address, // if "bitcoin" this should be btc address, not underlaying eth address
-    uri,
-    nonce,
-    issuedAt: new Date().toISOString(),
-    expirationTime: new Date(
-      Date.now() + SESSION_EXPIRATION_DURATION_MS,
-    ).toISOString(),
-    version: "1",
-    chainId: networkFamily === "evm" ? chainId : undefined,
-    networkFamily,
-  })
-
-  return message.prepareMessage()
+  let siwwMessage
+  try {
+    siwwMessage = new SignInWithWalletMessage({
+      domain,
+      address, // if "bitcoin" this should be btc address, not underlaying eth address
+      uri,
+      nonce,
+      issuedAt: new Date().toISOString(),
+      expirationTime: new Date(
+        Date.now() + SESSION_EXPIRATION_DURATION_MS,
+      ).toISOString(),
+      version: "1",
+      chainId: networkFamily === "evm" ? chainId : undefined,
+      networkFamily,
+    })
+  } catch (error) {
+    throw new Error(`Failed to create sign in with wallet message: ${error}`)
+  }
+
+  return siwwMessage.prepareMessage()
+}
+
+class SIWWDomainError extends Error {
+  constructor(message: string) {
+    super(`Error when verifying domain in SIWW message: ${message}`)
+    this.name = "SIWWDomainError"
+  }
+}
+
+export async function verifyDomainInSignInWithWalletMessage(
+  message: string,
+  signature: string,
+  nonce: string,
+) {
+  const { host: domain } = window.location
+  let siwwMessage: SignInWithWalletMessage
+  try {
+    siwwMessage = new SignInWithWalletMessage(message)
+  } catch (error) {
+    throw new SIWWDomainError("Failed to parse SIWW message")
+  }
+
+  if (!siwwMessage.expirationTime) {
+    throw new SIWWDomainError("SIWW messages must have an expiration time set")
+  }
+
+  const result = await siwwMessage.verify(
+    {
+      signature,
+      // Nonce has to match the session ID carried in the request.
+      nonce,
+      domain,
+      // Time is used as a reference to verify the expiration time set in the
+      // message.
+      time: new Date().toISOString(),
+    },
+    { suppressExceptions: true },
+  )
+
+  if (
+    result.error &&
+    result.error.type === SignInWithWalletErrorType.DOMAIN_MISMATCH
+  ) {
+    throw new SIWWDomainError(
+      "Domain does not match provided domain for verification.",
+    )
+  }
 }

package/src/utils/wagmi.ts

@@ -0,0 +1,12 @@
+import { OrangeKitConnector } from "@mezo-org/orangekit"
+import { Connector } from "wagmi"
+
+export async function getBitcoinPublicKeyFromConnector(connector: Connector) {
+  if (connector.type !== "orangekit") return undefined
+
+  const provider = (
+    connector as unknown as OrangeKitConnector
+  ).getBitcoinProvider()
+
+  return provider.getPublicKey()
+}

package/src/wallet/index.ts

@@ -1,9 +1,10 @@
 export {
+  BitcoinWalletConnectionError,
   getOKXWallet,
   getUnisatWallet,
   getXverseWallet,
-  BitcoinWalletConnectionError,
-  WalletNetworkDoesNotMatchProviderChainError,
   isUnsupportedBitcoinAddressError,
   isWalletNetworkDoesNotMatchProviderChainError,
+  OrangeKitConnector,
+  WalletNetworkDoesNotMatchProviderChainError,
 } from "@mezo-org/orangekit"

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

@@ -1,8 +0,0 @@
-import React from "react";
-type AccountAddressProps = {
-    address: string;
-    type: "bitcoin" | "evm";
-};
-export default function AccountAddress(props: AccountAddressProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AccountAddress.d.ts.map

package/dist/src/components/Dropdown/AccountAddress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountAddress.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAddress.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,KAAK,CAAA;CACxB,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA0FhE"}

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

@@ -1,58 +0,0 @@
-import { Block, Copy03 as CopyIcon, LinkExternal02 as LinkIcon, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
-import React from "react";
-import { useCopyToClipboard } from "usehooks-ts";
-import { usePassportContext } from "../../hooks/usePassportContext";
-import { getAddressExplorerUrl, trimAddress } from "../../utils/address";
-import { getCryptoAsset } from "../../utils/cryptoAssets";
-// TODO: Add visual feedback on copy
-export default function AccountAddress(props) {
-    const { address, type } = props;
-    const { environment } = usePassportContext();
-    const blockExplorerUrl = getAddressExplorerUrl(address, type, environment === "testnet");
-    const trimmedAddress = trimAddress(address);
-    const { icon: accountIcon } = getCryptoAsset(type === "bitcoin" ? "btc" : "eth");
-    const [, theme] = useStyletron();
-    const [, copy] = useCopyToClipboard();
-    return (React.createElement(Block, { as: "button", onClick: () => copy(address), display: "flex", alignItems: "center", backgroundColor: "transparent", padding: `${theme.sizing.scale600} ${theme.sizing.scale500}`, overrides: {
-            Block: {
-                style: {
-                    borderWidth: 0,
-                    cursor: "pointer",
-                    ":hover": {
-                        backgroundColor: theme.colors.backgroundTertiary,
-                    },
-                },
-            },
-        } },
-        React.createElement(Block, { as: accountIcon, size: theme.sizing.scale600 }),
-        React.createElement(Block, { as: "a", marginLeft: theme.sizing.scale300, href: blockExplorerUrl, target: "_blank", overrides: {
-                Block: {
-                    style: {
-                        color: "inherit",
-                        textDecoration: "none",
-                        ":hover": {
-                            textDecoration: "underline",
-                        },
-                    },
-                },
-            } },
-            React.createElement(ParagraphSmall, { display: "flex", alignItems: "center", margin: 0, color: theme.colors.gray800 },
-                trimmedAddress,
-                React.createElement(LinkIcon, { display: "inline", size: theme.sizing.scale550, overrides: {
-                        Svg: {
-                            style: {
-                                stroke: "currentColor",
-                                marginLeft: theme.sizing.scale200,
-                            },
-                        },
-                    } }))),
-        React.createElement(CopyIcon, { size: theme.sizing.scale550, overrides: {
-                Svg: {
-                    style: {
-                        marginLeft: "auto",
-                        stroke: "currentColor",
-                    },
-                },
-            } })));
-}
-//# sourceMappingURL=AccountAddress.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountAddress.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAddress.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,MAAM,IAAI,QAAQ,EAClB,cAAc,IAAI,QAAQ,EAC1B,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAOzD,oCAAoC;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,OAAO,EACP,IAAI,EACJ,WAAW,KAAK,SAAS,CAC1B,CAAA;IACD,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,CAC1C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CACnC,CAAA;IAED,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,kBAAkB,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,eAAe,EAAC,aAAa,EAC7B,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5D,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE;wBACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB;qBACjD;iBACF;aACF;SACF;QAED,oBAAC,KAAK,IAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI;QACvD,oBAAC,KAAK,IACJ,EAAE,EAAC,GAAG,EACN,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,KAAK,EAAE,SAAS;wBAChB,cAAc,EAAE,MAAM;wBACtB,QAAQ,EAAE;4BACR,cAAc,EAAE,WAAW;yBAC5B;qBACF;iBACF;aACF;YAED,oBAAC,cAAc,IACb,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAE1B,cAAc;gBACf,oBAAC,QAAQ,IACP,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC3B,SAAS,EAAE;wBACT,GAAG,EAAE;4BACH,KAAK,EAAE;gCACL,MAAM,EAAE,cAAc;gCACtB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;6BAClC;yBACF;qBACF,GACD,CACa,CACX;QACR,oBAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC3B,SAAS,EAAE;gBACT,GAAG,EAAE;oBACH,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM;wBAClB,MAAM,EAAE,cAAc;qBACvB;iBACF;aACF,GACD,CACI,CACT,CAAA;AACH,CAAC"}

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { CryptoAssetKey } from "../../utils/cryptoAssets";
-type AccountAssetsProps = {
-    label: string | React.ReactNode;
-    assets: {
-        type: CryptoAssetKey;
-        decimals: number;
-        balance: number;
-        balanceInUsd: number;
-    }[];
-};
-export default function AccountAssets(props: AccountAssetsProps): React.JSX.Element | null;
-export {};
-//# sourceMappingURL=AccountAssets.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountAssets.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAssets.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAA;AAGzE,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,cAAc,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE,MAAM,CAAA;QACf,YAAY,EAAE,MAAM,CAAA;KACrB,EAAE,CAAA;CACJ,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAyF9D"}

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

@@ -1,44 +0,0 @@
-import { Block, LabelSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
-import React, { useMemo } from "react";
-import { getCryptoAsset } from "../../utils/cryptoAssets";
-import { formatUsd } from "../../utils/currency";
-export default function AccountAssets(props) {
-    const { label, assets } = props;
-    const [, theme] = useStyletron();
-    const assetsData = useMemo(() => assets.map((token) => {
-        const { name, symbol, icon } = getCryptoAsset(token.type);
-        return {
-            ...token,
-            icon,
-            label: name,
-            symbol,
-        };
-    }), [assets]);
-    const labelContent = typeof label === "string" ? (React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, label)) : (label);
-    if (assetsData.length === 0) {
-        return null;
-    }
-    return (React.createElement(Block, { padding: `0 ${theme.sizing.scale500}` },
-        React.createElement(Block, { margin: `${theme.sizing.scale400} 0` }, labelContent),
-        React.createElement(Block, { as: "ul", marginBottom: theme.sizing.scale600, padding: 0, display: "flex", flexDirection: "column", overrides: {
-                Block: {
-                    style: {
-                        gap: theme.sizing.scale100,
-                    },
-                },
-            } }, assetsData.map((asset) => (React.createElement(Block, { as: "li", key: `${asset.type}-${asset.balance}`, display: "flex", justifyContent: "space-between", alignItems: "center", margin: `${theme.sizing.scale100} 0` },
-            React.createElement(asset.icon, { size: theme.sizing.scale800, overrides: {
-                    Svg: {
-                        style: {
-                            marginRight: theme.sizing.scale500,
-                        },
-                    },
-                } }),
-            React.createElement(Block, { flex: 1 },
-                React.createElement(LabelSmall, { margin: 0 }, asset.label),
-                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, asset.symbol)),
-            React.createElement(Block, { display: "flex", alignItems: "end", flexDirection: "column" },
-                React.createElement(LabelSmall, { margin: 0 }, asset.balance),
-                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, formatUsd(asset.balanceInUsd)))))))));
-}
-//# sourceMappingURL=AccountAssets.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountAssets.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAssets.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-import React from "react";
-type AccountBalanceProps = {
-    amount: number;
-};
-export default function AccountBalance(props: AccountBalanceProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AccountBalance.d.ts.map

package/dist/src/components/Dropdown/AccountBalance.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountBalance.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAwBhE"}

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

@@ -1,18 +0,0 @@
-import { Block, HeadingSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
-import React from "react";
-import { formatUsd } from "../../utils/currency";
-export default function AccountBalance(props) {
-    const { amount } = props;
-    const formattedUsdBalance = formatUsd(amount);
-    const [, theme] = useStyletron();
-    return (React.createElement(Block, { padding: theme.sizing.scale500, overrides: {
-            Block: {
-                style: {
-                    borderBottom: `1px solid ${theme.colors.backgroundPrimary}`,
-                },
-            },
-        } },
-        React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, "Available balance"),
-        React.createElement(HeadingSmall, { margin: 0 }, formattedUsdBalance)));
-}
-//# sourceMappingURL=AccountBalance.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountBalance.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAMhD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,mBAAmB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAE7C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE;iBAC5D;aACF;SACF;QAED,oBAAC,cAAc,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,wBAErC;QACjB,oBAAC,YAAY,IAAC,MAAM,EAAE,CAAC,IAAG,mBAAmB,CAAgB,CACvD,CACT,CAAA;AACH,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from "react";
-type WelcomeBlockProps = {
-    mezoId: string;
-    matsBalance: number;
-};
-export default function WelcomeBlock(props: WelcomeBlockProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=WelcomeBlock.d.ts.map

package/dist/src/components/Dropdown/WelcomeBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WelcomeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAyE5D"}

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

@@ -1,44 +0,0 @@
-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";
-const DOT_DELIMITER_REGEX = /(?=\.)/;
-export default function WelcomeBlock(props) {
-    const { mezoId, matsBalance } = props;
-    const [name, nameSuffix] = mezoId.split(DOT_DELIMITER_REGEX);
-    const [, theme] = useStyletron();
-    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: `${theme.sizing.scale600} 0`, marginBottom: theme.sizing.scale300, overrides: {
-            Block: {
-                style: {
-                    gap: theme.sizing.scale600,
-                },
-            },
-        } },
-        React.createElement(Block, { as: DefaultAvatar, width: theme.sizing.scale1200, height: theme.sizing.scale1200, overrides: {
-                Block: {
-                    style: {
-                        borderRadius: "100%",
-                    },
-                },
-            } }),
-        React.createElement(Block, { display: "flex", flexDirection: "column", overrides: {
-                Block: {
-                    style: {
-                        gap: theme.sizing.scale100,
-                    },
-                },
-            } },
-            React.createElement(HeadingSmall, { as: "span" },
-                React.createElement(Block, { as: "span" }, name),
-                React.createElement(Block, { as: "span", color: theme.colors.gray500 }, nameSuffix)),
-            React.createElement(LabelSmall, { display: "flex", alignItems: "center", margin: 0, color: theme.colors.contentTertiary, overrides: {
-                    Block: {
-                        style: {
-                            gap: theme.sizing.scale300,
-                        },
-                    },
-                } },
-                React.createElement(Mats, { color: theme.colors.contentPrimary, size: theme.sizing.scale600 }),
-                formatHumanReadableNumber(matsBalance, 0)))));
-}
-//# sourceMappingURL=WelcomeBlock.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,8 +0,0 @@
-import { UseBaseQueryOptions } from "@tanstack/react-query";
-type AssetsUsdConversion = {
-    btcUsd: string;
-    ethUsd: string;
-};
-export declare function useAssetsUsdConversion(useQueryOptions?: Partial<UseBaseQueryOptions<AssetsUsdConversion>>): import("@tanstack/react-query").UseQueryResult<AssetsUsdConversion, Error>;
-export {};
-//# sourceMappingURL=useAssetsUSDConversion.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetsUSDConversion.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAKrE,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,sBAAsB,CACpC,eAAe,GAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAM,8EAmBxE"}

package/dist/src/hooks/useAssetsUSDConversion.js

@@ -1,21 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { ONE_MINUTE_MS } from "../utils/time";
-import { QUERY_KEYS } from "./constants";
-import { usePortalApiClient } from "./usePortalApiClient";
-export function useAssetsUsdConversion(useQueryOptions = {}) {
-    const portalApiClient = usePortalApiClient();
-    return useQuery({
-        queryKey: [QUERY_KEYS.ASSETS_USD_CONVERSION],
-        queryFn: async () => {
-            const { currentUsdPerBtc, currentUsdPerEth } = await portalApiClient.getPortalStatistics();
-            return {
-                btcUsd: currentUsdPerBtc,
-                ethUsd: currentUsdPerEth,
-            };
-        },
-        staleTime: 30 * ONE_MINUTE_MS,
-        retry: 1,
-        ...useQueryOptions,
-    });
-}
-//# sourceMappingURL=useAssetsUSDConversion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetsUSDConversion.js","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,UAAU,sBAAsB,CACpC,kBAAqE,EAAE;IAEvE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC;QAC5C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC1C,MAAM,eAAe,CAAC,mBAAmB,EAAE,CAAA;YAE7C,OAAO;gBACL,MAAM,EAAE,gBAAgB;gBACxB,MAAM,EAAE,gBAAgB;aACzB,CAAA;QACH,CAAC;QACD,SAAS,EAAE,EAAE,GAAG,aAAa;QAC7B,KAAK,EAAE,CAAC;QACR,GAAG,eAAe;KACnB,CAAC,CAAA;AACJ,CAAC"}

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

@@ -1,44 +0,0 @@
-import { CryptoAssetKey } from "../utils/cryptoAssets";
-/**
- * Formats crypto asset to balance details (balance in USD and decimals)
- * @param type The type of crypto asset
- * @param balance The balance of crypto asset
- * @param btcUsdConversionRate The USD conversion rate
- * @returns The balance details
- */
-export declare function formatCryptoAsset(type: CryptoAssetKey, balance: bigint, btcUsdConversionRate: number): {
-    type: CryptoAssetKey;
-    balance: number;
-    balanceInUsd: number;
-    decimals: number;
-};
-export type DropdownCryptoAsset<T = CryptoAssetKey> = {
-    type: T;
-    balance: bigint;
-};
-type DropdownDetailedCryptoAsset = ReturnType<typeof formatCryptoAsset>;
-export type DropdownData = {
-    mezoId: string;
-    address: string;
-    walletType: "bitcoin" | "evm";
-    totalBalanceInUsd: number;
-    formattedNativeAssets: DropdownDetailedCryptoAsset[];
-    matsnet: {
-        mats: number;
-        formattedAssets: DropdownDetailedCryptoAsset[];
-    };
-};
-type UseDropdownDataOptions = {
-    evmNativeAssets?: DropdownCryptoAsset[];
-    matsnetAssets?: DropdownCryptoAsset[];
-};
-/**
- * Aggregates dropdown data for Dropdown component.
- * @param options - Options for the dropdown data.
- * @param options.evmNativeAssets - Native assets for EVM wallet.
- * @param options.matsnetAssets - Matsnet tokens. Rendered as separate section.
- * @returns Dropdown data.
- */
-export default function useDropdownData(options?: UseDropdownDataOptions): DropdownData | null;
-export {};
-//# sourceMappingURL=useDropdownData.d.ts.map

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

@@ -1 +0,0 @@
-{"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,wBAAgB,iBAAiB,CAC/B,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,YAAY,GAAG,IAAI,CAoDrB"}