@tonconnect/ui-react 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +48 -42
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +48 -42
- package/lib/index.umd.js.map +1 -1
- package/package.json +2 -2
package/lib/index.js
CHANGED
|
@@ -4092,6 +4092,8 @@ let BridgeProvider$1 = class BridgeProvider2 {
|
|
|
4092
4092
|
var _a2;
|
|
4093
4093
|
(_a2 = this.bridge) === null || _a2 === void 0 ? void 0 : _a2.close();
|
|
4094
4094
|
this.listeners = [];
|
|
4095
|
+
this.session = null;
|
|
4096
|
+
this.bridge = null;
|
|
4095
4097
|
}
|
|
4096
4098
|
disconnect() {
|
|
4097
4099
|
var _a2;
|
|
@@ -4513,6 +4515,7 @@ var __rest$1 = globalThis && globalThis.__rest || function(s2, e2) {
|
|
|
4513
4515
|
}
|
|
4514
4516
|
return t2;
|
|
4515
4517
|
};
|
|
4518
|
+
var _a$1;
|
|
4516
4519
|
let TonConnect$1 = class TonConnect2 {
|
|
4517
4520
|
constructor(options) {
|
|
4518
4521
|
this.walletsList = new WalletsListManager$1();
|
|
@@ -4533,8 +4536,8 @@ let TonConnect$1 = class TonConnect2 {
|
|
|
4533
4536
|
return this._wallet !== null;
|
|
4534
4537
|
}
|
|
4535
4538
|
get account() {
|
|
4536
|
-
var
|
|
4537
|
-
return ((
|
|
4539
|
+
var _b;
|
|
4540
|
+
return ((_b = this._wallet) === null || _b === void 0 ? void 0 : _b.account) || null;
|
|
4538
4541
|
}
|
|
4539
4542
|
get wallet() {
|
|
4540
4543
|
return this._wallet;
|
|
@@ -4559,11 +4562,11 @@ let TonConnect$1 = class TonConnect2 {
|
|
|
4559
4562
|
};
|
|
4560
4563
|
}
|
|
4561
4564
|
connect(wallet, request) {
|
|
4562
|
-
var
|
|
4565
|
+
var _b;
|
|
4563
4566
|
if (this.connected) {
|
|
4564
4567
|
throw new WalletAlreadyConnectedError$1();
|
|
4565
4568
|
}
|
|
4566
|
-
(
|
|
4569
|
+
(_b = this.provider) === null || _b === void 0 ? void 0 : _b.closeConnection();
|
|
4567
4570
|
this.provider = this.createProvider(wallet);
|
|
4568
4571
|
return this.provider.connect(this.createConnectRequest(request));
|
|
4569
4572
|
}
|
|
@@ -4674,8 +4677,8 @@ let TonConnect$1 = class TonConnect2 {
|
|
|
4674
4677
|
}
|
|
4675
4678
|
}
|
|
4676
4679
|
checkFeatureSupport(feature) {
|
|
4677
|
-
var
|
|
4678
|
-
if (!((
|
|
4680
|
+
var _b;
|
|
4681
|
+
if (!((_b = this.wallet) === null || _b === void 0 ? void 0 : _b.device.features.includes(feature))) {
|
|
4679
4682
|
throw new WalletNotSupportFeatureError$1();
|
|
4680
4683
|
}
|
|
4681
4684
|
}
|
|
@@ -4697,6 +4700,9 @@ let TonConnect$1 = class TonConnect2 {
|
|
|
4697
4700
|
};
|
|
4698
4701
|
}
|
|
4699
4702
|
};
|
|
4703
|
+
_a$1 = TonConnect$1;
|
|
4704
|
+
TonConnect$1.walletsList = new WalletsListManager$1();
|
|
4705
|
+
TonConnect$1.getWallets = _a$1.walletsList.getWallets();
|
|
4700
4706
|
function toUserFriendlyAddress$1(hexAddress) {
|
|
4701
4707
|
const { wc, hex } = parseHexAddress$1(hexAddress);
|
|
4702
4708
|
const bounceableTag = 17;
|
|
@@ -6891,12 +6897,12 @@ const Transition = (props) => {
|
|
|
6891
6897
|
const classnames2 = createMemo(() => {
|
|
6892
6898
|
const name = props.name || "s";
|
|
6893
6899
|
return {
|
|
6894
|
-
enterActiveClass: name + "-enter-active",
|
|
6895
|
-
enterClass: name + "-enter",
|
|
6896
|
-
enterToClass: name + "-enter-to",
|
|
6897
|
-
exitActiveClass: name + "-exit-active",
|
|
6898
|
-
exitClass: name + "-exit",
|
|
6899
|
-
exitToClass: name + "-exit-to"
|
|
6900
|
+
enterActiveClass: props.enterActiveClass || name + "-enter-active",
|
|
6901
|
+
enterClass: props.enterClass || name + "-enter",
|
|
6902
|
+
enterToClass: props.enterToClass || name + "-enter-to",
|
|
6903
|
+
exitActiveClass: props.exitActiveClass || name + "-exit-active",
|
|
6904
|
+
exitClass: props.exitClass || name + "-exit",
|
|
6905
|
+
exitToClass: props.exitToClass || name + "-exit-to"
|
|
6900
6906
|
};
|
|
6901
6907
|
});
|
|
6902
6908
|
function enterTransition(el2, prev) {
|
|
@@ -7008,13 +7014,13 @@ const TransitionGroup = (props) => {
|
|
|
7008
7014
|
const classnames2 = createMemo(() => {
|
|
7009
7015
|
const name = props.name || "s";
|
|
7010
7016
|
return {
|
|
7011
|
-
enterActiveClass: name + "-enter-active",
|
|
7012
|
-
enterClass: name + "-enter",
|
|
7013
|
-
enterToClass: name + "-enter-to",
|
|
7014
|
-
exitActiveClass: name + "-exit-active",
|
|
7015
|
-
exitClass: name + "-exit",
|
|
7016
|
-
exitToClass: name + "-exit-to",
|
|
7017
|
-
moveClass: name + "-move"
|
|
7017
|
+
enterActiveClass: props.enterActiveClass || name + "-enter-active",
|
|
7018
|
+
enterClass: props.enterClass || name + "-enter",
|
|
7019
|
+
enterToClass: props.enterToClass || name + "-enter-to",
|
|
7020
|
+
exitActiveClass: props.exitActiveClass || name + "-exit-active",
|
|
7021
|
+
exitClass: props.exitClass || name + "-exit",
|
|
7022
|
+
exitToClass: props.exitToClass || name + "-exit-to",
|
|
7023
|
+
moveClass: props.moveClass || name + "-move"
|
|
7018
7024
|
};
|
|
7019
7025
|
});
|
|
7020
7026
|
const {
|
|
@@ -7949,7 +7955,7 @@ const Notifications = (props) => {
|
|
|
7949
7955
|
if (action2 && action2.showNotification) {
|
|
7950
7956
|
lastId++;
|
|
7951
7957
|
const id = lastId;
|
|
7952
|
-
setOpenedNotifications((notifications2) => notifications2.concat({
|
|
7958
|
+
setOpenedNotifications((notifications2) => notifications2.filter((notification) => notification.action !== "confirm-transaction").concat({
|
|
7953
7959
|
id,
|
|
7954
7960
|
action: action2.name
|
|
7955
7961
|
}));
|
|
@@ -11060,18 +11066,6 @@ const WalletsModal = () => {
|
|
|
11060
11066
|
}
|
|
11061
11067
|
});
|
|
11062
11068
|
onCleanup(unsubscribe);
|
|
11063
|
-
createEffect(() => {
|
|
11064
|
-
if (walletsList()) {
|
|
11065
|
-
const embeddedWallet = walletsList().find((wallet) => "embedded" in wallet && wallet.embedded);
|
|
11066
|
-
if (embeddedWallet) {
|
|
11067
|
-
setLastSelectedWalletInfo(embeddedWallet);
|
|
11068
|
-
connector.connect({
|
|
11069
|
-
jsBridgeKey: embeddedWallet.jsBridgeKey
|
|
11070
|
-
});
|
|
11071
|
-
onClose();
|
|
11072
|
-
}
|
|
11073
|
-
}
|
|
11074
|
-
});
|
|
11075
11069
|
return createComponent(ModalWrapper, {
|
|
11076
11070
|
get children() {
|
|
11077
11071
|
return createComponent(StyledModal, {
|
|
@@ -11573,16 +11567,28 @@ class TonConnectUi {
|
|
|
11573
11567
|
}, errorsHandler);
|
|
11574
11568
|
}
|
|
11575
11569
|
connectWallet() {
|
|
11576
|
-
|
|
11577
|
-
|
|
11578
|
-
const
|
|
11579
|
-
|
|
11580
|
-
|
|
11581
|
-
|
|
11582
|
-
|
|
11583
|
-
|
|
11584
|
-
|
|
11585
|
-
|
|
11570
|
+
return __async(this, null, function* () {
|
|
11571
|
+
const walletsList = yield this.getWallets();
|
|
11572
|
+
const embeddedWallet = walletsList.find(
|
|
11573
|
+
(wallet) => "embedded" in wallet && wallet.embedded
|
|
11574
|
+
);
|
|
11575
|
+
if (embeddedWallet) {
|
|
11576
|
+
setLastSelectedWalletInfo(embeddedWallet);
|
|
11577
|
+
this.connector.connect({ jsBridgeKey: embeddedWallet.jsBridgeKey });
|
|
11578
|
+
} else {
|
|
11579
|
+
widgetController.openWalletsModal();
|
|
11580
|
+
}
|
|
11581
|
+
return new Promise((resolve, reject) => {
|
|
11582
|
+
const unsubscribe = this.connector.onStatusChange((wallet) => {
|
|
11583
|
+
unsubscribe();
|
|
11584
|
+
if (wallet) {
|
|
11585
|
+
const lastSelectedWalletInfo2 = widgetController.getSelectedWalletInfo() || this.walletInfoStorage.getWalletInfo();
|
|
11586
|
+
resolve(__spreadValues(__spreadValues({}, wallet), lastSelectedWalletInfo2));
|
|
11587
|
+
} else {
|
|
11588
|
+
reject(new TonConnectUIError("Wallet was not connected"));
|
|
11589
|
+
}
|
|
11590
|
+
}, reject);
|
|
11591
|
+
});
|
|
11586
11592
|
});
|
|
11587
11593
|
}
|
|
11588
11594
|
disconnect() {
|