@hot-labs/kit 1.2.0-alpha.2 → 1.2.1

package/build/ui/uikit/button.js

@@ -0,0 +1,52 @@
+import styled from "styled-components";
+export const ActionButton = styled.button `
+  display: flex;
+  padding: 0 24px;
+  border-radius: 12px;
+  background: #e7e7e7;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  height: 48px;
+  min-height: 48px;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  gap: 8px;
+  flex: 1;
+  width: 100%;
+
+  color: #121212;
+  text-align: center;
+  font-family: "Golos Text";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 22px;
+  letter-spacing: -0.16px;
+
+  &:hover {
+    background: #d2d2d2;
+  }
+
+  &:disabled {
+    background: #3e3e3e;
+    color: #828282;
+    cursor: not-allowed;
+  }
+`;
+export const Button = styled.button `
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: 0.2s opacity;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+//# sourceMappingURL=button.js.map

package/build/ui/uikit/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/uikit/button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;CAYlC,CAAC"}

package/build/ui/uikit/image.d.ts

@@ -0,0 +1,6 @@
+export declare const ImageView: ({ src, size, alt, style }: {
+    src: string;
+    size?: number;
+    alt: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/ui/uikit/image.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+const images = {
+    cached: new Map(),
+    cache(url) {
+        if (this.cached.has(url))
+            return this.cached.get(url);
+        const promise = new Promise((resolve, reject) => {
+            const img = new Image();
+            img.src = url;
+            img.onload = () => resolve();
+            img.onerror = () => reject(new Error("Failed to load image"));
+        });
+        this.cached.set(url, promise);
+        return promise;
+    },
+};
+var ImageState;
+(function (ImageState) {
+    ImageState["Loading"] = "loading";
+    ImageState["Loaded"] = "loaded";
+    ImageState["Error"] = "error";
+})(ImageState || (ImageState = {}));
+export const ImageView = ({ src, size = 40, alt, style }) => {
+    const [icon, setIcon] = useState(ImageState.Loading);
+    useEffect(() => {
+        setIcon(ImageState.Loading);
+        images
+            .cache(src)
+            .then(() => setIcon(ImageState.Loaded))
+            .catch(() => setIcon(ImageState.Error));
+    }, [src]);
+    if (icon === ImageState.Loaded) {
+        return _jsx("img", { src: src, alt: alt, style: { objectFit: "contain", width: size, height: size, borderRadius: "50%", ...style } });
+    }
+    return (_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: size, height: size, borderRadius: "50%", backgroundColor: "#0e0e0e", ...style }, children: _jsx("p", { style: { fontWeight: "bold", fontSize: size / 2, color: "#ffffff" }, children: alt.charAt(0)?.toUpperCase() }) }));
+};
+//# sourceMappingURL=image.js.map

package/build/ui/uikit/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/ui/uikit/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,IAAI,GAAG,EAAyB;IACxC,KAAK,CAAC,GAAW;QACf,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC;QACvD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACpD,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;YACd,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC;YAC7B,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAC9B,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAC;AAEF,IAAK,UAIJ;AAJD,WAAK,UAAU;IACb,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACjB,CAAC,EAJI,UAAU,KAAV,UAAU,QAId;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,EAAE,KAAK,EAA4E,EAAE,EAAE;IACpI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAa,UAAU,CAAC,OAAO,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5B,MAAM;aACH,KAAK,CAAC,GAAG,CAAC;aACV,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;aACtC,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;QAC/B,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAI,CAAC;IAChI,CAAC;IAED,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,YACnK,YAAG,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,GAAK,GACtG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/build/ui/uikit/loader.d.ts

@@ -0,0 +1,2 @@
+export declare const Loader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Skeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/build/ui/uikit/loader.js

@@ -0,0 +1,50 @@
+import styled, { keyframes } from "styled-components";
+export const Loader = styled.div `
+  border: 4px solid #2a2a2a;
+  border-top: 4px solid #fff;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  animation: spin 0.9s linear infinite;
+  margin: 0 auto;
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+const shine = keyframes `
+  0% {
+    background-position: -200px 0;
+  }
+  100% {
+    background-position: calc(200px + 100%) 0;
+  }
+`;
+export const Skeleton = styled.div `
+  display: inline-block;
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  background: #2e2e2e;
+  position: relative;
+  overflow: hidden;
+
+  &:after {
+    content: "";
+    display: block;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: linear-gradient(90deg, rgba(34, 34, 34, 0) 0%, rgba(255, 255, 255, 0.06) 40%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.06) 60%, rgba(34, 34, 34, 0) 100%);
+    background-size: 200px 100%;
+    animation: ${shine} 1.4s infinite linear;
+  }
+`;
+//# sourceMappingURL=loader.js.map

package/build/ui/uikit/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../src/ui/uikit/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiB/B,CAAC;AAEF,MAAM,KAAK,GAAG,SAAS,CAAA;;;;;;;CAOtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;iBAmBjB,KAAK;;CAErB,CAAC"}

package/build/ui/uikit/tabs.d.ts

@@ -0,0 +1,12 @@
+interface SegmentedControlProps {
+    options: {
+        label: string;
+        value: string;
+        color?: string;
+        background?: string;
+    }[];
+    value: string;
+    onChange: (value: string) => void;
+}
+declare const SegmentedControl: ({ options, value, onChange }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
+export default SegmentedControl;

package/build/ui/uikit/tabs.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SegmentedControl = ({ options, value, onChange }) => {
+    return (_jsx(Tabs, { children: options.map((option) => (_jsx(Tab, { onClick: () => onChange(option.value), "$active": option.value === value, style: {
+                background: option.value === value ? option.background || "#1D1F20" : "transparent",
+                color: option.value === value ? option.color : "#6b6661",
+            }, children: option.label }, option.value))) }));
+};
+const Tabs = styled.div `
+  display: flex;
+  border-radius: 16px;
+  border: 1px solid var(--border-lowest-solid, #242627);
+  padding: 0;
+  flex-shrink: 0;
+  height: 40px;
+  padding: 2px;
+  width: 100%;
+`;
+const Tab = styled.button `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 14px;
+  height: 100%;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition: 0.2s background-color;
+  flex: 1;
+  font-size: 14px;
+  font-weight: 500;
+`;
+export default SegmentedControl;
+//# sourceMappingURL=tabs.js.map

package/build/ui/uikit/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/uikit/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/E,OAAO,CACL,KAAC,IAAI,cACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,GAAG,IAEF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAC5B,MAAM,CAAC,KAAK,KAAK,KAAK,EAC/B,KAAK,EAAE;gBACL,UAAU,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,aAAa;gBACnF,KAAK,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;aACzD,YAEA,MAAM,CAAC,KAAK,IARR,MAAM,CAAC,KAAK,CASb,CACP,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAStB,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;;;;CAc/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/ui/uikit/text.d.ts

@@ -0,0 +1,7 @@
+export declare const PSmall: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const PMedium: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const PLarge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const PTiny: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const H5: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const H4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const H6: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/build/ui/uikit/text.js

@@ -0,0 +1,68 @@
+import styled from "styled-components";
+export const PSmall = styled.p `
+  color: var(--text-text-secondary, #bfbfbf);
+  font-family: var(--font-family-text, "Golos Text");
+  font-size: var(--P-Small-font-size, 14px);
+  line-height: var(--P-Small-line-height, 20px); /* 142.857% */
+  letter-spacing: -0.14px;
+  font-style: normal;
+  font-weight: 400;
+  margin: 0;
+`;
+export const PMedium = styled.p `
+  color: var(--text-text-primary, #fff);
+  font-family: var(--font-family-text, "Golos Text");
+  font-size: var(--P-Default-font-size, 16px);
+  line-height: var(--P-Default-line-height, 22px); /* 137.5% */
+  letter-spacing: -0.16px;
+  font-style: normal;
+  margin: 0;
+`;
+export const PLarge = styled.p `
+  color: var(--text-text-primary, #fff);
+  font-family: var(--font-family-text, "Golos Text");
+  font-size: var(--P-Large-font-size, 18px);
+  line-height: var(--P-Large-line-height, 24px); /* 133.333% */
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: -0.18px;
+  margin: 0;
+`;
+export const PTiny = styled.p `
+  color: var(--text-text-primary, #fff);
+  font-family: var(--font-family-text, "Golos Text");
+  font-size: var(--P-Tiny-font-size, 12px);
+  line-height: var(--P-Tiny-line-height, 16px);
+  letter-spacing: -0.12px;
+  font-style: normal;
+  font-weight: 400;
+  margin: 0;
+`;
+export const H5 = styled.h5 `
+  color: var(--text-text-tertiary, #fff);
+  font-family: var(--font-family-headings, "Golos Text");
+  font-size: var(--h5-font-size, 24px);
+  line-height: var(--h5-line-height, 32px);
+  font-style: normal;
+  font-weight: 500;
+  margin: 0;
+`;
+export const H4 = styled.h4 `
+  color: var(--text-text-primary, #fff);
+  font-family: var(--font-family-headings, "Golos Text");
+  font-size: var(--h4-font-size, 32px);
+  line-height: var(--h4-line-height, 44px);
+  font-style: normal;
+  font-weight: 600;
+  margin: 0;
+`;
+export const H6 = styled.h6 `
+  color: var(--text-text-primary, #fff);
+  font-family: var(--font-family-headings, "Golos Text");
+  font-size: var(--h6-font-size, 20px);
+  font-style: normal;
+  font-weight: 500;
+  line-height: var(--h6-line-height, 28px);
+  margin: 0;
+`;
+//# sourceMappingURL=text.js.map

package/build/ui/uikit/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/ui/uikit/text.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CAS7B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CAS7B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;CAQ1B,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;CAQ1B,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;CAQ1B,CAAC"}

package/build/ui/utils.d.ts

@@ -0,0 +1 @@
+export declare const serializeError: (error: any) => string;

package/build/ui/utils.js

@@ -0,0 +1,20 @@
+import { NetworkError, TimeoutNetworkError } from "../core/api";
+export const serializeError = (error) => {
+    try {
+        if (error instanceof Error)
+            return error.message;
+        if (error instanceof NetworkError)
+            return error.toString();
+        if (error instanceof TimeoutNetworkError)
+            return error.toString();
+        if (typeof error === "object" && Object.keys(error).length > 0)
+            return JSON.stringify(error);
+        if (typeof error === "string" || typeof error === "number")
+            return error.toString();
+        return "";
+    }
+    catch (error) {
+        return "Unknown error";
+    }
+};
+//# sourceMappingURL=utils.js.map

package/build/ui/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/ui/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAU,EAAU,EAAE;IACnD,IAAI,CAAC;QACH,IAAI,KAAK,YAAY,KAAK;YAAE,OAAO,KAAK,CAAC,OAAO,CAAC;QACjD,IAAI,KAAK,YAAY,YAAY;YAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC3D,IAAI,KAAK,YAAY,mBAAmB;YAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAClE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC7F,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpF,OAAO,EAAE,CAAC;IACZ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,eAAe,CAAC;IACzB,CAAC;AACH,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hot-labs/kit",
-  "version": "1.2.0-alpha.2",
+  "version": "1.2.1",
   "description": "HOT Labs Kit is chain agnostic connector with omni payments",
   "license": "ISC",
   "author": "",
@@ -17,6 +17,7 @@
     "./solana": "./build/solana/index.js",
     "./stellar": "./build/stellar/index.js",
     "./ton": "./build/ton/index.js",
+    "./tron": "./build/tron/index.js",
     "./core": "./build/core/index.js"
   },
   "directories": {
@@ -31,28 +32,31 @@
     "@cosmjs/stargate": "^0.37.0",
     "@defuse-protocol/one-click-sdk-typescript": "^0.1.13",
     "@hot-labs/near-connect": "^0.8.1",
-    "@hot-labs/omni-sdk": "^2.24.5",
+    "@hot-labs/omni-sdk": "^2.24.6",
     "@keplr-wallet/proto-types": "^0.12.291",
     "@keplr-wallet/provider-extension": "^0.12.291",
-    "@metamask/sdk": "^0.34.0",
+    "@lottiefiles/dotlottie-wc": "^0.8.11",
     "@near-js/crypto": "^2.3.3",
     "@near-js/providers": "^2.5.1",
     "@near-js/utils": "^2.2.4",
     "@noble/hashes": "^2.0.1",
     "@scure/base": "^2.0.0",
     "@solana/spl-token": "^0.4.14",
+    "@solana/wallet-standard-features": "^1.3.0",
     "@stellar/freighter-api": "^6.0.1",
     "@ton-api/client": "^0.4.0",
     "@ton/core": "^0.62.0",
     "@ton/crypto": "^3.3.0",
     "@tonconnect/ui": "^2.2.0",
     "@wallet-standard/base": "^1.1.0",
+    "@wallet-standard/features": "^1.1.0",
     "@walletconnect/universal-provider": "^2.23.0",
     "ethers": "^6.15.0",
     "mobx": "^6.15.0",
     "mobx-react-lite": "^4.1.1",
     "qr-code-styling": "^1.9.2",
-    "styled-components": "^6.1.19"
+    "styled-components": "^6.1.19",
+    "uuid4": "^2.0.3"
   },
   "scripts": {
     "build": "rm -rf build && yarn tsc",

package/src/HotConnector.ts

@@ -8,10 +8,12 @@ import { OmniToken } from "./core/chains";
 import { formatter } from "./core/utils";
 import { Intents } from "./core/Intents";
 import { tokens } from "./core/tokens";
-import { rpc } from "./core/nearRpc";
+import { Telemetry } from "./core/telemetry";
 import { Token } from "./core/token";
 import { api } from "./core/api";
+import { rpc } from "./near/rpc";
 
+import { defaultConnectors } from "./defaults";
 import type CosmosWallet from "./cosmos/wallet";
 import type NearWallet from "./near/wallet";
 import type EvmWallet from "./evm/wallet";
@@ -19,7 +21,7 @@ import type SolanaWallet from "./solana/wallet";
 import type StellarWallet from "./stellar/wallet";
 import type TonWallet from "./ton/wallet";
 
-import { openBridge, openConnector, openPayment, openProfile, openWalletPicker } from "./ui/router";
+import { openBridge, openConnector, openProfile, openWalletPicker } from "./ui/router";
 import { ConnectorType, OmniConnector } from "./OmniConnector";
 import { OmniWallet } from "./OmniWallet";
 import { Exchange } from "./exchange";
@@ -43,16 +45,15 @@ interface HotConnectorOptions {
 export class HotConnector {
   public connectors: OmniConnector[] = [];
   public balances: Record<string, Record<string, bigint>> = {};
+  public telemetry: Telemetry;
 
   public activity: Activity;
   public hotBridge: HotBridge;
   public exchange: Exchange;
 
-  readonly version = "1.0.58";
-
   private events = new EventEmitter<{
-    connect: { wallet: OmniWallet };
-    disconnect: { wallet: OmniWallet };
+    connect: { wallet: OmniWallet; connector: OmniConnector };
+    disconnect: { wallet: OmniWallet; connector: OmniConnector };
     tokensUpdate: { tokens: Token[] };
   }>();
 
@@ -84,12 +85,14 @@ export class HotConnector {
     this.settings.metadata = options?.walletConnect?.metadata ?? undefined;
     Object.values(options?.chains ?? {}).forEach((chain) => chains.register(chain));
 
+    this.telemetry = new Telemetry(this);
     this.hotBridge = createHotBridge();
     this.exchange = new Exchange(this);
     this.activity = new Activity(this);
 
     const connectors: OmniConnector[] = [];
-    const tasks = options?.connectors?.map(async (initConnector, index) => {
+    const configConnectors = options?.connectors || defaultConnectors;
+    const tasks = configConnectors.map(async (initConnector, index) => {
       const connector = await initConnector(this);
       connector.onConnect((payload) => this.events.emit("connect", payload));
       connector.onDisconnect((payload) => this.events.emit("disconnect", payload));
@@ -296,36 +299,16 @@ export class HotConnector {
     });
   }
 
-  async requestToken(token: OmniToken, amount: bigint | number): Promise<{ wallet: OmniWallet; token: Token; amount: bigint }> {
-    if (!token) throw new Error("Token not found");
-
-    const tokensList = await tokens.getTokens();
-    const ftToken = tokensList.find((t) => t.address === token)!;
-    const amountInt = typeof amount === "number" ? ftToken.int(amount) : amount;
-    const [existed] = this.walletsTokens.filter((t) => t.token.id === ftToken.id);
-
-    if (existed?.balance >= amountInt) return { token: ftToken, wallet: existed.wallet, amount: amountInt };
-
-    const needed = amountInt - (existed?.balance ?? 0n);
-    const result = await openPayment(this, ftToken, needed, Recipient.fromWallet(existed?.wallet));
-
-    const recipientWallet = this.wallets.find((w) => w.address === result.recipient.address);
-    if (!recipientWallet) throw new Error("Recipient not found");
-    const exist = await this.fetchToken(ftToken, recipientWallet);
-
-    return {
-      token: result.to,
-      wallet: recipientWallet,
-      amount: formatter.bigIntMin(exist, amountInt),
-    };
+  intentsBuilder(wallet?: OmniWallet) {
+    return new Intents(this).attachWallet(wallet);
   }
 
-  onConnect(handler: (payload: { wallet: OmniWallet }) => void) {
+  onConnect(handler: (payload: { wallet: OmniWallet; connector: OmniConnector }) => void) {
     this.events.on("connect", handler);
     return () => this.events.off("connect", handler);
   }
 
-  onDisconnect(handler: (payload: { wallet: OmniWallet }) => void) {
+  onDisconnect(handler: (payload: { wallet: OmniWallet; connector: OmniConnector }) => void) {
     this.events.on("disconnect", handler);
     return () => this.events.off("disconnect", handler);
   }
@@ -386,4 +369,14 @@ export class HotConnector {
     if (!connector) throw new Error("Connector not found");
     return openWalletPicker(connector);
   }
+
+  async disconnect(wallet: WalletType | OmniWallet) {
+    const connector = this.connectors.find((t) => {
+      if (wallet instanceof OmniWallet) return t.wallets.includes(wallet);
+      return t.walletTypes.includes(wallet);
+    });
+
+    if (!connector) throw new Error("Connector not found");
+    await connector.disconnect();
+  }
 }

package/src/OmniConnector.ts

@@ -19,6 +19,7 @@ export interface OmniConnectorOption {
   icon: string;
   id: string;
   download?: string;
+  deeplink?: string;
   type: "extension" | "external";
 }
 
@@ -30,8 +31,8 @@ export abstract class OmniConnector<T extends OmniWallet = OmniWallet, O = {}> {
 
   private storage = new LocalStorage();
   protected events = new EventEmitter<{
-    connect: { wallet: T };
-    disconnect: { wallet: T };
+    connect: { wallet: T; connector: OmniConnector<T, O> };
+    disconnect: { wallet: T; connector: OmniConnector<T, O> };
   }>();
 
   protected wc: Promise<UniversalProvider> | null = null;
@@ -101,14 +102,14 @@ export abstract class OmniConnector<T extends OmniWallet = OmniWallet, O = {}> {
 
   protected setWallet(wallet: T) {
     runInAction(() => this.wallets.push(wallet));
-    this.events.emit("connect", { wallet });
+    this.events.emit("connect", { wallet, connector: this });
     return wallet;
   }
 
   protected removeWallet() {
     runInAction(() => {
       const wallet = this.wallets.pop();
-      if (wallet) this.events.emit("disconnect", { wallet });
+      if (wallet) this.events.emit("disconnect", { wallet, connector: this });
     });
   }
 
@@ -116,7 +117,7 @@ export abstract class OmniConnector<T extends OmniWallet = OmniWallet, O = {}> {
     runInAction(() => {
       const wallets = this.wallets;
       this.wallets = [];
-      wallets.forEach((wallet) => this.events.emit("disconnect", { wallet }));
+      wallets.forEach((wallet) => this.events.emit("disconnect", { wallet, connector: this }));
     });
   }
 
@@ -130,7 +131,7 @@ export abstract class OmniConnector<T extends OmniWallet = OmniWallet, O = {}> {
 
   async getStorage(): Promise<{ type?: string; id?: string; address?: string; publicKey?: string }> {
     const data = await this.storage.get(`wibe3:${this.id}`);
-    if (!data) throw new Error("No storage found");
+    if (!data) return {};
     return JSON.parse(data);
   }
 
@@ -138,19 +139,19 @@ export abstract class OmniConnector<T extends OmniWallet = OmniWallet, O = {}> {
     this.events.removeAllListeners();
   }
 
-  onConnect(handler: (payload: { wallet: T }) => void) {
+  onConnect(handler: (payload: { wallet: T; connector: OmniConnector<T, O> }) => void) {
     this.events.on("connect", handler);
     return () => this.events.off("connect", handler);
   }
 
-  onDisconnect(handler: (payload: { wallet: T }) => void) {
+  onDisconnect(handler: (payload: { wallet: T; connector: OmniConnector<T, O> }) => void) {
     this.events.on("disconnect", handler);
     return () => this.events.off("disconnect", handler);
   }
 
   async disconnect() {
     this.disconnectWalletConnect();
+    this.removeAllWallets();
     this.removeStorage();
-    this.removeWallet();
   }
 }

package/src/OmniWallet.ts

@@ -1,9 +1,7 @@
-import { sha256 } from "@noble/hashes/sha2.js";
 import { hex } from "@scure/base";
 
 import { openAuthPopup } from "./ui/connect/AuthPopup";
-import { OmniToken, WalletType } from "./core/chains";
-import { OmniConnector } from "./OmniConnector";
+import { WalletType } from "./core/chains";
 import { Intents } from "./core/Intents";
 import { ReviewFee } from "./core/bridge";
 import { Token } from "./core/token";
@@ -11,38 +9,44 @@ import { Commitment } from "./core";
 import { api } from "./core/api";
 
 export abstract class OmniWallet {
-  constructor(readonly connector: OmniConnector) {}
-
   abstract address: string;
   abstract publicKey?: string;
   abstract omniAddress: string;
   abstract type: WalletType;
+  abstract icon: string;
 
-  async disconnect() {
-    if (!this.connector) throw new Error("Connector not implemented");
-    await this.connector.disconnect();
+  async depositNfts(nftIds: string[], receiver: string) {
+    // TODO
   }
 
-  abstract transferFee(token: Token, receiver: string, amount: bigint): Promise<ReviewFee>;
-  abstract transfer(args: { token: Token; receiver: string; amount: bigint; comment?: string; gasFee?: ReviewFee }): Promise<string>;
-  abstract signIntents(intents: Record<string, any>[], options?: { nonce?: Uint8Array; deadline?: number }): Promise<Commitment>;
+  async withdrawNfts(nftIds: string[], receiver: string) {
+    // TODO
+  }
 
-  abstract fetchBalance(chain: number, address: string): Promise<bigint>;
-  abstract fetchBalances(chain?: number, whitelist?: string[]): Promise<Record<string, bigint>>;
+  async getDepositNftsFee(nfts: string[]) {
+    return new ReviewFee({ chain: -4 });
+  }
 
-  async executeIntents(intents: Record<string, any>[], hashes: string[] = []) {
-    const signed = await this.signIntents(intents);
-    return await Intents.publishSignedIntents([signed], hashes);
+  async transferNft(nftId: string, receiver: string) {
+    // TODO
   }
 
-  get icon() {
-    return this.connector?.icon;
+  async getTranferNftFee(nftId: string, receiver: string) {
+    return new ReviewFee({ chain: -4 });
   }
 
-  get intents() {
-    return new Intents(this.connector.wibe3).attachWallet(this);
+  async getNfts(onLoad: (nfts: string[]) => void) {
+    // TODO
   }
 
+  abstract transferFee(token: Token, receiver: string, amount: bigint): Promise<ReviewFee>;
+  abstract transfer(args: { token: Token; receiver: string; amount: bigint; comment?: string; gasFee?: ReviewFee }): Promise<string>;
+
+  abstract fetchBalance(chain: number, address: string): Promise<bigint>;
+  abstract fetchBalances(chain?: number, whitelist?: string[]): Promise<Record<string, bigint>>;
+
+  abstract signIntents(intents: Record<string, any>[], options?: { nonce?: Uint8Array; deadline?: number }): Promise<Commitment>;
+
   async auth(intents?: Record<string, any>[]): Promise<string> {
     return openAuthPopup(this, async () => {
       const seed = hex.encode(new Uint8Array(window.crypto.getRandomValues(new Uint8Array(32))));
@@ -53,11 +57,6 @@ export abstract class OmniWallet {
     });
   }
 
-  async pay({ token, amount, recipient, paymentId }: { token: OmniToken; amount: number; recipient: string; paymentId: string }) {
-    const nonce = new Uint8Array(sha256(new TextEncoder().encode(paymentId))).slice(0, 32);
-    return this.intents.attachNonce(nonce).transfer({ recipient, token, amount }).execute();
-  }
-
   async waitUntilBalance(need: Record<string, bigint>, receiver: string, attempts = 0) {
     if (attempts > 120) throw "Balance is not enough";
     const assets = Object.keys(need) as string[];