@orbs-network/spot-react 0.1.0 → 1.0.0

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./wallet-info";
-//# sourceMappingURL=index.d.ts.map
+export * from './spot-react/src/index'
+export {}

package/dist/spot-react/package.json.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+  "name": "@orbs-network/spot-react",
+  "version": "1.0.0",
+  "description": "Spot React Components - React components for Spot SDK",
+  "type": "module",
+  "main": "./dist/spot-react.umd.cjs",
+  "module": "./dist/spot-react.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/spot-react.js",
+      "require": "./dist/spot-react.umd.cjs"
+    },
+    "./styles.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    ".cursor"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "prepublishOnly": "pnpm run build"
+  },
+  "keywords": [
+    "spot",
+    "ui",
+    "react",
+    "components"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@orbs-network/spot-ui": "workspace:*",
+    "@orbs-network/swap-ui": "^0.0.61",
+    "@react-icons/all-files": "^4.1.0",
+    "@tanstack/react-query": "^5.90.12",
+    "bignumber.js": "^9.3.1",
+    "moment": "^2.30.1",
+    "react-error-boundary": "^6.0.0",
+    "react-number-format": "^5.4.4",
+    "react-virtuoso": "^4.17.0",
+    "viem": "^2.43.3",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0"
+  }
+}
+;
+
+export default _default;

package/dist/spot-react/src/components/TokenLogo.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+declare function TokenLogo({ logo, className, style, alt }: {
+    logo?: string;
+    className?: string;
+    style?: CSSProperties;
+    alt?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default TokenLogo;
+//# sourceMappingURL=TokenLogo.d.ts.map

package/dist/spot-react/src/components/TokenLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenLogo.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAG3D,iBAAS,SAAS,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,KAAU,EAAE,GAAkB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,2CAYtJ;AAED,eAAe,SAAS,CAAC"}

package/dist/spot-react/src/components/format-number.d.ts

@@ -0,0 +1,10 @@
+type FormatNumberProps = {
+    value?: string | number;
+    decimalScale?: number;
+    prefix?: string;
+    suffix?: string;
+    defaultValue?: string;
+};
+export declare const FormatNumber: ({ value, decimalScale, prefix, suffix, defaultValue, }: FormatNumberProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=format-number.d.ts.map

package/dist/spot-react/src/components/format-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-number.d.ts","sourceRoot":"","sources":["../../../../src/components/format-number.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,wDAM1B,iBAAiB,4CAGnB,CAAC"}

package/dist/spot-react/src/components/order-details.d.ts

@@ -0,0 +1,75 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { Token } from '../types';
+export declare function OrderDetails({ children, className }: {
+    children?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace OrderDetails {
+    var Deadline: ({ deadline, label, tooltip }: {
+        deadline?: number;
+        label: string;
+        tooltip: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Fees: ({ fees, label, usd, dstTokenSymbol }: {
+        fees?: string;
+        label: string;
+        usd?: string;
+        dstTokenSymbol?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var TradeSize: ({ tradeSize, srcToken, trades, label, tooltip }: {
+        tradeSize?: string;
+        srcToken?: Token;
+        trades: number;
+        label: string;
+        tooltip: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    var MinDestAmount: ({ dstToken, dstMinAmountOut, label, tooltip, usd }: {
+        dstToken?: Token;
+        dstMinAmountOut?: string;
+        label: string;
+        tooltip: string;
+        usd?: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    var TradesAmount: ({ trades, label, tooltip }: {
+        trades?: number;
+        label: string;
+        tooltip: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    var Recipient: () => import("react/jsx-runtime").JSX.Element;
+    var TradeInterval: ({ fillDelayMillis, chunks, label, tooltip }: {
+        fillDelayMillis?: number;
+        chunks?: number;
+        label: string;
+        tooltip: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    var DetailRow: ({ title, tooltip, children, className, onClick, style, }: {
+        title: string;
+        tooltip?: string;
+        children?: React.ReactNode;
+        className?: string;
+        onClick?: () => void;
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Price: ({ price, dstToken, label, tooltip, usd, srcToken }: {
+        price?: string;
+        dstToken?: Token;
+        label: string;
+        tooltip?: string;
+        usd?: string;
+        srcTokenSymbol?: string;
+        srcToken?: Token;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    var OrderID: ({ id }: {
+        id: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Container: ({ children }: {
+        children: ReactNode;
+    }) => React.ReactNode;
+    var OrderVersion: ({ version }: {
+        version: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var USD: ({ value }: {
+        value?: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+}
+//# sourceMappingURL=order-details.d.ts.map

package/dist/spot-react/src/components/order-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-details.d.ts","sourceRoot":"","sources":["../../../../src/components/order-details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA2JjC,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEtG;yBAFe,YAAY;iDA9IoB;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;qDAsJjD;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE;qEA/HvD;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;4EAUjF;QAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE;mDAarH;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;;qEA6B7B;QAAE,eAAe,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;8EAmBlJ;QACD,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,KAAK,CAAC,EAAE,aAAa,CAAC;KACvB;oEA5FmE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;KAAE;0BA0GzK;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;kCA+BM;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;oCARjC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;yBA/I9B;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE"}

package/dist/spot-react/src/components/orders/order-fills.d.ts

@@ -0,0 +1,8 @@
+import { SelectedOrder } from '../../types';
+export declare const FillsButton: ({ count }: {
+    count: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FillsView: ({ order, }: {
+    order: SelectedOrder;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=order-fills.d.ts.map

package/dist/spot-react/src/components/orders/order-fills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-fills.d.ts","sourceRoot":"","sources":["../../../../../src/components/orders/order-fills.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAS,MAAM,aAAa,CAAC;AAOnD,eAAO,MAAM,WAAW,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAiBvD,CAAC;AAoGF,eAAO,MAAM,SAAS,GAAI,YAEvB;IACD,KAAK,EAAG,aAAa,CAAC;CACvB,4CAkCA,CAAC"}

package/dist/spot-react/src/components/orders/order-preview.d.ts

@@ -0,0 +1,3 @@
+export declare const OrderPreview: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const CancelOrderButton: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=order-preview.d.ts.map

package/dist/spot-react/src/components/orders/order-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/orders/order-preview.tsx"],"names":[],"mappings":"AAkCA,eAAO,MAAM,YAAY,sDAqExB,CAAC;AA2JF,eAAO,MAAM,iBAAiB,sDA0B7B,CAAC"}

package/dist/spot-react/src/components/orders/orders-list.d.ts

@@ -0,0 +1,2 @@
+export declare const OrdersList: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=orders-list.d.ts.map

package/dist/spot-react/src/components/orders/orders-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orders-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/orders/orders-list.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,UAAU,+CAgCtB,CAAC"}

package/dist/spot-react/src/components/orders/orders.d.ts

@@ -0,0 +1,2 @@
+export declare const Orders: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=orders.d.ts.map

package/dist/spot-react/src/components/orders/orders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orders.d.ts","sourceRoot":"","sources":["../../../../../src/components/orders/orders.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,+CAIlB,CAAC"}

package/dist/spot-react/src/components/portal.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const Portal: ({ children, container, }: {
+    children: ReactNode;
+    container?: Element | DocumentFragment | null;
+}) => import('react').ReactPortal | null;
+//# sourceMappingURL=portal.d.ts.map

package/dist/spot-react/src/components/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/components/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAA;AAGpE,eAAO,MAAM,MAAM,GAAI,0BAGlB;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAA;CAC9C,uCA2BA,CAAA"}

package/dist/spot-react/src/components/submit-order-panel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SubmitOrderPanelProps } from '../types';
+type Props = SubmitOrderPanelProps & {
+    children: ReactNode;
+};
+export declare const SubmitOrderContextProvider: ({ children, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const useSubmitOrderPanelContext: () => SubmitOrderPanelProps;
+declare const SubmitOrderPanel: (props: SubmitOrderPanelProps) => import("react/jsx-runtime").JSX.Element;
+export { SubmitOrderPanel };
+//# sourceMappingURL=submit-order-panel.d.ts.map

package/dist/spot-react/src/components/submit-order-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-order-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/submit-order-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAsB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiBrE,KAAK,KAAK,GAAG,qBAAqB,GAAG;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,uBAAuB,KAAK,4CAEtE,CAAC;AAEF,eAAO,MAAM,0BAA0B,6BAEtC,CAAC;AAwOF,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAsDrD,CAAC;AAoBF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/spot-react/src/consts.d.ts

@@ -0,0 +1,8 @@
+import { TimeUnit } from '../../spot-ui/src/index.ts';
+export declare const REFETCH_ORDER_HISTORY = 20000;
+export declare const DEFAULT_DURATION_OPTIONS: {
+    text: string;
+    value: TimeUnit;
+}[];
+export declare const PRICE_PROTECTION_SETTINGS = "The protocol uses an oracle price to help protect users from unfavorable executions. If the execution price is worse than the oracle price by more than the allowed percentage, the transaction will not be executed.";
+//# sourceMappingURL=consts.d.ts.map

package/dist/spot-react/src/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,eAAO,MAAM,qBAAqB,QAAS,CAAC;AAE5C,eAAO,MAAM,wBAAwB,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,EAavE,CAAC;AAEF,eAAO,MAAM,yBAAyB,0NACmL,CAAC"}