@hot-labs/kit 1.1.0-beta.5 → 1.1.0-beta.9

package/build/ui/router.d.ts

@@ -7,13 +7,22 @@ import { Recipient } from "../core/recipient";
 import { Intents } from "../core/Intents";
 import { Token } from "../core/token";
 import { BridgeProps } from "./payment/Bridge";
-export declare const openPayment: (connector: HotConnector, intents: Intents) => Promise<{
-    depositQoute: BridgeReview | "direct";
-    processing?: () => Promise<BridgeReview>;
-}>;
+export declare const openPayment: (connector: HotConnector, { intents, title, allowedTokens, prepaidAmount, payableToken, needAmount, onConfirm, }: {
+    intents: Intents;
+    title?: string;
+    allowedTokens?: string[];
+    prepaidAmount: bigint;
+    payableToken: Token;
+    needAmount: bigint;
+    onConfirm: (args: {
+        depositQoute: BridgeReview | "direct";
+        processing?: () => Promise<BridgeReview>;
+    }) => Promise<void>;
+}) => Promise<void>;
 export declare const openLogoutPopup: (connector: OmniConnector) => Promise<void>;
 export declare const openBridge: (hot: HotConnector, setup?: BridgeProps["setup"]) => Promise<BridgeReview>;
-export declare const openConnector: (hot: HotConnector) => void;
+export declare const openConnector: (hot: HotConnector) => Promise<void>;
+export declare const openConnectPrimaryWallet: (hot: HotConnector) => Promise<void>;
 export declare const openProfile: (hot: HotConnector) => void;
 export declare const openSelectTokenPopup: ({ hot, initialChain, onSelect }: {
     hot: HotConnector;
@@ -39,3 +48,4 @@ export declare const openWCRequest: <T>(args: {
     icon: string;
     request: any;
 }) => Promise<T>;
+export declare const openToast: (message: string) => () => void;

package/build/ui/router.js

@@ -6,14 +6,16 @@ import { SelectSender } from "./payment/SelectSender";
 import { Payment } from "./payment/Payment";
 import { Profile } from "./payment/Profile";
 import { Bridge } from "./payment/Bridge";
+import ConnectPrimaryWallet from "./connect/PrimaryWallet";
 import { LogoutPopup } from "./connect/LogoutPopup";
 import { WalletPicker } from "./connect/WalletPicker";
 import { Connector } from "./connect/ConnectWallet";
 import { WCRequest } from "./connect/WCRequest";
-export const openPayment = (connector, intents) => {
+import Toast from "./Toast";
+export const openPayment = (connector, { intents, title, allowedTokens, prepaidAmount, payableToken, needAmount, onConfirm, }) => {
     return new Promise((resolve, reject) => {
         present((close) => (_jsx(Payment //
-        , { onReject: () => (close(), reject(new Error("User rejected"))), onConfirm: (args) => (close(), resolve(args)), connector: connector, intents: intents })));
+        , { onConfirm: onConfirm, close: () => (close(), resolve()), onReject: () => (close(), reject(new Error("User rejected"))), prepaidAmount: prepaidAmount, allowedTokens: allowedTokens, payableToken: payableToken, needAmount: needAmount, connector: connector, intents: intents, title: title })));
     });
 };
 export const openLogoutPopup = (connector) => {
@@ -31,7 +33,14 @@ export const openBridge = (hot, setup) => {
     });
 };
 export const openConnector = (hot) => {
-    present((close) => _jsx(Connector, { hot: hot, onClose: close }));
+    return new Promise((resolve) => {
+        present((close) => _jsx(Connector, { hot: hot, onClose: () => (resolve(), close()) }));
+    });
+};
+export const openConnectPrimaryWallet = (hot) => {
+    return new Promise((resolve) => {
+        present((close) => _jsx(ConnectPrimaryWallet, { hot: hot, onClose: () => (close(), resolve()) }));
+    });
 };
 export const openProfile = (hot) => {
     present((close) => _jsx(Profile, { hot: hot, onClose: close }));
@@ -53,4 +62,7 @@ export const openWCRequest = (args) => {
     present((close) => _jsx(WCRequest, { deeplink: args.deeplink, name: args.name, icon: args.icon, onClose: close, task: taskPromise }));
     return taskPromise;
 };
+export const openToast = (message) => {
+    return present(() => _jsx(Toast, { message: message }));
+};
 //# sourceMappingURL=router.js.map

package/build/ui/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/ui/router.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAuB,EAAE,OAAgB,EAAE,EAAE;IACvE,OAAO,IAAI,OAAO,CAAsF,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC1H,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,CAAC,EAAE;YACT,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,EAC7D,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAC7C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAwB,EAAE,EAAE;IAC1D,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAChB,OAAO,CACL,KAAC,WAAW,CAAC,EAAE;gBACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAC7D,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAiB,EAAE,KAA4B,EAAE,EAAE;IAC5E,OAAO,IAAI,OAAO,CAAe,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACnD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,MAAM,CAAC,EAAE;YACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAC5D,CACH,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAiB,EAAE,EAAE;IACjD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAiB,EAAE,EAAE;IAC/C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAuG,EAAE,EAAE;IAC3K,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;AAChJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAwB,EAAE,QAAuC,EAAE,EAAE;IACpG,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,IAAC,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AACxG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA8F,EAAE,EAAE;IACjI,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA6G,EAAE,EAAE;IACnJ,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,eAAe,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAK,IAA6F,EAAc,EAAE;IAC7I,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAChC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC;IAChI,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/ui/router.tsx"],"names":[],"mappings":"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"}

package/build/ui/styles.js

@@ -185,6 +185,7 @@ export const PopupOption = styled.button `
   outline: none;
   border: none;
   background: transparent;
+  width: 100%;
   gap: 12px;
 
   img {
@@ -251,6 +252,7 @@ export const PopupButton = styled.button `
 `;
 export const PopupRoot = styled.div `
   height: 100%;
+  width: 100%;
 
   h1,
   h2,

package/build/ui/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,+IAA+I,CAAC;AAE7J,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAiC;;;;;;;;;;;;;;;;;;;;;;MAsBjE,CAAC,KAAsC,EAAE,EAAE,CAC3C,KAAK,CAAC,iBAAiB;IACvB,GAAG,CAAA;;;;;;;OAOF;;CAEN,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAcpC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCvC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAexC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBvC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;mBAUhB,IAAI;;;;;;;;;;;;;;;mBAeJ,IAAI;;;;;;;;;;CAUtB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,+IAA+I,CAAC;AAE7J,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAiC;;;;;;;;;;;;;;;;;;;;;;MAsBjE,CAAC,KAAsC,EAAE,EAAE,CAC3C,KAAK,CAAC,iBAAiB;IACvB,GAAG,CAAA;;;;;;;OAOF;;CAEN,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAcpC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCvC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAexC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBvC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;mBAWhB,IAAI;;;;;;;;;;;;;;;mBAeJ,IAAI;;;;;;;;;;CAUtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hot-labs/kit",
-  "version": "1.1.0-beta.5",
+  "version": "1.1.0-beta.9",
   "description": "HOT Labs Kit is chain agnostic connector with omni payments",
   "license": "ISC",
   "author": "",

package/src/core/Intents.ts

@@ -7,10 +7,11 @@ import { rpc } from "../near/rpc";
 import type { Intent, Commitment, TokenDiffIntent, MtWithdrawIntent, FtWithdrawIntent, NftWithdrawIntent, TransferIntent } from "./types";
 import { OmniToken } from "./chains";
 import { tokens } from "./tokens";
-import { formatter } from "./utils";
 import { api } from "./api";
 
-import { openPayment } from "../ui/router";
+import { openConnector, openConnectPrimaryWallet, openPayment, openToast } from "../ui/router";
+import { formatter } from "./utils";
+import { BridgeReview } from "../exchange";
 
 export const TGAS = 1000000000000n;
 
@@ -26,16 +27,18 @@ export class Intents {
   need = new Map<OmniToken, bigint>();
   signer?: OmniWallet;
 
-  unsignedCommitment: {
+  unsignedCommitment?: {
     intents: Intent[];
     nonce?: Uint8Array;
     deadline?: Date;
-  } = {
-    intents: [],
-    nonce: undefined,
-    deadline: undefined,
   };
 
+  addIntent(intent: Intent) {
+    if (!this.unsignedCommitment) this.unsignedCommitment = { intents: [] };
+    this.unsignedCommitment.intents.push(intent);
+    return this;
+  }
+
   addNeed(token: OmniToken, amount: bigint) {
     if (!this.need.has(token)) this.need.set(token, 0n);
     this.need.set(token, this.need.get(token)! + amount);
@@ -44,7 +47,7 @@ export class Intents {
 
   authCall(args: { contractId: string; msg: string; attachNear: bigint; tgas: number }) {
     this.addNeed(OmniToken.NEAR, args.attachNear);
-    this.unsignedCommitment.intents.push({
+    this.addIntent({
       min_gas: (BigInt(args.tgas) * TGAS).toString(),
       attached_deposit: args.attachNear.toString(),
       contract_id: args.contractId,
@@ -64,7 +67,11 @@ export class Intents {
       recipient: "pay.fi.tg",
       amount,
       token,
-    }).yieldExecute({ email });
+    }).depositAndExecute({
+      title: `Pay ${this.wibe3?.omni(token).readable(amount)} ${this.wibe3?.omni(token).symbol}`,
+      serverSideProcessing: true,
+      payload: { email },
+    });
   }
 
   transfer(args: { recipient: string; token: OmniToken; amount: number | bigint; memo?: string; msg?: string; tgas?: number }) {
@@ -80,7 +87,7 @@ export class Intents {
     };
 
     this.addNeed(args.token, BigInt(amount));
-    this.unsignedCommitment.intents.push(intent);
+    this.addIntent(intent);
     return this;
   }
 
@@ -102,7 +109,7 @@ export class Intents {
       msg: args.msg,
     };
 
-    this.unsignedCommitment.intents.push(intent);
+    this.addIntent(intent);
     return this;
   }
 
@@ -125,7 +132,7 @@ export class Intents {
       }
     }
 
-    this.unsignedCommitment.intents.push(intent);
+    this.addIntent(intent);
     return this;
   }
 
@@ -162,7 +169,7 @@ export class Intents {
         this.addNeed(token, BigInt(rawIntent.amounts[i]));
       }
 
-      this.unsignedCommitment.intents.push({
+      this.addIntent({
         intent: "mt_withdraw",
         amounts: rawIntent.amounts,
         receiver_id: rawIntent.receiver_id,
@@ -217,12 +224,12 @@ export class Intents {
   }
 
   addPublicKey(publicKey: string) {
-    this.unsignedCommitment.intents.push({ intent: "add_public_key", public_key: publicKey });
+    this.addIntent({ intent: "add_public_key", public_key: publicKey });
     return this;
   }
 
   removePublicKey(publicKey: string) {
-    this.unsignedCommitment.intents.push({ intent: "remove_public_key", public_key: publicKey });
+    this.addIntent({ intent: "remove_public_key", public_key: publicKey });
     return this;
   }
 
@@ -235,7 +242,7 @@ export class Intents {
     if (standart === "nep245") {
       const mtContract = tokenParts[0];
       const tokenId = tokenParts.slice(1).join(":");
-      this.unsignedCommitment.intents.push({
+      this.addIntent({
         intent: "mt_withdraw",
         amounts: [amount],
         receiver_id: args.receiver,
@@ -249,7 +256,7 @@ export class Intents {
     }
 
     if (standart === "nep141") {
-      this.unsignedCommitment.intents.push({
+      this.addIntent({
         intent: "ft_withdraw",
         receiver_id: args.receiver,
         token: tokenParts.join(":"),
@@ -261,7 +268,7 @@ export class Intents {
     }
 
     if (standart === "nep171") {
-      this.unsignedCommitment.intents.push({
+      this.addIntent({
         intent: "nft_withdraw",
         receiver_id: args.receiver,
         token_id: tokenParts.join(":"),
@@ -286,21 +293,25 @@ export class Intents {
   }
 
   attachDeadline(deadline: Date) {
+    if (!this.unsignedCommitment) this.unsignedCommitment = { intents: [] };
     this.unsignedCommitment.deadline = deadline;
     return this;
   }
 
   attachNonce(nonce: Uint8Array) {
+    if (!this.unsignedCommitment) this.unsignedCommitment = { intents: [] };
     this.unsignedCommitment.nonce = nonce;
     return this;
   }
 
   attachTimeout(seconds: number) {
+    if (!this.unsignedCommitment) this.unsignedCommitment = { intents: [] };
     this.unsignedCommitment.deadline = new Date(Date.now() + seconds * 1000);
     return this;
   }
 
   attachSeed(seed: string) {
+    if (!this.unsignedCommitment) this.unsignedCommitment = { intents: [] };
     this.unsignedCommitment.nonce = new Uint8Array(sha256(new TextEncoder().encode(seed))).slice(0, 32);
     return this;
   }
@@ -314,10 +325,10 @@ export class Intents {
     const intAmount = typeof amount === "number" ? tokens.get(token).int(amount) : amount;
 
     // this.addNeed(token, -intAmount); Do we need to add the need here?
-    const tokenDiff = this.unsignedCommitment.intents.find((intent) => intent.intent === "token_diff");
+    const tokenDiff = this.unsignedCommitment?.intents.find((intent) => intent.intent === "token_diff");
 
     if (tokenDiff) tokenDiff.diff[token.toString()] = intAmount.toString();
-    else this.unsignedCommitment.intents.push({ intent: "token_diff", diff: { [token.toString()]: intAmount.toString() } });
+    else this.addIntent({ intent: "token_diff", diff: { [token.toString()]: intAmount.toString() } });
     return this;
   }
 
@@ -325,10 +336,10 @@ export class Intents {
     const intAmount = typeof amount === "number" ? tokens.get(token).int(amount) : amount;
 
     this.addNeed(token as OmniToken, intAmount);
-    const tokenDiff = this.unsignedCommitment.intents.find((intent) => intent.intent === "token_diff");
+    const tokenDiff = this.unsignedCommitment?.intents.find((intent) => intent.intent === "token_diff");
 
     if (tokenDiff) tokenDiff.diff[token.toString()] = (-intAmount).toString();
-    else this.unsignedCommitment.intents.push({ intent: "token_diff", diff: { [token.toString()]: (-intAmount).toString() } });
+    else this.addIntent({ intent: "token_diff", diff: { [token.toString()]: (-intAmount).toString() } });
     return this;
   }
 
@@ -338,11 +349,11 @@ export class Intents {
     if (!signer.omniAddress) throw new Error("No omni address");
 
     const commitments: Commitment[] = [];
-    for (const intent of this.unsignedCommitment.intents) {
+    for (const intent of this.unsignedCommitment?.intents || []) {
       commitments.push(
         await signer.signIntents([intent], {
-          deadline: this.unsignedCommitment.deadline ? +this.unsignedCommitment.deadline : undefined,
-          nonce: this.unsignedCommitment.nonce,
+          deadline: this.unsignedCommitment?.deadline ? +this.unsignedCommitment.deadline : undefined,
+          nonce: this.unsignedCommitment?.nonce,
         })
       );
     }
@@ -354,12 +365,12 @@ export class Intents {
     const signer = this.signer;
     if (!signer) throw new Error("No signer attached");
     if (!signer.omniAddress) throw new Error("No omni address");
-    const commitment = await signer.signIntents(this.unsignedCommitment.intents, {
-      deadline: this.unsignedCommitment.deadline ? +this.unsignedCommitment.deadline : undefined,
-      nonce: this.unsignedCommitment.nonce,
+    const commitment = await signer.signIntents(this.unsignedCommitment?.intents || [], {
+      deadline: this.unsignedCommitment?.deadline ? +this.unsignedCommitment.deadline : undefined,
+      nonce: this.unsignedCommitment?.nonce,
     });
 
-    this.unsignedCommitment = { intents: [] };
+    this.unsignedCommitment = undefined;
     this.commitments.push(commitment);
     return this;
   }
@@ -369,28 +380,88 @@ export class Intents {
     return await Intents.simulateIntents(this.commitments);
   }
 
-  async yieldExecute(payload?: Record<string, any>) {
+  async setupSigner() {
     if (!this.wibe3) throw new Error("No wibe3 attached");
-    const { depositQoute, processing } = await openPayment(this.wibe3, this);
-    const depositAddress = depositQoute === "direct" ? undefined : typeof depositQoute?.qoute === "object" ? depositQoute?.qoute?.depositAddress : undefined;
+    if (this.signer) return this.signer;
 
-    if (depositAddress) {
-      const { near_trx } = await api.yieldIntentCall({ depositAddress, commitment: this.commitments[0], payload });
-      return near_trx;
+    if (this.wibe3.priorityWallet) {
+      this.signer = this.wibe3.priorityWallet;
+      return this.signer;
     }
 
-    await processing?.();
-    return this.execute();
+    if (this.wibe3.wallets.length > 0) {
+      await openConnectPrimaryWallet(this.wibe3);
+      if (this.wibe3.priorityWallet == undefined) throw new Error("No signer attached");
+      this.signer = this.wibe3.priorityWallet;
+      return this.signer;
+    }
+
+    await openConnector(this.wibe3);
+    if (this.wibe3.priorityWallet == undefined) await openConnectPrimaryWallet(this.wibe3);
+    if (this.wibe3.priorityWallet == undefined) throw new Error("No signer attached");
+    this.signer = this.wibe3.priorityWallet;
+    return this.signer;
+  }
+
+  async openSignFlow({
+    title,
+    allowedTokens,
+    onConfirm,
+  }: {
+    title?: string; //
+    allowedTokens?: string[];
+    onConfirm: (args: { depositQoute: BridgeReview | "direct"; processing?: () => Promise<BridgeReview> }) => Promise<void>;
+  }) {
+    if (!this.wibe3) throw "Attach wibe3";
+    if (!this.signer) throw "Attach signer";
+
+    // TODO: Handle multiple payables
+    const payableToken = tokens.get(Array.from(this.need.keys())[0]);
+    const payableAmount = this.need.get(payableToken.omniAddress as OmniToken) || 0n;
+    const balance = await this.wibe3.fetchToken(payableToken!, this.signer);
+    const prepaidAmount = formatter.bigIntMin(payableAmount, balance);
+
+    return await openPayment(this.wibe3, {
+      onConfirm,
+      needAmount: payableAmount - prepaidAmount,
+      allowedTokens,
+      prepaidAmount,
+      payableToken,
+      intents: this,
+      title,
+    });
   }
 
-  async depositAndExecute() {
-    if (!this.wibe3) throw new Error("No wibe3 attached");
-    const { processing } = await openPayment(this.wibe3, this);
-    await processing?.();
-    return this.execute();
+  async depositAndExecute({ title = "Payment", message, allowedTokens, serverSideProcessing, payload }: { title?: string; message?: string; allowedTokens?: string[]; serverSideProcessing?: boolean; payload?: Record<string, any> } = {}) {
+    await this.setupSigner();
+    if (this.need.size === 0) return this.execute();
+    await this.openSignFlow({
+      title,
+      allowedTokens,
+      onConfirm: async ({ depositQoute, processing }: { depositQoute: BridgeReview | "direct"; processing?: () => Promise<BridgeReview> }) => {
+        if (!serverSideProcessing) return;
+
+        if (depositQoute === "direct" || typeof depositQoute?.qoute !== "object" || !depositQoute.qoute?.depositAddress) {
+          await processing?.();
+          await this.execute();
+          return;
+        }
+
+        await api.yieldIntentCall({
+          depositAddress: depositQoute.qoute.depositAddress,
+          commitment: this.commitments[0],
+          payload: payload || {},
+        });
+      },
+    });
+
+    if (serverSideProcessing) return;
+    const close = openToast(message || "Executing payment");
+    await this.execute().finally(() => close());
   }
 
   async execute() {
+    if (this.unsignedCommitment != null) await this.sign();
     const task = Intents.publish(this.commitments, this.signedHashes);
     this.commitments = [];
     this.signedHashes = [];
@@ -400,22 +471,6 @@ export class Intents {
     return hash;
   }
 
-  async executeBatch(params = { checkTokens: true, chunkSize: this.unsignedCommitment.intents.length, onSuccess: (bucket: number, hash: string) => {} }) {
-    if (this.commitments.length === 0) throw new Error("No commitments attached");
-    const batches = formatter.chunk(this.unsignedCommitment.intents, params.chunkSize);
-    let index = 0;
-
-    const hashes: string[] = [];
-    for (const batch of batches) {
-      this.unsignedCommitment.intents = batch;
-      const hash = await this.sign().then(() => this.execute());
-      params.onSuccess(index++, hash);
-      hashes.push(hash);
-    }
-
-    return hashes;
-  }
-
   static async publish(signed: Commitment[], hashes: string[] = []): Promise<string> {
     const result = await api.publishIntents(signed, hashes);
     if (result.status === "FAILED") throw result.reason;

package/src/core/utils.ts

@@ -148,7 +148,12 @@ export const formatter = {
   },
 
   amount(value: Value, decimals = 24) {
-    const num = String(+formatter.num(value).toFixed(decimals));
+    if (+formatter.num(value) > 1_000_000_000_000_000_000) return `${formatter.round(+formatter.num(value) / 1_000_000_000_000_000, 2)}Q`;
+    if (+formatter.num(value) > 1_000_000_000_000_000) return `${formatter.round(+formatter.num(value) / 1_000_000_000_000, 2)}T`;
+    if (+formatter.num(value) > 1_000_000_000_000) return `${formatter.round(+formatter.num(value) / 1_000_000_000, 2)}B`;
+    if (+formatter.num(value) > 1_000_000_000) return `${formatter.round(+formatter.num(value) / 1_000_000, 2)}M`;
+    const num = formatter.num(value).toFixed(decimals);
+    if (+num === 0) return "0";
     return formatter.formatNumberWithSubscriptZeros(num, 3, 0.0001);
   },
 

package/src/exchange.ts

@@ -184,7 +184,7 @@ export class Exchange {
     if (!intentFrom) throw new Error("Unsupported token");
     if (!intentTo) throw new Error("Unsupported token");
 
-    const deadlineTime = 20 * 60 * 1000;
+    const deadlineTime = 5 * 60 * 1000;
     const directChains = [Network.Near, Network.Juno, Network.Gonka, Network.ADI];
     const deadline = new Date(Date.now() + deadlineTime).toISOString();
     const noFee = from.symbol === to.symbol || (from.symbol.toLowerCase().includes("usd") && to.symbol.toLowerCase().includes("usd"));

package/src/ui/Popup.tsx

@@ -16,6 +16,11 @@ export const present = (render: (close: () => void) => React.ReactNode) => {
       div.remove();
     })
   );
+
+  return () => {
+    root.unmount();
+    div.remove();
+  };
 };
 
 interface PopupProps {

package/src/ui/Toast.tsx

@@ -0,0 +1,45 @@
+import styled from "styled-components";
+import { Loader } from "./payment/Profile";
+
+const Toast = ({ message }: { message: string }) => {
+  return (
+    <ToastRoot>
+      <div style={{ width: 44, height: 44, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: 12, background: "rgba(255, 255, 255, 0.07)" }}>
+        <Loader />
+      </div>
+
+      <div>
+        <p style={{ color: "#ADA5A4" }}>Executing transaction</p>
+        <p style={{ marginTop: 2 }}>{message}</p>
+      </div>
+    </ToastRoot>
+  );
+};
+
+export default Toast;
+
+const ToastRoot = styled.div`
+  position: fixed;
+  bottom: 48px;
+  left: 12px;
+  right: 12px;
+  background: var(--surface-common-container--low, #262729);
+  border: 1px solid var(--border-lowest, rgba(255, 255, 255, 0.07));
+  border-radius: 8px;
+  padding: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 1000000000;
+  width: fit-content;
+  padding-right: 24px;
+  gap: 12px;
+
+  p {
+    color: var(--text-primary, #fff);
+    font-size: 16px;
+    font-weight: 500;
+    margin: 0;
+  }
+`;

package/src/ui/connect/ConnectWallet.tsx

@@ -1,8 +1,11 @@
 import { observer } from "mobx-react-lite";
 
+import { OmniWallet } from "../../OmniWallet";
 import { HotConnector } from "../../HotConnector";
 import { ConnectorType, OmniConnector } from "../../OmniConnector";
+
 import { formatter } from "../../core/utils";
+import { WalletType } from "../../core";
 
 import { ImageView } from "../payment/TokenCard";
 import { PopupOption, PopupOptionInfo } from "../styles";
@@ -12,22 +15,24 @@ import Popup from "../Popup";
 
 interface MultichainPopupProps {
   hot: HotConnector;
-  onClose: () => void;
+  onClose: (wallet?: OmniWallet) => void;
   title?: string;
+  walletType?: WalletType;
+  widget?: boolean;
 }
 
-export const Connector = observer(({ hot, onClose, title }: MultichainPopupProps) => {
-  const onechain = hot.connectors.filter((t) => t.type === ConnectorType.WALLET);
-  const social = hot.connectors.filter((t) => t.type === ConnectorType.SOCIAL);
+export const Connector = observer(({ hot, onClose, title, walletType, widget }: MultichainPopupProps) => {
+  const onechain = hot.connectors.filter((t) => t.type === ConnectorType.WALLET && (walletType == null || t.walletTypes.includes(walletType as WalletType)));
+  const social = hot.connectors.filter((t) => t.type === ConnectorType.SOCIAL && (walletType == null || t.walletTypes.includes(walletType as WalletType)));
 
   const selectConnector = async (t: OmniConnector) => {
     if (t.wallets[0]) return t.disconnect();
-    if (t.options.length > 0) return [openWalletPicker(t), onClose()];
+    if (t.options.length > 0) return openWalletPicker(t, (w) => onClose(w));
     await t.connect().finally(() => onClose());
   };
 
   return (
-    <Popup header={<p>{title || "Select network"}</p>} onClose={onClose}>
+    <Popup header={<p>{title || "Select network"}</p>} onClose={onClose} widget={widget}>
       {onechain.map((t) => (
         <PopupOption key={t.id} onClick={() => selectConnector(t)}>
           <ImageView src={t.icon} alt={t.name} size={44} />