@tonconnect/ui-react 0.0.12 → 0.0.13

package/lib/components/TonConnectUIProvider.d.ts

@@ -42,7 +42,7 @@ export interface TonConnectUIProviderPropsBase {
      */
     walletsList?: WalletsListConfiguration;
     /**
-     * Configuration for action-period (e.g. sendTransaction) UI elements: modals and notifications.
+     * Configuration for action-period (e.g. sendTransaction) UI elements: modals and notifications and wallet behaviour (return strategy).
      */
     actionsConfiguration?: ActionConfiguration;
     /**

package/lib/index.js

@@ -11167,6 +11167,20 @@ function subscribeToThemeChange(callback) {
   window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", handler);
   return () => window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", handler);
 }
+function addQueryParameter(url, key, value) {
+  const parsed = new URL(url);
+  parsed.searchParams.append(key, value);
+  return parsed.toString();
+}
+function addReturnStrategy(url, returnStrategy) {
+  return addQueryParameter(url, "ret", returnStrategy);
+}
+const [appState, setAppState] = createStore({
+  buttonRootId: null,
+  language: "en",
+  returnStrategy: "back",
+  walletsList: {}
+});
 const QrCodeModal = (props) => {
   const connector = useContext(ConnectorContext);
   const universalLink = connector.connect({
@@ -11217,7 +11231,7 @@ const QrCodeModal = (props) => {
               setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
                 openMethod: "universal-link"
               }));
-              openLink(universalLink);
+              openLink(addReturnStrategy(universalLink, appState.returnStrategy));
             },
             get children() {
               return createComponent(Translation, {
@@ -11457,11 +11471,6 @@ const LoaderContainerStyled = styled.div`
         align-items: center;
     }
 `;
-const [appState, setAppState] = createStore({
-  buttonRootId: null,
-  language: "en",
-  walletsList: {}
-});
 function uiWalletToWalletInfo(uiWallet) {
   if ("jsBridgeKey" in uiWallet) {
     return __spreadProps(__spreadValues({}, uiWallet), {
@@ -11565,14 +11574,14 @@ const WalletsModal = () => {
       setSelectedWalletInfo(walletInfo);
       return;
     }
-    openLink(walletInfo.aboutUrl, "_blank");
+    openLinkBlank(walletInfo.aboutUrl);
   };
   const onSelectIfMobile = (walletInfo) => {
     const universalLink = connector.connect({
       universalLink: walletInfo.universalLink,
       bridgeUrl: walletInfo.bridgeUrl
     }, additionalRequest());
-    openLink(universalLink);
+    openLink(addReturnStrategy(universalLink, appState.returnStrategy));
   };
   const onSelectIfInjected = (walletInfo) => {
     connector.connect({
@@ -11962,8 +11971,11 @@ class TonConnectUI {
       setBorderRadius(options.uiPreferences.borderRadius);
     }
     setAppState((state) => {
+      var _a2;
       const merged = mergeOptions(
-        __spreadValues(__spreadValues({}, options.language && { language: options.language }), !!options.walletsList && { walletsList: options.walletsList }),
+        __spreadValues(__spreadValues(__spreadValues({}, options.language && { language: options.language }), !!((_a2 = options.actionsConfiguration) == null ? void 0 : _a2.returnStrategy) && {
+          returnStrategy: options.actionsConfiguration.returnStrategy
+        }), !!options.walletsList && { walletsList: options.walletsList }),
         unwrap(state)
       );
       if (options.buttonRootId !== void 0) {
@@ -12023,10 +12035,10 @@ class TonConnectUI {
       if (!this.connected || !this.walletInfo) {
         throw new TonConnectUIError("Connect wallet to send a transaction.");
       }
+      const { notifications: notifications2, modals, returnStrategy } = this.getModalsAndNotificationsConfiguration(options);
       if ("universalLink" in this.walletInfo && this.walletInfo.openMethod === "universal-link") {
-        openLink(this.walletInfo.universalLink);
+        openLink(addReturnStrategy(this.walletInfo.universalLink, returnStrategy));
       }
-      const { notifications: notifications2, modals } = this.getModalsAndNotificationsConfiguration(options);
       widgetController.setAction({
         name: "confirm-transaction",
         showNotification: notifications2.includes("before"),
@@ -12125,7 +12137,8 @@ class TonConnectUI {
     }
     return {
       notifications: notifications2,
-      modals
+      modals,
+      returnStrategy: (options == null ? void 0 : options.returnStrategy) || "back"
     };
   }
 }