qiscus_multichannel_widget 1.0.0-beta.5 qiscus_multichannel_widget: ^1.0.0-beta.5 copied to clipboard
Omnichannel Platform to Increase Sales and Customer Loyalty.
Qiscus Multichannel Widget #
Requirements #
- dart sdk: >=2.16.0 <3.0.0
- flutter sdk: >=2.10.0
Installation #
# Qiscus Multichannel main package
flutter pub add qiscus_multichannel_widget
How To Use #
Initialization #
In order to use QiscusMultichannelWidget
, you need to initialize it with your AppID (YOUR_APP_ID
). Get more information to get AppID from Qiscus Multichannel Chat page
// Wrap your outer most component with `QMultichannelProvider`
// for example
import 'package:qiscus_multichannel_widget/qiscus_multichannel_widget.dart';
QMultichannelProvider(
appId: appId,
builder: (context) {
return MaterialApp(
home: _buildNavigator(),
);
},
);
After the initialization, you can access all the widget's functions.
Set The User #
Set UserId before start the chat, this is mandatory.
QMultichannelConsumer(
builder: (_, QMultichannel ref) {
ref.setUser(
userId: 'guest-1001',
displayName: 'guest-1001',
);
ref.initiateChat();
return Container();
},
),
Get Login Status #
Use this function to check whether the user has already logged in.
QMultichannelConsumer(
builder: (_, QMultichannel ref) {
if (ref.account.hasValue == true) {
// User already logged in
}
return Container();
},
),
Start Chat #
Use this function to start a chat.
QMultichannelConsumer(
builder: (_, QMultichannel ref) {
ref.initiateChat();
return Container();
},
),
Clear User #
Use this function to clear the logged-in users.
QMultichannelConsumer(
builder: (_, QMultichannel ref) {
ref.clearUser();
return Container();
},
),