@skip-go/widget 0.0.1-alpha.0

package/build/ui/PriceImpactWarning.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    onGoBack: () => void;
+    message?: string;
+    title?: string;
+}
+export declare const PriceImpactWarning: ({ onGoBack, message, title, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/ui/SettingsDialog/GasSetting.d.ts

@@ -0,0 +1 @@
+export declare const GasSetting: () => import("react/jsx-runtime").JSX.Element;

package/build/ui/SettingsDialog/PurgeSetting.d.ts

@@ -0,0 +1 @@
+export declare function PurgeSetting(): import("react/jsx-runtime").JSX.Element;

package/build/ui/SettingsDialog/SaveIndicator.d.ts

@@ -0,0 +1 @@
+export declare const SaveIndicator: () => import("react/jsx-runtime").JSX.Element;

package/build/ui/SettingsDialog/SlippageSetting.d.ts

@@ -0,0 +1 @@
+export declare const SlippageSetting: () => import("react/jsx-runtime").JSX.Element;

package/build/ui/SettingsDialog/index.d.ts

@@ -0,0 +1 @@
+export declare const SettingsDialog: () => import("react/jsx-runtime").JSX.Element;

package/build/ui/SimpleTooltip.d.ts

@@ -0,0 +1,11 @@
+import * as Tooltip from '@radix-ui/react-tooltip';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type Props = Tooltip.TooltipProps & {
+    type?: 'default' | 'warning' | 'brand';
+    enabled?: boolean;
+    label: ReactNode;
+    children: ReactNode;
+    _content?: ComponentPropsWithoutRef<'div'>;
+};
+export declare const SimpleTooltip: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/ui/SwapDetails.d.ts

@@ -0,0 +1,11 @@
+import { BridgeType, RouteResponse } from '@skip-router/core';
+import { SwapWidgetStore } from '../hooks/use-swap-widget';
+type Props = SwapWidgetStore & {
+    amountOut: string;
+    onBridgesChange: (bridges: BridgeType[]) => void;
+    priceImpactPercent: number;
+    priceImpactThresholdReached: boolean;
+    route: RouteResponse;
+};
+export declare const SwapDetails: ({ amountIn, amountOut, destinationAsset, destinationChain, gasRequired, priceImpactPercent, priceImpactThresholdReached, route, sourceAsset, sourceChain, sourceFeeAsset, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/ui/TransactionDialog.d.ts

@@ -0,0 +1,13 @@
+import { RouteResponse } from '@skip-router/core';
+export type ActionType = 'NONE' | 'TRANSFER' | 'SWAP';
+interface Props {
+    isLoading?: boolean;
+    route?: RouteResponse;
+    isAmountError?: boolean | string;
+    shouldShowPriceImpactWarning?: boolean;
+    routeWarningMessage?: string;
+    routeWarningTitle?: string;
+    onAllTransactionComplete?: () => void;
+}
+declare function TransactionDialog({ isLoading, route, isAmountError, shouldShowPriceImpactWarning, routeWarningMessage, routeWarningTitle, }: Props): import("react/jsx-runtime").JSX.Element;
+export default TransactionDialog;

package/build/ui/UsdValue.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { Args } from '../hooks/use-usd-value';
+type UsdValueProps = Args & {
+    error?: ReactNode;
+    loading?: ReactNode;
+    context?: 'src' | 'dest';
+};
+export declare const UsdValue: ({ error, loading, context, ...args }: UsdValueProps) => import("react/jsx-runtime").JSX.Element;
+type UsdDiffValueProps = {
+    src: Args;
+    dest: Args;
+    onLoading?: ReactNode;
+    onUndefined?: ReactNode;
+    children?: (args: {
+        isLoading: boolean;
+        percentage: number;
+    }) => ReactNode;
+};
+export declare const UsdDiffValue: (props: UsdDiffValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UsdDiff: {
+    Provider: ({ children }: {
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Value: (props: Omit<UsdDiffValueProps, 'src' | 'dest'>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const useUsdDiffReset: () => () => void;
+export {};

package/build/ui/WalletModal/WalletListItem.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+export declare function useTotalWallets(): number;
+type Props = ComponentProps<'div'> & {
+    chainType: string;
+    walletName: string;
+};
+export declare const WalletListItem: ({ children, chainType, walletName, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/ui/WalletModal/WalletModal.d.ts

@@ -0,0 +1,10 @@
+import { MinimalWallet } from '../../hooks/use-make-wallets';
+interface Props {
+    chainType: string;
+    wallets: MinimalWallet[];
+    onClose: () => void;
+    chainID: string;
+}
+export declare function WalletModal({ chainType, onClose, wallets }: Props): import("react/jsx-runtime").JSX.Element;
+declare function WalletModalWithContext(): import("react/jsx-runtime").JSX.Element | null;
+export default WalletModalWithContext;

package/build/ui/WalletModal/context.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface WalletModalContext {
+    chainID: string;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    openWalletModal: (chainID: string) => void;
+}
+declare const WalletModalContext: import("react").Context<WalletModalContext | undefined>;
+export declare function useWalletModal(): WalletModalContext;
+export declare function WalletModalProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/ui/WalletModal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./context";
+import WalletModal from "./WalletModal";
+export { WalletModal };

package/build/ui/Widget.d.ts

@@ -0,0 +1 @@
+export declare const SwapWidgetUI: ({ className, ...divProps }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/ui/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SkipAPIProviderProps } from '../provider';
+interface SwapWidgetProps extends Omit<SkipAPIProviderProps, 'children'>, Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    colors?: {
+        primary?: string;
+    };
+}
+export declare const SwapWidget: React.FC<SwapWidgetProps>;
+export {};

package/build/utils/assert.d.ts

@@ -0,0 +1,2 @@
+export declare function ignore(): never;
+export declare function raise(message?: string, opts?: ErrorOptions): never;

package/build/utils/chain.d.ts

@@ -0,0 +1,9 @@
+import { FeeAsset } from '@skip-router/core';
+import { GasPrice } from '@cosmjs/stargate';
+/**
+ * - deprio denoms start with 'ibc/' and 'factory/'
+ * - prio denoms start with 'u' or 'uu'
+ */
+export declare function sortFeeAssets(a: FeeAsset, b: FeeAsset): 1 | -1 | 0;
+export declare const getChainFeeAssets: (chainID: string) => FeeAsset[];
+export declare const getChainGasPrice: (chainID: string) => GasPrice | null;

package/build/utils/clients.d.ts

@@ -0,0 +1,4 @@
+import { CosmWasmClient } from '@cosmjs/cosmwasm-stargate';
+import { StargateClient } from '@cosmjs/stargate';
+export declare function getStargateClientForChainID(chainID: string, rpcURL: string): Promise<StargateClient>;
+export declare function getCosmWasmClientForChainID(chainID: string, rpcURL: string): Promise<CosmWasmClient>;

package/build/utils/error.d.ts

@@ -0,0 +1 @@
+export declare function isUserRejectedRequestError(input: unknown): input is Error;

package/build/utils/explorer.d.ts

@@ -0,0 +1,5 @@
+export interface ChainExplorerResponse {
+    evm: boolean;
+    explorer: string;
+}
+export declare function getExplorerUrl(chainId: string): ((txHash: string) => string) | null;

package/build/utils/intl.d.ts

@@ -0,0 +1,4 @@
+export declare function formatMaxFraction(amount: string | number, fraction?: number): string;
+export declare function formatPercent(amount: string | number): string;
+export declare function formatShortDate(date: string | Date): string;
+export declare function formatUSD(amount: string | number): string;

package/build/utils/ledger-warning.d.ts

@@ -0,0 +1,3 @@
+import { RouteResponse } from '@skip-router/core';
+export declare const isCCTPLedgerBrokenInOperation: (route: RouteResponse) => boolean;
+export declare const isEthermintLedgerInOperation: (route: RouteResponse) => boolean;

package/build/utils/link.d.ts

@@ -0,0 +1,4 @@
+export declare const makeExplorerLink: (link: string) => {
+    link: string;
+    shorthand: string;
+};

package/build/utils/number.d.ts

@@ -0,0 +1,4 @@
+export declare function formatNumberWithCommas(str: string | number): string;
+export declare function formatNumberWithoutCommas(str: string | number): string;
+export declare function getAmountWei(amount?: string, decimals?: number): string;
+export declare function parseAmountWei(amount?: string, decimals?: number): string;

package/build/utils/os.d.ts

@@ -0,0 +1,3 @@
+export declare function isAndroid(): boolean;
+export declare function isIos(): false | RegExpMatchArray | null;
+export declare function isMobile(): boolean;

package/build/utils/random.d.ts

@@ -0,0 +1 @@
+export declare function randomId(length?: number): string;

package/build/utils/ui.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/build/utils/usd.d.ts

@@ -0,0 +1,5 @@
+interface Args {
+    coingeckoID: string;
+}
+export declare function getUsdPrice({ coingeckoID }: Args): Promise<number>;
+export {};

package/build/utils/wallet.d.ts

@@ -0,0 +1,7 @@
+import { ChainWalletBase } from '@cosmos-kit/core';
+import { MergedWalletClient } from '../lib/cosmos-kit';
+export declare function gracefullyConnect(wallet: ChainWalletBase, { onAddChainError, }?: {
+    onAddChainError?: (err: unknown) => void | Promise<void>;
+}): Promise<void>;
+export declare function isWalletClientUsingLedger<T extends MergedWalletClient>(walletClient: T, chainID: string): Promise<boolean>;
+export declare function isReadyToCheckLedger<T extends MergedWalletClient>(walletClient: T): boolean;

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@skip-go/widget",
+  "description": "Swap widget",
+  "version": "0.0.1-alpha.0",
+  "repository": "https://github.com/skip-mev/widget",
+  "type": "module",
+  "exports": {
+    "import": "./build/index.es.js",
+    "types": "./build/index.d.ts"
+  },
+  "types": "./build/index.d.ts",
+  "engines": {
+    "node": ">=12.4"
+  },
+  "files": [
+    "build",
+    "README.md"
+  ],
+  "scripts": {
+    "start": "rollup --config rollup.config.js -w",
+    "dev": "rollup --config rollup.config.js -w",
+    "build": "rollup --config rollup.config.js",
+    "lint": "eslint src --ext .ts",
+    "chains:generate": "tsx ./src/scripts/codegen.ts"
+  },
+  "peerDependencies": {
+    "@cosmos-kit/cosmostation-extension": "^2.7.10",
+    "@cosmos-kit/keplr-extension": "^2.7.9",
+    "@cosmos-kit/leap-extension": "^2.7.10",
+    "@cosmos-kit/okxwallet": "2.4.x",
+    "@cosmos-kit/react": "2.10.x",
+    "@cosmos-kit/station": "2.5.x",
+    "@cosmos-kit/vectis": "2.6.x",
+    "@graz-sh/types": "0.0.14",
+    "@tanstack/react-query": ">=5.0.0",
+    "react": "17.x || 18.x",
+    "react-dom": "17.x || 18.x",
+    "viem": "2.x",
+    "wagmi": "2.x"
+  },
+  "devDependencies": {
+    "@types/node": "18.7.18",
+    "@types/qrcode": "^1.4.2",
+    "@types/react": "^18.0.6",
+    "@types/react-dom": "^18.0.2",
+    "@types/styled-components": "^5.1.25",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "tailwindcss-animate": "^1.0.7",
+    "typed-query-selector": "^2.11.2",
+    "typescript": "^5.0.4"
+  },
+  "resolutions": {
+    "@cosmos-kit/cosmostation-extension": "^2.7.10",
+    "@cosmos-kit/keplr-extension": "^2.7.9",
+    "@cosmos-kit/leap-extension": "^2.7.10",
+    "@cosmos-kit/okxwallet": "2.4.x",
+    "@cosmos-kit/react": "2.10.x",
+    "@cosmos-kit/station": "2.5.x",
+    "@cosmos-kit/vectis": "2.6.x",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "viem": "^2.7.16",
+    "wagmi": "^2.5.7",
+    "@graz-sh/types": "0.0.14"
+  },
+  "dependencies": {
+    "@emotion/css": "^11.11.2",
+    "@heroicons/react": "^2.1.3",
+    "@interchain-ui/react": "^1.23.13",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@skip-router/core": "^5.0.1",
+    "@solana/spl-token": "^0.4.6",
+    "@solana/wallet-adapter-react": "^0.15.35",
+    "@solana/wallet-adapter-wallets": "^0.19.32",
+    "@solana/web3.js": "^1.91.8",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tanstack/react-query": "^5.18.1",
+    "clsx": "^2.1.1",
+    "match-sorter": "^6.3.4",
+    "react-hot-toast": "^2.4.1",
+    "react-icons": "^5.2.1",
+    "tailwind-merge": "^2.3.0",
+    "zustand": "^4.5.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}