@daimo/pay 0.3.21 → 1.0.0

package/build/index.d.ts

@@ -1,41 +1,22 @@
+import React$1, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CreateConfigParameters } from '@wagmi/core';
 import { CoinbaseWalletParameters } from 'wagmi/connectors';
-import React$1, { ReactNode } from 'react';
+import { PaymentStartedEvent, PaymentCompletedEvent, PaymentBouncedEvent } from '@daimo/common';
+import { Address, Hex } from 'viem';
 import { CreateConnectorFn } from 'wagmi';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _daimo_common from '@daimo/common';
-import { DepositAddressPaymentOptionMetadata, PlatformType, ExternalPaymentOptionMetadata, DaimoPayOrder, DaimoPayTokenAmount, ExternalPaymentOptions, DepositAddressPaymentOptions, DepositAddressPaymentOptionData, SolanaPublicKey } from '@daimo/common';
-import { AppRouter } from '@daimo/pay-api';
-import { CreateTRPCClient } from '@trpc/client';
-import * as abitype from 'abitype';
-import { WalletName } from '@solana/wallet-adapter-base';
-import { Chain as Chain$1 } from 'viem';
 
-type DefaultConfigProps = {
-    appName: string;
-    appIcon?: string;
-    appDescription?: string;
-    appUrl?: string;
-    /**
-     * WC 2.0 Project ID (get one here: https://cloud.walletconnect.com/sign-in),
-     * it doesn't do much besides tracking. If not provided, use Daimo's
-     * WalletConnect project ID by default. */
-    walletConnectProjectId?: string;
-    coinbaseWalletPreference?: CoinbaseWalletParameters<"4">["preference"];
-} & Partial<CreateConfigParameters>;
-/** A utility for use with wagmi's createConfig(). */
-declare const defaultConfig: ({ appName, appIcon, appDescription, appUrl, walletConnectProjectId, coinbaseWalletPreference, chains, client, ...props }: DefaultConfigProps) => CreateConfigParameters;
-
-type Hash$1 = `0x${string}`;
+type Hash = `0x${string}`;
 type CustomAvatarProps = {
-    address?: Hash$1 | undefined;
+    address?: Hash | undefined;
     ensName?: string | undefined;
     ensImage?: string;
     size: number;
     radius: number;
 };
+/** Icon for an Ethereum address. Supports ENS names and avatars. */
 declare const Avatar: React$1.FC<{
-    address?: Hash$1 | undefined;
+    address?: Hash | undefined;
     name?: string | undefined;
     size?: number;
     radius?: number;
@@ -86,6 +67,8 @@ type DaimoPayModalOptions = {
 };
 /** Payment status. See webhooks and React useDaimoPayStatus() hook. */
 type PaymentStatus = "payment_pending" | "payment_started" | "payment_completed" | "payment_bounced";
+/** Additional payment options. Onchain payments are always enabled. */
+type PaymentOption = "Daimo" | "Coinbase" | "Binance" | "RampNetwork";
 
 type types_d_All = All;
 type types_d_CustomAvatarProps = CustomAvatarProps;
@@ -94,16 +77,13 @@ type types_d_DaimoPayContextOptions = DaimoPayContextOptions;
 type types_d_DaimoPayModalOptions = DaimoPayModalOptions;
 type types_d_Languages = Languages;
 type types_d_Mode = Mode;
+type types_d_PaymentOption = PaymentOption;
 type types_d_PaymentStatus = PaymentStatus;
 type types_d_Theme = Theme;
 declare namespace types_d {
-  export type { types_d_All as All, types_d_CustomAvatarProps as CustomAvatarProps, types_d_CustomTheme as CustomTheme, types_d_DaimoPayContextOptions as DaimoPayContextOptions, types_d_DaimoPayModalOptions as DaimoPayModalOptions, types_d_Languages as Languages, types_d_Mode as Mode, types_d_PaymentStatus as PaymentStatus, types_d_Theme as Theme };
+  export type { types_d_All as All, types_d_CustomAvatarProps as CustomAvatarProps, types_d_CustomTheme as CustomTheme, types_d_DaimoPayContextOptions as DaimoPayContextOptions, types_d_DaimoPayModalOptions as DaimoPayModalOptions, types_d_Languages as Languages, types_d_Mode as Mode, types_d_PaymentOption as PaymentOption, types_d_PaymentStatus as PaymentStatus, types_d_Theme as Theme };
 }
 
-declare const wallets: {
-    [key: string]: CreateConnectorFn;
-};
-
 type useConnectCallbackProps = {
     onConnect?: ({ address, connectorId, }: {
         address?: string;
@@ -112,217 +92,6 @@ type useConnectCallbackProps = {
     onDisconnect?: () => void;
 };
 
-type TrpcClient = CreateTRPCClient<AppRouter>;
-
-declare function useDepositAddressOptions({ trpc, usdRequired, }: {
-    trpc: TrpcClient;
-    usdRequired: number;
-}): {
-    options: DepositAddressPaymentOptionMetadata[];
-    loading: boolean;
-};
-
-declare function useExternalPaymentOptions({ trpc, filterIds, usdRequired, platform, }: {
-    trpc: TrpcClient;
-    filterIds: string[] | undefined;
-    usdRequired: number | undefined;
-    platform: PlatformType | undefined;
-}): {
-    options: ExternalPaymentOptionMetadata[];
-    loading: boolean;
-};
-
-type SolanaPaymentOption = Awaited<ReturnType<TrpcClient["getSolanaPaymentOptions"]["query"]>>[0];
-declare function useSolanaPaymentOptions({ trpc, address, usdRequired, }: {
-    trpc: TrpcClient;
-    address: string | undefined;
-    usdRequired: number | undefined;
-}): {
-    options: {
-        required: {
-            amount: _daimo_common.BigIntStr;
-            token: {
-                symbol: string;
-                chainId: number;
-                token: abitype.Address | _daimo_common.SolanaPublicKey;
-                usd: number;
-                displayDecimals: number;
-                decimals: number;
-                name?: string;
-                fiatSymbol?: string;
-                logoURI?: string;
-            };
-            usd: number;
-        };
-        balance: {
-            amount: _daimo_common.BigIntStr;
-            token: {
-                symbol: string;
-                chainId: number;
-                token: abitype.Address | _daimo_common.SolanaPublicKey;
-                usd: number;
-                displayDecimals: number;
-                decimals: number;
-                name?: string;
-                fiatSymbol?: string;
-                logoURI?: string;
-            };
-            usd: number;
-        };
-    }[] | null;
-    isLoading: boolean;
-};
-
-/** Wallet payment options. User picks one. */
-type WalletPaymentOption = Awaited<ReturnType<TrpcClient["getWalletPaymentOptions"]["query"]>>[0];
-declare function useWalletPaymentOptions({ trpc, address, usdRequired, destChainId, }: {
-    trpc: TrpcClient;
-    address: string | undefined;
-    usdRequired: number | undefined;
-    destChainId: number | undefined;
-}): {
-    options: {
-        fees: {
-            amount: _daimo_common.BigIntStr;
-            token: {
-                symbol: string;
-                chainId: number;
-                token: abitype.Address | _daimo_common.SolanaPublicKey;
-                usd: number;
-                displayDecimals: number;
-                decimals: number;
-                name?: string;
-                fiatSymbol?: string;
-                logoURI?: string;
-            };
-            usd: number;
-        };
-        required: {
-            amount: _daimo_common.BigIntStr;
-            token: {
-                symbol: string;
-                chainId: number;
-                token: abitype.Address | _daimo_common.SolanaPublicKey;
-                usd: number;
-                displayDecimals: number;
-                decimals: number;
-                name?: string;
-                fiatSymbol?: string;
-                logoURI?: string;
-            };
-            usd: number;
-        };
-        balance: {
-            amount: _daimo_common.BigIntStr;
-            token: {
-                symbol: string;
-                chainId: number;
-                token: abitype.Address | _daimo_common.SolanaPublicKey;
-                usd: number;
-                displayDecimals: number;
-                decimals: number;
-                name?: string;
-                fiatSymbol?: string;
-                logoURI?: string;
-            };
-            usd: number;
-        };
-    }[] | null;
-    isLoading: boolean;
-};
-
-/** Loads a DaimoPayOrder + manages the corresponding modal. */
-interface PaymentInfo {
-    setPayId: (id: string | null) => Promise<void>;
-    daimoPayOrder: DaimoPayOrder | undefined;
-    modalOptions: DaimoPayModalOptions;
-    setModalOptions: (modalOptions: DaimoPayModalOptions) => void;
-    paymentWaitingMessage: string | undefined;
-    externalPaymentOptions: ReturnType<typeof useExternalPaymentOptions>;
-    walletPaymentOptions: ReturnType<typeof useWalletPaymentOptions>;
-    solanaPaymentOptions: ReturnType<typeof useSolanaPaymentOptions>;
-    depositAddressOptions: ReturnType<typeof useDepositAddressOptions>;
-    selectedExternalOption: ExternalPaymentOptionMetadata | undefined;
-    selectedTokenOption: WalletPaymentOption | undefined;
-    selectedSolanaTokenOption: SolanaPaymentOption | undefined;
-    selectedDepositAddressOption: DepositAddressPaymentOptionMetadata | undefined;
-    setSelectedDepositAddressOption: (option: DepositAddressPaymentOptionMetadata | undefined) => void;
-    setSelectedExternalOption: (option: ExternalPaymentOptionMetadata | undefined) => void;
-    setSelectedTokenOption: (option: WalletPaymentOption | undefined) => void;
-    setSelectedSolanaTokenOption: (option: SolanaPaymentOption | undefined) => void;
-    setChosenUsd: (amount: number) => void;
-    payWithToken: (tokenAmount: DaimoPayTokenAmount) => Promise<void>;
-    payWithExternal: (option: ExternalPaymentOptions) => Promise<string>;
-    payWithDepositAddress: (option: DepositAddressPaymentOptions) => Promise<DepositAddressPaymentOptionData | null>;
-    payWithSolanaToken: (inputToken: SolanaPublicKey) => Promise<string | undefined>;
-    refreshOrder: () => Promise<void>;
-    onSuccess: (args: {
-        txHash: string;
-        txURL?: string;
-    }) => void;
-    senderEnsName: string | undefined;
-}
-
-type SolanaWalletName = WalletName<string>;
-
-declare enum ROUTES {
-    SELECT_METHOD = "daimoPaySelectMethod",
-    SELECT_TOKEN = "daimoPaySelectToken",
-    WAITING_OTHER = "daimoPayWaitingOther",
-    SELECT_DEPOSIT_ADDRESS_CHAIN = "daimoPaySelectDepositAddressChain",
-    WAITING_DEPOSIT_ADDRESS = "daimoPayWaitingDepositAddress",
-    PAY_WITH_TOKEN = "daimoPayPayWithToken",
-    CONFIRMATION = "daimoPayConfirmation",
-    SOLANA_CONNECT = "daimoPaySolanaConnect",
-    SOLANA_CONNECTOR = "daimoPaySolanaConnector",
-    SOLANA_SELECT_TOKEN = "daimoPaySolanaSelectToken",
-    SOLANA_PAY_WITH_TOKEN = "daimoPaySolanaPayWithToken",
-    ONBOARDING = "onboarding",
-    ABOUT = "about",
-    CONNECTORS = "connectors",
-    MOBILECONNECTORS = "mobileConnectors",
-    CONNECT = "connect",
-    DOWNLOAD = "download",
-    SWITCHNETWORKS = "switchNetworks"
-}
-type Connector = {
-    id: string;
-};
-type Error = string | React$1.ReactNode | null;
-type ContextValue = {
-    theme: Theme;
-    setTheme: React$1.Dispatch<React$1.SetStateAction<Theme>>;
-    mode: Mode;
-    setMode: React$1.Dispatch<React$1.SetStateAction<Mode>>;
-    customTheme: CustomTheme | undefined;
-    setCustomTheme: React$1.Dispatch<React$1.SetStateAction<CustomTheme | undefined>>;
-    lang: Languages;
-    setLang: React$1.Dispatch<React$1.SetStateAction<Languages>>;
-    open: boolean;
-    setOpen: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-    route: string;
-    setRoute: React$1.Dispatch<React$1.SetStateAction<ROUTES>>;
-    connector: Connector;
-    setConnector: React$1.Dispatch<React$1.SetStateAction<Connector>>;
-    solanaConnector: SolanaWalletName | undefined;
-    setSolanaConnector: React$1.Dispatch<React$1.SetStateAction<SolanaWalletName | undefined>>;
-    errorMessage: Error;
-    debugMode?: boolean;
-    log: (...props: any) => void;
-    displayError: (message: string | React$1.ReactNode | null, code?: any) => void;
-    resize: number;
-    triggerResize: () => void;
-    /** Global options, across all pay buttons and payments. */
-    options?: DaimoPayContextOptions;
-    /** Loads a payment, then shows the modal to complete payment. */
-    loadAndShowPayment: (payId: string, modalOptions: DaimoPayModalOptions) => Promise<void>;
-    /** Payment status & callbacks. */
-    paymentInfo: PaymentInfo;
-    /** TRPC API client. Internal use only. */
-    trpc: any;
-} & useConnectCallbackProps;
-/** Meant for internal use. This will be non-exported in a future SDK version. */
-declare const Context: React$1.Context<ContextValue | null>;
 type DaimoPayProviderProps = {
     children?: React$1.ReactNode;
     theme?: Theme;
@@ -339,38 +108,88 @@ type DaimoPayProviderProps = {
     /** Custom Pay API, useful for test and staging. */
     payApiUrl?: string;
 } & useConnectCallbackProps;
-/** Provides context for DaimoPayButton and hooks. Place in app root, layout, or
- * similar.
+/**
+ * Provides context for DaimoPayButton and hooks. Place in app root or layout.
  */
 declare const DaimoPayProvider: (props: DaimoPayProviderProps) => react_jsx_runtime.JSX.Element;
-/** Meant for internal use. This will be non-exported in a future SDK version. */
-declare const usePayContext: () => ContextValue;
 
-type Hash = `0x${string}`;
-type DaimoPayButtonRendererProps = {
-    /** The payment ID, generated via the Daimo Pay API. */
+type DefaultConfigProps = {
+    appName: string;
+    appIcon?: string;
+    appDescription?: string;
+    appUrl?: string;
+    /**
+     * WC 2.0 Project ID (get one here: https://cloud.walletconnect.com/sign-in),
+     * it doesn't do much besides tracking. If not provided, use Daimo's
+     * WalletConnect project ID by default. */
+    walletConnectProjectId?: string;
+    coinbaseWalletPreference?: CoinbaseWalletParameters<"4">["preference"];
+} & Partial<CreateConfigParameters>;
+/** Daimo Pay recommended config, for use with wagmi's createConfig(). */
+declare const defaultConfig: ({ appName, appIcon, appDescription, appUrl, walletConnectProjectId, coinbaseWalletPreference, chains, client, ...props }: DefaultConfigProps) => CreateConfigParameters;
+
+type PayButtonPaymentProps = {
+    /**
+     * Your public app ID. Specify either (payId) or (appId + parameters).
+     */
+    appId: string;
+    /**
+     * Destination chain ID.
+     */
+    toChain: number;
+    /**
+     * The destination token to send, completing payment. Must be an ERC-20
+     * token or the zero address, indicating the native token / ETH.
+     */
+    toToken: Address;
+    /**
+     * The amount of destination token to send (transfer or approve).
+     */
+    toUnits: string;
+    /**
+     * Let the user edit the amount to send.
+     */
+    amountEditable?: boolean;
+    /**
+     * The destination address to transfer to, or contract to call.
+     */
+    toAddress: Address;
+    /**
+     * Optional calldata to call an arbitrary function on `toAddress`.
+     */
+    toCallData?: Hex;
+    /**
+     * The intent verb, such as "Pay", "Deposit", or "Purchase".
+     */
+    intent?: string;
+    /**
+     * Payment options. By default, all are enabled.
+     */
+    paymentOptions?: PaymentOption[];
+    /**
+     * Preferred chain IDs. Assets on these chains will appear first.
+     */
+    preferredChains?: number[];
+    /**
+     * Preferred tokens. These appear first in the token list.
+     */
+    preferredTokens?: {
+        chain: number;
+        address: Address;
+    }[];
+} | {
+    /** The payment ID, generated via the Daimo Pay API. Replaces params above. */
     payId: string;
-    /** Automatically close the modal after a successful payment. */
-    closeOnSuccess?: boolean;
-    /** Custom renderer */
-    children?: (renderProps: {
-        show?: () => void;
-        hide?: () => void;
-        chain?: Chain$1 & {
-            unsupported?: boolean;
-        };
-        unsupported: boolean;
-        isConnected: boolean;
-        isConnecting: boolean;
-        address?: Hash;
-        truncatedAddress?: string;
-        ensName?: string;
-        payId?: string;
-    }) => React$1.ReactNode;
 };
-type DaimoPayButtonProps = {
-    /** The payment ID, generated via the Daimo Pay API. */
-    payId: string;
+type PayButtonCommonProps = PayButtonPaymentProps & {
+    /** Called when user sends payment and transaction is seen on chain */
+    onPaymentStarted?: (event: PaymentStartedEvent) => void;
+    /** Called when destination transfer or call completes successfully */
+    onPaymentCompleted?: (event: PaymentCompletedEvent) => void;
+    /** Called when destination call reverts and funds are refunded */
+    onPaymentBounced?: (event: PaymentBouncedEvent) => void;
+};
+type DaimoPayButtonProps = PayButtonCommonProps & {
     /** Light mode, dark mode, or auto. */
     mode?: Mode;
     /** Named theme. See docs for options. */
@@ -379,38 +198,31 @@ type DaimoPayButtonProps = {
     customTheme?: CustomTheme;
     /** Automatically close the modal after a successful payment. */
     closeOnSuccess?: boolean;
-    /** Get notified when the user clicks, opening the payment modal. */
-    onClick?: (open: () => void) => void;
+    /** Disable interaction. */
+    disabled?: boolean;
 };
-/** A button that shows the Daimo Pay checkout. Replaces the traditional
+type DaimoPayButtonCustomProps = PayButtonCommonProps & {
+    /** Automatically close the modal after a successful payment. */
+    closeOnSuccess?: boolean;
+    /** Custom renderer */
+    children: (renderProps: {
+        show: () => void;
+        hide: () => void;
+    }) => React$1.ReactNode;
+};
+/**
+ * A button that shows the Daimo Pay checkout. Replaces the traditional
  * Connect Wallet » approve » execute sequence with a single action.
  */
-declare function DaimoPayButton({ payId, theme, mode, customTheme, closeOnSuccess, onClick, }: DaimoPayButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function DaimoPayButton(props: DaimoPayButtonProps): react_jsx_runtime.JSX.Element;
 declare namespace DaimoPayButton {
-    var Custom: React$1.FC<DaimoPayButtonRendererProps>;
+    var Custom: typeof DaimoPayButtonCustom;
+}
+/** Like DaimoPayButton, but with custom styling. */
+declare function DaimoPayButtonCustom(props: DaimoPayButtonCustomProps): react_jsx_runtime.JSX.Element | null;
+declare namespace DaimoPayButtonCustom {
+    var displayName: string;
 }
-
-type UseModalProps = {} & useConnectCallbackProps;
-declare const useModal: ({ onConnect, onDisconnect }?: UseModalProps) => {
-    open: boolean;
-    setOpen: (show: boolean) => void;
-    openAbout: () => void;
-    openOnboarding: () => void;
-    openSwitchNetworks: () => void;
-};
-
-declare const Chain: React$1.FC<{
-    id?: number;
-    unsupported?: boolean;
-    radius?: number | string;
-    size?: number | string;
-}>;
-
-/** Determines whether the current wagmi configuration supports a given chain. */
-declare function useChainIsSupported(chainId?: number): boolean | null;
-
-/** Returns currently configured wagmi chains. */
-declare function useChains(): Chain$1[];
 
 /** Returns the current payment, or undefined if there is none.
  *
@@ -427,8 +239,27 @@ declare function useDaimoPayStatus(): {
     status: PaymentStatus;
 } | undefined;
 
-/** Utility. Returns false on first render, true after.
- * Useful for apps with SSR, for example. */
-declare function useIsMounted(): boolean;
+type UseModalProps = {} & useConnectCallbackProps;
+/** Opens and closes the payment modal. */
+declare const useModal: ({ onConnect, onDisconnect }?: UseModalProps) => {
+    open: boolean;
+    setOpen: (show: boolean) => void;
+};
+
+/** Icon for an EVM chain, given chain ID. No ID shows a loading spinner. */
+declare const Chain: React$1.FC<{
+    id?: number;
+    unsupported?: boolean;
+    radius?: number | string;
+    size?: number | string;
+}>;
+
+/** Ethereum wallets, by name. */
+declare const wallets: {
+    [key: string]: CreateConnectorFn;
+};
+
+/** Generates a globally-unique payId. */
+declare function generatePayId(): string;
 
-export { Avatar, Chain as ChainIcon, Context, DaimoPayButton, DaimoPayProvider, types_d as Types, defaultConfig as getDefaultConfig, useChainIsSupported, useChains, useDaimoPayStatus, useIsMounted, useModal, usePayContext, wallets };
+export { Avatar, Chain as ChainIcon, DaimoPayButton, DaimoPayProvider, types_d as Types, generatePayId, defaultConfig as getDefaultConfig, useModal as useDaimoPayModal, useDaimoPayStatus, wallets };

package/build/package.json.js

@@ -0,0 +1,103 @@
+var name = "@daimo/pay";
+var version = "1.0.0";
+var author = "Daimo";
+var homepage = "https://pay.daimo.com";
+var license = "BSD-2-Clause license";
+var description = "Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.";
+var main = "./src/index.ts";
+var type = "module";
+var exports = {
+	"import": "./build/src/index.js",
+	types: "./build/index.d.ts"
+};
+var types = "./build/index.d.ts";
+var engines = {
+	node: ">=12.4"
+};
+var files = [
+	"build",
+	"README.md"
+];
+var scripts = {
+	start: "rollup --config rollup.config.js -w",
+	dev: "rollup --config rollup.config.js -w",
+	build: "rollup --config rollup.config.js && rm -rf build/packages",
+	lint: "eslint --max-warnings=0"
+};
+var keywords = [
+	"ens",
+	"react-hook",
+	"blockchain",
+	"hooks",
+	"family",
+	"ethereum",
+	"react",
+	"daimo",
+	"pay",
+	"payment",
+	"crypto"
+];
+var dependencies = {
+	"@daimo/common": "0.3.15",
+	"@daimo/contract": "0.3.15",
+	"@solana/wallet-adapter-base": "^0.9.23",
+	"@solana/wallet-adapter-react": "^0.15.35",
+	"@solana/web3.js": "^1.95.4",
+	"@trpc/client": "^11.0.0-next-beta.318",
+	"@trpc/server": "^11.0.0-next-beta.318",
+	buffer: "^6.0.3",
+	"detect-browser": "^5.3.0",
+	encoding: "^0.1.13",
+	"framer-motion": "^11.11.4",
+	"pino-pretty": "^13.0.0",
+	qrcode: "^1.5.0",
+	"react-transition-state": "^1.1.4",
+	"react-use-measure": "^2.1.1",
+	"resize-observer-polyfill": "^1.5.1",
+	"styled-components": "^5.3.5"
+};
+var peerDependencies = {
+	"@tanstack/react-query": ">=5.0.0",
+	react: "17.x || 18.x",
+	"react-dom": "17.x || 18.x",
+	viem: "2.x",
+	wagmi: "2.x"
+};
+var devDependencies = {
+	"@rollup/plugin-json": "^6.1.0",
+	"@rollup/plugin-node-resolve": "^13.1.3",
+	"@types/node": "^20.14.12",
+	"@types/qrcode": "^1.4.2",
+	"@types/react": "^18.2.47",
+	"@types/react-dom": "^18.2.18",
+	"@types/styled-components": "^5.1.25",
+	rollup: "^3.29.5",
+	"rollup-plugin-dts": "^6.1.1",
+	"rollup-plugin-peer-deps-external": "^2.2.4",
+	"rollup-plugin-typescript2": "^0.34.0",
+	"rollup-plugin-visualizer": "^5.5.4",
+	"typescript-plugin-styled-components": "^3.0.0"
+};
+var packageJson = {
+	name: name,
+	"private": false,
+	version: version,
+	author: author,
+	homepage: homepage,
+	license: license,
+	description: description,
+	main: main,
+	type: type,
+	exports: exports,
+	types: types,
+	engines: engines,
+	files: files,
+	scripts: scripts,
+	keywords: keywords,
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies
+};
+
+export { author, packageJson as default, dependencies, description, devDependencies, engines, exports, files, homepage, keywords, license, main, name, peerDependencies, scripts, type, types, version };
+//# sourceMappingURL=package.json.js.map

package/build/package.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/assets/ScanIconWithLogos.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import styled from '../styles/styled/index.js';
+import Logos from './logos.js';
+
+const IconContainer = styled(motion.div) `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 47px;
+  height: 52px;
+  min-width: 47px;
+  min-height: 52px;
+  svg {
+    display: block;
+    max-width: 100%;
+    height: auto;
+  }
+`;
+const ScanIconWithLogos = ({ logo }) => {
+    const logoList = [
+        jsx(Logos.MetaMask, { background: true }),
+        jsx(Logos.Coinbase, { background: true }),
+        jsx(Logos.Crypto, {}),
+        jsx(Logos.ImToken, {}),
+        jsx(Logos.Argent, {}),
+        jsx(Logos.Trust, {}),
+    ];
+    return (jsx(IconContainer, { children: jsxs("svg", { "aria-hidden": "true", width: "47", height: "52", viewBox: "0 0 47 52", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxs("g", { mask: "url(#gradient-mask)", children: [jsx("path", { d: "M7 14.5C7 11.4624 9.46243 9 12.5 9H31.5C34.5376 9 37 11.4624 37 14.5V47H7V14.5Z", fill: "var(--ck-graphic-scaniconwithlogos-04)" }), logo ? (jsx("foreignObject", { x: "13", y: "21", width: "18", height: "18", rx: "5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 5 }, children: logo }) })) : (jsxs(Fragment, { children: [jsx("foreignObject", { x: "12", y: "15", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[0] }) }), jsx("foreignObject", { x: "23", y: "15", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[1] }) }), jsx("foreignObject", { x: "12", y: "26", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[2] }) }) }), jsx("foreignObject", { x: "23", y: "26", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[3] }) }), jsx("foreignObject", { x: "12", y: "37", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[4] }) }), jsx("foreignObject", { x: "23", y: "37", width: "9", height: "9", rx: "2.5", children: jsx("div", { style: { overflow: 'hidden', borderRadius: 2.5 }, children: logoList[5] }) })] })), jsx("path", { d: "M36 47V13.7143C36 11.1107 33.8893 9 31.2857 9H12.7143C10.1107 9 8 11.1107 8 13.7143V47", stroke: "url(#paint0_linear_924_12568)", strokeWidth: "2" }), jsx("path", { d: "M15 10H29C29 11.1046 28.1046 12 27 12H17C15.8954 12 15 11.1046 15 10Z", fill: "var(--ck-graphic-scaniconwithlogos-01)" }), jsx("rect", { x: "1", y: "47", width: "43", height: "5", fill: "var(--ck-tooltip-background)" }), jsx("rect", { x: "22", y: "1", width: "24", height: "24", rx: "12", fill: "var(--ck-graphic-scaniconwithlogos-03)", stroke: "var(--ck-tooltip-background)", strokeWidth: "2" }), jsx("rect", { x: "34.5", y: "10", width: "2.5", height: "2.5", rx: "0.75", fill: "#373737" }), jsx("rect", { x: "31", y: "10", width: "2.5", height: "2.5", rx: "0.75", fill: "#373737" }), jsx("rect", { x: "31", y: "13.5", width: "2.5", height: "2.5", rx: "0.75", fill: "#373737" }), jsx("rect", { x: "34.5", y: "13.5", width: "2.5", height: "2.5", rx: "0.75", fill: "#373737" }), jsx("path", { d: "M28.5 10.5V9C28.5 8.17157 29.1716 7.5 30 7.5H31.5", stroke: "#373737", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M36.5 7.5L38 7.5C38.8284 7.5 39.5 8.17157 39.5 9L39.5 10.5", stroke: "#373737", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M39.5 15.5L39.5 17C39.5 17.8284 38.8284 18.5 38 18.5L36.5 18.5", stroke: "#373737", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M31.5 18.5L30 18.5C29.1716 18.5 28.5 17.8284 28.5 17L28.5 15.5", stroke: "#373737", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_924_12568", x1: "22", y1: "8.2549", x2: "22", y2: "47", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "var(--ck-graphic-scaniconwithlogos-01)" }), jsx("stop", { offset: "1", stopColor: "var(--ck-graphic-scaniconwithlogos-02)" })] }), jsxs("linearGradient", { id: "linear-gradient-mask", x1: "47", y1: "42", x2: "47", y2: "47", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "white" }), jsx("stop", { offset: "1", stopColor: "black", stopOpacity: "0" })] }), jsx("mask", { id: "gradient-mask", children: jsx("rect", { x: "0", y: "0", width: "47", height: "52", fill: "url(#linear-gradient-mask)" }) })] })] }) }));
+};
+
+export { ScanIconWithLogos as default };
+//# sourceMappingURL=ScanIconWithLogos.js.map

package/build/src/assets/ScanIconWithLogos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScanIconWithLogos.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}