Merge pull request #112 from NipunaRanasinghe/main

Update BI documentation for v1.1.0 release

Author: anupama-pathirage

en/docs/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/configuration.gif

@@ -24,18 +24,18 @@ In this tutorial, you’ll create an HTTP service to add key-value pairs to a Re
 
       <a href="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/prompt.gif"><img src="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/prompt.gif" alt="AI Prompt" width="70%"></a>
 
-3. Click on **+ Add to Ingeration** button to add the generated integration to the project.
+3. Click on **+ Add to Integration** button to add the generated integration to the project.
 4. The generated integration will look like below:  
 
       <a href="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/generated-integration.png"><img src="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/generated-integration.png" alt="Generated integration" width="70%"></a>
 
-## Step 3:  Add a resource to get value
+## Step 3: Add a resource to get value
 
 1. Add the following prompt and press `Enter`:
    ```text
     Add a resource to get the value of a key from Redis.
    ```
-2. Click on **+ Add to Ingeration** button to add the generated integration to the project.
+2. Click on **+ Add to Integration** button to add the generated integration to the project.
 3. The generated integration will look like below:  
 
       <a href="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/get.png"><img src="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/get.png" alt="Add get resource" width="70%"></a>
@@ -50,12 +50,14 @@ In this tutorial, you’ll create an HTTP service to add key-value pairs to a Re
 
       <a href="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/docker.png"><img src="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/docker.png" alt="Start Redis" width="70%"></a>
 
-## Step 6:  Configure the Redis client
+## Step 6: Configure the Redis client
 
-1. In the `Integrator overview`, click on the **Configurations**.
+1. In the `Design View`, click on the **Configure** button on the top-right side.
 2. Set `redisHost` value to `localhost`.
 3. Set `redisPort` value to `6379`.   
 
+> **Note:** No need to set the above values if the configurable variables are generated with default values.
+
       <a href="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/configuration.gif"><img src="{{base_path}}/assets/img/developer-guides/ai-for-integration/http-service-with-copilot/configuration.gif" alt="Configurations" width="70%"></a>
 
 ## Step 5: Generate the curl commands

en/docs/assets/img/get-started/develop-event-integration/add-configurables.gif

@@ -19,7 +19,7 @@ Before you begin, make sure you have the following:
 1. In WSO2 Integrator: BI design view, click **Add Artifact**.
 2. Select **Event Integration** from the Constructs menu.
 3. Click **Create** to create an event integration. This directs you to the event integration diagram view.
-4. From the left side panel, click **+** on the **Configurations**, and add the following configurables.
+4. Go to the **Design View** by clicking the Home icon in the top left corner, click on the **Configure** button, and add the following configurables.
 
     | Configurable        | Type       |
     |---------------------|------------|

en/docs/assets/img/get-started/develop-file-integration/add-configurables.gif

@@ -17,7 +17,7 @@ Before you begin, make sure you have the following:
 
 This redirects you to the **Create New Integration in VS Code** page. 
 
-1. From the left side panel, click **+** on the **Configurations**, and add the following configurables.
+1. Click on the **Configure** button on the top-right side, and add the following configurables.
 
     | Configurable        | Type       |
     |---------------------|------------|
@@ -29,7 +29,7 @@ This redirects you to the **Create New Integration in VS Code** page.
 
     <a href="{{base_path}}/assets/img/get-started/develop-file-integration/add-configurables.gif"><img src="{{base_path}}/assets/img/get-started/develop-file-integration/add-configurables.gif" alt="Add Configurations" width="80%"></a>
 
-2. Go to the **Design View** by clicking the Home icon on the top left corner and click **Add Artifact**.
+2. Go to the **Design View** by clicking the Home icon in the top left corner and click **Add Artifact**.
 3. Select **FTP Service**. Choosing the **File Integration** from the Devant console disables the other options.
 4. Provide the name of the **Listener Configuration** as `weatherListener`.
 5. Then expand the **Advanced Configurations** and enter the following configurables: