@mezo-org/passport 0.4.0-dev.7 → 0.4.0-dev.71

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.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.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.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/src/components/Dropdown/AccountAddress.tsx

@@ -1,111 +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"
-
-type AccountAddressProps = {
-  address: string
-  type: "bitcoin" | "evm"
-}
-
-// TODO: Add visual feedback on copy
-
-export default function AccountAddress(props: AccountAddressProps) {
-  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 (
-    <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,
-            },
-          },
-        },
-      }}
-    >
-      <Block as={accountIcon} size={theme.sizing.scale600} />
-      <Block
-        as="a"
-        marginLeft={theme.sizing.scale300}
-        href={blockExplorerUrl}
-        target="_blank"
-        overrides={{
-          Block: {
-            style: {
-              color: "inherit",
-              textDecoration: "none",
-              ":hover": {
-                textDecoration: "underline",
-              },
-            },
-          },
-        }}
-      >
-        <ParagraphSmall
-          display="flex"
-          alignItems="center"
-          margin={0}
-          color={theme.colors.gray800}
-        >
-          {trimmedAddress}
-          <LinkIcon
-            display="inline"
-            size={theme.sizing.scale550}
-            overrides={{
-              Svg: {
-                style: {
-                  stroke: "currentColor",
-                  marginLeft: theme.sizing.scale200,
-                },
-              },
-            }}
-          />
-        </ParagraphSmall>
-      </Block>
-      <CopyIcon
-        size={theme.sizing.scale550}
-        overrides={{
-          Svg: {
-            style: {
-              marginLeft: "auto",
-              stroke: "currentColor",
-            },
-          },
-        }}
-      />
-    </Block>
-  )
-}

package/src/components/Dropdown/AccountAssets.tsx

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

package/src/components/Dropdown/AccountBalance.tsx

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

package/src/hooks/useAssetsUSDConversion.ts

@@ -1,31 +0,0 @@
-import { UseBaseQueryOptions, useQuery } from "@tanstack/react-query"
-import { ONE_MINUTE_MS } from "../utils/time"
-import { QUERY_KEYS } from "./constants"
-import { usePortalApiClient } from "./usePortalApiClient"
-
-type AssetsUsdConversion = {
-  btcUsd: string
-  ethUsd: string
-}
-
-export function useAssetsUsdConversion(
-  useQueryOptions: Partial<UseBaseQueryOptions<AssetsUsdConversion>> = {},
-) {
-  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,
-  })
-}