Improve GraphQL examples (#1675)

* Discounts

* Permissions

* Transactions

* Bulks

* Export

* Taxes

Author: szczecha

docs/developer/bulks/bulk-attributes.mdx

@@ -1,6 +1,8 @@
 ---
 title: Bulk Attribute Import
 ---
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 This guide describes a mutation allowing users to create and update multiple attributes in Saleor. The purpose of these mutations could be to import attributes from other systems.
 
@@ -33,6 +35,8 @@ To edit and create attributes, a user needs to have the following permissions, d
 
 ### Example Mutation  
 
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation AttributeBulkCreate(
   $attributes: [AttributeCreateInput!]!
@@ -71,9 +75,8 @@ mutation AttributeBulkCreate(
   }
 }
 ```
-
-#### Input example:
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "attributes": [
@@ -102,9 +105,8 @@ mutation AttributeBulkCreate(
   ]
 }
 ```
-
-#### Expected response:
-
+</TabItem>
+<TabItem value={"Result"}>
 ```json
 {
   "data": {
@@ -178,6 +180,8 @@ mutation AttributeBulkCreate(
   }
 }
 ```
+</TabItem>
+</Tabs>
 
 ### Webhooks
 
@@ -188,7 +192,8 @@ The mutation will emit `ATTRIBUTE_CREATED` event for every successfully created
 To update attributes one of the following fields is required: `id` or `externalReference`.
 
 ### Example Mutation  
-
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation AttributeBulkUpdate(
   $attributes: [AttributeBulkUpdateInput!]!
@@ -227,9 +232,8 @@ mutation AttributeBulkUpdate(
   }
 }
 ```
-
-#### Input example:
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "attributes": [
@@ -254,9 +258,8 @@ mutation AttributeBulkUpdate(
   ]
 }
 ```
-
-#### Expected response:
-
+</TabItem>
+<TabItem value={"Result"}>
 ```json
 {
   "data": {
@@ -331,6 +334,9 @@ mutation AttributeBulkUpdate(
 }
 ```
 
+</TabItem>
+</Tabs>
+
 ### Webhooks
 
 The mutation will emit `ATTRIBUTE_UPDATED` event for every successfully updated attribute or when value is added or removed.

docs/developer/bulks/bulk-orders.mdx

@@ -2,12 +2,18 @@
 title: Bulk Order Import
 ---
 
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
 This guide describes a mutation allowing users to create multiple orders in Saleor. Purpose of this mutation could be importing orders from other systems. The main assumption is to allow the user to specify as many fields as possible and skip most of the logic and calculations that are done when creating orders from draft or checkout. Among other things, the mutation allows specifying things like: order creation date, order number, order lines with net and gross line prices, payment transactions and fulfillments.
 
 ## `orderBulkCreate`
 
 ### Example Mutation  
 
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation OrderBulkCreate(
   $orders: [OrderBulkCreateInput!]!
@@ -222,9 +228,9 @@ mutation OrderBulkCreate(
   }
 }
 ```
+</TabItem>
 
-#### Input example:
-
+<TabItem value={"Variables"}>
 ```graphql
 {
   "stockUpdatePolicy": "SKIP",
@@ -398,9 +404,9 @@ mutation OrderBulkCreate(
   ]
 }
 ```
+</TabItem>
 
-#### Expected response:
-
+<TabItem value={"Result"}>
 ```graphql
 {
   "data": {
@@ -627,6 +633,8 @@ mutation OrderBulkCreate(
   }
 }
 ```
+</TabItem>
+</Tabs>
 
 ### Permission
 

docs/developer/bulks/bulk-products.mdx

@@ -2,6 +2,9 @@
 title: Bulk Product Import
 ---
 
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
 This guide describes mutations allowing users to create multiple products and variants in Saleor. 
 
 :::info  
@@ -29,7 +32,8 @@ The mutation supports creating products with their:
 - Variants with their own attributes, stocks, and channel listings
 
 ### Example Mutation  
-
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation ProductBulkCreate($products: [ProductBulkCreateInput!]!, $errorPolicy: ErrorPolicyEnum) {
   productBulkCreate(products: $products, errorPolicy: $errorPolicy) {
@@ -55,9 +59,8 @@ fragment Error on ProductBulkCreateError {
   channels
 }
 ```
-
-**Input example:**
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "errorPolicy": "REJECT_FAILED_ROWS",
@@ -203,6 +206,8 @@ fragment Error on ProductBulkCreateError {
   ]
 }
 ```
+</TabItem>
+</Tabs>
 
 ### Input details
 
@@ -262,7 +267,8 @@ The mutation supports creating variants with their:
 - Channel listings and pricing
 
 ### Example Mutation  
-
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation ProductVariantBulkCreate($variants: [ProductVariantBulkCreateInput!]!, $errorPolicy: ErrorPolicyEnum, $product: ID!) {
   productVariantBulkCreate(
@@ -299,9 +305,8 @@ fragment Error on ProductVariantBulkError {
   channelListings
 }
 ```
-
-**Input example:**
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "product": "UHJvZHVjdDoxOTg=",
@@ -361,6 +366,9 @@ fragment Error on ProductVariantBulkError {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 ### Input details
 
 For detailed information about all available fields, see the [`ProductVariantBulkCreateInput`](/api-reference/products/inputs/product-variant-bulk-create-input).
@@ -431,7 +439,8 @@ The mutation supports updating variants with their:
 
 ### Example Mutation  
 
-
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation ProductVariantBulkUpdate($product: ID!, $variants: [ProductVariantBulkUpdateInput!]!, $errorPolicy: ErrorPolicyEnum) {
   productVariantBulkUpdate(
@@ -468,9 +477,8 @@ fragment Error on ProductVariantBulkError {
   channelListings
 }
 ```
-
-**Input example:**
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "product": "UHJvZHVjdDoxOTg=",
@@ -518,6 +526,9 @@ fragment Error on ProductVariantBulkError {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 ### Input details
 
 For detailed information about all available fields, see the [`ProductVariantBulkUpdateInput`](/api-reference/products/inputs/product-variant-bulk-update-input).

docs/developer/bulks/bulk-stock.mdx

@@ -1,6 +1,8 @@
 ---
 title: Bulk Stock Update
 ---
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 This guide describes mutation allowing users to update stock quantities for multiple product variants in Saleor. 
 The purpose of these mutation could be to synchronize stock levels with external inventory management systems.
@@ -22,7 +24,8 @@ Mutation [`stockBulkUpdate`](/api-reference/products/mutations/stock-bulk-update
 - Manage stock across multiple warehouses
 
 ### Example Mutation
-
+<Tabs>
+<TabItem value="Mutation">
 ```graphql
 mutation StockBulkUpdate($stocks: [StockBulkUpdateInput!]!, $errorPolicy: ErrorPolicyEnum) {
   stockBulkUpdate(stocks: $stocks, errorPolicy: $errorPolicy) {
@@ -45,9 +48,8 @@ mutation StockBulkUpdate($stocks: [StockBulkUpdateInput!]!, $errorPolicy: ErrorP
   }
 }
 ```
-
-**Input example:**
-
+</TabItem>
+<TabItem value={"Variables"}>
 ```json
 {
   "errorPolicy": "REJECT_FAILED_ROWS",
@@ -63,6 +65,8 @@ mutation StockBulkUpdate($stocks: [StockBulkUpdateInput!]!, $errorPolicy: ErrorP
   }]
 }
 ```
+</TabItem>
+</Tabs>
 
 ### Input details