@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/Models/Balance.d.ts

@@ -1,14 +1,5 @@
 import { Network, Token } from "./Network";
 import { Wallet } from "./WalletProvider";
-export type BalanceProps = {
-    networkName: string;
-    token: Token;
-    address: string;
-};
-export type NetworkBalancesProps = {
-    networkName: string;
-    address: string;
-};
 export type GasProps = {
     network: Network;
     token: Token;
@@ -16,28 +7,21 @@ export type GasProps = {
     recipientAddress?: string;
     wallet?: Wallet;
 };
-export type Balance = {
+export type TokenBalance = {
     network: string;
-    amount: number;
+    amount: number | undefined;
     decimals: number;
     isNativeCurrency: boolean;
     token: string;
     request_time: string;
+    error?: string;
 };
-export type Gas = {
-    token: string;
-    gas: number;
-    gasDetails?: {
-        gasLimit?: number;
-        maxFeePerGas?: number;
-        gasPrice?: number;
-        maxPriorityFeePerGas?: number;
-    };
-    request_time: string;
+export type NetworkBalance = {
+    balances?: TokenBalance[] | null;
+    totalInUSD?: number;
 };
-export type BalanceProvider = {
-    getBalance: ({ networkName, token, address }: BalanceProps) => Promise<Balance | undefined | null> | Balance | undefined;
-    getNetworkBalances: (props: NetworkBalancesProps) => Promise<Balance[] | undefined> | Balance[] | undefined | void;
-    getGas?: (props: GasProps) => Promise<Gas[] | undefined> | undefined | void;
-    supportedNetworks: string[];
+export type BalanceFetchError = {
+    message: string;
+    code?: string | number;
+    cause?: unknown;
 };

package/dist/Models/BalanceProvider.d.ts

@@ -0,0 +1,7 @@
+import { BalanceFetchError, TokenBalance } from "./Balance";
+import { Network, NetworkWithTokens, Token } from "./Network";
+export declare abstract class BalanceProvider {
+    abstract supportsNetwork: (network: NetworkWithTokens) => boolean;
+    abstract fetchBalance: (address: string, network: NetworkWithTokens) => Promise<TokenBalance[] | null | undefined>;
+    protected resolveTokenBalanceFetchError: (err: BalanceFetchError, token: Token, network: Network, isNativeCurrency?: boolean) => TokenBalance;
+}

package/dist/Models/BalanceProvider.js

@@ -0,0 +1,26 @@
+import posthog from "posthog-js";
+export class BalanceProvider {
+    constructor() {
+        this.resolveTokenBalanceFetchError = (err, token, network, isNativeCurrency) => {
+            posthog.capture("balance_fetch_error", {
+                where: "BalanceProvider",
+                severity: "warn",
+                network: network.name,
+                token: token.symbol ?? undefined,
+                message: err.message || `Could not fetch balance for ${token.symbol} in ${network.name}`,
+                code: err.code,
+                cause: err.cause,
+            });
+            const tokenBalance = {
+                network: network.name,
+                token: token.symbol,
+                amount: undefined,
+                request_time: new Date().toJSON(),
+                decimals: Number(token?.decimals),
+                isNativeCurrency: isNativeCurrency ?? !token.contract,
+                error: `Could not fetch balance for ${token.symbol}`
+            };
+            return tokenBalance;
+        };
+    }
+}

package/dist/Models/Exchange.d.ts

@@ -3,7 +3,6 @@ export declare class Exchange {
     display_name: string;
     name: string;
     logo: string;
-    token_groups: ExchangeToken[];
     metadata: {
         o_auth: {
             connect_url: string;
@@ -19,8 +18,3 @@ export declare class ExchangeNetwork {
         total_fee_in_usd: number;
     };
 }
-export declare class ExchangeToken {
-    symbol: string;
-    logo: string;
-    status: "active" | "inactive" | "not_found";
-}

package/dist/Models/Exchange.js

@@ -2,5 +2,3 @@ export class Exchange {
 }
 export class ExchangeNetwork {
 }
-export class ExchangeToken {
-}

package/dist/Models/{QueryParams.d.ts → InitialSettings.d.ts}

@@ -1,13 +1,15 @@
 export declare class PersistantQueryParams {
+    swapId?: string;
     from?: string;
     to?: string;
+    fromExchange?: string;
     lockFrom?: boolean;
     lockTo?: boolean;
     lockFromAsset?: boolean;
     lockToAsset?: boolean;
+    destination_address?: string;
     fromAsset?: string;
     toAsset?: string;
-    destAddress?: string;
     hideRefuel?: boolean;
     hideAddress?: boolean;
     hideFrom?: boolean;
@@ -26,7 +28,8 @@ export declare class PersistantQueryParams {
     hideDepositMethod?: boolean;
     hideLogo?: boolean;
     sameAccountNetwork?: string;
-    campaign?: string;
+    lockAddress?: boolean;
+    clientId?: string;
     sourceExchangeName?: string;
     destNetwork?: string;
     lockNetwork?: boolean;
@@ -34,7 +37,8 @@ export declare class PersistantQueryParams {
     addressSource?: string;
     asset?: string;
     lockAsset?: boolean;
+    destAddress?: string;
 }
-export declare class QueryParams extends PersistantQueryParams {
+export declare class InitialSettings extends PersistantQueryParams {
     coinbase_redirect?: string;
 }

package/dist/Models/{QueryParams.js → InitialSettings.js}

@@ -1,14 +1,16 @@
 export class PersistantQueryParams {
     constructor() {
+        this.swapId = "";
         this.from = "";
         this.to = "";
+        this.fromExchange = "";
         this.lockFrom = false;
         this.lockTo = false;
         this.lockFromAsset = false;
         this.lockToAsset = false;
+        this.destination_address = "";
         this.fromAsset = "";
         this.toAsset = "";
-        this.destAddress = "";
         this.hideRefuel = false;
         this.hideAddress = false;
         this.hideFrom = false;
@@ -27,7 +29,8 @@ export class PersistantQueryParams {
         this.hideDepositMethod = false;
         this.hideLogo = false;
         this.sameAccountNetwork = "";
-        this.campaign = "";
+        this.lockAddress = false;
+        this.clientId = "";
         // Obsolate
         this.sourceExchangeName = "";
         this.destNetwork = "";
@@ -36,9 +39,10 @@ export class PersistantQueryParams {
         this.addressSource = "";
         this.asset = "";
         this.lockAsset = false;
+        this.destAddress = "";
     }
 }
-export class QueryParams extends PersistantQueryParams {
+export class InitialSettings extends PersistantQueryParams {
     constructor() {
         super(...arguments);
         this.coinbase_redirect = "";

package/dist/Models/LayerSwapAppSettings.d.ts

@@ -1,11 +1,10 @@
-import { NetworkWithTokens, RouteNetwork } from "./Network";
+import { NetworkWithTokens, NetworkRoute } from "./Network";
 import { Exchange } from "./Exchange";
 import { LayerSwapSettings } from "./LayerSwapSettings";
 export declare class LayerSwapAppSettings {
     constructor(settings: LayerSwapSettings);
     sourceExchanges: Exchange[];
-    destinationExchanges: Exchange[];
     networks: NetworkWithTokens[];
-    sourceRoutes: RouteNetwork[];
-    destinationRoutes: RouteNetwork[];
+    sourceRoutes: NetworkRoute[];
+    destinationRoutes: NetworkRoute[];
 }

package/dist/Models/LayerSwapAppSettings.js

@@ -2,7 +2,6 @@ export class LayerSwapAppSettings {
     constructor(settings) {
         this.networks = settings.networks;
         this.sourceExchanges = settings.sourceExchanges || [];
-        this.destinationExchanges = settings.destinationExchanges || [];
         this.sourceRoutes = settings.sourceRoutes || [];
         this.destinationRoutes = settings.destinationRoutes || [];
     }

package/dist/Models/LayerSwapAuth.d.ts

@@ -5,10 +5,3 @@ export declare class AuthGetCodeResponse {
     };
     error: string;
 }
-export declare class AuthConnectResponse {
-    access_token: string;
-    expires_in: number;
-    token_type: string;
-    refresh_token: string;
-    scope: string;
-}

package/dist/Models/LayerSwapAuth.js

@@ -1,4 +1,2 @@
 export class AuthGetCodeResponse {
 }
-export class AuthConnectResponse {
-}

package/dist/Models/LayerSwapSettings.d.ts

@@ -1,9 +1,8 @@
-import { NetworkWithTokens, RouteNetwork } from "./Network";
+import { NetworkWithTokens, NetworkRoute } from "./Network";
 import { Exchange } from "./Exchange";
 export declare class LayerSwapSettings {
     sourceExchanges?: Exchange[];
-    destinationExchanges?: Exchange[];
     networks: NetworkWithTokens[];
-    sourceRoutes?: RouteNetwork[];
-    destinationRoutes?: RouteNetwork[];
+    sourceRoutes?: NetworkRoute[];
+    destinationRoutes?: NetworkRoute[];
 }

package/dist/Models/Network.d.ts

@@ -1,4 +1,4 @@
-import { Refuel } from "../lib/layerSwapApiClient";
+import { Refuel } from "../lib/apiClients/layerSwapApiClient";
 export declare enum NetworkType {
     EVM = "evm",
     Starknet = "starknet",
@@ -7,7 +7,8 @@ export declare enum NetworkType {
     StarkEx = "starkex",//TODO check this
     ZkSyncLite = "zksynclite",
     TON = "ton",
-    Fuel = "fuel"
+    Fuel = "fuel",
+    Bitcoin = "bitcoin"
 }
 export declare class Network {
     name: string;
@@ -18,7 +19,7 @@ export declare class Network {
     type: NetworkType;
     transaction_explorer_template: string;
     account_explorer_template: string;
-    metadata: Metadata;
+    metadata?: Metadata;
     deposit_methods: string[];
     token?: Token;
     source_rank?: number | undefined;
@@ -27,11 +28,12 @@ export declare class Network {
 export declare class NetworkWithTokens extends Network {
     tokens: Token[];
 }
-export declare class RouteNetwork extends Network {
-    tokens: RouteToken[];
+export declare class NetworkRoute extends Network {
+    tokens: NetworkRouteToken[];
 }
 export declare class Token {
     symbol: string;
+    display_asset?: string;
     logo: string;
     contract: string | null | undefined;
     decimals: number;
@@ -42,7 +44,7 @@ export declare class Token {
     source_rank?: number | undefined;
     destination_rank?: number | undefined;
 }
-export declare class RouteToken extends Token {
+export declare class NetworkRouteToken extends Token {
     refuel?: Refuel;
 }
 export declare class Metadata {

package/dist/Models/Network.js

@@ -8,16 +8,17 @@ export var NetworkType;
     NetworkType["ZkSyncLite"] = "zksynclite";
     NetworkType["TON"] = "ton";
     NetworkType["Fuel"] = "fuel";
+    NetworkType["Bitcoin"] = "bitcoin";
 })(NetworkType || (NetworkType = {}));
 export class Network {
 }
 export class NetworkWithTokens extends Network {
 }
-export class RouteNetwork extends Network {
+export class NetworkRoute extends Network {
 }
 export class Token {
 }
-export class RouteToken extends Token {
+export class NetworkRouteToken extends Token {
 }
 export class Metadata {
 }

package/dist/Models/Route.d.ts

@@ -0,0 +1,25 @@
+import { NetworkRouteToken, NetworkRoute } from "./Network";
+export type NetworkElement = {
+    type: 'network';
+    route: NetworkRoute;
+};
+export type NetworkTokenElement = {
+    type: 'network_token' | 'suggested_token';
+    route: {
+        token: NetworkRouteToken;
+        route: NetworkRoute;
+    };
+};
+export type TitleElement = {
+    type: 'group_title';
+    text: string;
+};
+export type GroupedTokenElement = {
+    type: 'grouped_token';
+    symbol: string;
+    items: NetworkTokenElement[];
+};
+export type TokenSceletonElement = {
+    type: 'sceleton_token';
+};
+export type RowElement = {} & (NetworkElement | NetworkTokenElement | TitleElement | GroupedTokenElement | TokenSceletonElement);

package/dist/Models/SwapStatus.d.ts

@@ -6,5 +6,7 @@ export declare enum SwapStatus {
     Completed = "completed",
     Failed = "failed",
     Expired = "expired",
-    Cancelled = "cancelled"
+    Cancelled = "cancelled",
+    PendingRefund = "pending_refund",
+    Refunded = "refunded"
 }

package/dist/Models/SwapStatus.js

@@ -8,4 +8,6 @@ export var SwapStatus;
     SwapStatus["Failed"] = "failed";
     SwapStatus["Expired"] = "expired";
     SwapStatus["Cancelled"] = "cancelled";
+    SwapStatus["PendingRefund"] = "pending_refund";
+    SwapStatus["Refunded"] = "refunded";
 })(SwapStatus || (SwapStatus = {}));

package/dist/Models/Theme.d.ts

@@ -1,19 +1,21 @@
 export type ThemeData = {
     backdrop?: string;
-    actionButtonText?: string;
-    buttonTextColor?: string;
-    logo?: string;
-    placeholderText?: string;
-    primary?: ThemeColor;
+    buttonTextColor: string;
+    logo: string;
+    tertiary: string;
+    primary: ThemeColor;
     secondary?: ThemeColor;
     headerLogo?: string;
+    footerLogo?: string;
     footerLogoHeight?: string;
-    enablePortal?: boolean;
+    warning?: StatusColor;
+    error?: StatusColor;
+    success?: StatusColor;
     borderRadius?: 'none' | 'small' | 'medium' | 'large' | 'extraLarge' | 'default';
+    enablePortal?: boolean;
 };
 export type ThemeColor = {
     DEFAULT: string;
-    50: string;
     100: string;
     200: string;
     300: string;
@@ -23,9 +25,11 @@ export type ThemeColor = {
     700: string;
     800: string;
     900: string;
-    950?: string;
     text: string;
-    textMuted?: string;
+};
+export type StatusColor = {
+    Foreground: string;
+    Background: string;
 };
 export declare const THEME_COLORS: {
     [key: string]: ThemeData;