Remove use of MultiCodeBlock

Author: saudsami

shared/common/channel-management-api/endpoints/ban-user-privileges/create-rules.mdx

@@ -1,6 +1,7 @@
 import Authorization from '@docs/shared/common/channel-management-api/authorization.mdx';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 import CodeBlock from '@theme/CodeBlock';
-import MultiCodeBlock, { CodeGroup, CodeItem } from '@app/mdx-components/MultiCodeBlock';
 
 When using Agora real-time audio and video, you can use the <Vg k="NCS_LONG" /> service to receive channel events.
 
@@ -25,75 +26,16 @@ Agora occasionally adjusts the <Vg k="NCS_LONG" /> IP addresses. Best practice i
 
 Use one of the following code examples to test this request:
 
-<MultiCodeBlock caption="Sample request:">
-
-<CodeGroup label="Shell">
-<CodeItem language="shell" name="curl">{`curl --request GET \\
+<Tabs groupId="language">
+<TabItem value="curl" label="Curl" default>
+<CodeBlock language="bash">{`curl --request GET \\
   --url https://api.sd-rtn.com/v2/ncs/ip \\
   --header 'Accept: application/json' \\
-  --header 'Authorization: '`}</CodeItem>
-<CodeItem language="shell" name="HTTPie">{`http GET https://api.sd-rtn.com/v2/ncs/ip \\
-  Accept:application/json \\
-  Authorization:''`}</CodeItem>
-<CodeItem language="shell" name="wget">{`wget --quiet \\
-  --method GET \\
-  --header 'Authorization: ' \\
-  --header 'Accept: application/json' \\
-  --output-document \\
-  \- https://api.sd-rtn.com/v2/ncs/ip`}</CodeItem>
-</CodeGroup>
+  --header 'Authorization: '`}</CodeBlock>
+</TabItem>
 
-<CodeGroup label="Javascript">
-<CodeItem language="js" name="Fetch">{`const url = 'https://api.sd-rtn.com/v2/ncs/ip';
-const options = {method: 'GET', headers: {Authorization: '', Accept: 'application/json'}};\n
-try {
-  const response = await fetch(url, options);
-  const data = await response.json();
-  console.log(data);
-} catch (error) {
-  console.error(error);
-}`}</CodeItem>
-<CodeItem language="js" name="XMLHTTPRequest">{`const data = null;\n
-const xhr = new XMLHttpRequest();
-xhr.withCredentials = true;\n
-xhr.addEventListener('readystatechange', function () {
-  if (this.readyState === this.DONE) {
-    console.log(this.responseText);
-  }
-});\n
-xhr.open('GET', 'https://api.sd-rtn.com/v2/ncs/ip');
-xhr.setRequestHeader('Authorization', '');
-xhr.setRequestHeader('Accept', 'application/json');\n
-xhr.send(data);`}</CodeItem>
-<CodeItem language="js" name="jQuery">{`const settings = {
-  async: true,
-  crossDomain: true,
-  url: 'https://api.sd-rtn.com/v2/ncs/ip',
-  method: 'GET',
-  headers: {
-    Authorization: '',
-    Accept: 'application/json'
-  }
-};\n
-$.ajax(settings).done(function (response) {
-  console.log(response);
-});`}</CodeItem>
-<CodeItem language="js" name="Axios">{`import axios from 'axios';\n
-const options = {
-  method: 'GET',
-  url: 'https://api.sd-rtn.com/v2/ncs/ip',
-  headers: {Authorization: '', Accept: 'application/json'}
-};\n
-try {
-  const { data } = await axios.request(options);
-  console.log(data);
-} catch (error) {
-  console.error(error);
-}`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="Node">
-<CodeItem language="js" name="Native">{`const http = require('http');\n
+<TabItem value="node" label="Node.js">
+  <CodeBlock language="js">{`const http = require('http');\n
 const options = {
   method: 'GET',
   hostname: 'api.sd-rtn.com',
@@ -114,53 +56,11 @@ const req = http.request(options, function (res) {
     console.log(body.toString());
   });
 });\n
-req.end();`}</CodeItem>
-<CodeItem language="js" name="Request">{`const request = require('request');\n
-const options = {
-  method: 'GET',
-  url: 'https://api.sd-rtn.com/v2/ncs/ip',
-  headers: {Authorization: '', Accept: 'application/json'}
-};\n
-request(options, function (error, response, body) {
-  if (error) throw new Error(error);\n
-  console.log(body);
-});`}</CodeItem>
-<CodeItem language="js" name="Unirest">{`const unirest = require('unirest');\n
-const req = unirest('GET', 'https://api.sd-rtn.com/v2/ncs/ip');\n
-req.headers({
-  Authorization: '',
-  Accept: 'application/json'
-});\n
-req.end(function (res) {
-  if (res.error) throw new Error(res.error);\n
-  console.log(res.body);
-});`}</CodeItem>
-<CodeItem language="js" name="Fetch">{`const fetch = require('node-fetch');\n
-const url = 'https://api.sd-rtn.com/v2/ncs/ip';
-const options = {method: 'GET', headers: {Authorization: '', Accept: 'application/json'}};\n
-try {
-  const response = await fetch(url, options);
-  const data = await response.json();
-  console.log(data);
-} catch (error) {
-  console.error(error);
-}`}</CodeItem>
-<CodeItem language="js" name="Axios">{`const axios = require('axios').default;\n
-const options = {
-  method: 'GET',
-  url: 'https://api.sd-rtn.com/v2/ncs/ip',
-  headers: {Authorization: '', Accept: 'application/json'}
-};\n
-try {
-  const { data } = await axios.request(options);
-  console.log(data);
-} catch (error) {
-  console.error(error);
-}`}</CodeItem>
-</CodeGroup>
+req.end();`}</CodeBlock>
+</TabItem>
 
-<CodeGroup label="Python">
-<CodeItem language="python" name="Python 3">{`import http.client\n
+<TabItem value="python" label="Python">
+  <CodeBlock language="python">{`import http.client\n
 conn = http.client.HTTPConnection("api.sd-rtn.com")\n
 headers = {
     'Authorization': "",
@@ -169,228 +69,10 @@ headers = {
 conn.request("GET", "/v2/ncs/ip", headers=headers)\n
 res = conn.getresponse()
 data = res.read()\n
-print(data.decode("utf-8"))`}</CodeItem>
-<CodeItem language="python" name="Requests">{`import requests\n
-url = "https://api.sd-rtn.com/v2/ncs/ip"\n
-headers = {
-    "Authorization": "",
-    "Accept": "application/json"
-}\n
-response = requests.get(url, headers=headers)\n
-print(response.json())`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="C#">
-<CodeItem language="csharp" name="HTTPClient">{`using System.Net.Http.Headers;
-var client = new HttpClient();
-var request = new HttpRequestMessage
-\{
-    Method = HttpMethod.Get,
-    RequestUri = new Uri("https://api.sd-rtn.com/v2/ncs/ip"),
-    Headers =
-    \{
-        \{ "Authorization", "" },
-        \{ "Accept", "application/json" },
-    \},
-\};
-using (var response = await client.SendAsync(request))
-\{
-    response.EnsureSuccessStatusCode();
-    var body = await response.Content.ReadAsStringAsync();
-    Console.WriteLine(body);
-\}`}</CodeItem>
-<CodeItem language="csharp" name="RestSharp">{`var client = new RestClient("https://api.sd-rtn.com/v2/ncs/ip");
-var request = new RestRequest(Method.GET);
-request.AddHeader("Authorization", "");
-request.AddHeader("Accept", "application/json");
-IRestResponse response = client.Execute(request);`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="Java">
-<CodeItem language="java" name="AsyncHttp">{`AsyncHttpClient client = new DefaultAsyncHttpClient();
-client.prepare("GET", "https://api.sd-rtn.com/v2/ncs/ip")
-  .setHeader("Authorization", "")
-  .setHeader("Accept", "application/json")
-  .execute()
-  .toCompletableFuture()
-  .thenAccept(System.out::println)
-  .join();\n
-client.close();`}</CodeItem>
-<CodeItem language="java" name="NetHttp">{`HttpRequest request = HttpRequest.newBuilder()
-    .uri(URI.create("https://api.sd-rtn.com/v2/ncs/ip"))
-    .header("Authorization", "")
-    .header("Accept", "application/json")
-    .method("GET", HttpRequest.BodyPublishers.noBody())
-    .build();
-HttpResponse<String> response = HttpClient.newHttpClient().send(request, HttpResponse.BodyHandlers.ofString());
-System.out.println(response.body());`}</CodeItem>
-<CodeItem language="java" name="OkHttp">{`OkHttpClient client = new OkHttpClient();\n
-Request request = new Request.Builder()
-  .url("https://api.sd-rtn.com/v2/ncs/ip")
-  .get()
-  .addHeader("Authorization", "")
-  .addHeader("Accept", "application/json")
-  .build();\n
-Response response = client.newCall(request).execute();`}</CodeItem>
-<CodeItem language="java" name="Unirest">{`HttpResponse<String> response = Unirest.get("https://api.sd-rtn.com/v2/ncs/ip")
-  .header("Authorization", "")
-  .header("Accept", "application/json")
-  .asString();`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="PHP">
-<CodeItem language="php" name="cURL">{`<?php\n
-$curl = curl_init();\n
-curl_setopt_array($curl, [
-  CURLOPT_URL => "https://api.sd-rtn.com/v2/ncs/ip",
-  CURLOPT_RETURNTRANSFER => true,
-  CURLOPT_ENCODING => "",
-  CURLOPT_MAXREDIRS => 10,
-  CURLOPT_TIMEOUT => 30,
-  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
-  CURLOPT_CUSTOMREQUEST => "GET",
-  CURLOPT_HTTPHEADER => [
-    "Accept: application/json",
-    "Authorization: "
-  ],
-]);\n
-$response = curl_exec($curl);
-$err = curl_error($curl);\n
-curl_close($curl);\n
-if ($err) {
-  echo "cURL Error #:" . $err;
-} else {
-  echo $response;
-}`}</CodeItem>
-<CodeItem language="php" name="Guzzle">{`<?php\n
-$client = new GuzzleHttp\\Client();\n
-$response = $client->request('GET', 'https://api.sd-rtn.com/v2/ncs/ip', [
-  'headers' => [
-    'Accept' => 'application/json',
-    'Authorization' => '',
-  ],
-]);\n
-echo $response->getBody();`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="PowerShell">
-<CodeItem language="shell" name="WebRequest">{`$headers=@{}
-$headers.Add("Authorization", "")
-$headers.Add("Accept", "application/json")
-$response = Invoke-WebRequest -Uri 'https://api.sd-rtn.com/v2/ncs/ip' -Method GET -Headers $headers`}</CodeItem>
-<CodeItem language="shell" name="RestMethod">{`$headers=@{}
-$headers.Add("Authorization", "")
-$headers.Add("Accept", "application/json")
-$response = Invoke-RestMethod -Uri 'https://api.sd-rtn.com/v2/ncs/ip' -Method GET -Headers $headers`}</CodeItem>
-</CodeGroup>
-
-<CodeGroup label="Other">
-<CodeItem language="go" name="Go">{`package main\n
-import (
-  "fmt"
-  "net/http"
-  "io"
-)\n
-func main() {\n
-  url := "https://api.sd-rtn.com/v2/ncs/ip"\n
-  req, _ := http.NewRequest("GET", url, nil)\n
-  req.Header.Add("Authorization", "")
-  req.Header.Add("Accept", "application/json")\n
-  res, _ := http.DefaultClient.Do(req)\n
-  defer res.Body.Close()
-  body, _ := io.ReadAll(res.Body)\n
-  fmt.Println(res)
-  fmt.Println(string(body))
-}`}</CodeItem>
-<CodeItem language="c" name="C">{`CURL *hnd = curl_easy_init();\n
-curl_easy_setopt(hnd, CURLOPT_CUSTOMREQUEST, "GET");
-curl_easy_setopt(hnd, CURLOPT_URL, "https://api.sd-rtn.com/v2/ncs/ip");\n
-struct curl_slist *headers = NULL;
-headers = curl_slist_append(headers, "Authorization: ");
-headers = curl_slist_append(headers, "Accept: application/json");
-curl_easy_setopt(hnd, CURLOPT_HTTPHEADER, headers);\n
-CURLcode ret = curl_easy_perform(hnd);`}</CodeItem>
-<CodeItem language="objc" name="Objective-C">{`#import <Foundation/Foundation.h>\n
-NSDictionary *headers = @{ @"Authorization": @"",
-                           @"Accept": @"application/json" };\n
-NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://api.sd-rtn.com/v2/ncs/ip"]
-                                                       cachePolicy:NSURLRequestUseProtocolCachePolicy
-                                                   timeoutInterval:10.0];
-[request setHTTPMethod:@"GET"];
-[request setAllHTTPHeaderFields:headers];\n
-NSURLSession *session = [NSURLSession sharedSession];
-NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request
-                                            completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) {
-                                                if (error) {
-                                                    NSLog(@"%@", error);
-                                                } else {
-                                                    NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *) response;
-                                                    NSLog(@"%@", httpResponse);
-                                                }
-                                            }];
-[dataTask resume];`}</CodeItem>
-<CodeItem language="ocaml" name="OCaml">{`open Cohttp_lwt_unix
-open Cohttp
-open Lwt\n
-let uri = Uri.of_string "https://api.sd-rtn.com/v2/ncs/ip" in
-let headers = Header.add_list (Header.init ()) [
-  ("Authorization", "");
-  ("Accept", "application/json");
-] in\n
-Client.call ~headers \`GET uri
-\>\>= fun (res, body_stream) -\>
-  \(* Do stuff with the result *)`}</CodeItem>
-<CodeItem language="http" name="Http 1.1">{`GET /v2/ncs/ip HTTP/1.1
-Authorization:
-Accept: application/json
-Host: api.sd-rtn.com`}</CodeItem>
-<CodeItem language="clojure" name="Clojure">{`(require '[clj-http.client :as client])\n
-(client/get "https://api.sd-rtn.com/v2/ncs/ip" {:headers {:Authorization ""}
-                                               :accept :json})`}</CodeItem>
-<CodeItem language="kotlin" name="Kotlin">{`val client = OkHttpClient()\n
-val request = Request.Builder()
-  .url("https://api.sd-rtn.com/v2/ncs/ip")
-  .get()
-  .addHeader("Authorization", "")
-  .addHeader("Accept", "application/json")
-  .build()\n
-val response = client.newCall(request).execute()`}</CodeItem>
-<CodeItem language="r" name="R">{`library(httr)\n
-url <- "https://api.sd-rtn.com/v2/ncs/ip"\n
-response <- VERB("GET", url, add_headers('Authorization' = ''), content_type("application/octet-stream"), accept("application/json"))\n
-content(response, "text")`}</CodeItem>
-<CodeItem language="ruby" name="Ruby">{`require 'uri'
-require 'net/http'\n
-url = URI("https://api.sd-rtn.com/v2/ncs/ip")\n
-http = Net::HTTP.new(url.host, url.port)\n
-request = Net::HTTP::Get.new(url)
-request["Authorization"] = ''
-request["Accept"] = 'application/json'\n
-response = http.request(request)
-puts response.read_body`}</CodeItem>
-<CodeItem language="swift" name="Swift">{`import Foundation\n
-let headers = [
-  "Authorization": "",
-  "Accept": "application/json"
-]\n
-let request = NSMutableURLRequest(url: NSURL(string: "https://api.sd-rtn.com/v2/ncs/ip")! as URL,
-                                        cachePolicy: .useProtocolCachePolicy,
-                                    timeoutInterval: 10.0)
-request.httpMethod = "GET"
-request.allHTTPHeaderFields = headers\n
-let session = URLSession.shared
-let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
-  if (error != nil) {
-    print(error as Any)
-  } else {
-    let httpResponse = response as? HTTPURLResponse
-    print(httpResponse)
-  }
-})\n
-dataTask.resume()`}</CodeItem>
-</CodeGroup>
+print(data.decode("utf-8"))`}</CodeBlock>
+</TabItem>
 
-</MultiCodeBlock>
+</Tabs>
 
 ### Response parameters