router-widget-sdk 0.1.0

package/README.md

@@ -0,0 +1,180 @@
+# router-widget-sdk
+
+Router Protocol Widget - A React component for cross-chain swaps that can be embedded in any React application.
+
+## Installation
+
+```bash
+npm install router-widget-sdk
+# or
+pnpm add router-widget-sdk
+# or
+yarn add router-widget-sdk
+```
+
+## Quick Start
+
+```tsx
+import { RouterWidget } from 'router-widget-sdk';
+import 'router-widget-sdk/styles.css';
+
+function App() {
+  return (
+    <RouterWidget
+      config={{
+        theme: { mode: 'dark' },
+        integrator: 'MyDApp',
+      }}
+    />
+  );
+}
+```
+
+## Configuration
+
+### Basic Usage
+
+```tsx
+import { RouterWidget } from 'router-widget-sdk';
+import 'router-widget-sdk/styles.css';
+
+function App() {
+  return (
+    <RouterWidget
+      config={{
+        theme: {
+          mode: 'dark', // 'light' | 'dark' | 'auto'
+          primaryColor: '#e4357a',
+          backgroundColor: '#0a0a0a',
+        },
+        integrator: 'MyDApp',
+      }}
+    />
+  );
+}
+```
+
+### With Initial State
+
+```tsx
+<RouterWidget
+  config={{
+    initialState: {
+      fromChainId: '1', // Ethereum
+      fromTokenAddress: '0x...', // USDC
+      toChainId: '137', // Polygon
+      toTokenAddress: '0x...', // USDC on Polygon
+    },
+    theme: { mode: 'dark' },
+  }}
+/>
+```
+
+### Skip Providers (If Already Wrapped)
+
+If your app already has the necessary providers (ThemeProvider, wallet providers, etc.), you can skip them:
+
+```tsx
+<RouterWidget
+  config={{ theme: { mode: 'dark' } }}
+  skipProviders={true}
+/>
+```
+
+## Configuration Options
+
+### WidgetConfig
+
+```typescript
+interface WidgetConfig {
+  theme?: {
+    mode?: 'light' | 'dark' | 'auto';
+    primaryColor?: string;
+    backgroundColor?: string;
+    textColorPrimary?: string;
+    textColorSecondary?: string;
+    mutedColor?: string;
+    cardBorderRadius?: string;
+    buttonBorderRadius?: string;
+    fontFamily?: string;
+  };
+  initialState?: {
+    fromChainId?: string;
+    fromTokenAddress?: string;
+    toChainId?: string;
+    toTokenAddress?: string;
+  };
+  integrator?: string;
+  features?: {
+    showHeader?: boolean;
+    isSrcDisabled?: boolean;
+    isDestDisabled?: boolean;
+  };
+  selectedNodes?: string[];
+  isWidget?: boolean;
+}
+```
+
+## Environment Variables
+
+The widget requires certain environment variables to be set. These should be configured in your application:
+
+```bash
+NEXT_PUBLIC_SUPPORTED_NETWORK=1,10,8453,137,sui,solana
+NEXT_PUBLIC_API_URL=your-grpc-api-url
+NEXT_PUBLIC_API_DISCOVERY_URL=https://api.discover.routerprotocol.com
+NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=your-walletconnect-project-id
+NEXT_PUBLIC_PROJECT_ID=your-project-id
+```
+
+## Features
+
+- ✅ Multi-chain Support (EVM and non-EVM chains)
+- ✅ Wallet Integration (Dynamic wallet connection)
+- ✅ Real-time Quotes (Automatic quote fetching and refresh)
+- ✅ Customizable Themes (Light, dark, or custom colors)
+- ✅ Configurable (Extensive configuration options)
+- ✅ Responsive (Works on desktop and mobile)
+
+## TypeScript Support
+
+The package includes TypeScript definitions:
+
+```tsx
+import { RouterWidget, type WidgetConfig } from 'router-widget-sdk';
+
+const config: WidgetConfig = {
+  theme: { mode: 'dark' },
+  integrator: 'MyDApp',
+};
+```
+
+## Styling
+
+Import the CSS file to get the default styles:
+
+```tsx
+import 'router-widget-sdk/styles.css';
+```
+
+You can override styles using CSS variables:
+
+```css
+.router-widget {
+  --primary: #e4357a;
+  --background: #0a0a0a;
+  --foreground: #ffffff;
+}
+```
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## License
+
+MIT
+

package/dist/components/AggregateCallTypeSelector.d.ts

@@ -0,0 +1,8 @@
+import { AggregateCallType } from "@/lib/grpc-client";
+interface AggregateCallTypeSelectorProps {
+    value: AggregateCallType;
+    onValueChange: (value: AggregateCallType) => void;
+}
+export declare function AggregateCallTypeSelector({ value, onValueChange }: AggregateCallTypeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AggregateCallTypeSelector.d.ts.map

package/dist/components/AggregateCallTypeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateCallTypeSelector.d.ts","sourceRoot":"","sources":["../../src/components/AggregateCallTypeSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,8BAA8B;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,8BAA8B,2CAkEjG"}

package/dist/components/AppKitProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export declare function AppKitProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppKitProvider.d.ts.map

package/dist/components/AppKitProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppKitProvider.d.ts","sourceRoot":"","sources":["../../src/components/AppKitProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAyHlC,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA4BnE"}

package/dist/components/AppProviders.d.ts

@@ -0,0 +1,29 @@
+import type { PropsWithChildren } from "react";
+interface AppProvidersProps extends PropsWithChildren {
+    /**
+     * Theme mode: 'light', 'dark', or 'auto'
+     * @default 'dark'
+     */
+    theme?: "light" | "dark" | "auto";
+    /**
+     * Enable system theme detection (only applies when theme is 'auto')
+     * @default false
+     */
+    enableSystem?: boolean;
+}
+/**
+ * App Providers Component
+ *
+ * Consolidates all necessary providers for the Router Protocol application.
+ * Wraps children with PostHog, Theme, AppKit, Turnkey, and Web3Modal providers.
+ *
+ * @example
+ * ```tsx
+ * <AppProviders theme="dark">
+ *   <YourApp />
+ * </AppProviders>
+ * ```
+ */
+export declare function AppProviders({ children, theme, enableSystem }: AppProvidersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AppProviders.d.ts.map

package/dist/components/AppProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProviders.d.ts","sourceRoot":"","sources":["../../src/components/AppProviders.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO/C,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAc,EACd,YAAoB,EACrB,EAAE,iBAAiB,2CAmBnB"}

package/dist/components/CapsuleControls.d.ts

@@ -0,0 +1,16 @@
+import { AggregateCallType } from "@/lib/grpc-client";
+interface ControlBarProps {
+    amount: string;
+    countdownProgress: number;
+    state: any;
+    handleManualFetch: () => void;
+    slippageTolerance: number;
+    handleSlippageChange: (value: number) => void;
+    handleNodesChange: (nodes: string[]) => void;
+    selectedNodes: string[];
+    aggregateCallType: AggregateCallType;
+    onAggregateCallTypeChange: (value: AggregateCallType) => void;
+}
+declare const ControlBar: ({ amount, countdownProgress, state, handleManualFetch, slippageTolerance, handleSlippageChange, handleNodesChange, selectedNodes, aggregateCallType, onAggregateCallTypeChange, }: ControlBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ControlBar;
+//# sourceMappingURL=CapsuleControls.d.ts.map

package/dist/components/CapsuleControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapsuleControls.d.ts","sourceRoot":"","sources":["../../src/components/CapsuleControls.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA0EtD,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,yBAAyB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/D;AAED,QAAA,MAAM,UAAU,GAAI,mLAWjB,eAAe,4CAqCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/GetTokenPrice.d.ts

@@ -0,0 +1,20 @@
+interface PriceResponse {
+    price: string | null;
+    source: string;
+    error: Error | null;
+}
+interface UseTokenPriceProps {
+    srcToken: string;
+    srcDecimals: number;
+    network: string | number;
+    enabled?: boolean;
+}
+interface UseTokenPriceResult {
+    price: string | null;
+    loading: boolean;
+    error: Error | null;
+    sources: PriceResponse[];
+}
+declare const useTokenPrice: ({ srcToken, srcDecimals, network, enabled }: UseTokenPriceProps) => UseTokenPriceResult;
+export default useTokenPrice;
+//# sourceMappingURL=GetTokenPrice.d.ts.map

package/dist/components/GetTokenPrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetTokenPrice.d.ts","sourceRoot":"","sources":["../../src/components/GetTokenPrice.tsx"],"names":[],"mappings":"AAiBA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAqOD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAKD,QAAA,MAAM,aAAa,GAAI,6CAAoD,kBAAkB,KAAG,mBAgQ/F,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Image.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface ImageProps {
+    src: string | {
+        src?: string;
+    } | any;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    loading?: "lazy" | "eager";
+    onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+}
+/**
+ * Simple Image component to replace next/image
+ * Handles the same props as next/image but uses a regular img tag
+ */
+export default function Image({ src, alt, width, height, className, style, loading, onError, onLoad, }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,GAAG,CAAC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CACrE;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,SAAc,EACd,KAAK,EACL,OAAgB,EAChB,OAAO,EACP,MAAM,GACP,EAAE,UAAU,2CAqBZ"}

package/dist/components/NodeMultiSelect.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface NodeMultiSelectProps {
+    availableNodes: string[];
+    selectedNodes: string[];
+    onChange: (selected: string[]) => void;
+    triggerLabel?: string;
+}
+export declare const NodeMultiSelect: React.FC<NodeMultiSelectProps>;
+export {};
+//# sourceMappingURL=NodeMultiSelect.d.ts.map

package/dist/components/NodeMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeMultiSelect.d.ts","sourceRoot":"","sources":["../../src/components/NodeMultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkD1D,CAAC"}

package/dist/components/PosthogPageView.d.ts

@@ -0,0 +1,2 @@
+export default function SuspendedPostHogPageView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PosthogPageView.d.ts.map

package/dist/components/PosthogPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PosthogPageView.d.ts","sourceRoot":"","sources":["../../src/components/PosthogPageView.tsx"],"names":[],"mappings":"AAuCA,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CAM/C"}

package/dist/components/PosthogProvider.d.ts

@@ -0,0 +1,4 @@
+export declare function PostHogProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PosthogProvider.d.ts.map

package/dist/components/PosthogProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PosthogProvider.d.ts","sourceRoot":"","sources":["../../src/components/PosthogProvider.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAW1E"}

package/dist/components/QuoteRefreshCountdown.d.ts

@@ -0,0 +1,10 @@
+interface QuoteRefreshCountdownProps {
+    quoteFetchTimestamp: number | null;
+    quoteDurationMs: number;
+    isQuoteActive: boolean;
+    isQuoteLoading: boolean;
+    onProgressUpdate: (progress: number) => void;
+}
+export declare function QuoteRefreshCountdown({ quoteFetchTimestamp, quoteDurationMs, isQuoteActive, isQuoteLoading, onProgressUpdate, }: QuoteRefreshCountdownProps): null;
+export {};
+//# sourceMappingURL=QuoteRefreshCountdown.d.ts.map

package/dist/components/QuoteRefreshCountdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteRefreshCountdown.d.ts","sourceRoot":"","sources":["../../src/components/QuoteRefreshCountdown.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,GACjB,EAAE,0BAA0B,QAmC5B"}

package/dist/components/RecipientAddressEditor.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Chain } from "@/types";
+import type { Wallet } from "@dynamic-labs/sdk-react-core";
+type RecipientAddressEditorProps = {
+    value: string;
+    onChange: (newValue: string) => void;
+    toChain: Chain;
+    connectNewWallet: () => void;
+    defaultWallet: Wallet | null;
+};
+declare const RecipientAddressEditor: React.MemoExoticComponent<({ value, onChange, toChain, connectNewWallet, defaultWallet, }: RecipientAddressEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export default RecipientAddressEditor;
+//# sourceMappingURL=RecipientAddressEditor.d.ts.map

package/dist/components/RecipientAddressEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipientAddressEditor.d.ts","sourceRoot":"","sources":["../../src/components/RecipientAddressEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAa3D,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC;IACf,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,sBAAsB,6FAMzB,2BAA2B,6CAmT5B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}

package/dist/components/RouterWidget.d.ts

@@ -0,0 +1,38 @@
+import type { WidgetConfig } from "../lib/types/widget";
+import "../styles.css";
+export interface RouterWidgetProps {
+    /**
+     * Widget configuration
+     */
+    config?: WidgetConfig;
+    /**
+     * If true, skips wrapping with providers (assumes providers exist in parent)
+     * @default false
+     */
+    skipProviders?: boolean;
+}
+/**
+ * RouterWidget Component
+ *
+ * Main entry point for the Router Protocol widget.
+ * Provides a complete cross-chain swap interface that can be embedded in any React application.
+ *
+ * @example
+ * ```tsx
+ * import { RouterWidget } from '@routerprotocol/widget';
+ * import '@routerprotocol/widget/styles.css';
+ *
+ * function App() {
+ *   return (
+ *     <RouterWidget
+ *       config={{
+ *         theme: { mode: 'dark' },
+ *         integrator: 'MyDApp',
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function RouterWidget({ config, skipProviders }: RouterWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RouterWidget.d.ts.map

package/dist/components/RouterWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterWidget.d.ts","sourceRoot":"","sources":["../../src/components/RouterWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,aAAqB,EAAE,EAAE,iBAAiB,2CAMhF"}

package/dist/components/SlippageConfigurator.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { AggregateCallType } from "@/lib/grpc-client";
+interface SlippageConfiguratorProps {
+    initialSlippage?: number;
+    onSlippageChange: (slippage: number) => void;
+    className?: string;
+    handleNodesChange: (nodes: string[]) => void;
+    selectedNodes: string[];
+    aggregateCallType: AggregateCallType;
+    onAggregateCallTypeChange: (value: AggregateCallType) => void;
+}
+declare const SlippageConfigurator: React.FC<SlippageConfiguratorProps>;
+export default SlippageConfigurator;
+//# sourceMappingURL=SlippageConfigurator.d.ts.map

package/dist/components/SlippageConfigurator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlippageConfigurator.d.ts","sourceRoot":"","sources":["../../src/components/SlippageConfigurator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtD,UAAU,yBAAyB;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,yBAAyB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/D;AACD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmX7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/SwapInterface.d.ts

@@ -0,0 +1,123 @@
+import type { Token, Chain } from "@/types";
+import { AggregateCallType, RouteResult } from "@/lib/grpc-client";
+import { AvailableNodes } from "@/types/Node";
+export interface SwapState {
+    fromChain: Chain;
+    fromToken: Token;
+    toChain: Chain;
+    toToken: Token;
+    amount: string;
+    amountOut: string;
+    aggregateCallType: AggregateCallType;
+    nodeId: string;
+    slippageTolerance: number;
+    recipientAddress: string;
+    isWalletCustomized: boolean;
+    identifiedRecipient: string;
+    quoteStatus: "idle" | "loading" | "success" | "error";
+    error: string | null;
+    reviewData: RouteResult | null;
+    finalResponse: RouteResult | null;
+    allRoutes: RouteResult[] | null;
+    showReview: boolean;
+    swapStatus: "idle" | "loading" | "success" | "error";
+    txHash: string | null;
+    selectedNodes: AvailableNodes[];
+    showQuoteUpdateMessage: boolean;
+    txnStep: "idle" | "checking_allowance" | "approval_needed" | "approval_started" | "approval_completed" | "src_txn_started" | "src_txn_completed";
+}
+export type SwapAction = {
+    type: "SET_FROM_SELECTION";
+    payload: {
+        chain: Chain;
+        token: Token;
+    };
+} | {
+    type: "SET_TO_SELECTION";
+    payload: {
+        chain: Chain;
+        token: Token;
+    };
+} | {
+    type: "UPDATE_TOKEN_DETAILS";
+    payload: {
+        type: "from" | "to";
+        token: Token;
+    };
+} | {
+    type: "SWAP_POSITIONS";
+} | {
+    type: "SET_AMOUNT";
+    payload: string;
+} | {
+    type: "SET_AMOUNT_OUT";
+    payload: string;
+} | {
+    type: "SET_RECIPIENT";
+    payload: string;
+} | {
+    type: "SET_WALLET_CUSTOMIZED";
+} | {
+    type: "SET_SLIPPAGE";
+    payload: number;
+} | {
+    type: "FETCH_QUOTE_START";
+} | {
+    type: "FETCH_QUOTE_MULTI_START";
+    payload: {
+        routes: RouteResult[];
+    };
+} | {
+    type: "FETCH_QUOTE_SUCCESS";
+    payload: {
+        amountOut: string;
+        finalResponse: RouteResult;
+        nodeId: string;
+    };
+} | {
+    type: "FETCH_QUOTE_ERROR";
+    payload: string;
+} | {
+    type: "INITIATE_SWAP_REVIEW";
+    payload: {
+        reviewData: RouteResult;
+        identifiedRecipient: string;
+        finalResponse: RouteResult;
+        nodeId: string;
+        amountOut: string;
+    };
+} | {
+    type: "INITIATE_SWAP_ERROR";
+    payload: string;
+} | {
+    type: "CONFIRM_SWAP_START";
+} | {
+    type: "CONFIRM_SWAP_SUCCESS";
+    payload: string | null;
+} | {
+    type: "CONFIRM_SWAP_ERROR";
+    payload: string;
+} | {
+    type: "SET_TXN_STEP";
+    payload: "idle" | "checking_allowance" | "approval_needed" | "approval_started" | "approval_completed" | "src_txn_started" | "src_txn_completed";
+} | {
+    type: "CLOSE_REVIEW_MODAL";
+} | {
+    type: "SET_SELECTED_NODES";
+    payload: AvailableNodes[];
+} | {
+    type: "SET_AGGREGATE_CALL_TYPE";
+    payload: AggregateCallType;
+} | {
+    type: "SET_ERROR";
+    payload: string | null;
+} | {
+    type: "RESET_QUOTE_STATE";
+} | {
+    type: "CLEAR_ALL_ROUTES";
+} | {
+    type: "SET_QUOTE_UPDATE_MESSAGE";
+    payload: boolean;
+};
+export default function SwapInterface(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapInterface.d.ts.map

package/dist/components/SwapInterface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapInterface.d.ts","sourceRoot":"","sources":["../../src/components/SwapInterface.tsx"],"names":[],"mappings":"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"}

package/dist/components/SwapReviewModal/SwapReviewModal.d.ts

@@ -0,0 +1,29 @@
+import type { Token, Chain, EvmTransactionResult } from "@/types";
+interface SwapReviewModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    finalResponse: any;
+    fromToken: Token;
+    toToken: Token;
+    amountIn: string;
+    amountOut: string;
+    amountInWithFee: string;
+    onConfirm: () => Promise<EvmTransactionResult>;
+    txHash?: string;
+    fromChain: Chain;
+    toChain: Chain;
+    isSwapping: boolean;
+    expiresInSeconds: number;
+    connectedAddress: string;
+    recipient: string;
+    priceImpact: number | null;
+    executionTime: number | null;
+    fromTokenBalance: string;
+    showQuoteUpdateMessage?: boolean;
+    onRefreshAfterQuoteIncrease?: () => void;
+    onClearQuoteUpdateMessage?: () => void;
+    txnStep: "idle" | "checking_allowance" | "approval_needed" | "approval_started" | "approval_completed" | "src_txn_started" | "src_txn_completed";
+}
+export declare function SwapReviewModal({ isOpen, onClose, finalResponse, fromToken, toToken, amountIn, amountOut, amountInWithFee, onConfirm, txHash, fromChain, toChain, isSwapping, expiresInSeconds, connectedAddress, recipient, priceImpact, executionTime, fromTokenBalance, showQuoteUpdateMessage, onRefreshAfterQuoteIncrease, onClearQuoteUpdateMessage, txnStep, }: SwapReviewModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SwapReviewModal.d.ts.map

package/dist/components/SwapReviewModal/SwapReviewModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapReviewModal.d.ts","sourceRoot":"","sources":["../../../src/components/SwapReviewModal/SwapReviewModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAuDjE,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,GAAG,oBAAoB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;CAClJ;AAGD,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,aAAa,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,2BAA2B,EAC3B,yBAAyB,EACzB,OAAO,GACR,EAAE,oBAAoB,2CAsQtB"}

package/dist/components/SwapReviewModal/TokenExchangeVisualization.d.ts

@@ -0,0 +1,13 @@
+import type { Token, Chain } from "@/types";
+interface TokenExchangeVisualizationProps {
+    fromToken: Token;
+    toToken: Token;
+    fromChain: Chain;
+    toChain: Chain;
+    originalAmountIn: string;
+    originalAmountOut: string;
+    txRecord?: any;
+}
+export declare function TokenExchangeVisualization({ fromToken, toToken, fromChain, toChain, originalAmountIn, originalAmountOut, txRecord }: TokenExchangeVisualizationProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TokenExchangeVisualization.d.ts.map

package/dist/components/SwapReviewModal/TokenExchangeVisualization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenExchangeVisualization.d.ts","sourceRoot":"","sources":["../../../src/components/SwapReviewModal/TokenExchangeVisualization.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE3C,UAAU,+BAA+B;IACvC,SAAS,EAAE,KAAK,CAAA;IAChB,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,KAAK,CAAA;IAChB,OAAO,EAAE,KAAK,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACT,EAAE,+BAA+B,2CA0HjC"}

package/dist/components/SwapReviewModal/TransactionDetailsDropdown.d.ts

@@ -0,0 +1,14 @@
+interface TransactionDetailsDropdownProps {
+    originalPriceImpact: number | null;
+    originalAmountIn: string;
+    originalAmountInWithFee: string;
+    fromToken: any;
+    finalResponse: any;
+    originalFinalResponse: any;
+    bridgeName: string;
+    recipient: string;
+    connectedAddress: string;
+}
+export declare function TransactionDetailsDropdown({ originalPriceImpact, originalAmountIn, originalAmountInWithFee, fromToken, finalResponse, originalFinalResponse, bridgeName, recipient, connectedAddress }: TransactionDetailsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TransactionDetailsDropdown.d.ts.map

package/dist/components/SwapReviewModal/TransactionDetailsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/SwapReviewModal/TransactionDetailsDropdown.tsx"],"names":[],"mappings":"AAWA,UAAU,+BAA+B;IACvC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,gBAAgB,EAAE,MAAM,CAAA;IACxB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,SAAS,EAAE,GAAG,CAAA;IACd,aAAa,EAAE,GAAG,CAAA;IAClB,qBAAqB,EAAE,GAAG,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AASD,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,SAAS,EACT,gBAAgB,EACjB,EAAE,+BAA+B,2CA4GjC"}