@tonconnect/ui-react 0.0.6 → 0.0.8

package/lib/index.umd.js

@@ -4747,11 +4747,16 @@ var __objRest = (source, exclude) => {
   TonConnect.walletsList = new WalletsListManager();
   TonConnect.isWalletInjected = (walletJSKey) => InjectedProvider.isWalletInjected(walletJSKey);
   TonConnect.isInsideWalletBrowser = (walletJSKey) => InjectedProvider.isInsideWalletBrowser(walletJSKey);
-  function toUserFriendlyAddress$1(hexAddress) {
+  const bounceableTag$1 = 17;
+  const testOnlyTag$1 = 128;
+  function toUserFriendlyAddress$1(hexAddress, testOnly = false) {
     const { wc, hex } = parseHexAddress$1(hexAddress);
-    const bounceableTag = 17;
+    let tag = bounceableTag$1;
+    if (testOnly) {
+      tag |= testOnlyTag$1;
+    }
     const addr = new Int8Array(34);
-    addr[0] = bounceableTag;
+    addr[0] = tag;
     addr[1] = wc;
     addr.set(hex, 2);
     const addressWithChecksum = new Uint8Array(36);
@@ -8065,7 +8070,7 @@ var __objRest = (source, exclude) => {
     const connector = useContext(ConnectorContext);
     const [isCopiedShown, setIsCopiedShown] = createSignal(false);
     const onCopy = () => __async(void 0, null, function* () {
-      const userFriendlyAddress = toUserFriendlyAddress$1(tonConnectUi.account.address);
+      const userFriendlyAddress = toUserFriendlyAddress$1(tonConnectUi.account.address, tonConnectUi.account.chain === CHAIN$1.TESTNET);
       yield copyToClipboard(userFriendlyAddress);
       setIsCopiedShown(true);
       setTimeout(() => setIsCopiedShown(false), 1e3);
@@ -9140,7 +9145,7 @@ var __objRest = (source, exclude) => {
     const connector = useContext(ConnectorContext);
     const tonConnectUI2 = useContext(TonConnectUiContext);
     const [isOpened, setIsOpened] = createSignal(false);
-    const [address, setAddress] = createSignal("");
+    const [account, setAccount] = createSignal(null);
     let dropDownRef;
     const [floating, setFloating] = createSignal();
     const [anchor, setAnchor] = createSignal();
@@ -9149,8 +9154,9 @@ var __objRest = (source, exclude) => {
       placement: "bottom-end"
     });
     const normalizedAddress = () => {
-      if (address()) {
-        const userFriendlyAddress = toUserFriendlyAddress$1(address());
+      const acc = account();
+      if (acc) {
+        const userFriendlyAddress = toUserFriendlyAddress$1(acc.address, acc.chain === CHAIN$1.TESTNET);
         return userFriendlyAddress.slice(0, 4) + "..." + userFriendlyAddress.slice(-4);
       }
       return "";
@@ -9158,13 +9164,13 @@ var __objRest = (source, exclude) => {
     const unsubscribe = connector.onStatusChange((wallet) => {
       if (!wallet) {
         setIsOpened(false);
-        setAddress("");
+        setAccount(null);
         return;
       }
-      setAddress(wallet.account.address);
+      setAccount(wallet.account);
     });
     const onClick = (e2) => {
-      if (!address() || !isOpened()) {
+      if (!account() || !isOpened()) {
         return;
       }
       const clickToButton = anchor().contains(e2.target);
@@ -9182,7 +9188,7 @@ var __objRest = (source, exclude) => {
     });
     return [createComponent(Show, {
       get when() {
-        return !address();
+        return !account();
       },
       get children() {
         return createComponent(AccountButtonStyled, {
@@ -9208,7 +9214,7 @@ var __objRest = (source, exclude) => {
       }
     }), createComponent(Show, {
       get when() {
-        return address();
+        return account();
       },
       get children() {
         return createComponent(DropdownContainerStyled, {
@@ -9312,6 +9318,11 @@ var __objRest = (source, exclude) => {
         display: flex;
         align-items: center;
         justify-content: center;
+
+        > svg {
+            height: 276px;
+            width: 276px;
+        }
     }
 
     rect {
@@ -11085,7 +11096,7 @@ var __objRest = (source, exclude) => {
     const universalLink = connector.connect({
       universalLink: props.wallet.universalLink,
       bridgeUrl: props.wallet.bridgeUrl
-    });
+    }, props.additionalRequest);
     return createComponent(QrCodeModalStyled, {
       get id() {
         return props.id;
@@ -11148,7 +11159,7 @@ var __objRest = (source, exclude) => {
                 return createComponent(ActionButtonStyled, {
                   onClick: () => connector.connect({
                     jsBridgeKey: props.wallet.jsBridgeKey
-                  }),
+                  }, props.additionalRequest),
                   get children() {
                     return createComponent(Translation, {
                       translationKey: "walletModal.qrCodeModal.openExtension",
@@ -11418,6 +11429,22 @@ var __objRest = (source, exclude) => {
     const connector = useContext(ConnectorContext);
     const tonConnectUI2 = useContext(TonConnectUiContext);
     const [fetchedWalletsList] = createResource(() => tonConnectUI2.getWallets());
+    const [fetchedAdditionalRequest, {
+      refetch
+    }] = createResource((_, {
+      refetching
+    }) => {
+      var _a;
+      if (refetching) {
+        return (_a = appState.getConnectParameters) == null ? void 0 : _a.call(appState);
+      }
+      return void 0;
+    });
+    createEffect(on(walletsModalOpen, () => {
+      if (walletsModalOpen() && fetchedAdditionalRequest.state !== "refreshing") {
+        refetch();
+      }
+    }));
     const [selectedWalletInfo, setSelectedWalletInfo] = createSignal(null);
     const walletsList = createMemo(() => {
       if (fetchedWalletsList.state !== "ready") {
@@ -11425,6 +11452,13 @@ var __objRest = (source, exclude) => {
       }
       return applyWalletsListConfiguration(fetchedWalletsList(), appState.walletsList);
     });
+    const additionalRequestLoading = () => fetchedAdditionalRequest.state !== "ready" && fetchedAdditionalRequest.state !== "errored";
+    const additionalRequest = createMemo(() => {
+      if (fetchedAdditionalRequest.state !== "ready") {
+        return void 0;
+      }
+      return fetchedAdditionalRequest();
+    });
     const onClose = () => {
       setWalletsModalOpen(false);
       setSelectedWalletInfo(null);
@@ -11447,13 +11481,13 @@ var __objRest = (source, exclude) => {
       const universalLink = connector.connect({
         universalLink: walletInfo.universalLink,
         bridgeUrl: walletInfo.bridgeUrl
-      });
+      }, additionalRequest());
       openLink(universalLink);
     };
     const onSelectIfInjected = (walletInfo) => {
       connector.connect({
         jsBridgeKey: walletInfo.jsBridgeKey
-      });
+      }, additionalRequest());
     };
     const unsubscribe = connector.onStatusChange((wallet) => {
       if (wallet) {
@@ -11470,7 +11504,7 @@ var __objRest = (source, exclude) => {
       get children() {
         return [createComponent(Show, {
           get when() {
-            return !walletsList();
+            return !walletsList() || additionalRequestLoading();
           },
           get children() {
             return [createComponent(H1Styled$1, {
@@ -11484,7 +11518,7 @@ var __objRest = (source, exclude) => {
           }
         }), createComponent(Show, {
           get when() {
-            return walletsList();
+            return createMemo(() => !!walletsList())() && !additionalRequestLoading();
           },
           get children() {
             return [createComponent(Show, {
@@ -11508,6 +11542,9 @@ var __objRest = (source, exclude) => {
               keyed: false,
               get children() {
                 return createComponent(QrCodeModal, {
+                  get additionalRequest() {
+                    return additionalRequest();
+                  },
                   get wallet() {
                     return selectedWalletInfo();
                   },
@@ -11788,7 +11825,10 @@ var __objRest = (source, exclude) => {
         });
       }
       this.uiOptions = mergeOptions(options, { uiPreferences: { theme: "SYSTEM" } });
-      setAppState({ connector: this.connector });
+      setAppState({
+        connector: this.connector,
+        getConnectParameters: options == null ? void 0 : options.getConnectParameters
+      });
       widgetController.renderApp(rootId, this);
     }
     static getWallets() {
@@ -14825,11 +14865,16 @@ var __objRest = (source, exclude) => {
       }
     return t2;
   };
-  function toUserFriendlyAddress(hexAddress) {
+  const bounceableTag = 17;
+  const testOnlyTag = 128;
+  function toUserFriendlyAddress(hexAddress, testOnly = false) {
     const { wc, hex } = parseHexAddress(hexAddress);
-    const bounceableTag = 17;
+    let tag = bounceableTag;
+    if (testOnly) {
+      tag |= testOnlyTag;
+    }
     const addr = new Int8Array(34);
-    addr[0] = bounceableTag;
+    addr[0] = tag;
     addr[1] = wc;
     addr.set(hex, 2);
     const addressWithChecksum = new Uint8Array(36);
@@ -14909,7 +14954,7 @@ var __objRest = (source, exclude) => {
   function useTonAddress(userFriendly = true) {
     const wallet = useTonWallet();
     if (wallet) {
-      return userFriendly ? toUserFriendlyAddress(wallet.account.address) : wallet.account.address;
+      return userFriendly ? toUserFriendlyAddress(wallet.account.address, wallet.account.chain === CHAIN.TESTNET) : wallet.account.address;
     } else {
       return "";
     }
@@ -14918,6 +14963,7 @@ var __objRest = (source, exclude) => {
   exports.TonConnectButton = TonConnectButton$1;
   exports.TonConnectProviderNotSetError = TonConnectProviderNotSetError;
   exports.TonConnectUI = TonConnectUI;
+  exports.TonConnectUIContext = TonConnectUIContext;
   exports.TonConnectUIError = TonConnectUIError;
   exports.TonConnectUIProvider = TonConnectUIProvider$1;
   exports.TonConnectUIReactError = TonConnectUIReactError;