@lombard.finance/sdk 3.7.4 → 4.1.0

package/src/metrics/get-positions-summary.ts

@@ -1,132 +0,0 @@
-import axios from 'axios';
-import BigNumber from 'bignumber.js';
-import { Address } from 'viem';
-
-import { getApiConfig } from '../common/api-config';
-import { IEnvParam } from '../common/parameters';
-import { Token } from '../tokens/token-addresses';
-
-type PositionAsset = 'ASSET_LBTC' | 'ASSET_UNSPECIFIED';
-type PositionType = 'BALANCE_TYPE_HOLDING' | 'BALANCE_TYPE_DEFI';
-
-type Response = {
-  btc_price_usd: { price: number; timestamp: string };
-  btc_value: number;
-  btc_pnl: number;
-  snapshot: [
-    {
-      asset: PositionAsset;
-      type: PositionType;
-      balance: number;
-      pnl: number;
-      rate: number;
-    },
-  ];
-  last_updated: string;
-  in_progress: boolean;
-};
-
-function mapRewardAssetToToken(asset: PositionAsset) {
-  switch (asset) {
-    case 'ASSET_LBTC':
-      return Token.LBTC;
-    default:
-      return undefined;
-  }
-}
-
-export type PositionsSummary = {
-  /**
-   * The current BTC price in USD, along with the timestamp
-   * when the price was last fetched.
-   */
-  btcPrice: {
-    /** The price of 1 BTC in USD. */
-    price: BigNumber;
-    /** Timestamp of the price data. */
-    timestamp: Date;
-  };
-  /**
-   * Total value of all holdings, denominated in BTC.
-   */
-  btcValue: BigNumber;
-  /**
-   * Total profit or loss across all assets, represented in BTC.
-   */
-  btcPnl: BigNumber;
-  /**
-   * A detailed snapshot of position data used in PnL calculation.
-   */
-  snapshot: {
-    /**
-     * The token associated with this position (e.g., `Token.LBTC`).
-     * Can be `undefined` if unspecified.
-     */
-    token: Token | undefined;
-    /**
-     * The classification or source of the position.
-     */
-    type: PositionType;
-    /**
-     * The quantity of the token held.
-     */
-    balance: BigNumber;
-    /**
-     * The profit or loss for this specific position, in BTC.
-     */
-    pnl: BigNumber;
-    /**
-     * The conversion rate used to determine the BTC value of the balance.
-     * `balance * rate = BTC equivalent`
-     */
-    rate: BigNumber;
-  }[];
-  /**
-   * The timestamp when the PnL data was last updated.
-   */
-  lastUpdated: Date;
-  /**
-   * Indicates whether the backend is currently processing the PnL calculation.
-   *
-   * - `true`: A new calculation request was received, but the backend is experiencing high load
-   *   or processing is not yet complete. The latest data is not yet available.
-   *
-   * - `false`: The most recent calculation has been completed and cached.
-   *   Use `lastUpdated` to understand how fresh the data is:
-   *   - If `lastUpdated` is recent (e.g., within the last few seconds), you're seeing the latest data.
-   *   - If `lastUpdated` is up to 30 minutes old, you're seeing cached data from a recent request.
-   *     The backend avoids recalculating within this caching window.
-   */
-  inProgress: boolean;
-};
-
-/** Retrieves the yield positions summary for the specified account address. */
-export async function getPositionsSummary({
-  account,
-  env,
-}: { account: Address } & IEnvParam) {
-  const { baseApiUrl } = getApiConfig(env);
-
-  const url = `${baseApiUrl}/api/v1/analytics/${account}/summary`;
-  const { data } = await axios.get<Response>(url);
-
-  const info: PositionsSummary = {
-    btcPrice: {
-      price: BigNumber(data.btc_price_usd.price || 0),
-      timestamp: new Date(data.btc_price_usd.timestamp),
-    },
-    btcValue: BigNumber(data.btc_value || 0),
-    btcPnl: BigNumber(data.btc_pnl || 0),
-    snapshot: data.snapshot?.map(ds => ({
-      token: mapRewardAssetToToken(ds.asset),
-      type: ds.type,
-      balance: BigNumber(ds.balance || 0),
-      pnl: BigNumber(ds.pnl || 0),
-      rate: BigNumber(ds.rate || 0),
-    })),
-    lastUpdated: new Date(data.last_updated),
-    inProgress: Boolean(data.in_progress),
-  };
-
-  return info;
-}

package/src/stories/arg-types.ts

@@ -1,37 +0,0 @@
-import { Env } from '@lombard.finance/sdk-common';
-import { ArgTypes } from 'storybook/internal/types';
-import { ChainId } from '../common/chains';
-import { Token } from '../tokens/token-addresses';
-
-export const chainSelector: Partial<ArgTypes> = {
-  chainId: {
-    mapping: ChainId,
-    options: Object.keys(ChainId),
-    control: { type: 'select' },
-  },
-};
-
-export const envSelector: Partial<ArgTypes> = {
-  env: {
-    mapping: Env,
-    options: Object.keys(Env),
-    control: { type: 'select' },
-  },
-};
-
-export const makeTokenSelector = (
-  tokens?: Token[],
-  fieldName = 'token',
-): Partial<ArgTypes> => ({
-  [fieldName]: {
-    mapping: Token,
-    options: Object.keys(Token).filter(tk => {
-      if (!tokens) return true;
-
-      const entries = Object.entries(Token);
-      const keys = tokens.map(tv => entries.find(([, v]) => v === tv)?.[0]);
-      return keys.includes(tk);
-    }),
-    control: { type: 'select' },
-  },
-});

package/src/stories/components/Button/Button.css

@@ -1,10 +0,0 @@
-.story-btn {
-  border: 1px solid var(--bs-gray-900);
-  background: var(--bs-gray-200);
-  color: var(--bs-gray-900);
-}
-
-.story-btn:hover {
-  background: var(--bs-gray-700);
-  color: var(--bs-gray-100);
-}

package/src/stories/components/Button/Button.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Spinner } from '../Spinner';
-import './Button.css';
-
-export interface ButtonProps {
-  disabled?: boolean;
-  children?: React.ReactNode;
-  actionName?: string;
-  primary?: boolean;
-  size?: 'small' | 'medium' | 'large';
-  isLoading?: boolean;
-  onClick?: () => void;
-}
-
-/**
- * Execute action button
- */
-export const Button = ({
-  primary = true,
-  size = 'medium',
-  actionName,
-  children,
-  isLoading,
-  ...props
-}: ButtonProps) => {
-  const label = actionName ? (
-    <span>
-      Execute: <span style={{ fontFamily: 'monospace' }}>{actionName}</span>
-    </span>
-  ) : (
-    children
-  );
-
-  return (
-    <button
-      type="button"
-      className={[
-        'btn',
-        size === 'small' ? 'btn-sm' : '',
-        size === 'large' ? 'btn-lg' : '',
-        'story-btn',
-      ].join(' ')}
-      {...props}
-    >
-      {label}
-
-      {isLoading && <Spinner color="text-primary" className="ms-2" />}
-    </button>
-  );
-};

package/src/stories/components/Button/index.ts

@@ -1 +0,0 @@
-export * from './Button';

package/src/stories/components/CodeBlock/CodeBlock.tsx

@@ -1,26 +0,0 @@
-import { JSX } from 'react';
-import './CodeBlockStyles.css';
-
-interface ICodeBlockProps {
-  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-  text?: any;
-  withFormatting?: boolean;
-}
-
-export function CodeBlock({
-  text,
-  withFormatting = true,
-}: ICodeBlockProps): JSX.Element | null {
-  const formattedCode =
-    text && withFormatting ? JSON.stringify(text, null, 2) : text;
-
-  if (text === undefined || text === null) {
-    return null;
-  }
-
-  return (
-    <pre className="card my-3 code-block--max-height">
-      <code className="card-body">{formattedCode}</code>
-    </pre>
-  );
-}

package/src/stories/components/CodeBlock/CodeBlockStyles.css

@@ -1,3 +0,0 @@
-.code-block--max-height {
-  max-height: 500px;
-}

package/src/stories/components/CodeBlock/index.ts

@@ -1 +0,0 @@
-export * from './CodeBlock';

package/src/stories/components/ConnectButton/connect-button.tsx

@@ -1,247 +0,0 @@
-import { avalanche, avalancheFuji } from '@wagmi/core/chains';
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { useSwitchChain } from 'wagmi';
-import { base, bsc, bscTestnet, holesky, mainnet, sepolia } from 'wagmi/chains';
-import { useConnection } from '../../hooks/useConnection';
-import { Spinner } from '../Spinner';
-
-export type ConnectButtonProps = {
-  label?: string;
-};
-
-// Available networks for switching
-const AVAILABLE_NETWORKS = [
-  { chain: mainnet, name: 'Ethereum' },
-  { chain: base, name: 'Base' },
-  { chain: bsc, name: 'BSC' },
-  { chain: avalanche, name: 'Avalanche' },
-  { chain: holesky, name: 'Holesky' },
-  { chain: sepolia, name: 'Sepolia' },
-  { chain: bscTestnet, name: 'BSC Testnet' },
-  { chain: avalancheFuji, name: 'Avalanche Fuji' },
-] as const;
-
-export function ConnectButton({ label }: ConnectButtonProps) {
-  const { account, connect, disconnect } = useConnection();
-  const { switchChain, isPending: isSwitchingNetwork } = useSwitchChain();
-  const [showNetworkDropdown, setShowNetworkDropdown] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const dropdownRef = useRef<HTMLDivElement>(null);
-  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 });
-
-  // Update dropdown position when button position changes
-  useEffect(() => {
-    if (showNetworkDropdown && buttonRef.current) {
-      const updatePosition = () => {
-        const rect = buttonRef.current?.getBoundingClientRect();
-        if (rect) {
-          setDropdownPosition({
-            top: rect.bottom + 4,
-            left: rect.right - 150, // Align to right (dropdown width = 150px)
-          });
-        }
-      };
-
-      updatePosition();
-      window.addEventListener('scroll', updatePosition, true);
-      window.addEventListener('resize', updatePosition);
-
-      return () => {
-        window.removeEventListener('scroll', updatePosition, true);
-        window.removeEventListener('resize', updatePosition);
-      };
-    }
-  }, [showNetworkDropdown]);
-
-  // Close dropdown when clicking outside
-  useEffect(() => {
-    function handleClickOutside(event: MouseEvent) {
-      if (
-        dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node) &&
-        buttonRef.current &&
-        !buttonRef.current.contains(event.target as Node)
-      ) {
-        setShowNetworkDropdown(false);
-      }
-    }
-
-    if (showNetworkDropdown) {
-      document.addEventListener('mousedown', handleClickOutside);
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }
-  }, [showNetworkDropdown]);
-
-  if (account.status === 'connected') {
-    return (
-      <div
-        style={{
-          display: 'inline-flex',
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: '5px',
-          border: '1px solid var(--bs-gray-900)',
-          borderRadius: '5px',
-          padding: '5px',
-          height: '38px',
-        }}
-      >
-        <span
-          style={{
-            background: 'var(--bs-green)',
-            color: '#ffffff',
-            borderRadius: '5px',
-            padding: '2px',
-            fontSize: '0.8em',
-          }}
-        >
-          {account.status}
-        </span>
-
-        <span
-          style={{
-            background: 'var(--bs-gray-100)',
-            borderRadius: '5px',
-            padding: '2px',
-            fontSize: '0.8em',
-          }}
-        >
-          {account.address}
-        </span>
-
-        <button
-          ref={buttonRef}
-          type="button"
-          style={{
-            background: account.chain ? 'var(--bs-gray-200)' : 'var(--bs-red)',
-            color: account.chain ? 'var(--bs-black)' : 'var(--bs-white)',
-            borderRadius: '5px',
-            padding: '2px 6px',
-            fontSize: '0.8em',
-            border: 'none',
-            cursor: 'pointer',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '4px',
-          }}
-          onClick={() => {
-            setShowNetworkDropdown(!showNetworkDropdown);
-          }}
-          disabled={isSwitchingNetwork}
-        >
-          {account.chain?.name || account.chainId}
-          <span style={{ fontSize: '0.7em' }}>▼</span>
-        </button>
-
-        {showNetworkDropdown &&
-          createPortal(
-            <div
-              ref={dropdownRef}
-              style={{
-                position: 'fixed',
-                top: `${dropdownPosition.top}px`,
-                left: `${dropdownPosition.left}px`,
-                background: 'white',
-                border: '1px solid var(--bs-gray-300)',
-                borderRadius: '5px',
-                boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                zIndex: 10000,
-                minWidth: '150px',
-                maxHeight: '300px',
-                overflowY: 'auto',
-              }}
-            >
-              {AVAILABLE_NETWORKS.map(network => {
-                const isCurrentNetwork = account.chainId === network.chain.id;
-                return (
-                  <button
-                    key={network.chain.id}
-                    type="button"
-                    style={{
-                      display: 'block',
-                      width: '100%',
-                      padding: '8px 12px',
-                      border: 'none',
-                      background: isCurrentNetwork
-                        ? 'var(--bs-gray-100)'
-                        : 'transparent',
-                      textAlign: 'left',
-                      fontSize: '0.8em',
-                      cursor: isCurrentNetwork ? 'default' : 'pointer',
-                      fontWeight: isCurrentNetwork ? 'bold' : 'normal',
-                    }}
-                    onClick={() => {
-                      if (!isCurrentNetwork) {
-                        switchChain({ chainId: network.chain.id });
-                        setShowNetworkDropdown(false);
-                      }
-                    }}
-                    disabled={isCurrentNetwork || isSwitchingNetwork}
-                    onMouseEnter={e => {
-                      if (!isCurrentNetwork) {
-                        e.currentTarget.style.background = 'var(--bs-gray-100)';
-                      }
-                    }}
-                    onMouseLeave={e => {
-                      if (!isCurrentNetwork) {
-                        e.currentTarget.style.background = 'transparent';
-                      }
-                    }}
-                  >
-                    {isCurrentNetwork && '✓ '}
-                    {network.name}
-                  </button>
-                );
-              })}
-            </div>,
-            document.body,
-          )}
-
-        <button
-          type="button"
-          style={{
-            background: 'var(--bs-danger)',
-            color: 'var(--bs-white)',
-            border: '0',
-            borderRadius: '5px',
-            padding: '2px',
-            fontSize: '0.8em',
-            cursor: 'pointer',
-          }}
-          onClick={() => {
-            disconnect();
-          }}
-        >
-          Disconnect
-        </button>
-      </div>
-    );
-  }
-
-  if (account.status === 'disconnected') {
-    return (
-      <button
-        className="btn"
-        style={{
-          border: '1px solid var(--bs-gray-900)',
-        }}
-        type="button"
-        onClick={() => {
-          connect();
-        }}
-      >
-        {label || 'Connect wallet'}
-      </button>
-    );
-  }
-
-  return (
-    <button type="button" disabled className="btn">
-      Awaiting wallet interaction{' '}
-      <Spinner color="text-primary" className="ms-2" />
-    </button>
-  );
-}

package/src/stories/components/ConnectButton/index.ts

@@ -1 +0,0 @@
-export { ConnectButton, type ConnectButtonProps } from './connect-button';

package/src/stories/components/Spinner/Spinner.tsx

@@ -1,27 +0,0 @@
-import { JSX } from 'react';
-
-interface ISpinnerProps {
-  color?: 'text-primary' | 'text-light';
-  size?: 'sm' | 'md';
-  className?: string;
-}
-
-export function Spinner({
-  color = 'text-primary',
-  size = 'sm',
-  className,
-}: ISpinnerProps): JSX.Element {
-  return (
-    <div
-      className={[
-        'spinner-border',
-        color,
-        size === 'sm' ? 'spinner-border-sm' : '',
-        className || '',
-      ].join(' ')}
-      role="status"
-    >
-      <span className="visually-hidden">Loading...</span>
-    </div>
-  );
-}

package/src/stories/components/Spinner/index.ts

@@ -1 +0,0 @@
-export * from './Spinner';

package/src/stories/components/decorators/function-type.tsx

@@ -1,63 +0,0 @@
-type FuncType = 'api-get' | 'api-post' | 'read' | 'write';
-
-// biome-ignore lint/suspicious/noExplicitAny: Story element
-export const functionType = (type: FuncType) => (Story: any) => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        gap: '5px',
-        flexDirection: 'column',
-        border: `1px solid ${colors[type]}`,
-        borderRadius: '5px',
-        overflow: 'hidden',
-      }}
-    >
-      <div
-        style={{
-          display: 'inline-flex',
-          flexDirection: 'row',
-          gap: '5px',
-          fontSize: '0.8em',
-          background: colors[type],
-          color: 'var(--bs-white)',
-          padding: '2px 5px',
-          //   borderRadius: '5px',
-        }}
-      >
-        <span style={{ fontWeight: '800 ' }}>{labels[type]}</span>
-        <span style={{ opacity: '0.8' }}>{descriptions[type]}</span>
-      </div>
-
-      <div
-        style={{
-          padding: '20px',
-        }}
-      >
-        <Story />
-      </div>
-    </div>
-  );
-};
-
-const labels: Record<FuncType, string> = {
-  'api-get': 'API (get)',
-  'api-post': 'API (post)',
-  read: 'READ',
-  write: 'WRITE',
-};
-
-const descriptions: Record<FuncType, string> = {
-  'api-get': 'The function gets data from the Lombard API(s)',
-  'api-post': 'The function posts data to the Lombard API(s)',
-  read: 'The function reads data from the contract(s)',
-  write:
-    'The function writes data to the contract(s) or performs a wallet action.',
-};
-
-const colors: Record<FuncType, string> = {
-  'api-get': 'rgb(100 100 255)',
-  'api-post': 'rgb(100 0 255)',
-  read: 'rgb(200 100 255)',
-  write: 'rgb(200 0 255)',
-};

package/src/stories/components/decorators/index.ts

@@ -1,2 +0,0 @@
-export { functionType } from './function-type';
-export { wagmiDecorator } from './wagmi-decorator';