@skip-go/widget-web-component 0.0.4 → 0.0.6

package/CHANGELOG.md

@@ -0,0 +1,232 @@
+# @skip-go/widget
+
+## 2.4.3
+
+### Patch Changes
+
+- 17277e3: not showing 0 transaction remaining
+
+## 2.4.2
+
+### Patch Changes
+
+- 52f410a: prax wallet support
+- aabf5aa: sei destination address evm wallet support
+
+## 2.4.1
+
+### Patch Changes
+
+- 9a23c8c: added wagmiConfig param in provider
+
+## 2.4.0
+
+### Minor Changes
+
+- 014c913: Add chainIDsToAffiliates to SkipRouterOptions
+
+## 2.3.8
+
+### Patch Changes
+
+- bc44148: use @skip-go/client package
+
+## 2.3.7
+
+### Patch Changes
+
+- 97837ef: Use monospace font for address input
+
+## 2.3.6
+
+### Patch Changes
+
+- 9207d3e: Show last swap when there are multiple on a chain in transaction preview
+
+## 2.3.5
+
+### Patch Changes
+
+- c6690de: clarify noble cctp ledger warning
+
+## 2.3.4
+
+### Patch Changes
+
+- 640eafa: add pretty name in asset selection
+
+## 2.3.3
+
+### Patch Changes
+
+- 9f2fd06: remove error toast parsing gas asset
+
+## 2.3.2
+
+### Patch Changes
+
+- d98865b: Update CCTP Warning message
+
+## 2.3.1
+
+### Patch Changes
+
+- d90ddd5: add source chain id in getAddress
+
+## 2.3.0
+
+### Minor Changes
+
+- 7fb01d3: add makeDestinationWallets param to provider
+
+## 2.2.4
+
+### Patch Changes
+
+- cca30c1: expose provider props
+
+## 2.2.3
+
+### Patch Changes
+
+- bb83c5f: use chain name if pretty name empty
+
+## 2.2.2
+
+### Patch Changes
+
+- a3a03f0: increase API chains data usage
+
+## 2.2.1
+
+### Patch Changes
+
+- 81833e6: remove chains codegen
+
+## 2.2.0
+
+### Minor Changes
+
+- 52e827f: Add prop persistSwapWidgetState
+
+## 2.1.1
+
+### Patch Changes
+
+- 5533dbe: Add missing toast styles for toast.error
+
+## 2.1.0
+
+### Minor Changes
+
+- b22d262: Revert shadow dom implentation to use react-shadow-scope
+
+## 2.0.1
+
+### Patch Changes
+
+- f621037: Update misc styling in widget
+
+## 2.0.0
+
+### Major Changes
+
+- e10995d: Add theme prop to enable custom styling
+
+### Patch Changes
+
+- 0eccea4: Fix auto selecting input fields in shadow-dom
+
+## 1.3.1
+
+### Patch Changes
+
+- 6acd8e2: enable iframe wallets
+
+## 1.3.0
+
+### Minor Changes
+
+- dcb144b: Export SwapWidgetWithoutProvider
+
+### Patch Changes
+
+- 6eb6740: source chain forma validate gas balance off
+
+## 1.2.6
+
+### Patch Changes
+
+- 8250a67: Add cssReset to widget
+
+## 1.2.5
+
+### Patch Changes
+
+- 6a46c11: fix defaultRoute regression
+
+## 1.2.4
+
+### Patch Changes
+
+- c1d1880: Update README to mention polyfilling node core modules and wrapping widget with fixed container
+
+## 1.2.3
+
+### Patch Changes
+
+- 1e173c3: Remove extra SwapWidgetProvider wrapping the web-component
+
+## 1.2.2
+
+### Patch Changes
+
+- 7240d7b: Update widget README
+
+## 1.2.1
+
+### Patch Changes
+
+- 4939650: source/destination chains/assets filtering
+
+## 1.2.0
+
+### Minor Changes
+
+- 6c4e611: Move widget to within shadow DOM
+
+## 1.1.1
+
+### Patch Changes
+
+- 6c044e1: Use latest core version and update readme
+
+## 1.1.0
+
+### Minor Changes
+
+- 2c7e965: change url
+
+## 1.0.0
+
+### Major Changes
+
+- 0380db6: change fonts and logo
+
+## 0.1.1
+
+### Patch Changes
+
+- 1e84585: prefixwrap css styles
+
+## 0.1.0
+
+### Minor Changes
+
+- e05771b: Add web-component
+
+## 0.0.1
+
+### Patch Changes
+
+- bf1cf72: release 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# Skip Go Widget
+
+We document everything about Skip Go Widget in [docs.skip.build/go/widget](https://docs.skip.build/go/widget)

package/package.json

@@ -1,23 +1,19 @@
 {
   "name": "@skip-go/widget-web-component",
+  "version": "0.0.6",
   "description": "Swap widget web component",
-  "version": "0.0.4",
-  "repository": "https://github.com/skip-mev/widget",
-  "type": "module",
   "exports": {
     ".": {
       "import": "./build/index.js"
     }
   },
-  "types": "./build/index.d.ts",
-  "files": [
-    "build",
-    "README.md"
-  ],
+  "types": "./types.d.ts",
   "scripts": {
     "publish": "npm publish"
   },
-  "publishConfig": {
-    "access": "public"
-  }
+  "files": [
+    "build",
+    "README.md",
+    "CHANGELOG.md"
+  ]
 }

package/build/chains/index.d.ts

@@ -1,5 +0,0 @@
-import { Chain, Asset, AssetList } from '@chain-registry/types';
-export declare const chains: Chain[];
-export declare const assets: AssetList[];
-export declare function chainIdToName(chainId: string): string;
-export declare function getAssets(chainId: string): Asset[];

package/build/constants/abis.d.ts

@@ -1,61 +0,0 @@
-import { Abi } from 'viem';
-export declare const multicall3ABI: Abi;
-export declare const seiPrecompileAddrABI: readonly [{
-    readonly inputs: readonly [{
-        readonly internalType: "string";
-        readonly name: "v";
-        readonly type: "string";
-    }, {
-        readonly internalType: "string";
-        readonly name: "r";
-        readonly type: "string";
-    }, {
-        readonly internalType: "string";
-        readonly name: "s";
-        readonly type: "string";
-    }, {
-        readonly internalType: "string";
-        readonly name: "customMessage";
-        readonly type: "string";
-    }];
-    readonly name: "associate";
-    readonly outputs: readonly [{
-        readonly internalType: "string";
-        readonly name: "seiAddr";
-        readonly type: "string";
-    }, {
-        readonly internalType: "address";
-        readonly name: "evmAddr";
-        readonly type: "address";
-    }];
-    readonly stateMutability: "nonpayable";
-    readonly type: "function";
-}, {
-    readonly inputs: readonly [{
-        readonly internalType: "address";
-        readonly name: "addr";
-        readonly type: "address";
-    }];
-    readonly name: "getSeiAddr";
-    readonly outputs: readonly [{
-        readonly internalType: "string";
-        readonly name: "response";
-        readonly type: "string";
-    }];
-    readonly stateMutability: "view";
-    readonly type: "function";
-}, {
-    readonly inputs: readonly [{
-        readonly internalType: "string";
-        readonly name: "addr";
-        readonly type: "string";
-    }];
-    readonly name: "getEvmAddr";
-    readonly outputs: readonly [{
-        readonly internalType: "address";
-        readonly name: "response";
-        readonly type: "address";
-    }];
-    readonly stateMutability: "view";
-    readonly type: "function";
-}];

package/build/constants/defaults.d.ts

@@ -1,5 +0,0 @@
-export declare const endpointOptions: {
-    getRpcEndpointForChain: (chainID: string) => Promise<string>;
-    getRestEndpointForChain: (chainID: string) => Promise<string>;
-};
-export declare const apiURL = "https://go.skip.build/api/widget/skip";

package/build/constants/finality.d.ts

@@ -1,2 +0,0 @@
-/** @see https://docs.axelar.dev/learn/txduration#common-finality-time-for-interchain-transactions */
-export declare function getFinalityTime(id: string | number): string;

package/build/constants/gas.d.ts

@@ -1,3 +0,0 @@
-export declare const DEFAULT_GAS_AMOUNT: string;
-export declare const EVMOS_GAS_AMOUNT: string;
-export declare function isChainIdEvmos(chainID: string): boolean;

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

@@ -1,2 +0,0 @@
-export declare const knownBrokenCCTPLedgerChainIds: string[];
-export declare const knownEthermintLedgerChainIds: string[];

package/build/constants/swap-venues.d.ts

@@ -1,4 +0,0 @@
-export interface SwapVenueConfig {
-    prettyName: string;
-}
-export declare const SWAP_VENUES: Record<string, SwapVenueConfig>;

package/build/constants/wagmi.d.ts

@@ -1,2 +0,0 @@
-import { Chain } from 'wagmi/chains';
-export declare const EVM_CHAINS: Chain[];

package/build/hooks/use-account.d.ts

@@ -1,46 +0,0 @@
-export declare function useAccount(chainID?: string): {
-    address: string | undefined;
-    isWalletConnected: boolean;
-    wallet: {
-        walletName: string;
-        walletPrettyName: string;
-        walletInfo: {
-            logo: string | {
-                major: string;
-                minor: string;
-            } | undefined;
-        };
-        isLedger: boolean | null | undefined;
-    } | undefined;
-    chainType: string;
-    connect: () => Promise<void>;
-    disconnect: () => Promise<void>;
-} | {
-    address: `0x${string}` | undefined;
-    isWalletConnected: boolean;
-    wallet: {
-        walletName: string;
-        walletPrettyName: string;
-        walletInfo: {
-            logo: string | undefined;
-        };
-        isLedger?: undefined;
-    } | undefined;
-    chainType: string;
-    connect: () => Promise<void> | undefined;
-    disconnect: () => Promise<void> | undefined;
-} | {
-    address: string | undefined;
-    isWalletConnected: boolean | undefined;
-    wallet: {
-        walletName: import("@solana/wallet-adapter-base").WalletName<string>;
-        walletPrettyName: import("@solana/wallet-adapter-base").WalletName<string>;
-        walletInfo: {
-            logo: string;
-        };
-        isLedger?: undefined;
-    } | undefined;
-    chainType: string;
-    connect: () => Promise<void> | undefined;
-    disconnect: () => Promise<void> | undefined;
-} | undefined;

package/build/hooks/use-assets.d.ts

@@ -1,3 +0,0 @@
-import { Asset, AssetsRequest } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-export declare function useAssets(options?: AssetsRequest): UseQueryResult<Record<string, Asset[]>>;

package/build/hooks/use-auto-set-address.d.ts

@@ -1,12 +0,0 @@
-import { Chain } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-import { ChainAddresses, SetChainAddressesParam } from '../ui/PreviewRoute/types';
-export declare const useAutoSetAddress: ({ chain, chainID, index, enabled, signRequired, chainAddresses, setChainAddresses, }: {
-    chain?: Chain | undefined;
-    chainID: string;
-    index: number;
-    enabled?: boolean | undefined;
-    signRequired?: boolean | undefined;
-    chainAddresses: ChainAddresses;
-    setChainAddresses: (v: SetChainAddressesParam) => void;
-}) => UseQueryResult;

package/build/hooks/use-balances-by-chain.d.ts

@@ -1,16 +0,0 @@
-import { Asset, SkipClient } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-import { PublicClient } from 'viem';
-import { Chain } from './use-chains';
-interface Args {
-    address?: string;
-    chain?: Chain;
-    assets?: Asset[];
-    enabled?: boolean;
-    solanaRpcUrl?: string;
-}
-export declare function useBalancesByChain({ address, chain, assets, enabled, }: Args): UseQueryResult<Record<string, string> | undefined>;
-export declare function getBalancesByChain(rpcURL: string, address: string, chainID: string, assets: Asset[]): Promise<Record<string, string>>;
-export declare function getEvmChainBalances(skipClient: SkipClient, publicClient: PublicClient, address: string, chainID: string): Promise<Record<string, string>>;
-export declare const getSvmChainBalances: (rpcUrl: string, address: string, chainID: string, assets: Asset[]) => Promise<Record<string, string>>;
-export {};

package/build/hooks/use-bridges.d.ts

@@ -1,8 +0,0 @@
-import { Bridge } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-export type UseBridgesQueryArgs<T = Bridge[]> = {
-    enabled?: boolean;
-    select?: (arr?: Bridge[]) => T;
-};
-export declare function useBridges<T = Bridge[]>(args?: UseBridgesQueryArgs<T>): UseQueryResult<T>;
-export declare function useBridgeByID(bridgeID?: Bridge['id']): UseQueryResult<Bridge | undefined>;

package/build/hooks/use-broadcasted-txs.d.ts

@@ -1,26 +0,0 @@
-import { ChainTransaction, TransferState, StatusState } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-interface TransferSequence {
-    srcChainID: string;
-    destChainID: string;
-    txs: {
-        sendTx: ChainTransaction | null;
-        receiveTx: ChainTransaction | null;
-    };
-    state: TransferState;
-}
-interface TxsStatus {
-    isSuccess: boolean;
-    isSettled: boolean;
-    transferSequence: TransferSequence[];
-    states: StatusState[];
-}
-export declare const useBroadcastedTxsStatus: ({ txs, txsRequired, enabled, }: {
-    txsRequired: number;
-    txs: {
-        chainID: string;
-        txHash: string;
-    }[] | undefined;
-    enabled?: boolean | undefined;
-}) => UseQueryResult<TxsStatus>;
-export {};

package/build/hooks/use-chains.d.ts

@@ -1,11 +0,0 @@
-import { Chain as SkipChain } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-export type Chain = SkipChain & {
-    prettyName: string;
-};
-export type UseChainsQueryArgs<T = Chain[]> = {
-    enabled?: boolean;
-    select?: (arr?: Chain[]) => T;
-};
-export declare function useChains<T = Chain[]>(args?: UseChainsQueryArgs<T>): UseQueryResult<T>;
-export declare function useChainByID(chainID?: string): UseQueryResult<Chain | undefined>;

package/build/hooks/use-finality-time-estimate.d.ts

@@ -1,2 +0,0 @@
-import { RouteResponse } from '@skip-go/client';
-export declare function useFinalityTimeEstimate(route: RouteResponse): string;

package/build/hooks/use-inject-fonts-to-document-head.d.ts

@@ -1 +0,0 @@
-export declare const useInjectFontsToDocumentHead: () => void;

package/build/hooks/use-make-wallets.d.ts

@@ -1,26 +0,0 @@
-export interface MinimalWallet {
-    walletName: string;
-    walletPrettyName: string;
-    walletChainType: 'evm' | 'cosmos' | 'svm';
-    walletInfo: {
-        logo?: string | {
-            major: string;
-            minor: string;
-        };
-    };
-    connect: () => Promise<void>;
-    disconnect: () => Promise<void>;
-    isWalletConnected: boolean;
-    isAvailable?: boolean;
-    getAddress?: (props: {
-        signRequired?: boolean;
-        context?: 'recovery' | 'destination';
-        praxWallet?: {
-            index?: number;
-            sourceChainID?: string;
-        };
-    }) => Promise<string | undefined>;
-}
-export declare const useMakeWallets: () => {
-    makeWallets: (chainID: string) => MinimalWallet[];
-};

package/build/hooks/use-route.d.ts

@@ -1,21 +0,0 @@
-import { BridgeType, ExperimentalFeature, RouteResponse, SmartSwapOptions, SwapVenueRequest } from '@skip-go/client';
-import { UseQueryResult } from '@tanstack/react-query';
-export interface RouteConfig {
-    experimentalFeatures?: ExperimentalFeature[];
-    allowMultiTx?: boolean;
-    allowUnsafe?: boolean;
-    bridges?: BridgeType[];
-    swapVenues?: SwapVenueRequest[];
-    smartSwapOptions?: SmartSwapOptions;
-}
-interface UseRouteArgs extends RouteConfig {
-    direction: 'swap-in' | 'swap-out';
-    amount: string;
-    sourceAsset?: string;
-    sourceAssetChainID?: string;
-    destinationAsset?: string;
-    destinationAssetChainID?: string;
-    enabled?: boolean;
-}
-export declare function useRoute({ direction, amount, sourceAsset, sourceAssetChainID, destinationAsset, destinationAssetChainID, enabled, swapVenues, bridges, experimentalFeatures, allowMultiTx, allowUnsafe, smartSwapOptions, }: UseRouteArgs): UseQueryResult<RouteResponse | undefined>;
-export {};

package/build/hooks/use-skip-client.d.ts

@@ -1,10 +0,0 @@
-export declare function useSkipClient(): import("@skip-go/client").SkipClient;
-export declare function useSkipConfig(): {
-    apiURL: string | undefined;
-    endpointOptions: {
-        endpoints?: Record<string, import("@skip-go/client").EndpointOptions> | undefined;
-        getRpcEndpointForChain?: ((chainID: string) => Promise<string>) | undefined;
-        getRestEndpointForChain?: ((chainID: string) => Promise<string>) | undefined;
-    } | undefined;
-    makeDestinationWallets: ((chainID: string) => import("./use-make-wallets").MinimalWallet[]) | undefined;
-};

package/build/hooks/use-swap-widget.d.ts

@@ -1,81 +0,0 @@
-import { GasPrice } from '@cosmjs/stargate';
-import { Asset, BridgeType } from '@skip-go/client';
-import { MouseEvent } from 'react';
-import { Chain } from './use-chains';
-export interface DefaultRouteConfig {
-    amountIn?: number;
-    amountOut?: number;
-    srcChainID?: string;
-    srcAssetDenom?: string;
-    destChainID?: string;
-    destAssetDenom?: string;
-}
-export declare function useSwapWidget(persistSwapWidgetState?: boolean): {
-    amountIn: string;
-    amountOut: string;
-    bridges: BridgeType[];
-    destinationAsset: Asset | undefined;
-    destinationChain: Chain | undefined;
-    direction: "swap-in" | "swap-out";
-    isAmountError: string | boolean;
-    noRouteFound: boolean;
-    numberOfTransactions: number;
-    onAllTransactionComplete: () => void;
-    onBridgeChange: (bridges: BridgeType[]) => void;
-    onDestinationAmountChange: (amount: string) => void;
-    onDestinationAssetChange: (asset: Asset) => void;
-    onDestinationChainChange: (chain: Chain, injectAsset?: Asset) => Promise<void>;
-    onInvertDirection: () => Promise<void>;
-    onSourceAmountChange: (amount: string) => void;
-    onSourceAmountMax: <T extends HTMLElement>(event: MouseEvent<T, globalThis.MouseEvent>) => false | undefined;
-    onSourceAssetChange: (asset: Asset) => void;
-    onSourceChainChange: (chain: Chain, injectAsset?: Asset) => Promise<void>;
-    priceImpactThresholdReached: boolean;
-    route: import("@skip-go/client/dist/shared-CpfDn0H3").R | undefined;
-    routeError: string;
-    routeLoading: boolean;
-    routeWarningMessage: string | undefined;
-    routeWarningTitle: string | undefined;
-    sourceAsset: Asset | undefined;
-    sourceChain: Chain | undefined;
-    sourceFeeAmount: string | undefined;
-    sourceFeeAsset: Asset | undefined;
-    swapPriceImpactPercent: number | undefined;
-    usdDiffPercent: number | undefined;
-    shareable: {
-        link: string;
-    };
-};
-export interface SwapWidgetStore {
-    amountIn: string;
-    amountOut: string;
-    sourceChain?: Chain;
-    sourceAsset?: Asset;
-    sourceFeeAsset?: Asset;
-    sourceGasPrice?: GasPrice;
-    destinationChain?: Chain;
-    destinationAsset?: Asset;
-    direction: 'swap-in' | 'swap-out';
-    gasRequired?: string;
-    bridges: BridgeType[];
-}
-export declare const defaultValues: SwapWidgetStore;
-export declare const useSwapWidgetStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<Omit<import("zustand").StoreApi<SwapWidgetStore>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: SwapWidgetStore, previousSelectedState: SwapWidgetStore) => void): () => void;
-        <U>(selector: (state: SwapWidgetStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: ((a: U, b: U) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-}, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SwapWidgetStore, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: SwapWidgetStore) => void) => () => void;
-        onFinishHydration: (fn: (state: SwapWidgetStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SwapWidgetStore, unknown>>;
-    };
-}>;

package/build/hooks/use-usd-value.d.ts

@@ -1,9 +0,0 @@
-import { UseQueryResult } from '@tanstack/react-query';
-export type Args = {
-    chainId: string;
-    denom: string;
-    coingeckoID?: string;
-    value: string;
-};
-export declare function useUsdValue(args: Args): UseQueryResult<number>;
-export declare function useUsdDiffValue([args1, args2]: [Args, Args]): UseQueryResult<number, Error>;

package/build/index.d.ts

@@ -1,5 +0,0 @@
-export { SwapWidgetProvider, SwapWidgetProviderProps } from './provider';
-export { SwapWidget, SwapWidgetProps, SwapWidgetWithoutProviders, SwapWidgetWithoutProvidersProps, } from './ui';
-export { useAssets } from './provider/assets';
-export { useChains, useChainByID } from './hooks/use-chains';
-export { MinimalWallet } from './hooks/use-make-wallets';

package/build/lib/cosmos-kit.d.ts

@@ -1,3 +0,0 @@
-import { WalletClient } from '@cosmos-kit/core';
-export declare const wallets: (import("@cosmos-kit/keplr-extension").KeplrExtensionWallet | import("@cosmos-kit/cosmostation-extension").CosmostationExtensionWallet | import("@cosmos-kit/leap-extension").LeapExtensionWallet | import("@cosmos-kit/okxwallet-extension").OkxwalletExtensionWallet | import("@cosmos-kit/station-extension").StationExtensionWallet | import("@cosmos-kit/vectis-extension").VectisExtensionWallet)[];
-export type MergedWalletClient = import('@cosmos-kit/cosmostation-extension/cjs/extension/client').CosmostationClient | import('@cosmos-kit/keplr-extension/cjs/extension/client').KeplrClient | import('@cosmos-kit/leap-extension/cjs/extension/client').LeapClient | import('@cosmos-kit/okxwallet-extension/cjs/extension/client').OkxwalletClient | import('@cosmos-kit/station-extension/cjs/extension/client').StationClient | import('@cosmos-kit/vectis-extension/cjs/extension/client').VectisClient | WalletClient;

package/build/lib/react-query.d.ts

@@ -1,2 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-export declare const queryClient: QueryClient;