Merge pull request #176467 from jorgegarchirota/palatter/bug-bash-changes

Palatter/bug bash changes

Author: PRMerger16

articles/communication-services/quickstarts/ui-library/includes/get-started-call/android.md

@@ -230,7 +230,9 @@ The following classes and interfaces handle some of the major features of the Az
 | [TeamsMeetingOptions](#teams-meeting)                              | Passed to CallComposite launch to join Teams meeting meeting.                                |
 | [ThemeConfiguration](#apply-theme-configuration)                   | Injected as optional in CallCompositeBuilder to change primary color of composite.           |
 
-## Create Call Composite
+## UI Library functionality
+
+### Create Call Composite
 
 Initialize a `CallCompositeBuilder` instance and a `CallComposite` instance inside the `startCallComposite` function.
 
@@ -246,7 +248,7 @@ CallComposite callComposite = new CallCompositeBuilder().build();
 ```
 
 -----
-### Create `CommunicationTokenCredential`
+### Setup authentication
 
 Initialize a `CommunicationTokenCredential` instance inside the `startCallComposite` function. Replace `"<USER_ACCESS_TOKEN>"` with your token.
 
@@ -275,7 +277,7 @@ CommunicationTokenCredential communicationTokenCredential = new CommunicationTok
 Refer to the [user access token](../../../identity/quick-create-identity.md) documentation if you don't already have a token available.
 
 -----
-## Setup Group Call or Teams Meeting Options
+### Setup Group Call or Teams Meeting Options
 
 Depending on what type of Call/Meeting you would like to setup, use the appropriate options object.
 
@@ -341,12 +343,12 @@ TeamsMeetingOptions options = new TeamsMeetingOptions(
 -----
 ### Get a Microsoft Teams meeting link
 
-A Microsoft Teams meeting link can be retrieved using Graph APIs. This process is detailed in [Graph documentation](/graph/api/onlinemeeting-createorget?tabs=http&view=graph-rest-beta&preserve-view=true).
+A Microsoft Teams meeting link can be retrieved using Graph APIs. This process is detailed in [Graph documentation](https://docs.microsoft.com/graph/api/onlinemeeting-createorget?tabs=http&view=graph-rest-beta&preserve-view=true).
 
 The Communication Services Call SDK accepts a full Microsoft Teams meeting link. This link is returned as part of the `onlineMeeting` resource, accessible under the [`joinWebUrl` property](https://docs.microsoft.com/graph/api/resources/onlinemeeting?view=graph-rest-beta&preserve-view=true)
 You can also get the required meeting information from the **Join Meeting** URL in the Teams meeting invite itself.
 
-## Launch
+### Launch
 
 Call `launch` on the `CallComposite` instance inside the `startCallComposite` function
 
@@ -364,7 +366,7 @@ callComposite.launch(options);
 
 -----
 
-## Subscribe on events from `CallComposite`
+### Subscribe to events from `CallComposite`
 
 To receive events, inject a handler to the `CallCompositeBuilder`.
 
@@ -404,7 +406,7 @@ class ApplicationCallCompositeEventsHandler implements CallCompositeEventsHandle
 
 -----
 
-## Apply theme configuration
+### Apply theme configuration
 
 To change the primary color of composite, create a new theme style in `src/main/res/values/themes.xml` and `src/main/res/values-night/themes.xml` by considering `AzureCommunicationUI.Theme.Calling` as parent theme. To apply theme, inject the theme ID in `CallCompositeBuilder`.
 
@@ -430,4 +432,4 @@ CallComposite callComposite =
     new CallCompositeBuilder()
         .theme(new ThemeConfiguration(R.style.MyCompany_CallComposite))
         .build();
-```
+```

articles/communication-services/quickstarts/ui-library/includes/get-started-call/ios.md

@@ -23,29 +23,30 @@ In Xcode, create a new iOS project and select the **App** template. We will be u
 
 ![Screenshot showing the New Project template selection within Xcode.](../../media/xcode-new-project-template-select.png)
 
-Name the project `UILibraryQuickStart`.
+Name the project `UILibraryQuickStart` and select `Storyboard` under the `Interface` dropdown.
 
 ![Screenshot showing the New Project details within Xcode.](../../media/xcode-new-project-details.png)
 
 ### Install the package and dependencies with CocoaPods
 
-1. Create a Podfile for your application:
+1. Create a Podfile in your project root directory by running `pod init`.
+1. 
+1. Add the following to your Podfile:
 
 ```
-source 'https://github.com/Azure/AzurePrivatePodspecs'
+source 'https://github.com/CocoaPods/Specs.git'
+source 'https://github.com/Azure/AzurePrivatePodspecs.git'
 
 platform :ios, '13.0'
 
 target 'UILibraryQuickStart' do
     use_frameworks!
-    pod 'azure-communication-ui', '1.0.0-alpha.1'
-    pod 'AzureCommunicationCalling', '2.0.1-beta.1'
-    pod 'MicrosoftFluentUI', '0.3.3'
+    pod 'AzureCommunicationUI', '1.0.0-alpha.1'
 end
 ```
 
-2. Run `pod install`.
-3. Open the generated `.xcworkspace` with Xcode.
+3. Run `pod install --repo-update`. (This process may take 10-15 min.)
+4. Open the generated `.xcworkspace` with Xcode.
 
 ### Request access to the microphone, camera, etc.
 
@@ -67,7 +68,7 @@ Set `Enable Bitcode` option to `No` in the project `Build Settings`. To find the
 
 ## Initialize composite
 
-Go to 'ViewController'. Here we'll drop the following code to initialize our Composite Components for Call. Replace `<GROUP_CALL_ID>` with your group ID for your call, `<DISPLAY_NAME>` with your name, and `<USER_ACCESS_TOKEN>` with your token.
+Go to 'ViewController'. Here we'll drop the following code to initialize our Composite Components for Call. Replace `<GROUP_CALL_ID>` with either your call group ID or `UUID()` to generate one. Also replace `<DISPLAY_NAME>` with your name, and `<USER_ACCESS_TOKEN>` with your token.
 
 ```swift
 import UIKit
@@ -102,8 +103,8 @@ class ViewController: UIViewController {
         let communicationTokenCredential = try! CommunicationTokenCredential(token: "<USER_ACCESS_TOKEN>")
 
         let options = GroupCallOptions(communicationTokenCredential: communicationTokenCredential,
-                                       displayName: displayName,
-                                       groupId: uuid)
+                                       displayName: "<DISPLAY_NAME>",
+                                       groupId: "<GROUP_CALL_ID>")
         callComposite?.launch(with: options)
     }
 }
@@ -119,22 +120,24 @@ You can build and run your app on iOS simulator by selecting **Product** > **Run
 
 ![Final look and feel of the quick start app](../../media/quick-start-calling-composite-running-ios.gif)
 
+## Sample application code can be found [here](https://github.com/Azure-Samples/communication-services-ios-quickstarts/tree/ui-library-quickstart)
+
 ## Object Model
 
 The following classes and interfaces handle some of the major features of the Azure Communication Services UI client library:
 
 | Name                                                                        | Description                                                                                  |
 | --------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
-| CallComposite | The composite renders a call experience with participant gallery and controls. |
-| CallCompositeOptions | Includes options such as the theme configuration and the events handler. |
-| CallCompositeEventsHandler | Allows you to receive events from composite. |
-| GroupCallOptions | The options for joining a group call, such as groupId. |
-| TeamsMeetingOptions | The options for joining a Team's meeting, such as the meeting link. |
-| ThemeConfiguration | Allows you to customize the theme. |
+| [CallComposite](#create-call-composite) | The composite renders a call experience with participant gallery and controls. |
+| [CallCompositeOptions](#create-call-composite) | Includes options such as the theme configuration and the events handler. |
+| [CallCompositeEventsHandler](#subscribe-to-events-from-callcomposite) | Allows you to receive events from composite. |
+| [GroupCallOptions](#group-call) | The options for joining a group call, such as groupId. |
+| [TeamsMeetingOptions](#teams-meeting) | The options for joining a Team's meeting, such as the meeting link. |
+| [ThemeConfiguration](#apply-theme-configuration) | Allows you to customize the theme. |
 
 ## UI Library functionality
 
-### Create call composite options and call composite
+### Create call composite
 
 Initialize a `CallCompositeOptions` instance and a `CallComposite` instance inside the `startCallComposite` function.
 
@@ -194,7 +197,7 @@ Call `launch` on the `CallComposite` instance inside the `startCallComposite` fu
 callComposite?.launch(with: options)
 ```
 
-### Implement the closure for events handler
+### Subscribe to events from `CallComposite`
 
 You can implement the closures from `CallCompositeEventsHandler` to act on the events and pass the implementation to `CallCompositeOptions`. An event for when the composite ended with an error is an example.
 
@@ -208,7 +211,7 @@ let handler = CallCompositeEventsHandler(didFail: { error in
 let callCompositeOptions = CallCompositeOptions(callCompositeEventsHandler: handler)
 ```
 
-### Customizing the theme
+### Apply theme configuration
 
 You can customize the theme by creating a custom theme configuration that implements the ThemeConfiguration protocol. You then include an instance of that new class in your CallCompositeOptions.