diff --git a/docs/components/TabGroup.tsx b/docs/components/TabGroup.tsx
deleted file mode 100644
index 8a3c4687f1..0000000000
--- a/docs/components/TabGroup.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { useState } from "react";
-
-// Tab component for each tab heading
-const Tab = ({ children, onClick, isActive }: any) => {
- return (
-
- );
-};
-
-// TabPanel component
-const TabPanel = ({ children, isActive }: any) => {
- return isActive ?
{children}
: null;
-};
-
-// TabGroup component that wraps the Tab and TabPanel components
-const TabGroup = ({ children }: any) => {
- const [selectedTab, setSelectedTab] = useState(0);
- const tabsAndPanels = React.Children.toArray(children);
- const tabs = tabsAndPanels.filter((child: any) => child.type === Tab);
- const tabPanels = tabsAndPanels.filter((child: any) => child.type === TabPanel);
-
- return (
-
-
- {tabs.map((tab: any, index) =>
- React.cloneElement(tab, {
- key: index,
- onClick: () => setSelectedTab(index),
- isActive: selectedTab === index,
- })
- )}
-
-
- {tabPanels.map((panel: any, index) =>
- React.cloneElement(panel, {
- key: index,
- isActive: selectedTab === index,
- })
- )}
-
-
- );
-};
-
-export { TabGroup, TabPanel, Tab };
diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx
index 6a9ca9dd56..a7b4ee264c 100644
--- a/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx
+++ b/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx
@@ -1,9 +1,7 @@
-import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx";
+import { Callout } from "vocs/components";
## GetTopOrders
-import { Callout } from "vocs/components";
-
Query the protocol for the top order based on various filters.
Fetch the top orders from the protocol, optionally excluding those created by a specific user.
@@ -40,11 +38,10 @@ Fetch the top orders from the protocol, optionally excluding those created by a
- `orderbookContractAddress` (string) -- the orderbook contract address
]
-
- curl
-
- ```bash class=wrap
- curl --request POST \
+:::code-group
+
+```shell twoslash [curl] filename="curl"
+curl --request POST \
--url https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetTopOrders \
--header 'Content-Type: application/json' \
--data '{
@@ -57,12 +54,9 @@ Fetch the top orders from the protocol, optionally excluding those created by a
"isListing": true,
"priceSort": "DESC"
}'
- ```
-
- js
-
+```
-```ts
+```ts twoslash [js]
// Works in both a Webapp (browser) or Node.js:
import fetch from "cross-fetch";
@@ -88,14 +82,10 @@ import fetch from "cross-fetch";
})();
```
-
- other
-
-
-Please [contact our team](/support) for assistance with integrations to another target.
-
-
-
+```shell twoslash [other]
+ Please contact our team for assistance with integrations to another target.
+```
+:::
### Example implementation
diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx
index 6a2da5d33f..5c22e7708e 100644
--- a/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx
+++ b/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx
@@ -1,5 +1,4 @@
import { Callout } from "vocs/components";
-import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx";
## GetOrderbookOrders
@@ -58,11 +57,10 @@ _Sequence Orderbook `GetOrderbookOrders` Method:_
`max` is required to have orders appear in the query
-
- curl
-
-```bash class=wrap
+:::code-group
+```shell twoslash [curl] filename="curl"
+
curl --request POST \
--url https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetOrderbookOrders \
--header 'Content-Type: application/json' \
@@ -93,13 +91,9 @@ curl --request POST \
},
"orderbookContractAddress": "0xB537a160472183f2150d42EB1c3DD6684A55f74c"
}'
-```
+```
-
- js
-
-
-```ts
+```js twoslash [js]
// Works in both a Webapp (browser) or Node.js:
import fetch from "cross-fetch";
@@ -136,15 +130,10 @@ import fetch from "cross-fetch";
})();
```
-
- other
-
-
- Please [contact our team](/support) for assistance with integrations to another target.
-
-
-
-
+```shell twoslash [other]
+ Please contact our team for assistance with integrations to another target.
+```
+:::
### Example implementation
diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx
index a0b80290ae..1f54accc83 100644
--- a/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx
+++ b/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx
@@ -1,5 +1,3 @@
-import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx";
-
## GetUserActivities
Retrieve activity data for a specific user, including orders and trades.
@@ -36,11 +34,10 @@ Retrieve activity data for a specific user, including orders and trades.
**Example: `GetUserActivities` for a user with specific token IDs**
-
- curl
-
-
-```bash class=wrap
+
+:::code-group
+
+```shell twoslash [curl] filename="curl"
curl -X POST -H "Content-Type: application/json" https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetUserActivities -d '{
"orderbookContractAddress": "0xB537a160472183f2150d42EB1c3DD6684A55f74c",
"collectionAddress": "0x1693ffc74edbb50d6138517fe5cd64fd1c917709",
@@ -51,12 +48,8 @@ curl -X POST -H "Content-Type: application/json" https://dev-marketplace-api.seq
"tokenIDs": ["1"]
}'
-````
-
- js
-
-
-```ts
+```
+```js twoslash [js]
// Works in both a Webapp (browser) or Node.js:
import fetch from "cross-fetch";
@@ -82,15 +75,11 @@ import fetch from "cross-fetch";
console.log("res", await res.json());
})();
-````
-
-
- other
-
- Please [contact our team](/support) for assistance with integrations to another target.
-
+```
-
+```shell twoslash [other]
+ Please contact our team for assistance with integrations to another target.
+```
### Example implementation
diff --git a/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx b/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx
index 07807f16d6..a079742634 100644
--- a/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx
+++ b/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx
@@ -1,5 +1,3 @@
-import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx";
-
# Wallet Configuration
Every Sequence wallet has a configuration defined by a threshold and a list of signers with their corresponding weights.
@@ -64,35 +62,31 @@ Wallets that never have been updated don't store the `imageHash` directly, inste
#### Compute image hash
-
- Solidity
-
- ```
- keccak256(abi.encode( uint8 weight_1, address signer_1,
- keccak256(abi.encode( uint8 weight_2, address signer_2,
- keccak256(abi.encode( uint8 weight_3, address signer_3,
- keccak256(abi.encode( uint256 threshold )) )) )) ))
- ```
-
- Javascript
-
- ```ts
- let tmp = ethers.utils.solidityPack(['uint256'], [configuration.threshold])
-
- for (const signer of configuration.signers) {
- tmp = ethers.utils.keccak256(
- ethers.utils.defaultAbiCoder.encode(
- ['bytes32', 'uint8', 'address'],
- [tmp, signer.weight, signer.address]
- )
+:::code-group
+
+```solidity twoslash [solidity]
+ keccak256(abi.encode( uint8 weight_1, address signer_1,
+ keccak256(abi.encode( uint8 weight_2, address signer_2,
+ keccak256(abi.encode( uint8 weight_3, address signer_3,
+ keccak256(abi.encode( uint256 threshold )) )) )) ))
+```
+
+```js twoslash [js]
+ let tmp = ethers.utils.solidityPack(['uint256'], [configuration.threshold])
+
+ for (const signer of configuration.signers) {
+ tmp = ethers.utils.keccak256(
+ ethers.utils.defaultAbiCoder.encode(
+ ['bytes32', 'uint8', 'address'],
+ [tmp, signer.weight, signer.address]
)
- }
+ )
+ }
- const imageHash = tmp
+ const imageHash = tmp
+```
-````
-
-
+:::
## Initial wallet configuration
diff --git a/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx b/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx
index 24d16bfc98..5277245932 100644
--- a/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx
+++ b/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx
@@ -1,9 +1,3 @@
-import {
- TabGroup,
- Tab,
- TabPanel,
-} from "../../../../../components/TabGroup.tsx";
-
import { Callout } from "vocs/components";
# Signing & Verifying Messages
@@ -143,19 +137,11 @@ _Sequence API `IsValidMessageSignature` Method:_
**`IsValidMessageSignature` example usage:**
-
- curl
-
-
-```bash class=wrap
+:::code-group
+```shell twoslash [curl]
curl -X POST -H "Content-Type: application/json" https://api.sequence.app/rpc/API/IsValidMessageSignature -d '{ "chainId": "polygon", "walletAddress": "0x2fa0b551fdFa31a4471c1C52206fdb448ad997d1", "message": "Hi, please sign this message", "signature": "0x000501032a44625bec3b842df681db00a92a74dda5e42bcf0203596af90cecdbf9a768886e771178fd5561dd27ab005d0001000183d971056b1eca1bcc7289b9a6926677c5b07db4197925346367f61f2d09c732760719a91722acee0b24826f412cb69bd2125e48f231705a5be33d1f5523f9291c020101c50adeadb7fe15bee45dcb820610cdedcd314eb0030002f19915df00d669708608502d3011a09948b32674d6e443202a2ba884a4dcd26c2624ff33a8ee9836cc3ca2fbb8d3aa43382047b73d21646cb66cc2916076c1331c02" }'
```
-
-
- js
-
-
-```ts
+```js twoslash [js]
// Works in both a Webapp (browser) or Node.js:
import { sequence } from "0xsequence";
@@ -174,12 +160,7 @@ const { isValid } = await api.isValidMessageSignature({
});
console.log(isValid); // true
```
-
-
- go
-
-
-```go
+```go twoslash [go]
import (
"context"
"fmt"
@@ -210,14 +191,10 @@ func ValidateMessageSignature() {
}
```
-
-
- other
-
-
- Please [contact our team](/support) for assistance with integrations to another target.
-
-
+```shell twoslash [other]
+ Please contact our team for assistance with integrations to another target.
+```
+:::
@@ -236,18 +213,11 @@ _Sequence API `IsValidETHAuthProof` Method:_
**`IsValidETHAuthProof` example usage:**
-
-curl
-
- ```bash class=wrap
+:::code-group
+```shell twoslash [curl]
curl -X POST -H "Content-Type: application/json" https://api.sequence.app/rpc/API/IsValidETHAuthProof -d '{"chainId":"polygon", "walletAddress":"0x2fa0b551fdFa31a4471c1C52206fdb448ad997d1","ethAuthProofString": "eth.0x2fa0b551fdfa31a4471c1c52206fdb448ad997d1.eyJhcHAiOiJEZW1vIERhcHAiLCJpYXQiOjAsImV4cCI6MTY2MDIzMTAyOCwidiI6IjEiLCJvZ24iOiJodHRwOi8vbG9jYWxob3N0OjQwMDAifQ.0x000501032a44625bec3b842df681db00a92a74dda5e42bcf0203596af90cecdbf9a768886e771178fd5561dd27ab005d00010001f7dad5ade840bb961cbab889d731bbc080bb4c36fc090435e82fe78e3c152b671505ad544adb562cc25a5933cd06c9108e239a52a82ba797c3d3522645c69cd81b020101c50adeadb7fe15bee45dcb820610cdedcd314eb003000274164fb33c93b4384582c54c30d9a1e2ef219063d03084005edc1da853af2f1f2e67275dbb6ef945d04600b6dd83cfd997cc9ae4173ea61b0c5cc0808fb196681b02"}'
```
-
-
- js
-
-
-```ts
+```js
// Works in both a Webapp (browser) or Node.js:
import { sequence } from "0xsequence";
@@ -265,13 +235,7 @@ const { isValid } = await api.isValidETHAuthProof({
console.log(isValid); // true
```
-
-
- go
-
-
-
-```go
+```go twoslash [go]
import (
"context"
"fmt"
@@ -296,12 +260,10 @@ func ValidateETHAuth() {
}
```
-
- other
-
-Please [contact our team](/support) for assistance with integrations to another target.
-
-
+```shell twoslash [other]
+Please contact our team for assistance with integrations to another target.
+```
+:::
## How does it work?