You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ui-library-starting-with-chat-stateful/README.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,12 +9,12 @@ products:
9
9
10
10
# Get Started with Stateful Chat Client
11
11
12
-
For full instructions on how to build this code sample from scratch, look at [Quickstart: Get Started with Stateful Chat Client](https://azure.github.io/communication-ui-library/?path=/story/quickstarts-statefulclient--page)
12
+
For full instructions on how to build this code sample from scratch, look at [Quickstart: Get Started with Stateful Chat Client](https://azure.github.io/communication-ui-library/?path=/docs/stateful-client-get-started-chat--docs)
13
13
14
14
## Prerequisites
15
15
16
16
- An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) .
17
-
-[Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions (16.x.x is recommended).
17
+
-[Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions.
18
18
- An active Communication Services resource. [Create a Communication Services resource](https://docs.microsoft.com/azure/communication-services/quickstarts/create-communication-resource).
19
19
- An identity with both VoIP and Chat scopes. Generate an identity using the [Azure Portal](https://docs.microsoft.com/azure/communication-services/quickstarts/identity/quick-create-identity).
20
20
@@ -30,13 +30,12 @@ Open your browser to ` http://localhost:3000`. You should see the following:
30
30
Feel free to style the composites to your desired size and layout inside of your application.
31
31
32
32
## Enable Rich Text Editor
33
-
By default, this Quickstart is using the plain text editor for the SendBox component and the MessageThread component's edit function.
34
-
We also provide a Rich Text Editor for rich text formatting, table inserting etc.
35
-
To try it out:
36
-
- Go to the `src` folder and find the `ChatComponentsStateful.tsx` file.
37
-
- Change the value for `richTextEditorEnabled` to true.
38
-
Note that inserting inline images is not enabled for this Quickstart.
39
-
Please use the [ui-library-quickstart-teams-interop-meeting-chat](https://github.com/Azure-Samples/communication-services-javascript-quickstarts/tree/main/ui-library-quickstart-teams-interop-meeting-chat) Quickstart to try out the inline image inserting function.
33
+
34
+
By default, this Quickstart is using the plain text editor for the SendBox component and the MessageThread component's edit function.
35
+
We also provide a Rich Text Editor for rich text formatting, table inserting etc.
36
+
To try it out: - Go to the `src` folder and find the `ChatComponentsStateful.tsx` file. - Change the value for `richTextEditorEnabled` to true.
37
+
Note that inserting inline images is not enabled for this Quickstart.
38
+
Please use the [ui-library-quickstart-teams-interop-meeting-chat](https://github.com/Azure-Samples/communication-services-javascript-quickstarts/tree/main/ui-library-quickstart-teams-interop-meeting-chat) Quickstart to try out the inline image inserting function.
40
39
41
40
Open your browser to `http://localhost:3000`. You should see the following with the Rich Text Editor enabled:
42
41

# Get Started with Composites - Handle transfer request
@@ -13,25 +13,25 @@ This sample showcases how Call Composites can be used to handle transfer request
13
13
14
14
## Prerequisites
15
15
16
-
- An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).
17
-
-[Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions (8.11.1 and 10.14.1 recommended).
16
+
- An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) .
17
+
-[Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions.
18
18
- An active Communication Services resource. [Create a Communication Services resource](https://docs.microsoft.com/azure/communication-services/quickstarts/create-communication-resource). You will need the endpoint value for the resource
19
-
- Two Teams users in the same tenant as the Azure account. The first Teams user should be called via ad hoc calling. During the call, the first Teams user should transfer you to the second Teams user. Note that you will need to obtain the first Teams user's id in order to call them via ad hoc calling. To learn more about ad hoc calling, go to [storybook documentation for ad hoc calling](https://azure.github.io/communication-ui-library/?path=/docs/adhoc-calling--page).
19
+
- Two Teams users in the same tenant as the Azure account. The first Teams user should be called via ad hoc calling. During the call, the first Teams user should transfer you to the second Teams user. Note that you will need to obtain the first Teams user's id in order to call them via ad hoc calling. To learn more about ad hoc calling, go to [storybook documentation for ad hoc calling](https://azure.github.io/communication-ui-library/?path=/docs/concepts-ad-hoc-calling--docs).
20
20
21
21
## Run the code
22
22
23
23
1. Run `npm i` on the directory of the project to install dependencies
24
24
2. Swap placeholders for identifiers in the code.
25
-
- Go to the `src` folder and find the `INPUTS.tsx` file.
26
-
- Replace the values for the the `userIdentity` and `userToken` for the identity you created in Azure Portal in the `Prerequisites` step.
27
-
- Replace the `participantIds` with an array of one Teams user id.
28
-
- Update the display name to a name of your choice.
29
-
- Save the file.
25
+
- Go to the `src` folder and find the `INPUTS.tsx` file.
26
+
- Replace the values for the the `userIdentity` and `userToken` for the identity you created in Azure Portal in the `Prerequisites` step.
27
+
- Replace the `participantIds` with an array of one Teams user id.
28
+
- Update the display name to a name of your choice.
29
+
- Save the file.
30
30
3. Run `npm run start`
31
31
32
32
Open your browser to <http://localhost:3000>. You should see the following:
Click `Start Call` button to start the call. The following link shows a video of what the transfer process should look like when a Teams user transfers you:
36
36
37
-
[Transfer process sample video](../media/transfer-call-accepted.mp4)
37
+
[Transfer process sample video](../media/transfer-call-accepted.mp4)
0 commit comments