add TS examples for equivalent SDK methods

docs/building-apps/wallet/intro.mdx

@@ -34,7 +34,7 @@ val wallet = Wallet(StellarConfiguration.Testnet)
 ```
 
 ```ts
-const wallet = walletSdk.Wallet.TestNet();
+let wallet = walletSdk.Wallet.TestNet();
 ```
 
 </CodeExample>
@@ -47,6 +47,12 @@ The wallet instance can be further configured. For example, to connect to the pu
 val walletMainnet = Wallet(StellarConfiguration(Network.PUBLIC, "https://horizon.stellar.org"))
 ```
 
+```typescript
+let wallet = new Wallet({
+  stellarConfiguration: StellarConfiguration.MainNet(),
+});
+```
+
 </CodeExample>
 
 There is one more available configuration for a wallet that allows it to configure internal logic of the SDK. For example, to test with local servers on an HTTP protocol, HTTP can be manually enabled.
@@ -60,6 +66,22 @@ val walletCustom = Wallet(
 )
 ```
 
+```typescript
+const customClient: AxiosInstance = axios.create({
+  baseURL: "https://some-url.com/api",
+  timeout: 1000,
+  headers: { "X-Custom-Header": "foobar" },
+});
+let appConfig = new ApplicationConfiguration(
+  DefaultSigner,
+  customClient
+);
+let wal = new Wallet({
+  stellarConfiguration: StellarConfiguration.TestNet(),
+  applicationConfiguration: appConfig,
+});
+  ```
+
 </CodeExample>
 
 ### Configuring the Client
@@ -151,6 +173,10 @@ Primary use of the SDK is to provide an easy way to connect to anchors via sets
 val anchor = wallet.anchor("https://testanchor.stellar.org")
 ```
 
+```typescript
+let anchor = wallet.anchor({ homeDomain: "testanchor.stellar.org" });
+```
+
 </CodeExample>
 
 And the most basic interaction of fetching a [SEP-1]: Stellar Info File:
@@ -163,6 +189,10 @@ suspend fun anchorToml(): TomlInfo {
 }
 ```
 
+```typescript
+let resp = await anchor.getInfo();
+```
+
 </CodeExample>
 
 The anchor class also supports [SEP-10]: Stellar Authentication and [SEP-24]: Hosted Deposit and Withdrawal features.

docs/building-apps/wallet/sep10.mdx

@@ -43,6 +43,10 @@ First, let's create an `anchor` object to work with the anchor you are integrati
 val anchor = wallet.anchor("https://testanchor.stellar.org")
 ```
 
+```typescript
+let anchor = wallet.anchor({ homeDomain: "https://testanchor.stellar.org" });
+```
+
 </CodeExample>
 
 Next, authenticate with the `authKey` created earlier:
@@ -57,6 +61,14 @@ suspend fun getAuthToken(): AuthToken {
 }
 ```
 
+```typescript
+let authKey = Keypair.fromSecret("my secret key");
+
+const getAuthToken = async () => {
+  return anchor.auth().authenticate({ authKey });
+}
+```
+
 </CodeExample>
 
 For non-custodial wallets, you want to use the user's private key as an `authKey`.
@@ -95,6 +107,33 @@ suspend fun getAuthToken(): AuthToken {
 }
 ```
 
+```typescript
+const demoWalletSigner: WalletSigner = {
+    signWithClientAccount: ({ transaction, accountKp }) => {
+    transaction.sign(accountKp);
+    return transaction;
+  },
+  signWithDomainAccount: async ({
+    transactionXDR,
+    networkPassphrase,
+    accountKp,
+  }) => {
+    return await axios.post("https://demo-wallet-server.stellar.org/sign", {
+      transactionXDR,
+      networkPassphrase,
+    });
+  },
+};
+
+const getAuthToken = async () => {
+  return anchor.auth().authenticate({
+    accountKp,
+    walletSigner: demoWalletSigner,
+    clientDomain: "https://demo-wallet-server.stellar.org/sign"
+  })
+}
+```
+
 </CodeExample>
 
 :::danger
@@ -111,6 +150,29 @@ Let's add authentication with a bearer token. Simply update the request transfor
 val signer = WalletSigner.DomainSigner("https://demo-wallet-server.stellar.org/sign") { bearerAuth("token") }
 ```
 
+```typescript
+const demoWalletSigner: WalletSigner = {
+    signWithClientAccount: ({ transaction, accountKp }) => {
+    transaction.sign(accountKp);
+    return transaction;
+  },
+  signWithDomainAccount: async ({
+    transactionXDR,
+    networkPassphrase,
+    accountKp,
+  }) => {
+    return await axios.post("https://demo-wallet-server.stellar.org/sign", {
+      transactionXDR,
+      networkPassphrase,
+    },
+    {
+    headers: { Authorization: `Bearer ${token}` }
+    }
+    );
+  },
+};
+```
+
 </CodeExample>
 
 Finally, with the approach above we define the signer and client domain per request. If you want to define it once and use it for every authentication call your application is making, you can do so via changing the configuration:

docs/building-apps/wallet/sep24.mdx

@@ -28,6 +28,10 @@ Let's start with getting an instance of `Interactive` class, responsible for all
 val sep24 = anchor.sep24()
 ```
 
+```typescript
+let sep24 = await anchor.getInfo();
+```
+
 </CodeExample>
 
 First, let's get the information about the anchor's support for [SEP-24]. This request doesn't require authentication, and will return generic info, such as supported currencies, and features supported by the anchor. You can get a full list of returned fields in the [SEP-24 specification](https://github.com/stellar/stellar-protocol/blob/master/ecosystem/sep-0024.md#info).
@@ -40,6 +44,12 @@ suspend fun getAnchorServices(): AnchorServiceInfo {
 }
 ```
 
+```typescript
+const getAnchorServices = async (): Promise<AnchorServiceInfo> => {
+  anchor.getServicesInfo();
+}
+```
+
 </CodeExample>
 
 ## Interactive Flows
@@ -54,6 +64,10 @@ To initiate an operation, we need to know an asset. You may want to hard-code it
 val asset = info.currencies.first { it.code == "USDC" }.assetId
 ```
 
+```typescript
+const asset = info.currencies.find(({ code }) => code === "USDC").assetId;
+```
+
 </CodeExample>
 
 :::info
@@ -74,6 +88,14 @@ Let's start with a basic deposit:
 val deposit = sep24.deposit(asset, token)
 ```
 
+```typescript
+let deposit = await anchor.interactive().deposit({
+  accountAddress: accountKp.publicKey(),
+  assetCode,
+  authToken,
+});
+```
+
 </CodeExample>
 
 As a result, you will get an [interactive response](https://github.com/stellar/stellar-protocol/blob/master/ecosystem/sep-0024.md#deposit-and-withdraw-shared-responses) from the anchor.
@@ -87,6 +109,11 @@ val url = deposit.url
 val id = deposit.id
 ```
 
+```typescript
+let url = deposit.url;
+let id = deposit.id;
+```
+
 </CodeExample>
 
 Similarly to the deposit flow, a basic withdrawal flow has the same method signature and repose type:
@@ -99,6 +126,16 @@ val url = withdrawal.url
 val id = withdrawal.id
 ```
 
+```typescript
+let withdrawal = await anchor.interactive().withdraw({
+  accountAddress: accountKp.publicKey(),
+  assetCode,
+  authToken,
+});
+let url = withdrawal.url;
+let id = withdrawal.id;
+```
+
 </CodeExample>
 
 ### Providing KYC Info
@@ -125,6 +162,15 @@ val sep9 = mapOf("email_address" to "[email protected]")
 val deposit = sep24.deposit(asset, token, sep9)
 ```
 
+```typescript
+let deposit = await anchor.interactive().deposit({
+  accountAddress: accountKp.publicKey(),
+  assetCode,
+  authToken,
+  extraFields: { email_address: "[email protected]" }
+});
+```
+
 </CodeExample>
 
 ### Changing Stellar Transfer Account
@@ -143,6 +189,18 @@ suspend fun depositDifferentAccount(): InteractiveFlowResponse {
 }
 ```
 
+```typescript
+const recipientAccount = "G...";
+const depositDifferentAccount = async (): Promise<InteractiveFlowResponse> => {
+  return anchor.interactive().deposit({
+    accountAddress: accountKp.publicKey(),
+    assetCode,
+    authToken,
+    fundsAccountAddress: recipientAccount
+});
+}
+```
+
 </CodeExample>
 
 Similarly, for a withdrawal, the origin account of the Stellar transaction could be changed:
@@ -154,6 +212,16 @@ val originAccount = "G..."
 val withdrawal = sep24.withdraw(asset, token, withdrawalAccount = originAccount)
 ```
 
+```typescript
+const originAccount = "G..."
+const withdrawal = await anchor.interactive().withdraw({
+  accountAddress: accountKp.publicKey(),
+  assetCode,
+  authToken,
+  fundsAccountAddress: recipientAccount
+});
+```
+
 </CodeExample>
 
 ## Getting Transaction Info
@@ -173,6 +241,20 @@ val watcher = sep24.watcher()
 val result = watcher.watchOneTransaction(token, "transaction id")
 ```
 
+
+```typescript
+let watcher = anchor.watcher();
+
+let result = watcher.watchOneTransaction({
+  authToken,
+  assetCode,
+  id: successfulTransaction.id,
+  onMessage,
+  onSuccess,
+  onError,
+});
+```
+
 </CodeExample>
 
 Alternatively, we can track multiple transactions for the same asset.
@@ -226,6 +308,13 @@ While `Watcher` class offers powerful tracking capabilities, sometimes it's requ
 val transaction = sep24.getTransactionBy(token, id = "transaction id")
 ```
 
+```typescript
+const transaction = await anchor.getTransactionBy({
+  authToken,
+  id: transactionId,
+});
+```
+
 </CodeExample>
 
 It's also possible to fetch transaction by the asset
@@ -236,6 +325,13 @@ It's also possible to fetch transaction by the asset
 val transactions = sep24.getTransactionsForAsset(asset, token)
 ```
 
+```typescript
+const transactions = await anchor.getHistory({
+  authToken,
+  assetCode,
+});
+```
+
 </CodeExample>
 
 [sep-9]: https://github.com/stellar/stellar-protocol/blob/master/ecosystem/sep-000p.md