>"
)
```
* If you don't have client ID at the moment then the only option left is to ask SDK to authenticate him/her via SMS/OTP. In order to do this you need to use another initialiser (like shown in code snippet below). You need to provide different type of token (retrieved from our backend) and use different initialiser. This token allows us to use different authentication mechanisms including SMS/OTP authentication.
let conciergeSDK = ConciergeSDK(
withCustomerIdAccessToken customerIdAccessToken: String
)
7. \[Optionally] Set language:
```swift
conciergeSDK.setLanguage(.en)
// You will need to execute conciergeSDK.createMainView() again
// to change texts in some system controls
```
8. \[Optionally] Set colors:
```swift
conciergeSDK.setColors(
ConciergeColors(
mainColor: Color(hex: "#C28BFC"),
mainColorTinted: Color(hex: "#E3DEFC"),
defaultShadowColor: Color.dynamicColor(
light: Color(red: 0.525, green: 0.442, blue: 0.613, opacity: 0.13),
dark: Color(red: 0.035, green: 0.031, blue: 0.157, opacity: 0.5)
),
mainBlack: Color.dynamicColor(
light: Color(hex: "#090828"),
dark: Color(hex: "#E3DEFC")
),
mainGray: Color.gray,
mainWhite: Color(hex: "#FFFFFF"),
background: Color.dynamicColor(
light: Color(hex: "#F6F6FA"),
dark: Color(hex: "#090828")
),
intermediateBackgroundColor: Color.dynamicColor(
light: Color(hex: "#FFFFFF"),
dark: Color(hex: "#1E1240")
),
searchIconColor: Color.gray,
searchPlaceholderColor: Color.gray,
hyperlinkColor: Color.blue
)
)
```
9. \[Optionally] Set images:
```swift
conciergeSDK.setImages(
ConciergeImages(
conciergeAvatarImage: Image(systemName: "person"),
infoLogoImage: Image(systemName: "apple.logo")
)
)
```
10. \[Optionally] Set fonts:
```swift
conciergeSDK.setFonts(
ConciergeFonts(customFontName: "Rubik-Medium")
)
```
11. \[Optionally] Set custom texts if needed:
```swift
conciergeSDK.setTexts(
ConciergeTexts(
chatInfoAdditionalText: "For questions about Premium cards and transactions, please contact the XXXX toll-free line."
)
)
```
12. \[Optionally] Set other UI settings if needed:
conciergeSDK.setUISettings(
ConciergeUISettings(
chatStyle: .messenger,
chatFilePickerEnabled: true,
shouldShowVisaLogoInInfo: false
)
)
13. Set delegate and implement delegate methods
conciergeSDK.setDelegate(self)
14. Call start() function
```swift
conciergeSDK.start()
```
15. Instantiate SwiftUI view:
```swift
conciergeSDK.createMainView()
```
Due to the tab bar and navigation bars, It should be presented as a full screen cover or as separate window\
\
Full example:
```swift
import SwiftUI
import concierge_sdk
class ContentViewModel: ObservableObject, ConciergeSDK.Delegate {
enum State: Hashable {
case loading
case error(String)
case regular
}
@Published var state: State = .loading
let conciergeSDK: ConciergeSDK
init() {
let conciergeSDK = ConciergeSDK(
clientToken: "<>",
authType: .byPhoneHash /// or .byCustomerId
)
conciergeSDK.setLanguage(.kz)
conciergeSDK.setColors(ConciergeColors(mainColor: .indigo))
conciergeSDK.setImages(ConciergeImages(conciergeAvatarImage: Image(systemName: "person")))
conciergeSDK.setFonts(ConciergeFonts(customFontName: "Rubik-Medium"))
conciergeSDK.setTexts(ConciergeTexts(chatInfoAdditionalText: "<>"))
self.conciergeSDK = conciergeSDK
conciergeSDK.setDelegate(self)
conciergeSDK.start()
}
// MARK: ConciergeSDK.Delegate conformance
func conciergeSDKDidStartSuccessfully(isSubscribed: Bool) {
state = .regular
}
func conciergeSDKDidSubscribe() {
// Update the SwiftUI view after subscription
state = .regular
}
func conciergeSDKDidStartWithError(_ error: any Error) {
state = .error(error.localizedDescription)
}
func conciergeSDKCantAuthorize() {
conciergeSDK.setClientToken("<>")
conciergeSDK.start()
}
}
struct ContentView: View {
@ObservedObject var viewModel = ContentViewModel()
var body: some View {
switch viewModel.state {
case .regular:
viewModel.conciergeSDK.createMainView()
case .loading:
ProgressView()
case .error(let string):
VStack {
Text(string)
}
}
}
}
```
