Only this pageAll pages
Powered by GitBook
Couldn't generate the PDF for 587 pages, generation stopped at 100.
Extend with 50 more pages.
1 of 100

Social+ Docs

Loading...

Loading...

Loading...

Getting Started

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Social+ SDK

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Social+

Social+ offers Chat and Social SDKs to streamline app development. Dive into our UI Kits and documentation to spark your creativity.

Introduction

Social+ is a technology infrastructure provider that builds ready-to-use social features that can be easily added to any app or website, including: Chat, Profile, Forum, Feed, Video Streaming, Stories, and more.

With Social+ white-label APIs and SDKs, companies can build thriving communities and grow user engagement, without the hassle of deploying and maintaining any server infrastructure.

Let users create engaging content and engage with others through comments and reactions. Users can follow other users or topics and become members of various groups to get a personalized timeline of content. Activity feeds are also a great feature to directly engage with users. You can communicate with your users directly by posting important messages as announcements.

Features

  • Connect users through formation of communities

  • Boost user engagement by user-generated posts/comments in communities

  • Personalize the feed based on user’s membership to different groups and communities

  • Enable comments on posts within your application, seamlessly

  • Support multiple messaging formats when posting content

  • Manage & moderate communities and users in admin panel

  • Filter out content that includes profanity using our auto-block tools

  • React to user-generated content with our reaction tools

  • Assign roles and permissions on a role-based system.

Explore Our Products

Install Android SDK

The Social Plus SDK for Android is delivered via Jitpack repository.

Requirements

  • Android 5.0 (API level 21) and above*

  • Target sdk version 29 and above*

  • Compile SDK Version 29 and above*

  • JVM target should be 1.8

The API level allows a developer to declare the minimum version with which the app is compatible, using the minSdkVersion attribute. If your app can't function without these APIs, declare API level 21 and above as the app's minimum supported version. And using targetSdkVersion 29 and above.

android {
    ...
    defaultConfig {
        minSDKVersion 21 // at least 21
    }
}

Installation

Social Plus SDK is available on both Jitpack and MavenCentral (v6.43.0 onwards). Users must choose one of these repositories to avoid conflicting files.

Maven Central

Add the Maven Central repository to your project-level build.gradle at the end of repositories:

dependencyResolutionManagement {
  repositories {
    ...
     mavenCentral()
  }
}
allprojects {
  repositories {
    ...
    mavenCentral()
  }
}
implementation 'co.amity.android:amity-sdk:x.y.z'
implementation("co.amity.android:amity-sdk:x.y.z")

Jitpack

Add the Jitpack repository to your project-level build.gradle at the end of repositories:

dependencyResolutionManagement {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}
allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}
implementation 'com.github.AmityCo.Amity-Social-Cloud-SDK-Android:amity-sdk:x.y.z'
implementation("com.github.AmityCo.Amity-Social-Cloud-SDK-Android:amity-sdk:x.y.z")

Android API level below 24

If your minSDKVersion is below 24, ie., 23 or 21, there are additional configurations required.

In your project build.gradle,

buildscript {
    repositories {
        google()
        gradlePluginPortal()
        ...
    }
    dependencies {
        ...
        classpath 'gradle.plugin.com.github.sgtsilvio.gradle:android-retrofix:0.4.1'
    }
}

Managing conflicting file generation

In your app module's build.gradle, add the following packaging options.

android {
    ...
    packagingOptions {
        exclude 'META-INF/INDEX.LIST'
        exclude 'META-INF/io.netty.versions.properties'
    }
}

Code Obfuscation

By using our SDK, you can use the Android ProGuard tool to obfuscate, shrink, and optimize your code. Obfuscated code can be more difficult for other people to reverse engineer. ProGuard renames classes, fields, and methods with semantically obscure names and removes unused code. However, you need to add these configurations to your ProGuard rules when using our SDK.

-keep class com.ekoapp.ekosdk.** { *; }
-keep interface com.ekoapp.ekosdk.** { *; }
-keep enum com.ekoapp.ekosdk.** { *; }
-keep class com.amity.socialcloud.** { *; }
-keep interface com.amity.socialcloud.** { *; }
-keep enum com.amity.socialcloud.** { *; }
-keep class co.amity.rxupload.** { *; }

For users who are using the SDK version below 5.33.11 and 6.9.0. If you'd like to pass an Amity Serializable Object such as AmityPost, AmityMessage, etc. You will need to add ProGuard rules below:

-keepclassmembers class * implements java.io.Serializable {
private static final java.io.ObjectStreamField[] serialPersistentFields;
private void writeObject(java.io.ObjectOutputStream);
private void readObject(java.io.ObjectInputStream);
java.lang.Object writeReplace();
java.lang.Object readResolve();
}

Amity SDK Log Visibility

For debugging purposes, we provide the ability to show or hide logs from our SDK. In the 'build.gradle' application, you can set the boolean value resValue "IS HIDDEN AMITY LOG" to true to hide the logs and to false to make them visible.

android {
    defaultConfig {
        resValue 'bool', "IS_HIDDEN_AMITY_LOG", "true"
        …
    }
    …
}

In the 'build.gradle' application, you can customize the log display depending on the build variant, as in this example.

android {
    def IS_HIDDEN_AMITY_LOG = "IS_HIDDEN_AMITY_LOG"
    
    buildTypes {
        release {
            resValue 'bool', IS_HIDDEN_AMITY_LOG, "true"
            …
        }
        debug {
            resValue 'bool', IS_HIDDEN_AMITY_LOG, "false"
            …
        }
    }

}

Install iOS SDK

The Social Plus SDK for iOS is delivered as a binary .xcframework file

Manual Installation

  • Drag AmitySDK.xcframework, Realm.xcframework & RealmSwift.xcframework to your project.

  • Make sure that Copy items if needed is selected and click Finish.

  • Also switch the Embed section as Embed & Sign

The correct setup should look like this.

Using Dependency Manager

AmitySDK supports installation via dependency managers.

  • SwiftPM

  • Cocoapods

  • Carthage

SwiftPM Installation

To integrate AmitySDK into your project via SwiftPM, please follow the instructions below.

Enter the repository URL to search the package, and choose to install AmitySDK.

https://github.com/AmityCo/Amity-Social-Cloud-SDK-iOS-SwiftPM

Please specify the required version of the SDK using the"Up to Next Major Version"Dependency Rule as shown in the image below.

Cocoapod & Carthage:

We have dropped support for Cocoapod & Carthage for AmitySDK. If you want to distribute AmitySDK through cocoapod & carthage, you can use the xcframeworks that we distribute through Swift Package Manager (SPM).

Additional Steps for Amity Video

To use live video broadcast:

  • Import AmityLiveVideoBroadcastKit.xcframework to your project.

To use a live video player:

For version 6.0.0 - 6.7.0

  • Import AmityVideoPlayerKit.xcframework to your project

  • Switch each framework to Embed & Sign, except MobileVLCKit to Do Not Embed.

To install Swift Packages for Amity Video, please follow the instructions below.

For version 6.8.0 and above

  • Import AmityVideoPlayerKit.xcframework to your project

  • Switch each framework to Embed & Sign, all xcframeworks.

Amity Video with SwiftPM

To install Swift Packages for Amity Video, please follow the instructions below.

1. Install AmityVideoBroadcast

To use live video broadcast functionalities. Enter the repository URL to search the package, and choose to install AmityVideoBroadcast.

https://github.com/AmityCo/Amity-Social-Cloud-SDK-iOS-VideoBroadcast-SwiftPM

Try it in your code

import AmityLiveVideoBroadcastKit

2. Install AmityVideoPlayer

To use live video player functionalities. Enter the repository URL to search the package, and choose to install AmityVideoPlayer.

https://github.com/AmityCo/Amity-Social-Cloud-SDK-iOS-VideoPlayer-SwiftPM

Try it in your code

import AmityVideoPlayerKit

If you selected "Up to Next Major Version" option for the Dependency Rule, you need to manually add the version.

Using AmitySDK with Objective C Code

Starting with v6.0.0, AmitySDK for iOS is written in Pure Swift. Although its in pure Swift, you can still use it in Objective-C projects by making Mixed-Language Project.

We recommend you to integrate AmitySDK for iOS swift directly into your Objective-C project and use Swift language to call the SDK interfaces.

Mixed Language Project:

// Example of a Swift file which contains a class to interact with AmitySDK.

@objc class SDKLoginManager: NSObject {
    
    let client: AmityClient?
    
    @objc init(apiKey: String) {
        self.client = try? AmityClient(apiKey: apiKey)
    }
    
    @objc func login(userId: String, displayName: String, authToken: String, completion: @escaping (Bool, Error?) -> Void) {
        self.client?.login(userId: userId, displayName: displayName, authToken: authToken, completion: completion)
    }
}
#import "ViewController.h"
#import "YourProjectName-Swift.h" // <- This import exposes above Swift file to your Objc project.

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}

- (void)testSDKUsage {

    SDKLoginManager *loginManager = [[SDKLoginManager alloc] initWithApiKey:@"my-api-key"];
    [loginManager loginWithUserId:@"user-id" displayName:@"display-name" authToken:@"auth-token" completion:^(BOOL isSuccess, NSError * _Nullable error) {
        
        // Handle login completion here
    }];
}

@end

Installation and Authentication

This section outlines how you can set up your SP project and contains all the tutorial links you'll need to get going.

SDK Installation

For instructions on installing the Social Plus SDK, refer to the installation guide for your platform.

  • Xcode Version: 14.3

  • Realm Version: 10.28.3

  • Minimum Target: iOS 13.0

  • OKHTTP3 - 4.9.0

  • Retrofit - 2.50

  • Android Paging Data Library - 3.0.1

  • Room - 2.4.0-alpha04

  • RxJava2 - 2.3.10

  • Gson - 2.8.10

  • Kotlin-std-lib - 1.5.10

  • HiveMQ mqtt client - 1.2.2

Transitive Library Dependencies

  • androidx.annotation:annotation: 1.2.0

  • androidx.core:core-ktx: 1.3.2

  • androidx.paging:paging-runtime: 3.0.1

  • androidx.paging:paging-rxjava2: 3.0.1

  • androidx.lifecycle:lifecycle-livedata: 2.2.0

  • androidx.lifecycle:lifecycle-reactivestreams:2.1.0-rc01

  • androidx.multidex:multidex:2.0.1

  • androidx.room:room-runtime:2.3.0

  • androidx.room:room-rxjava2:2.3.0

  • com.f2prateek.rx.preferences2:rx-preferences:2.0.1

  • com.github.davidmoten:rxjava2-extras:0.1.24

  • com.google.code.gson:gson: 2.8.7

  • com.google.guava:guava:30.1.1-android

  • com.jakewharton.rxrelay2:rxrelay:2.0.0

  • com.jakewharton.rx2:replaying-share:2.0.1

  • com.jakewharton.timber:timber:4.7.1

  • com.squareup.okhttp3:okhttp: 4.9.0

  • com.squareup.okhttp3:logging-interceptor:3.10.0

  • com.squareup.retrofit2:retrofit: 2.5.0

  • com.squareup.retrofit2:adapter-rxjava2: 2.5.0

  • com.squareup.retrofit2:converter-gson: 2.5.0

  • io.arrow-kt:arrow-core:0.11.0

  • io.arrow-kt:arrow-syntax:0.11.0

  • io.reactivex.rxjava2:rxandroid: 2.1.1

  • io.reactivex.rxjava2:rxjava: 2.2.19

  • io.socket:socket.io-client:1.0.0

  • joda-time:joda-time:2.10.6

  • org.apache.commons:commons-lang3:3.7

  • org.jetbrains.kotlin:kotlin-stdlib: 1.5.10

  • org.jetbrains.kotlin:kotlin-android-extensions-runtime: 1.5.10

  • org.jetbrains.kotlinx:kotlinx-coroutines-android:1.4.3

  • Chrome: 38+

  • Firefox: 42+

  • Microsoft Edge: 13+

  • Safari: 9+

  • Opera: 25+

Amity JS SDK probably won't work great in Internet Explorer 11. We generally support the recent versions of major browsers listed above.

  • Chrome: 38+

  • Firefox: 42+

  • Microsoft Edge: 13+

  • Safari: 9+

  • Opera: 25+

Amity Ts SDK probably won't work great in Internet Explorer 11. We generally support the recent versions of major browsers listed above.

The minimum deployment target is:

  • iOS: iOS 9.0

  • Android: Android 4.4 (API Level 19)

Use our TypeScript SDK natively to support your applications built using the React Native framework.

Initialization

After logging into the Console:

  1. Click Settings to expand the menu.

  2. Select Security.

  3. On the Security page, you can find the API key in the Keys section.

let client = try! AmityClient(apiKey: "api-key", region: .SG)

On Android, it's important to initialize the SDK within the application's lifecycle only once. Failing to do so could lead to multiple SDK instances, resulting in unexpected issues on your application.

Specify Endpoints Manually (Optional)

By default, AmityClient will connect to AmityRegion.SG.You can specify endpoints manually via AmityEndpoint struct. API endpoints for each data center are different so you need to adjust the endpoint accordingly.

let endpoint = AmityEndpoint(httpUrl: "http-endpoint",
                              rpcUrl: "rpc-endpoint",
                            mqttHost: "mqtt-host")
let client = try! AmityClient(apiKey: "api-key", endpoint: endpoint)

Note: From Js SDK v5.10.0, we introduced Real time events which requires a new endpoint (mqttEndpoint) along with the existing apiEndpoint. So instead of passing multiple parameters for both, we can pass a single apiRegion parameter. The corresponding endpoints will then be created within the SDK using the passed region. This will be the recommended approach to create a new ASClient for different regions.

We currently support multi-data center capabilities for the following regions:

Region

Endpoint

Europe

AmityRegion.EU

Singapore

AmityRegion.SG

United States

AmityRegion.US

Specify database encryption mode (Optional)

The SDK does not employ database encryption by default. The database file is solely restricted to the application by the operating system, which is generally sufficient for most use cases. Database encryption serves as an additional layer of security in the event of compromised root access. It's important to note that enabling database encryption may lead to a performance reduction of up to 15% during database read/write operations.

Please note that we only support database encryption for Android SDK 5.35.0 and v6, beginning from version 6.16.0 onwards.

Database Encryption Modes:

The SDK offers three encryption modes:

  1. NONE: No encryption is applied.

  2. AUTH: Access token storage is encrypted.

  3. ALL: All database files are encrypted.

AUTH mode is recommended to introduce extra security with minimal performance compromise. Ultimately, the chosen encryption mode should align with your application's specific requirements.

Encryption key:

Enabling database encryption necessitates an encryption key. It is imperative to consistently pass the same key to the SDK. Should a new key be supplied, the existing database file will be erased and subsequently regenerated, encrypted with the new key.

The level of security offered by encryption hinges on the method of key generation and storage employed by the application. It is strongly recommended to adhere to industry standards for both key storage and generation.

Authentication

To use any SP SDK feature, you must first log in to the current device with a userId. A logged-in device will be tied to the userId until the device is either proactively logged out, or until the device has been inactive for over 90 days. A logged-in device will receive all the event messages belonging to the tied user.

An optional displayName can be provided, which will be used in standard push notifications (related to the user's actions, such as when a new message is sent).

It is important to maintain the security of your network and user information. In the production environment, we strongly recommend using an authToken for authentication. While the option to not use an authToken may be available, it should only be applied during the development phase and with caution.

The displayName is set only on the first time the device is logged in. Please follow your platform's necessary directions if you would like to rename this to something else.

Logout

When the user logs out, you should explicitly log out the user from the SDK as well. This prevents the current device from receiving unnecessary and/or restricted data.

client.logout()

Logout is a synchronous operation. Once the logout method is called, the SDK disconnects from the server and wipes out the user session.

Logging out is a synchronous operation. Once the logout() function is called, the SDK disconnects from the server and wipes out user session.

client.unregisterSession();

Secure Logout

For an extra layer of security, the SDK provides secureLogout(), an asynchronous function, which ensures accessToken revocation prior to performing logout(). Should the SDK fail to revoke the accessToken, the SDK will not proceed to logout and will throw an exception to notify the failure.

Disconnect

After the SDK is logged in with a user, SDK will maintain the connection as long as it can. However the SDK connection can be terminated due to many reasons, for example:

  • The device lost its Internet connection.

  • Users close the app in the background, and then the operating system pauses the app and terminates all network connections.

By default, the SDK automatically reconnects itself whenever the app has a chance to get back online.

There are some use cases which developers need more control over the SDK connection. The SDK provides disconnect(). This method allows developers to explicitly disconnect the SDK while maintaining the current user session so that the app can later resume the connection with the same user.

client.disconnect()

The functionality isn't currently supported by this SDK.

When developers call disconnect():

  • The SDK will terminate server connections without logging out the current user.

  • The SDK will not automatically reconnect until the next login.

To resume the connection, the developers should call login(...) with the current user.

Devices

Each user can be logged in, at the same time, to an unlimited number of devices. Social Plus's Chat SDK will automatically synchronize the user data across all logged-in devices. We will also automatically log out any device that has not been connected to the server for more than 90 days.

When a device is logged out due to inactivity, the SDK data on the device will be reset. You will need to re-login this device in order to connect to the server again.

Tutorials

Now that you've finished getting your SP project set up, here are some step-by-step articles if you need a hand in building your app!

Visualized Code Examples

Yes, you're reading it right! Here you can visually learn how your changes could affect the code, compare your work, and see our development pattern recommendations.

All Your UIKit Needs

How to Create a Social App with ASC

Explore a step-by-step tutorial by our engineers to help you build your own Social application. Let's get started in creating an amazing user experience platform.

UIKit Open Source Repositories

Our UIKit is ready to customize and use, the only task left for you is the integration. We make it as simple as that. Let's dig in!

Creating Notifications and Webhooks with NodeJs
Building an Android Image Feed Application

Social Plus Developer Kits

Check out our Social Plus UI Kits and Template Apps.

  • UI Kits Our UI Kits include user interfaces to enable fast integration of standard Social Plus Chat and Social Plus Social features into new or existing applications.

  • Template Apps Our Template Apps are ready-made template applications to kickstart your own Social Plus project.

With real-life use cases, we guide you through ways you can get started with building stellar applications for yourself your clients, and their users.

Technical FAQ

Explore our Technical FAQ for quick answers to common questions about Social Plus products. Get troubleshooting tips, best practices, and insights to optimize your technical experience.

API

How can I retrieve the next page of data from an API?

To retrieve the next page of data from an API, you should use the "next" page token provided at the end of the initial page's results. This token should be appended to the endpoint to fetch the values for the next page.

Here's an example:

{
  "paging": {
    "next": "eyJza2lwIjoyMCwibGltaXQiOjEwfQ=="
  },
}

To get the next page of data, append the "next" token to the endpoint like this:

Next Page API Request:

curl --location --globoff 'https://api.sg.amity.co/api/v3/communities?filter=all&sortBy=lastCreated&options[token]=eyJza2lwIjoxMCwibGltaXQiOjEwfQ%3D%3D' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'
How can I obtain higher-quality images?

For higher-quality images, you can enhance the resolution by simply adding ?size=full to the end of the URL.

Additionally, you have the flexibility to specify the size as "small," "medium," "large," or "full" based on your preferences.

What is a refreshToken?

A refreshToken is primarily employed by SDKs to validate the accessToken's validity. When using the API, obtaining a new token can be achieved by making a "register session" API call, eliminating the need to directly manage or use a refreshToken.

How long does the authentication token last?
How can I retrieve a list of communities I have joined using API?

To list the communities you've joined, use this API: https://api-docs.amity.co/#/Community/get_api_v3_communities.

Set the filter to 'member' to retrieve the communities you are a part of.

curl --location 'https://apix.sg.amity.co/api/v3/communities?filter=member&sortBy=lastCreated&options%5Blimit%5D=100' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'
How can I obtain a new access token once the authentication token has expired?
curl --location 'https://api.sg.amity.co/api/v3/authentication/token?userId=Amity'
--header 'accept: application/json'
--header 'x-server-key: xxx'

After receiving the new authentication token, you can use it to call the register session API to obtain a new access token.

curl --location 'https://apix.sg.amity.co/api/v4/sessions' \
--header 'accept: application/json' \
--header 'x-api-key: xxx' \
--header 'Content-Type: application/json' \
--data '{
  "userId": "Amity",
  "deviceId": "test",
  "authToken": "xxx"
}'
How can I obtain my authentication token?

For more information about obtaining an authentication token, please visit - Security.

curl --location 'https://api.sg.amity.co/api/v3/authentication/token?userId=Amity'
--header 'accept: application/json'
--header 'x-server-key: xxx'
How can I identify the posts I have reacted to?
Can I update just the metadata for a user without altering any other data?

Absolutely. To update a user's metadata, simply include 'metadata' in the body of your request, and it will be updated as specified. Below are sample cURL commands for reference:

curl --location --request PUT ‘https://api.eu.amity.co/api/v2/users’
–header ‘Content-Type: application/json’
–header ‘Authorization: Bearer xxx’
–data ‘{
“userId”: “Test”,
“metadata”: {
    “testmeta”: “usermetaUpdate”
    }
}’
How can I remove all posts from my system?

Please note, you may need to implement a script to automate the deletion of all posts.

What is the process for uploading audio files through Social Plus API?
Is there an API that can retrieve users by role?
curl --location --globoff 'https://apix.sg.amity.co/api/v3/communities/65e18cd9e66dfc75f3cd8f7d/users?memberships[]=member&roles[]=moderator&options%5Blimit%5D=10' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'
Can the upload API accept a file via URL instead of requiring a local file upload?

Unfortunately, our API is designed to support uploads of files from local storage only, not from URLs.

Why does my access token expire before the 30-day mark?

If you're using the same device ID when register session, it will cause the previously issued access token to become invalid.


Social and Chat

What is the purpose of targetType and targetId?

The targetType and targetId parameters are essential in query options for fetching posts from a specific feed.

  • targetType specifies the type of feed, which can be either ‘user’ or ‘community’.

  • targetId is the identifier for the specific feed, such as a userId for a user feed or a communityId for a community feed.

For a comprehensive explanation of these parameters and their usage, you can refer to the Social Plus SDK documentation on querying posts: https://docs.amity.co/amity-sdk/social/posts/query-post

Is it possible to sort posts within a community by engagement, similar to the global feed?

Currently, posts within a community can’t be sorted by engagement like the global feed. The available sorting options for community posts are ‘lastCreated’ and ‘firstCreated’.

For more information on how to implement these sorting options, you can refer to the Social Plus SDK documentation on querying posts: https://docs.amity.co/amity-sdk/social/posts/query-post

How can I query communities while excluding the ones that have been deleted?

To exclude deleted communities from your query results, you can use different methods depending on whether you’re using the API or SDK:

curl --location 'https://api.sg.amity.co/api/v3/communities?filter=all&isDeleted=false'
--header 'accept: application/json'
--header 'Authorization: Bearer xxx'
  1. Using the SDK: If you’re utilizing the SDK, you can set the includeDelete: false parameter. This option allows you to control whether deleted communities are included in the query results. For more information on how to use this, visit Social Plus SDK - Query Communities https://docs.amity.co/amity-sdk/social/communities/query-communities and adjust the includeDelete parameter as needed.

Is there a way to check which communities a user is part of?
curl --location 'https://api.sg.amity.co/api/v3/communities?filter=member' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'

Alternatively, you can use the SDK, as explained in Social Plus SDK - Query Communities https://docs.amity.co/amity-sdk/social/communities/query-communities.

Why does querying a list of objects only return 20 items in the response?

This behavior is due to pagination implemented in our API endpoints and functions, which default to returning 20 items per page. To access more items, you need to use the next page token (Please refer to the API section above) or the nextPage() function, depending on the SDK you’re utilizing.

For detailed information on how pagination works for different SDKs, please refer to the Live Objects/Collections section in our documentation here: https://docs.amity.co/amity-sdk/core-concepts/live-objects-collections

How can I update a community user’s role?

To update a user’s role in a community, you have two options:

curl --location 'https://api.sg.amity.co/api/v4/communities/657306a3189cef362ea99923/users/roles' \
--header 'accept: application/json' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer xxx' \
--data '{
  "roles": [
    "community-moderator"
  ],
  "userIds": [
    "test"
  ]
}'
    1. Go to the specific community you wish to manage.

    2. Navigate to the 'Members' tab.

    3. Locate the user whose role you want to change.

    4. Click on the three dots button on the right-hand side.

    5. Select 'Change user role' from the options.

How can I remove members from a community?
How can I delete a community?

Here's how:

  • Navigate to the Community tab in the console.

  • Select "Communities."

  • Click on the name of the community you want to close.

  • Go to "Settings" page.

  • Scroll to the bottom where you will find the "Close Community" option.

I don't want the global feed to be empty for new users. How can I add some posts there?
What is metadata and its intended use?

Metadata consists of additional properties designed for custom fields. It serves to store supplementary data related to specific objects, like a user object, but isn't suitable for large amounts of data or information.

Why is my global feed empty?

The global feed aggregates posts from communities you have joined and from users you are following. If you haven’t joined any communities or followed any users, there will be no posts for the global feed to display.

What are the image requirements for uploading?

The supported image formats for upload are JPG and PNG. Each image must not exceed 1GB in size. A post can contain up to ten images.

Additionally, on iOS & Android UIKit v4, any uploaded images or videos in unsupported formats, like HEIC, will be automatically converted to a suitable format before uploading.

What are the videos requirements for uploading?

The supported video formats include 3gp, avi, f4v, flv, m4v, mov, mp4, ogv, 3g2, wmv, vob, webm, and mkv. Videos must not exceed 1 GB in size and should have a maximum duration of 2 hours. Each post can contain up to ten videos.

Additionally, on iOS & Android UIKit v4, any uploaded videos (with HEVC encoding or HDR capabilities) will be automatically converted to a suitable video format before uploading.

After enabling secure mode and obtaining the auth token, do I need to generate an access token? What should I do with the auth token if I’m using the SDK?

When using the SDK, you only need the auth token, which should be provided when a user logs in or creates an account. The SDK will manage the process thereafter. For more information, you can refer to the Social Plus SDK documentation on user creation: https://docs.amity.co/amity-sdk/core-concepts/user/create-user

Why are the posts on my global feed not sorted by the most recently created?
How can I retrieve a list of communities I have joined using the SDK?
How can I implement a file download feature?

To enable file downloading, incorporate the file ID into the download button's path. Use the following URL pattern, replacing "fileID" with the actual file ID:

Additionally, leverage the SDK to retrieve the file ID. This approach allows for a seamless integration of the download functionality into your application.

Please ensure that your message or post is of the file type.

Is it possible for the Social Plus UiKitChat Web UI Kit to automatically display the first chat upon user login, avoiding an empty space on the right?

To customize the UIKIT and make the first channel automatically open when a user logs in, you’ll need to make some changes to the code in the Amity-Social-Cloud-UIKit-Web-OpenSource/src/chat/components/RecentChat/index.js file.

Here are the steps to do that:

First, you’ll need to add an import statement for useState at the beginning of the file. Add this line to the top of the file along with other import statements:

import React, { useEffect, useState } from 'react';

Next, you’ll need to add some code inside the RecentChat component. Here’s the code you need to add:

const RecentChat = ({ onChannelSelect, onAddNewChannelClick, selectedChannelId }) => {
  // This line retrieves the list of channels, along with some additional information.
  const [channels, hasMore, loadMore] = useChannelsList();

  // This line initializes a state variable to keep track of whether the component has been initialized.
  const [hasInitialized, setHasInitialized] = useState(false);

  // This useEffect function will run when the component is first mounted and whenever 'channels' or 'hasInitialized' changes.
  useEffect(() => {
    // Check if the component hasn't been initialized and there are channels available.
    if (!hasInitialized && channels?.length) {
      // If the conditions are met, select the first channel in the list.
      onChannelSelect(channels[0]);
      
      // Mark the component as initialized to prevent this from happening again.
      setHasInitialized(true);
    }
  }, [channels, hasInitialized]);

  // The rest of your component code goes here...

  return (
    // JSX code for your component...
  );
};

By adding this code, you’re ensuring that when the component loads and there are channels available, it will automatically select the first channel in the list and set the hasInitialized state to true to prevent it from happening again.

How can I check if there exists a chat channel between two users?
How can I query posts using tags[]?

To query posts by tags, format your query like this: tags[]=tag1&tags[]=tag2.

curl --location --globoff 'https://api.sg.amity.co/api/v4/posts?targetId=65e18cd9e66dfc75f3cd8f7d&targetType=community&sortBy=lastCreated&tags[]=tag1&tags[]=tag2' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'
Is it possible to query comments by user ID?

Due to the design of our current product architecture, querying comments can only be performed using a post ID, not a user ID.


SDKs

What should I do if push notifications on iOS are not working?

If you already followed our docs here:

and it still doesn't work. Ensure you’ve covered all bases in this checklist:

• Verify that you’re using a production certificate.

• Check if the app_id matches the issued push certificate.

• Confirm the certificate hasn’t expired or been revoked.

• Make sure the app enables the “push notification” capability.

• Ensure the app is running in a production build (TestFlight/App Store).

• Run the app on a real device.

• Verify that the user hasn’t disabled push notifications for the app.

• Check if the user’s “Do Not Disturb” mode is activated.

Can I use my own realm in an iOS project?

No, we would recommend you use our realm which is included in the iOS SDK and UIkit. You can check the compatible version between the iOS SDK and Realm on our changelog page in the compatibility section and adjust the version accordingly.

For more information on the iOS SDK and UIKit, you can visit:

What type of certificate do I need to register push notification on iOS?

To register push notifications on iOS, you'll require a .p12 certificate. During the process, make sure to select "Apple Push Notification Service SSL (Sandbox & Production)"

Can I use a TypeScript CDN without a package manager?

It's not feasible to use a TypeScript CDN without a package manager. We recommend using package managers like npm or Yarn for support.

How can I find out if I have blocked a user?
How can I mark a message as read, signaling to the backend that the message has been acknowledged?
How do I retrieve poll posts using Flutter?

The current Flutter SDK only supports video, image, and file post types. Support for Poll posts is anticipated in future updates.


Poll

What is the method for obtaining the list of voters for a specific answer in a poll?
Can I add a poll post with other attachments?

No, you can either create a poll or add a different type of attachment, but not both together.

How can I view polls I've created in the Amity console?

Console

Where can I get my admin token?
  1. Navigate to "Settings" > "Admin Users"

  2. Click on the cogwheel icon

How do I grant console access to my team members?

First, your portal owner/head of admins needs to create the initial admin user on the console. Subsequent admin users can then create or grant access to additional team members. To do this, navigate to ‘Settings’ > ‘Admin Users’ and click on the ‘Create New Admin’ button located at the top right of the page. Fill in the username and password; team members can use these credentials to access the console.

Who can upload a PNS Certificate file to the Push Notification section and how is it done?

Initially, only the portal owner can upload the PNS Certificate. They will find the option to do so by clicking on the “+ Add new certificate” button, which is exclusively available to them for the first upload.

Why can't I retrieve posts from communities that a user has posted in when I use the 'User' option in the Post Management on Social Plus console?

The 'User' option, found under the 'Posts' section with 'User' selected in the dropdown menu, is specifically meant for fetching posts from a user's feed. Please note that it is not intended to retrieve posts from communities where a user has posted, based solely on the user's ID.

How can I obtain my API key and application region (endpoint)?

Please log in to your console, and you will find your API key and app region (endpoint) in the "Settings" > "Security" tab.

How do I change my password on the console?

Changing the console password should be done through your super admin. Follow the provided steps for assistance.

Why aren't conversation channels visible on the console?
Why am I unable to activate my third push notification certificate?

On our console, you can only activate one push notification certificate per platform. It’s not possible to activate two iOS or two Android push notification certificates simultaneously.


Portal

How do I create new app environments for different purposes, such as testing and production?

To create new app environments for various purposes, like testing or production, follow these steps:

  1. In the upper right corner, you'll find a "Create Application" button.

We recommend creating a separate application for each environment based on its specific purpose. This helps keep your testing and production environments organized and distinct.

How do I upgrade my application pricing plan?

Unfortunately, upgrading your application plan is not available at the moment. We recommend creating a new application with your desired plan instead. If you no longer need your previous applications, we can assist you in deleting them.

How can I change my organization name so that it reflects on my billing/invoice?

You can log in to your portal, navigate to the "Manage Payment" tab, and update the "Organization Name".


Alternative solutions for unsupported features

How can I implement a feature that allows users to save their favourite posts?

For this use case, you can use our user's object metadata field to store the postId of the posts the user wants to save so that they can be extracted and fetched later. The saved content can be accessed from the user's profile or a dedicated section within the user interface. The exact implementation and design of this feature can vary depending on the specific requirements and design of your application.

How can I add a Verified badge (blue tick) for users?

To add a Verified badge to a user’s profile, you need to update their user object’s metadata by including a ‘verified’ label. Once this label is in place, the frontend system can retrieve this information and display the Verified badge, styled as a blue tick or as per your custom design preferences. The verification process, governed by your frontend logic, ensures that the account meets your criteria for verification. After the account is verified according to these standards, you can then insert the ‘verified’ label into the metadata of the user’s profile.

Is there an option for users to accept or decline invitations to join a community?

While our product does not directly provide this feature, you can implement it on your end by updating the metadata of users. Invited users’ metadata can include an ‘invitedCommunity’ list. You can extract this list to query community details and display them. Once a user accepts or declines the invitation, the CommunityID will be removed from their metadata.

How to implement post sharing feature?
  1. To share a post, create a new post and specify the destination target for the shared content.

  2. In the metadata of the newly created post, include the original post's ID, for instance: "originalPostID": "abc".

  3. When retrieving the shared post, implement frontend logic to check for the presence of the "originalPostID" field in the metadata. If found, fetch the original post using the provided ID (e.g., by calling "get post") and display it on the frontend.

This approach enables you to maintain a reference to the original post, ensuring consistency in content, reactions, and comments.

How can I set up email notifications for specific actions in my community, such as when a post is flagged?

For email notifications, you can leverage our webhook events triggered when a post is flagged. You can find more details in the documentation here:

To receive email notifications based on this webhook event, you may need to implement this functionality using a third-party tool that can send email notifications when the webhook event is triggered, such as when a post is flagged.

How to pin a post?

While direct support for pinning posts is not available in Android UIKit versions below 4.0.0-beta14 and iOS UIKit versions below 4.0.0-beta15., you can implement a workaround by following these steps:

To Pin a Post:

  1. Add a new option to the three-dot menu of the post.

  2. Upon selection, implement logic to verify the user's role. If they possess a role that permits pinning posts, display the "Pin Post" option.

  3. When selected, use the Social Plus SDK to update the community object’s metadata to include the pinned post.

To display the Pinned Post:

  1. When querying the community feed, you'll also retrieve the community object.

  2. Extract the “pinPostID” from the community object’s metadata.

  3. Use the Social Plus SDK’s function to fetch the post using the “pinPostID”.

  4. Place this post object at the top of the community feed list array, ensuring it appears first.

How can I limit channel creation permissions exclusively to admins?

There are two approaches:

1: Hiding the Channel Creation Button on the Front End

This is a simpler method where you can modify the user interface to hide or disable the channel creation button. This approach is straightforward and can be effective for casual users. However, it has a significant limitation:

  • Security Concern: Even if the button is hidden on the frontend, tech-savvy users might still be able to create channels using the API directly. This means that while the option may not be visible in the user interface, it’s not truly restricted at the system level.

2: Using the Pre-Hook Event Feature in the Social Plus Max Package

Can I filter to display only video posts from the global feed?
Why does the audio message length display as 00:00?

Currently, SDK does not supply the duration of audio files. Nonetheless, there is a solution to show the audio duration:

  1. Upon finishing the audio recording, record the audio's duration within the message's metadata.

  2. To reveal the audio duration, retrieve this detail from the message metadata.

How can I retrieve community posts by user ID?

Beta features

How do you implement push notifications in Web React?

For a complete list of available webhook events, please visit: https://api-docs.amity.co/#/WebhookEvent

Why does content search return fewer posts than the user has?

Content search will only return posts that were created after the content search feature was enabled. Posts created before the enablement will not be included in the content search response.

Please be aware that only posts created after the feature was enabled will be part of the search results.

How do I find posts using hashtags?

When creating posts, you can include hashtags as you normally would. To search for these hashtags, we suggest using our content search feature, and including "hashtagList" in your query.

"hashtagList":[
     "#tags1",
     "#tags2",
     "#tags3"
   ]
How can a user be informed when I begin following them?

To inform a user that they have gained a new follower through the API server, you can make use of Social Plus's Webhooks. Webhooks enable the sending of real-time notifications for specific events, such as a user beginning to follow someone else. For comprehensive guidance on configuring and implementing Webhooks within Social Plus, please consult the resources below:

For notifications related to follow events, you can utilize either of the following webhooks:


Frequent error types: Definition

Why am I encountering this error “Error: Connect client first”?

This error typically arises when an SDK function is called before successfully establishing a connection to the Social Plus session. To resolve this, ensure that you call UserRepository related functions only after the session state is set to ‘established’. You can monitor the session state using the following code snippet:

const [sessionState, setSessionState] = useState('');

useEffect(() => {
  return Client.onSessionStateChange((state: Amity.SessionStates) => {
    setSessionState(state);
  });
}, []);

This code tracks the session state, and you should proceed with calling SDK functions once the state confirms the session is established.

I received the error “Query Token is invalid” What should I pass as the query token in Swagger?

The error indicates a problem with the pagination token. In the result response, a pagination token is provided at the end of the first page. You should use this token to fetch subsequent pages. The response typically includes a "paging" section with "next" and "previous" strings, like this:

"paging": {
    "next": "string",
    "previous": "string"
}

Use the value from the ‘next’ or ‘previous’ string as your query token to access additional pages.

What does the error "Unable to use SDK while the SDK is logging in" mean?

This error occurs when the SDK login process is in progress while other actions are attempted. To resolve this, you should ensure that other actions are initiated only after the login process has successfully completed.

What does the error "RateLimit Exceed" mean?

Our API/function has a rate limit of 100 calls per user within a 5-second window. To avoid encountering this error, it is important to carefully monitor and control the number of calls made to ensure they do not exceed this defined limit.

What should I do when I encounter error code 400314 while attempting to post content with an image?

If you've encountered error code 400314 while trying to post content containing an image, it is likely related to our image moderation settings. To address this issue, follow these steps:

Please be cautious not to set the confidence level too low, as it may result in the blocking of all images.

Why am I unable to post a link and receiving error 400309?
What causes error 400311, also known as RPCRateLimitError, and how can it be fixed?

Error 400311, known as RPCRateLimitError, indicates that the API/function call rate limit has been exceeded, with a cap of 100 calls per user within a 5-second window. To resolve this, it's advisable to check for any processes that might be making repeated API or function calls in a loop, which could be causing the limit to be reached.


General

Can a user be restored after deletion?
How can I delete inactive users?

To delete inactive users, you can make use of the following API call:

Here's an example:

curl --location --request DELETE 'https://api.sg.amity.co/api/v4/users/test2?deleteAll=true&markMessageDeleted=false&hardDeletePost=false&hardDeleteComment=false' \
--header 'accept: application/json' \
--header 'Authorization: Bearer xxx'

After the user is deleted, their display name will be automatically changed to 'Deleted user'. Please be aware that once users are deleted, there is no way to restore them.

What are the consequences for a user who is globally banned?

When a user is globally banned by an admin, they lose the ability to authenticate with ASC and are automatically removed from all their existing channels. Additionally, all of the banned user’s messages are deleted, although if these messages are already cached in the SDK, they will only disappear upon refreshing.

However, the user’s social content, including posts, comments, and community memberships, remains intact.

The globally banned user will be unable to authenticate with Social Plus’s network again until the global ban is lifted.

How are concurrent connections counted when a user opens multiple tabs?

Concurrent connections (CCU) are counted on a per-tab basis within the same web browser on the same device. If a user opens multiple tabs and all are active simultaneously, each active tab is counted as one concurrent connection.

However, browsers may close WebSocket connections for inactive tabs, so the CCU count typically reflects the number of active connections at any given time. For instance, if only one tab is active at a time, only one CCU is recorded.

Is there a dark theme option available in Social Plus?

Social Plus does not fully support a dark theme at the moment. However, you can customize the UI to create a dark theme using our open-source UIKit, which offers flexible UI customization options.

How do I delete an unused application?
What defines an inactive user?

Inactive users are defined as the total unique users, identified by their user IDs, who have registered within the Social Plus system but have not established any connection to any Social Plus network during the specific month for which the Monthly Active User (MAU) count is being calculated. This includes users who may have registered at any time in the past, such as someone who signed up in January but has been inactive since then, and are still considered inactive in the subsequent months like May.

Where can I download Figma files?

You can download Figma files from the following links:

Can Social Plus accommodate multi-tenant systems?

Social Plus can support multi-tenant systems by allowing the creation of multiple applications. Each application functions independently, maintaining its own separate data and content. This setup ensures that users cannot access content from other applications, effectively facilitating a multi-tenant environment.

Can Social Plus be integrated with an external backend for file uploads instead of using Social Plus's servers?

Currently, Social Plus requires that all files be uploaded to its servers through the SDK/API. Using an external backend for file uploads is not supported.

Is there a way to obtain account-wide data, not limited to individual apps?

Regrettably, metrics such as Monthly Active Users (MAUs) and engagement figures are only available on an individual application basis. These statistics can be accessed through our dashboard and console.

How can I include HTML tags, such as <b> or <i>, when sending a message or creating a post on Social Plus via API?

Social Plus places a high priority on backend security to protect against injection attacks, including XSS, with all security measures undergoing periodic penetration testing. It's important to note that the frontend application is also susceptible to XSS attacks, which are beyond our control.

The Social Plus API processes post messages as plain text and does not natively support rich text formatting, like bold, italic, or hyperlinks. This design choice is made to safeguard data security and integrity and to mitigate the risk of cross-site scripting (XSS) attacks.

Nonetheless, the capability to support text formatting rests with the client-side editor and message renderer. You have the option to implement a system on your frontend that accommodates text formatting. For instance, employing a markdown language to encase text with specific symbols allows your frontend to identify and render the text according to the intended formatting.

Are .gif files supported by Social Plus?

Currently, .gif files are not supported for posts or messages on Social Plus.


Dashboard

What is lurking users?

Lurking users refer to individuals who solely view content without actively participating by posting, commenting, or engaging with the group or other users.

How can I access metrics regarding conversations, like the number of messages sent per day?

This data can be found on our dashboard. Please go to the Channels section, where you'll find the "New Messages by Day" widget.

Add the dependency to your module level build.gradle. Find the latest SDK version in .

Add the dependency to your module level build.gradle.Find the latest SDK version in the .

You need to turn Rosetta mode on when using AmitySDK with arm64 simulator. To force the application to use Apple Rosetta environment with an Apple silicon Mac, refer to for the instructions.

Amity Video requires the AmitySDK as dependencies. First, ensure you have installed AmitySDK as per the instructions .

Download , and import to your project.

Download , and import to your project.

To make a mixed language project, create Swift files with necessary interfaces/methods which in turn interacts with AmitySDK. These interfaces should be exposed with @objc or @objcMembers attributes. Reference:

When you add new Swift file into your Objective-C project, Xcode automatically generates a bridging header file. This bridging header exposes your Swift code to Objective C code. For more information you can refer to this guide by Apple:

We are constantly working to improve our existing SDKs. For this reason, the minimum compatibility for our previous versions may vary. Below is the compatibility list for our latest SDKversions. For a complete overview of the compatibility of a specific SDK version, please refer to the corresponding .

Since Amity Js SDK uses local cache for performance and user experience reason, server side rendering is not supported. To use Amity Js SDK with NextJS, it must be imported using .

Since Amity Ts SDK uses local cache for performance and user experience reason, server side rendering is not supported. To use Amity Ts SDK with NextJS, it must be imported using .

The instructions for setting up your project will vary slightly, depending on your development environment. Refer to set up your project if you have not already done so.

Before you can use the SP SDK you just installed, we'll first need to create a new SDK instance with your API key. Please find your account API key in the or visit our Social+ Console page.

If you have trouble finding this, you can post in our community forum at so our support team can assist you.

An authToken is also highly recommended to always be provided, which will be used for secure authentication. For more info on how to configure secure settings and obtain authToken, refer to our .

A sessionHandler is required for SDK to communicate with the app. For more info please refer to . Do note that the sessionHandler is not yet available for Flutter SDK.

Are you ready? Click to explore.

Push notifications are proven to be one of the best ways to drive & increase user engagement with the platform and with Social Plus. ...

Engage your users through image activity feeds as known from known social networks like Instagram and Pinterest.

How do I create a large number of users in bulk on Social Plus?

To create a large number of users, it's advised to use the following endpoint: .

What should I use as the 'Authorization' token when I need to perform admin actions?

To obtain your admin token, please follow these steps on the :

  1. Navigate to "Settings" > "Admin Users"

  2. Click on the cogwheel icon.

This will provide you with the necessary 'Bearer' token to use for authorization when performing admin actions.

How can I upload a bulk list of blocklisted words?

You can upload a bulk list of blocklisted words using an example like this:

curl --location 'https://api.sg.amity.co/api/v3/blacklist/records' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer xxx' \
--data '{
  "regexs": [
    "word1",
    "word2",
    "word3"
  ],
  "isMatchExactWord": true
}'

In this example, replace "word1," "word2," and "word3" with the blocklisted words you want to upload in bulk. The request includes the necessary headers and data to add the specified words to the blocklist.

Setting isMatchExactWord to true makes the blocklisting more strict and will only block exact matches, while setting it to false makes the blocklisting more permissive and will block any occurrence of the blocklisted word or expression within a larger text.

API:

How can I modify my follow/unfollow settings?

You can adjust your follow/unfollow settings by making an API call to the following endpoint: . Please refer to the example below to understand the structure:

curl --location --request PUT 'https://api.sg.amity.co/api/v3/network-settings/social' \
--header 'accept: application/json' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer xxx' \
--data '{
  "isFollowWithRequestEnabled": false
}'

Example: .

The authentication token has a duration of 10 minutes, and it must be used within that specific time frame. For further information on secure mode and authentication tokens, please refer to this section:

You will have to get a new authentication token after the expiration of the current one, you can call the following API endpoint: .

API:

You can utilise the following API to obtain an authentication token: .

While there isn't a specialized API exclusively for tracking your reactions to posts, you can utilize the "get list of reactions" API. This API, accessible at , enables users to see a list of reactions along with the users who reacted. To determine if you've reacted to a specific post, you'll need to query this API and check if you are listed among the reactors.

To delete all posts in your system, first retrieve the posts from community or user feeds using the API found at .

After obtaining the posts, utilize the delete post API to remove them, which is available at _.

To upload audio files, it is advisable to use the upload API available at .

Yes, you can use this API to filter and find users within a community based on their role, such as 'moderator': .

Using the API: When querying communities through the API at: , include the parameter isDeleted: false in your request. This will filter out any deleted communities from the results.

Due to privacy and design considerations, it’s not possible to query communities joined by other users, even if you are an admin. However, the current user can query the communities they have joined themselves. This can be done through the API, as detailed at: , by filtering for membership.

Using API: with the following cURL command:

For Admin Users Using the : You can modify a user's role directly within the console. Follow these steps:

Members can be removed either through the SDK, as detailed here: https://docs.amity.co/amity-sdk/social/communities/community-moderation#remove-members, or by using the API, found at: .

You can delete a community using the API provided here: Alternatively, for admin users, you can also close a community directly from the .

You can implement an auto-join function, which can be called after a new user is created. To achieve this, use the join community API, which you can find here: . By doing this, existing posts in those particular communities will be displayed as the initial content in the global feed for new users.

Our global feed offers multiple sorting options, including sorting by factors such as Engagement Rate, Time of Posting, and Updates. Your feed may be currently sorted by other factors, if you wish to update or adjust the feed configuration, please reach out to our support team at

For more detailed information on custom post ranking, you can also refer to our documentation at .

To list the communities you've joined, you can use the queryCommunities function with the filter set to membership. For more information, refer to the documentation at .

Path:

We recommend using our conversation channel, which offers the capability to check for an existing channel between users. For details, see .

• Ensure that your APNs authentication key is uploaded to Firebase:

s

For detailed instructions on setting up an iOS push certificate, please consult this documentation: .

To check if you have blocked a user, refer to the "Blocked Users List" in the Social Plus documentation. This section provides instructions on how to view and manage your list of blocked users. For more information, you can visit:

You can mark messages as read using the function. After marking a message as read, you may proceed with actions such as notifications or updates to the backend. For detailed guidance, refer to the documentation on .

To get the voters for a specific answer in a poll, you can utilize the API endpoint provided: . This API will return the user IDs of the voters along with their answers in the response.

Currently, polls are not viewable directly through the console. However, if you have access to the Social Plus portal at , you can find your polls by navigating to My Dashboard > Posts and selecting "Poll" from the dropdown menu in the top right-hand side. This will display your poll posts.

To obtain your admin token, please follow these steps on the :

Conversation channels are intentionally not accessible on the console by design. For further information on channel characteristics and this design choice, please visit .

Log in to your .

If you are using the Social Plus Max package, a more robust solution is available through the . This feature allows you to set up custom rules and control various aspects of your application, including channel creation.

Although Social Plus doesn't offer a built-in feature to filter posts by type directly in the global feed, you have the flexibility to create a custom filter on your frontend. Utilize the API to query posts by type at , then display the filtered results on your frontend.

You can utilize our to filter posts by using the postedUserId parameter

To implement push notifications in Web React JS, you can utilize our . These events provide real-time updates on new posts and comments, including sender and receiver information. You can use this data to customize your push notifications with specific labels, details, and payload.

You can find comprehensive guidance on how to utilize this feature in our documentation here:

For notifications when a follow is created:

For notifications when a follow request is made: . This is applicable if you have enabled the follow request feature. For additional details on the user connection method concept, please visit:

Confirm whether you have enabled image moderation in your console settings. You can do this by accessing the and checking the image moderation settings under Settings > Image Moderation tab.

Adjust the confidence level in the console to an appropriate setting. For detailed instructions, please refer to this link: .

If you are curious about how the confidence level functions and have questions, you can find answers in our FAQ section: .

This error occurs because we have link moderation in place. You can manage this feature in the by going to the "Moderation" > "Allow list" tab. If the feature is enabled, links that have not been added to the allow list will not be permitted to be posted in the community or chat.

Once a user is deleted using the API : , it is not possible to undo this action. The user is permanently removed.

To delete an unused application, please contact our support team at , and they will assist you in fulfilling your request.

For Social Figma file:.

For Chat Figma file: .

For an in-depth guide to the dashboard, you can refer to the. For console access, visit and navigate to the usage page.

Changelog
Changelog
Download the latest iOS SDK
this page
Add a Package Dependency
MobileVLCKit.xcframework
Add a Package Dependency
MobileVLCKit.xcframework
Add a Package Dependency
Swift Attributes
Importing Swift into Objective-C
Changelogs
Dynamic Import with SSR disabled
Dynamic Import with SSR disabled
this link
Social Plus Console
community.social.plus.co
Security page
here
Read more
Read more
Download our Developer Kits
Register a session
https://api-docs.amity.co/#/Moderation/post_api_v3_blocklists
https://api-docs.amity.co/#/Network%20Setting/put_api_v3_network_settings_social
https://api.amity.co/api/v3/files/{fileId}/download?size=full
https://docs.amity.co/analytics-and-moderation/console/settings/security#secure-mode
https://api-docs.amity.co/#/Authentication/get_api_v3_authentication_token
https://api-docs.amity.co/#/Session/post_api_v4_sessions
https://api-docs.amity.co/#/Authentication/get_api_v3_authentication_token
https://api-docs.amity.co/#/Reaction/get_api_v3_reactions
https://api-docs.amity.co/#/Post/get_api_v3_posts
https://api-docs.amity.co/#/Post%20v4/delete_api_v4_posts__postId
https://api-docs.amity.co/#/File/post_api_v4_files
https://api-docs.amity.co/#/Community/get_api_v3_communities__communityId__users
Query communities API
Query communities API
Add roles to community users API
Console
Delete community users API
Delete Community
API
Social Plus console
Join community API
support.asc@amity.co
Custom post ranking
https://docs.amity.co/amity-sdk/social/communities/query-communities
https://api.region.amity.co/api/v3/files/fileID
Create Conversation Channel
Push notification certificate setup
Register/Unregister push notification
Link
Social Plus SDK iOS Changelogs
Social Plus UIKit iOS Changelog
iOS Push Notification Certificate Setup
https://docs.amity.co/amity-sdk/social/block-and-unblock-user#blocked-users-list
Mark Message Read
Start/Stop Reading a Subchannel
Get a poll answer
https://portal.amity.co/
Social Plus console
Channel Characteristics
Social Plus portal
https://docs.amity.co/developers/beta-features/real-time-events
https://api-docs.amity.co/#/WebhookEvent
Pre-Hook Event feature 1
https://api-docs.amity.co/#/Post/get_api_v3_posts
search post API
webhook events
https://docs.amity.co/developers/beta-features/content-search
Real-time Events with Social Plus (Beta Features)
Follow Did Create Webhook
Follow Did Request Webhook
https://docs.amity.co/amity-sdk/social/follow-unfollow#user-connection-method-concept
console
Image Moderation Settings
Image Moderation FAQ
console
Delete user API
support.asc@amity.co
Social Plus Social UI Kit Figma
Social Plus Chat UI Kit Figma
Social Plus Portal Dashboard Guide
https://asc.amity.co/
above

Install SDK for Ionic

Use our Social Plus SDK with the Ionic Framework

Ionic Framework

We now support the Ionic framework in building your application using our web SDK. You can use our Chat natively to support your mobile or web applications built using the Ionic framework.

Since Ionic is an HTML5 framework, it needs a native wrapper to access native SDK functionalities and run as a native app. We recommend using Capacitor.

Capacitor will wrap your application in a native container so you can easily integrate our web SDK to run on iOS, Android, and web platforms.

Getting Started

We will walk you through the process of installing ionic and all the necessary dependencies for development.

Installing Ionic

Ionic comes with a convenient command line utility to start, build, and package Ionic apps. To install it, simply run:

sudo npm install -g @ionic/cli 

Adding a Capacitor to your app

In the root of your application, install Capacitor:

npm install @capacitor/core --save

Adding support for the native platform

Now, we need to copy the native platform template into your application:

ionic capacitor add <platform>

platform

The platform template to add (e.g. android, ios).

Opening the Application

To open the application in your IDE, run:

npx cap open <platform>

platform

The platform you are using (e.g. android, ios).

For Android, it will open Android Studio. For iOS, it will open Xcode.

Where to go next

Now you’re ready to start integrating our chat SDK into your application.

Using our Chat SDK

  • Ionic with JavaScript framework

Install Flutter SDK

The Social Plus SDK for Flutter is available on PubDev

Installation

Add the SDK to your repository by adding amity_sdk dependency

With Flutter:

 $ flutter pub add amity_sdk

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get) :

dependencies:
  amity_sdk: ^0.22.0

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

The minimum deployment target is:

  • iOS: iOS 9.0

  • Android: Android 4.4 (API Level 19)

A login example
Without Auth Token
With Auth Token
Without Auth Token
With Auth Token

Install TypeScript SDK

The Social Plus SDK for TypeScript is delivered as an npm module.

Installation

Add the SDK to your repository with this code:

npm:

npm install @amityco/ts-sdk --save

yarn:

yarn add @amityco/ts-sdk

Getting Started

The very first thing to do once you have installed the SDK, is to creating an instance of the client and logging in.

Our SDK is designed for browser use only and is not compatible with server-side environments such as Node.js.

Browser Support

  • Chrome: 38+

  • Firefox: 42+

  • Microsoft Edge: 13+

  • Safari: 9+

  • Opera: 25+

Social Plus Web SDK probably won't work great in Internet Explorer 11. We generally support the recent versions of the major browsers listed above.

React Native Framework

Use our TypeScript SDK natively to support your applications built using the React Native framework.

To support older JavaScript runtime, you need to include a global polyfill for your bundled package.

First, install core-js in your project.

npm install core-js

Then, import fromEntries in the root of your project.

import 'core-js/features/object/from-entries';

Core Concepts

Our Core Concepts section will outline functionality and information that is pertinent to all of our Chat SDK Modules.

The following concepts are shared across all platforms and thus are centralized in this section for your ease of navigation and use.

Install JavaScript SDK (Deprecated)

The Social Plus SDK for JavaScript is delivered as an npm module.

The JavaScript SDK has been deprecated, and we will discontinue its support by September 30, 2024. Please transition to the TypeScript SDK before this obsolescence date. Please visit Install TypeScript SDK for the installation guide.

Installation

Add the SDK to your repository via npm: npm install @amityco/js-sdk --save.

Browser Support

  • Chrome: 38+

  • Firefox: 42+

  • Microsoft Edge: 13+

  • Safari: 9+

  • Opera: 25+

Social Plus Web SDK probably won't work great in Internet Explorer 11. We generally support the recent versions of the major browsers listed above.

AmitySDK already includes our UIKit. Don’t install the UIKit separately if you have already installed the SDK.

Announcements

Release notes, key changes and deprecation notices.

UIKit v4: Transition from Beta to Production

17 March 2025

  • Out of Beta: After extensive testing and feedback, UIKit v4 has matured from its beta phase and is now officially released.

  • Feature-Complete & Stable: We’ve incorporated crucial features, addressed known bugs, and improved performance, ensuring a stable release ready for production environments.

  • Upgrade to SDK v7: UIKit v4 now leverages SDK v7 (replacing SDK v6), providing enhanced capabilities, improved security, and better long-term support.

  • Replacing UIKit v3: UIKit v3 is now in the maintenance phase. Support critical bug fixes for the next 6 months.

Upgrade Announcement: Transitioning from Version 6.x to 7.x

14 March 2025

  • Version 6.x introduced updated function names for consistency across all SDK platforms and deprecated older, misaligned versions. These deprecated functions have now been fully removed in Version 7.x.

  • We will only provide critical issue fixes for Version 6.x during the transition period. Any necessary hotfixes will be applied to historical versions as needed.

  • Version 7.x and future releases (e.g., v7.1, v7.2) will continue to receive new features and improvements. If you have already migrated to the updated function names in v6.x, the impact should be minimal, as the package structure and naming conventions remain consistent.

  • Version 6.x will continue receiving critical fixes for six months, after which it will be officially discontinued and no longer supported.

You can find more information about these changes in the respective changes for each platform, which you can access using the links below.

Behavioral Change Announcement

1 August 2023

We are excited to inform you about the recent updates we have made to our product to enhance your experience. These changes are scheduled for deployment as follows: 🔜 9th August: SG Region 🔜 10th August: EU & US Region. The best part is that these modifications will take effect immediately without requiring any action from your end to update the version.

Now, let's take a look at what will be changed:

  1. Post creators will still have the ability to view their own soft-deleted posts.

  2. Admins/Super Admins will still retain the privilege to view user's soft-deleted posts.

  3. Non-Admin users, however, will no longer be able to access soft-deleted posts of other users.

  4. Moderators & Global Moderators, will also no longer be able to access soft-deleted posts of other users.

Should you have any concerns or questions regarding these changes, please do not hesitate to reach out to us. We value your feedback and are here to assist you!

API Deprecation Notice: v3/files for Image Moderation

1 August 2023

We'd like to announce that we will be deprecating v3/files API in favor of v4/images API for our image moderation feature. Effective 1 January 2024, v3/files will no longer support image moderation. If you are using v3/files to upload images, we recommend that you switch to using v4/images instead.

To ensure a smoother transition process, we have already updated the iOS and Android SDKs in version 6.6.0, as well as Flutter SDK beta 0.21.0 to point to the new endpoint for uploadImage(). Therefore, if you wish to continue using the image moderation feature, you will need to upgrade to Android or iOS SDK 6.6.0 or higher; or Flutter beta 0.21.0 before 1 January 2024. After this date, v3/files and any SDKs below the aforementioned versions will no longer support image moderation. There is no impact to TypeScript SDK users as the SDK is already using v4/images.

What this means if you wish to continue having images moderated:

  • Android & iOS: You will need to upgrade to Android or iOS SDK 6.6.0 or higher (or UIKit 3.1.0 or higher), before 1 January 2024. After this date, v3/files and any SDK version below 6.6.0 (or UIKit 3.0.0 and below) will no longer support image moderation

  • Flutter: You will need to upgrade to Flutter SDK beta 0.21.0 or higher, before 1 January 2024. After this date, v3/files and any SDK version below beta 0.21.0 will no longer support image moderation

  • TypeScript: There is no impact to TypeScript SDK users as the TS SDK is already using v4/images

If you have any concerns or questions about this deprecation notice, please do not hesitate to contact our support team.

RxJava2 and PagedList Deprecation Notice

20 October 2022

Today we are announcing the deprecation of RxJava2 and PagedList for Amity Android SDK, as we will be migrating from RxJava2 to RxJava3 and from PagedList to PagingData, effective January 1, 2023.

What this means:

  • If you are using RxJava2 and PagedList, the last version that supports them (which will be released in December 2022) will continue to be maintained until 31 October 2023.

  • From 1 November 2023, Rxjava2 and PagedList will no longer be supported.

Although we will not stop supporting RxJava2 and PagedList until October 2023, we recommend that you start planning your upgrade around Q4 2022, from RxJava2 to RxJava3 and from PagedList to PagingData.

Separately, we will also be upgrading our SDK to support RxJava3 and PagingData in the coming weeks. Once the upgrade is complete, we will remove RxJava2 and PagedList from future versions of the SDK.

Objective-C Deprecation Notice & Minimum Target Upgrade to iOS 13

Updated: 19 September 2022

Today we are announcing the deprecation of Objective-C for Amity iOS SDK as we will be migrating from Objective-C to pure Swift, effective 1 January 2023.

What this means:

  • If you're using Objective-C to build your app, the last version that supports Objective-C (that will be published in December 2022) will continue to be maintained until 30 September 2023.

  • Starting 1 October 2023, Objective-C will no longer be supported.

Although we will only be ending the support of Objective-C in October 2023, we recommend that you start planning the upgrade around Q4 2022.

Xcode 14 Upgrade & Minimum Deployment Target Upgrade from iOS 12 to iOS 13

Separately in the coming weeks, we will also be upgrading our SDK to support Xcode 14, and will be raising the minimum deployment target from iOS 12 to iOS 13. Once the minimum target upgrade occurs, we will be dropping iOS 12 & Xcode 13 support from future versions of the SDK.

What’s in store with iOS 13+ upgrade:

There are many new enhancements coming along with this upgrade, such as async/await APIs that help you to work easier with asynchronous programming. Migrating to Swift also comes as a cost-effective method in developing and maintaining your projects.

Managed UI Kit Deprecation Announcement

Updated: 21 June 2022

Amity Social Cloud will be deprecating all managed versions of the UI Kits (IOS, Android and Web J.S.) on 31 August 2022 as requests to be able to further customize their look and feel have increased. Our UI Kits were built to enable even faster integration of our social and chat features. In January this year, we open sourced all our UI Kits to provide our customers with more flexibility and greater customization options. Since then, we have seen a shift towards the open source version as it gives complete control over the visual style while keeping the integration time as short as possible.

To ensure that you continue to receive the latest updates and improvements, we encourage you to migrate over to the open source version. We’ve written instruction guides to help you migrate to the open source version, get the latest updates, and contribute to the project all available below.

What happens once the managed version UI Kit is deprecated?

Once the managed version is deprecated, we will transition our support to the open source UI Kit for any bug requests and releases of new features. You will still be able to use the managed UI Kit, however it will no longer be receiving further updates. All documentation relating to the managed UI Kit version will be moved to the deprecation notice section. Any ongoing improvements will be made to the open source version under the Lesser General Public License (GNU).

How to migrate off the managed version UI Kit?

iOS SDK Breaking Changes

Updated: 09 December 2021

From 09 Dec 2021 onwards, Amity iOS SDK will no longer maintain versions which were built with Xcode version prior to 13. and SDK v5.8 will be the first version that is built with Xcode 13 and the iOS 15 SDK.

What drove the change?

When is the deadline I need to make the change?

  • From now to April 2022, you will be able to submit an app to App Store with Amity iOS SDK version prior to v5.8. but it’s highly recommended to plan the upgrade.

  • From April 2022 onwards, you will NOT be able to submit an app to App Store with Amity iOS SDK version prior to v5.8

What’s the impact to my users who are currently using the app with Amity iOS SDK version prior to v5.8?

There is no impact from the functionality wise for the users who are using your App under old Amity iOS SDK. However beginning form April 2022, developers can only submit an app to App Store with the following requirement.

  • Built with Xcode 13

  • Built with iOS 15 SDK

  • Built with Amity iOS SDK v5.8

Maintenance Strategy for Breaking Changes

Updated: 27 April 2021

  • We will only maintain these older versions for critical issues and bug fixes. Whenever a hot-fix is made available, it will be rerouted back to historical ASC SDK & UIKit, respectively, regardless of the current latest versioning.

  • Amity Social Cloud's SDK 5.0 and UIKit 2.0 will be introduced as a modularized category of changes and advancement. New features will only be added to these versions and those to come, above i.e. v5.1, v5.2 and so on and so forth.

  • EkoSDK 4.8 and UIKit 1.12 will be supported for critical issues for a period of 6 months. After which the window period will expire and EkoSDK 4.8 and UIKit 1.12 will be officially discontinued and no longer supported moving forward.

You can find more information about these changes in the respective changes for each platform, which you can access using the links below.

Follow / Unfollow Limited Availability Announcement

Updated: 26 April 2021

After the launch of our Amity Social features that allow customers around the world to build their own social network and grow their own community of users within the safety net of their own brands, our customers and the community they have built has grown much quicker than we originally anticipated - from building a community of travelers to engaging sports-fans around the world.

In order to handle the massive spike in workloads from the growing number of customers while making sure our system always perform at the highest standard from both data latency and scalability aspects, we have decided to revert Follow and Unfollow features into Limited Availability release.

The feature will be temporarily unavailable to all new customers while we work on upgrading our infrastructure and underlying deployment architecture. Starting from 26 April 2021, new SDK downloads will no longer contain follow/unfollow function and newly-generated API key will not be able to use the features. User profile, groups and feed features will remain unaffected. Existing customers who are already using the feature should also remain unaffected.

Our priority is to ensure we scale our system architecture to meet the increasing demand from our existing customers who are using the system to actively grow their community. Our engineering team is working to bring these features back to General Availability release by June 2021. Thank you for your understanding and we apologize for any inconvenience this may have caused to our onboarding customers.

iOS SDK Breaking Changes

Updated: 08 December 2020

From 1st Feb 2021 onwards, Amity iOS SDK will no longer maintain versions which were built with Xcode version prior to 12, and v4.2 will be the first version with Xcode 12 support. Please kindly plan ahead and upgrade your iOS SDK version if you are using the versions prior to v4.2

What drove the change?

When is the deadline I need to make the change?

  • From now to 31st Jan, no impact but it’s highly recommended to plan the upgrade.

  • From 1st Feb onwards, Social Plus will no longer provide customer support regarding iOS SDK versions prior to v4.2

  • From 1st Feb to 31st Mar, you will still be able to submit an updated version to App Store with the Social Plus iOS SDK version prior to v4.2

  • From April onwards, you will NOT be able to submit an updated version to App Store with the Social Plus iOS SDK version prior to v4.2

What’s the impact to my users who are currently using the app with Amity iOS SDK version prior to v4.2?

There is no impact from the functionality wise for the users who are using your App under old Amity iOS SDK, but they will NOT be able to get any further updated version from App Store unless you submit a new version which is :

  • Built with Xcode 12

  • Built with iOS 14 SDK

  • Built with Social Plus iOS SDK v4.2

I want to upgrade Amity SDK but how do I know the changes between my current SDK version and the latest version?

Session State

Session state is a key concept in the SDK that describes the authentication status of the client device. There are several session states that the SDK can be in, including:

  • notLoggedIn

  • establishing

  • established

  • tokenExpired

  • terminated

The established state is the normal and fully authenticated state in which the SDK is usable. The other states represent different stages of the authentication process or an error condition.

When SDK is initialized:

  • If the user is not logged in, the SDK starts in the initial "notLoggedIn" state.

  • If the user is already logged in, the SDK automatically resumes the logged-in session and immediately switches to the established state.

When TS SDK is initialized, the session state always begins as notLoggedIn.

When logging in:

  • If login succeeds, it moves to established state.

  • If login fails, it moves to notLoggedIn state.

When logging out manually:

  • It moves to notLoggedIn state.

When the user is logged in, but the user is banned or deleted from the system.

  • It moves to terminated state.

When token has expired:

  • It moves to tokenExpired state.

Read and Observe Session State

The SDK provides APIs for reading and observing the session state.

Implementing an app based on session state

Session state is designed to align with the typical flow of an app. For example, developers can use the session state to guide app navigation, like this:

Session Handler

For logging, the SDK requires SessionHandler. SDK uses this object to communicate with the app when session handling is required. Currently, SessionHandler is used for:

  • Initiate access token renewal when it is about to expire or has expired.

The code above shows a simple session handler. Please note that each function in SessionHandler can be customized to your app logic.

Access Token Renewal

When a user logs in to the SDK for the first time, an access token is issued that is valid for 30 days.

If the access token is about to expire or has already expired, the SDK automatically initiates the renewal process through the sessionWillRenewAccessToken method of the SessionHandler.

During the renewal process, the SDK passes an AccessTokenRenewal object to the app. The app must call either one of the following methods on this object to complete the process.

The following code shows how the app can implement the sessionWillRenewAccessToken method by providing an auth token for renewal.

Search and Query Users

Search User

Query for users by their display name, receiving a collection of AmityUser matching your search. It requires two parameters: the display name you're searching for, and a 'sort option' from the AmityUserSortOption enum. If no keyword is supplied, the list of users will be organized alphabetically by display name.

Users also have the option to sort by lastCreated, firstCreated, or displayName. When a keyword is provided, the list will be arranged based on search rank. The displayName sorting option will be specified by default if it isn't specified.

With the displayName sorting option, users are sorted alphabetically by their display names using ICU collation for the English locale. This means that special characters such as Ä are treated as variants of A. For example, a sorted list might appear as: adam, Älex, Alice, Arthur, charlie, Kristen.

When providing a search keyword, the API performs an exact-match lookup for special characters.

  • For instance, if you search for "Äli", only users whose display name contains the "Äli" characters (e.g., "Älise") will be returned.

  • Conversely, searching for "Alice" will not return "Älice".

  • The search keyword must be at least 3 characters long.

  • Deleted users are excluded from the results

Query Users

Query for users to receive a collection of AmityUser based on a single parameter: a 'sort option' from the AmityUserSortOption enum. Sort the list by options such as displayName, firstCreated, or lastCreated. The displayName sort option will be specified by default if it isn't specified.

With the displayName sorting option, users are sorted alphabetically by their display names using ICU collation for the English locale. This means that special characters such as Ä are treated as variants of A. For example, a sorted list might appear as: adam, Älex, Alice, Arthur, charlie, Kristen.

Deleted users are excluded from the results

If you wish to observe for changes to a collection of users, you can use liveUsers

User

Identity

Social Plus SDK's do not store or manage any user data. This means that you do not have to import or migrate existing user profiles into the system, user management should be handled by your application code. Instead, every user is simply represented by a unique userID, which can be any string that uniquely identifies the user and is immutable throughout its lifetime.

A database primary key would make an ideal userID. Conversely, something like username or emails is not recommended as those values may change over time.

If you wish to assign additional permissions for a user, for example, moderation privileges or different sending limits, you can provide an array of roles to assign to this user. Roles are defined in the admin panel and can be tied to an unlimited number of users. Once again, Social Plus does not store or manage any user data, which means you do not have to import or migrate existing users into the system. It also means that Social Plus cannot provide user management functionalities like a list of users, or limit actions of certain users (e.g. user permissions). Instead, these functionalities should be handled by the rest of your application's capabilities and your server.

Description of Users

User Repository

Though the SDK does not store and should not be responsible for the handling User profile data for your application; We do provide tools to make some surface-level queries and searches for existing user accounts. With the help of our UserRepository class, you will be able to list all the users, search for list of users whose display name matches your search query and get AmityUser object from user ID.

Ban User

You can ban a user globally. When users are globally banned, they can no longer access Social Plus's network and will be forcibly removed from all their existing channels.

Get User Information

In the Social Plus SDK, a user is represented by an AmityUser object, which contains the user's unique userId and displayName. The userId is an immutable value that is assigned to a user when their account is created, and cannot be changed afterwards. This value serves as a unique identifier for the user within the SDK, and is used to perform actions such as sending messages or creating connections between users.

The functionality isn't currently supported by this SDK.

The functionality isn't currently supported by this SDK.

The functionality isn't currently supported by this SDK.

Delete User

Delete User API is called to delete a user from the system. The display name of the deleted user is replaced with “Deleted User”. This API can be called only by admin users.

Please note that this action is a hard delete, and all deleted data will be lost and cannot be recovered.

When deleting a user, you can specify that the user should be marked as deleted but the user’s data should remain unchanged, or you can specify that all personal data associated with the user should be deleted:

  • if the deleteAll parameter is set to true, and all personal data (i.e. profile, photos, images, and files), message channels, posts, and comments of the user will be deleted.

  • the markMessageDeleted parameter, when set to true, deletes all message channels and messages that the user has created

  • the hardDeletePost parameter, if set to true, deletes all posts created by the user as well as the comments, reactions, child posts, and child comments of the corresponding post

  • the hardDeleteComment parameter, if set to true, deletes all comments and reactions of the user

What happens when a user is deleted?

The user cannot be reactivated

Once a user has been deleted from the system, the account cannot be reactivated under any circumstances. In order to protect the user account data, no other user will be allowed to reactivate the account after it has been deleted by the user.

The user's system ID is still saved, but the username is deleted and replaced with "Deleted User"

The user's system ID will still be stored in the database, but to protect the user's identity, the account's username will be replaced with the text "Deleted User". All deleted accounts will be marked as "Deleted Accounts".

All conversation channels created by the user will be deleted.

If the user account is deleted, all conversation channels created by that user will be deleted immediately and no other user will be able to access those channels afterwards.

All messages, channel names, and file attachments that the User created will be deleted

After the account is deleted, all messages for all channels and all attachments created by the user are deleted and cannot be restored.

Channel member count will be updated

When a user is deleted, the channel members are updated in all channels where the user was a member, so that only active users are counted in the channels.

All user-related data will be permanently deleted and cannot be recovered

All the user's data, including profile, photos, videos, images, text, audio, video, attachments, files, and anything else that the user has added to the system as a user will be permanently deleted from the system and cannot be recovered.

Posts, comments, and associated IDs, as well as subordinate posts and subordinate comments of the user, will be marked as deleted

All posts created/shared by the deleted user will be deleted and all comments added by the deleted user will also be removed from all posts. No comments or sub-posts will be available after the user deletes the account.

Reaction and comment count will be updated

All reactions and comments posted by the deleted user are detected and updated in the posts.

The user will be marked as deleted when queried

The status of the user's account is marked as "deleted" when queried and the user can no longer access it.

API Parameters

Headers

Path

The API response will be different based on the request and records match. The request may have a successful response, or it may have a bad request error, and it may respond as a User not found. The responses to API calls are mentioned below.

Success

{

"success":true

}

Bad Request error

{ "status": "error",

"code": 400000,

"message": "User is already deleted"

}

User Not Found error

{ "status": "error",

"code": 400400,

"message": "User Not Found."

}

Flag / Unflag User

Flag / Unflag User feature is an essential tool for maintaining a safe and engaging chat community. With Social Plus, you can use the flag and unflag user feature to allow moderators and administrators to monitor any inappropriate behavior within a chat channel.

In this section, we will discuss how to use the flag and unflag user feature of Social Plus Chat SDK to maintain a safe and engaging chat community.

To flag / unflag users on iOS, Android and Flutter SDK, create an instance of UserFlagger first:

The UserFlagger lets you flag and unflag a user. It also exposes an asynchronous way to check whether the current logged-in user has already flagged the given user or not.

Flag a User

To flag a user, call the following method:

Unflag a User

To unflag a user, call the following method:

Check Flagged By User

To check whether a user has been flagged by the current user:

Roles & Permissions

AmityClient class provides a method hasPermission which allows you to check if the current logged-in user has permission to do stuff in a given channel.

We determine a user's moderation capabilities based on their current role. Social Plus SDK has the following default roles:

  1. Member - has no moderation privileges

  2. Community/Channel Moderator - can assert general moderation privileges on other users

  3. Super Moderator - can assert general moderation privileges and be exempt from moderation from other users

  4. Global Admin (Admin Only) - can assign the roles of others, assert all moderation privileges, and be exempt from moderation

The Global Admin role cannot be assigned to a user.

User

*UserV3

Channel

*ChannelV3

Community

*CommunityV3

User Feed, Posts, Comments, & Notifications

Permissions

Each role can be assigned with many permissions. Below is a list of all the possible permissions that can be assigned to a user.

Create User

In Social Plus SDK, creating a new user can be done through the login method. Once the user account has been created, the user can then log into the app using their userId and displayName using the SDK's social and chat features.

You may need to create a new user account via the SDK, such as when integrating the SDK with an existing user authentication system. In these cases, you can use the login method. Here's how the login method works:

  • If a user already exists for the specified userId, the SDK will log the user into the app using the provided userId. The displayName parameter can be updated upon calling the login method. If the displayName parameter is not provided, the system will retain the existing user's displayName.

  • If a user account does not already exist for the specified userId, the SDK will automatically create a new user account with the provided displayName and log the user into the app. If displayName is not provided, the userId will be used as displayName.

Note:

  • When user edits / adds their display name, it can be up to 100 characters in length.

  • When a user ID is created, it can be up to 50 characters in length.

iOS
Android
JavaScript
TypeScript
Flutter
Ionic
iOS
Android
iOS
Android
JavaScript
Social Plus console
React Native

Once the client has been instantiated and you are logged in. You can now use API's to create a , , , and !

Since Social Plus Web SDK uses local cache for performance and user experience reasons, server-side rendering is not supported. To use Social Plus Web SDK with NextJS, Social Plus Web SDK must be imported using .

You can check out our React Native sample application .

Installing the SDK requires you to use a javascript package manager such as npm or yarn. If your current build system does not use package managers, please contact us at .

If you already installed our SDK with the name eko-sdk, be sure to check our .

Since Social Plus Web SDK uses local cache for performance and user experience reasons, server side rendering is not supported. To use Social Plus Web SDK with NextJS, Social Plus Web SDK must be imported using .

For guidance on finding equivalent functions and ensuring a smooth transition, please refer to our .

​​ ​​

According to Apple’s announcement , "Starting April 2022, all iOS and iPadOS apps submitted to the App Store must be built with Xcode 13 and the iOS 15 SDK."

and UIKit 1.12 will be the last version to contain the prefix Eko. New features WILL NOT be added to these older versions any longer.

iOS ​​ Android ​​ Web

According to Apple’s announcement , "Starting April 2021, all iOS and iPadOS apps submitted to the App Store must be built with Xcode 12 and the iOS 14 SDK."

Please refer to this section for details.

The error code will be presented in terminated state. Please refer to for more details.

If the access token has expired, all network requests will fail. However, the SDK includes an automatic process for renewing the access token. As long as this process is implemented correctly, it is unlikely that the app will encounter this problem. Please refer to for more details.

Method on renewal object

The code above will provide you with the list of users which matches with display name "Brian".

The above example searches for all users whose display names start with "Test User 1".

The queryUsers provides a way to search for users by their display name.

Refer documentation for instructions on how to globally ban a user.

For more information please visit to

To retrieve an AmityUser object for a specific userId, you can use the getUser method provided by the UserRepository. This method accepts the userId as a parameter and returns a of AmityUser. The live object allows developers to observe changes to the user's properties in real-time, ensuring that their app remains up-to-date with the latest user information.

Follow the below code to retrieve a user object:

Get Single User

The User Repository provides a method to get a single user. It returns a LiveObject which you can observe.

You can also use the code below to get one user:

Get All Users

The User Repository provides a method to get a list of all users, which will be returned as a LiveCollection:

This method takes an optional sortBy parameter which must be a UserSortingMethod - these include displayName, firstCreated, and lastCreated:

To retrieve multiple users, you can use getUserByIds method provided by UserRepository. This method accepts a collection of userId as a parameter and returns a ofAmityUser.

Content-type
application/json
Path
Data field

A user's role can be changed via the Console. Refer to for the instructions on how to change a user's role.

Below are tables for each category that show the default roles and permissions. You can create new roles and assign a specific set of permissions for each role in the SP Console. Refer to .

Permission
Global Admin
Super Moderator
Community Moderator
Channel Moderator
Permission
Global Admin
Super Moderator
Community Moderator
Channel Moderator
Permission
Global Admin
Super Moderator
Community Moderator
Channel Moderator

There is no limit to the number of moderators in a community. If there are 100 members in the community, all 100 members can be promoted to moderator. Promoting a user to a community-level moderator can be done using the or through the SDK.

Permission
Global Admin
Super Moderator
Community Moderator
Channel Moderator

If displayName is passed, but is enabled, the values will be ignored.

SDK
UIKit
Analytics & Moderation
channel
message
community
posts
Dynamic Import with SSR disabled
here
Session State
Users/Permissions
Push Notifications
Mentions
Poll
Ads
Presence State
Live Objects/Collections
Realtime Events
Error Handling
Content Moderation
community.socialplus.co
migration guide from version 4 to 5
Dynamic Import with SSR disabled
Migration Guide
here
EkoSDK 4.8
here
announcement

renew()

Indicates the SDK to renew the access token without an auth token.

renewWithAuthToken(...)

Indicates the SDK to renew the access token with an auth token. (Required for secure login)

unableToRetrieveAuthToken()

Indicates the SDK to postpone renewal.

SDK will re-initiate access token renewal at a later time, but no sooner than 10 minutes.

Session Handler
userRepo.searchUserByDisplayName('Test User 1')
const liveUserCollection = UserRepository.queryUsers({
    keyword?: string, 
    filter?: 'all' | 'flagged', 
    sortBy?: 'lastCreated' | 'firstCreated' | 'displayName'
})

// filter if flagCount is > 0
// lastCreated: sort: createdAt desc 
// firstCreated: sort: createdAt asc 
// displayName: sort: alphanumerical asc

liveUserCollection.on(“dataUpdated”, models => {
  models.map(model => console.log(model.userId))
})

Name

Data Type

Description

Attributes

userId

string

The id of this user

roles

Array.<string>

A list of user's roles

displayName

string

The display name of the user

flagCount

integer

The number of users that have flagged this user

metadata

Object

The metadata of the user

hashFlag

Object

A hash for checking internally if this user was flagged by the user

createdAt

date

The date/time the user was created at

updatedAt

date

The date/time the user was updated at

isGlobalBan

Boolean

Flag that indicates if the user is globally banned. True means the user is globally banned.

Note: This is not yet supported for Typescript

avatarCustomUrl

String

Custom Url provided for this user avatar

isDeleted

Boolean

Flag that indicates if the user is deleted

import { UserRepository } from '@amityco/js-sdk';
const userRepo = new UserRepository();
import { UserRepository } from '@amityco/js-sdk';

const liveObject = UserRepository.getUser('userId');
liveObject.on('dataUpdated', user => {
  // user is successfully fetched
});
userRepo.userForId('user123')
let liveUser = UserRepository.getUser("some-user-id")
userObject.on(“dataUpdated”, model => {
   // you can access user object as model here
  console.log(model.userId, model.displayName)
})
userRepo.getAllUsers()
import { UserSortingMethod } from '@amityco/js-sdk'

userRepo.getAllUsers(UserSortingMethod.DisplayName)

Authorization

Bearer{{Admin Token}}

UserID

User public id

userRepo.flag({ userId: 'user123' })
userRepo.unflag({ userId: 'user123' })
userRepo.flag({ userId: 'user123' })
    .then(() => {})
    .catch(() => {})

SP Console Access

✅

✅

❌

❌

Create, Edit, & Delete, Roles

✅

✅

✅

✅

Ban & Edit User*

✅

❌

❌

❌

Exempt from filters

✅

✅

❌

❌

Exempt from rate limits

✅

✅

❌

❌

Exempt from mute

✅

✅

❌

❌

Exempt from ban

✅

✅

❌

❌

Exempt from blacklist & whitelist

✅

✅

❌

❌

Exempt from repitition check

✅

✅

❌

❌

Edit, Ban, Add, Remove, & Mute Channel User *

✅

✅

❌

✅

Edit & Mute Channel*

✅

✅

❌

✅

Edit & Delete Message*

✅

✅

❌

✅

Edit Channel Rate Limit*

✅

❌

❌

❌

Ban, Mute, Rate limit, & Manage Users

✅

✅

❌

✅

Mute Channels

✅

✅

❌

✅

Rate Limit Channels

✅

✅

❌

✅

Manage Messages

✅

✅

❌

✅

Global Access

✅

✅

❌

❌

Create, delete, Edit Community Categories

✅

✅

✅

❌

Edit & Delete Communities*

✅

✅

✅

❌

Edit, Add, Ban, & Remove Community Users*

✅

✅

✅

❌

Edit, Delete, & Review Community Posts*

✅

✅

✅

❌

Edit & Delete Community Comments*

✅

✅

✅

❌

Manage Community

✅

✅

✅

❌

Manage Community Stories

✅

✅

✅

❌

Edit & Delete User Feed Post

✅

✅

✅

❌

Edit & Delete User Feed Comment

✅

✅

✅

❌

Manage Posts & Comments

✅

✅

✅

❌

Manage Network Settings

✅

✅

✅

✅

Source

Permission

Description

Channel

MUTE_CHANNEL

Can mute/unmute channel

CLOSE_CHANNEL

Can close channel

EDIT_CHANNEL

Can edit channel

EDIT_CHANNEL_RATELIMIT

Can set rate limit of channel

EDIT_MESSAGE

Can edit all messages

DELETE_MESSAGE

Can delete all messages

BAN_CHANNEL_USER

Can ban/unban user from channel

MUTE_CHANNEL_USER

Can mute/unmute user in channel

ADD_CHANNEL_USER

Can add users to channel

REMOVE_CHANNEL_USER

Can add remove user from channel

EDIT_CHANNEL_USER

Can edit users in channel

User

BAN_USER

Can global ban/unban user

EDIT_USER

Can edit users

ASSIGN_USER_ROLE

Can assign role to users

User feed

EDIT_USER_FEED_POST

Can edit all posts on user feed

DELETE_USER_FEED_POST

Can delete all posts in user feed

EDIT_USER_FEED_COMMENT

Can edit all comments on user feed

DELETE_USER_FEED_COMMENT

Can delete all comments in user feed

Community

ADD_COMMUNITY_USER

Can add users to community

REMOVE_COMMUNITY_USER

Can remove users from community

EDIT_COMMUNITY_USER

Can edit users in community

BAN_COMMUNITY_USER

Can ban users in community

MUTE_COMMUNITY_USER

Can mute users in community

EDIT_COMMUNITY

Can edit community

DELETE_COMMUNITY

Can delete community

EDIT_COMMUNITY_POST

Can edit all posts in community feed

DELETE_COMMUNITY_POST

Can delete all posts in community feed

EDIT_COMMUNITY_COMMENT

Can edit all comments in community feed

DELETE_COMMUNITY_COMMENT

Can delete all comments in community feed

REVIEW_COMMUNITY_POST

Can review community post

MANAGE_COMMUNITY_STORY

Can create and delete community story

Community Category

CREATE_COMMUNITY_CATEGORY

Can create new community categories

EDIT_COMMUNITY_CATEGORY

Can edit community categories

DELETE_COMMUNITY_CATEGORY

Can delete community categories

Network

CREATE_ROLE

Can create new roles

EDIT_ROLE

Can edit roles

DELETE_ROLE

Can delete roles

Notification

MANAGE_NOTIFICATION_NETWORK_SETTING

Can manage notification settings

Error Handling
User & Content Management
Without Auth Token
With Auth Token
Session Handler

Files, Images, and Videos

File upload and download are key features of our product, which enable developers to easily incorporate file-sharing functionality into their applications. With support for a wide range of file types, including images, videos, audio, and documents, developers can create highly engaging and interactive user experiences that drive engagement and increase retention.

By enabling users to share files directly within the chat or social feed, developers can create highly personalized and engaging experiences that foster deeper connections among users. For example, users can share photos and videos with friends and family, or exchange documents and other files within a community. To support various use cases and make it easy to handle files, images, and videos, we offer convenient methods for managing these types of content:

  • File Handling

  • Image Handling

  • Video Handling

The SDK does not manage the caching of any images or files. It is recommended to effectively handle caching to ensure optimal performance. You can use a pre-existing implementation or library to handle the caching of files or images.

Live Object
Live Collection
Update Role API
Observe Session State
Implement app navigation based on session state
A simple session handler
An example of access token renewal with auth token.
Search users by display name
Query users
let userRepository: AmityUserRepository = AmityUserRepository(client: client)
let userToBeFlaggedObject: AmityObject<AmityUser> = userRepository.user(forId: "badUser")

guard let userToBeFlagged: AmityUser = userToBeFlaggedObject.object else { return }

let userFlagger = AmityUserFlagger(client: client, userId: IdOfuserToBeFlagged)

Video Handling

Video Data

The video data is the representation of the video that has been uploaded using the SDK. The uploaded video will be transcoded to other different resolutions depending on console settings. Below is a table of properties that it contains.

Note: The maximum video file size limits are up to 2 GB per post.

Property
Description

fileId

Identifier for the uploaded file

fileUrl

The HTTP web URL for the uploaded file. You can use this fileUrl for downloading the original video file. (The file format remains unchanged)

attributes

Contains a dictionary with values for name, extension, size and mimeType of uploaded video.

attributes.metadata

Contains a dictionary with values for video and audio of uploaded video.

attributes.metadata.video

Contains a dictionary with values for width, height, duration, bit_rate, avg_frame_rate and display_aspect_ratio

attributes.metadata.audio

Contains a dictionary with values for duration, bit_rate and sample_rate

videoUrl

After video uploaded and transcoded by the server. The video data will contain videoUrl that provides different video URLs for each resolution.

  1. original - the equivalent resolution to fileUrl

  2. 1080p - 1920×1080 in horizontal, and 1080x1920 in vertical

  3. 720p - 1280×720 horizontal, and 720x1280 in vertical

  4. 480p - 640x480 horizontal, and 480x640 in vertical

  5. 360p - 480x360 horizontal, and 360x480 in vertical

(All transcoded videos are in MP4 format)

status

An enum represents 4 video statues

  1. uploaded - the video is uploaded and users can watch the original raw file on fileUrl

  2. transcoding - the video is being transcoded to pre-defined resolutions

  3. transcoded - the video is transcoded and the resolutions are provided to videoUrl

  4. error - the video encounters an issue while transcoding

The fileUrl and videoUrl.original provides the URL of the same video resolution. The difference being, fileUrl returns the actual file format while videoUrl.original returns MP4 format.

Upload Videos

To upload a video to the system, you can use the Social Plus Video Upload API provided by the SDK. The API allows you to upload a video to the Social Plus server. The SDK simplifies the process of uploading videos by providing pre-built components that you can easily integrate into your application.

Retrieve Videos

Get a Specific Video Resolution

Once you upload a video the videos undergo transcoding from their original resolution. You can quickly access the original size of the video right after you make the video message. However, it takes time for the transcoded resolutions to be ready. Here are the available transcoded resolutions.

  • 1080p

  • 720p

  • 480p

  • 360p

  • original

Supported ✅ (please wait while we prepare a real example!)

Here's an example of getting a specific video resolution from a post.

Get a Video Thumbnail Image

Additionally, you can display a video preview in the user interface by utilizing a video thumbnail image. This allows for a more visually appealing representation of the video and provides a quick preview for users before they choose to view the full video. The thumbnail may not be immediately available after the video is uploaded. However, eventually, the thumbnail will become available.

let fileRepository = AmityFileRepository(client: client)
    ...
    
    func downloadVideoThumbnailAsData(from message: AmityMessage) {
        guard let thumbnailFileId = message.data?["thumbnailFileId"] as? String,
              !thumbnailFileId.isEmpty,
              let imageInfo = message.getVideoThumbnailImageInfo() else { return }
        
        
        // Download from url and return saved image url.
        fileRepository.downloadImage(fromURL: imageInfo.fileURL, size: .small) { imageUrl, error in
            // Handle image url and error.
        }
    }
    
    func downloadVideoThumbnailAsUIImage(from message: AmityMessage) {
        guard let thumbnailFileId = message.data?["thumbnailFileId"] as? String,
              !thumbnailFileId.isEmpty,
              let imageInfo = message.getVideoThumbnailImageInfo() else { return }
        
        // Download from url and return image.
        fileRepository.downloadImageAsData(fromURL: imageInfo.fileURL, size: .small) { image, size, error in
            // Handle image and error.
        }
    }

Supported ✅ (please wait while we prepare a real example!)

Supported ✅ (please wait while we prepare a real example!)

The functionality isn't currently supported by this SDK.

File Handling

Files are an essential component of modern software applications. Social Plus provides a powerful file management system that enables you to easily handle different types of files, such as document files, videos, and audio files. In this section, we will introduce you to the concept of a file in Social Plus and provide an overview of file handling in Social Plus.

Note: The maximum file size limits are up to 1 GB per post.

File Data

Property
Description

fileId

Root file key on cloud storage

fileUrl

HTTP link for file download

type

File type

createdAt

Date/time when a file is uploaded

updatedAt

Date/time when a file is updated

attributes

Information about the file

Upload Files

To upload a file to the system, you can use the Social Plus File Upload API provided by the SDK. The API allows you to upload a file to the Social Plus server by giving the file's data and the file metadata, such as the file name, file type, and file size. The SDK simplifies the process of uploading files by providing pre-built components that you can easily integrate into your application.

Retrieve Files

You can retrieve a file from Social Plus using the Social Plus File Retrieval API provided by the SDK. The API enables you to retrieve a file from the Social Plus server by supplying the file ID. The SDK streamlines the process of retrieving files by offering pre-made components that can be smoothly integrated into your app.

import { FileRepository } from '@amityco/js-sdk';

let file;
const liveObject = FileRepository.getFile(fileId);

liveObject.on('dataUpdated', (updatedModel) => {
  file = updatedModel;
});

liveObject.on('dataError', (error) => {
  console.error('Can not get the file', error);
});

file = liveObject.model;

Delete Files

In addition to uploading and retrieving files, Social Plus provides a deleting function to delete a file that is no longer needed.

import { FileRepository } from '@amityco/js-sdk';

const success = await FileRepository.deleteFile(fileId);

The response will return true if the file deletion is successful.

Version 6 and Beta(v0.0.1)

The response will return true if the file deletion is successful.

"data": {
    "success": true
  }

Otherwise, if an error is encountered during the deletion, it will return the following errors:

//Permission denied error
{
  "status": "error",
  "code": 400301,
  "message": "Permission denied"
}

Resource Not Found error
{
  "status": "error",
  "code": 400400,
  "message": "Resource Not Found."
}

//Passed the wrong parameters error
{
  "status": "error",
  "code": 500000,
  "message": "Parameters error."
}

Image Handling

The use of images as a visual representation of information is crucial in many software applications. Our SDK provides the tools and functionality needed to easily handle images. In this section, we will introduce you to image handling in Social Plus, including how to upload and retrieve images in the SDK.

Note: The maximum image file size limits are up to 1 GB per post.

Image Data

Property
Description

fileId

Identifier for the uploaded file

fileUrl

The HTTP web URL for the uploaded file. You can use this fileUrl for downloading the image file.

attributes

Contains a dictionary with values for name, extension, size & mimeType

of uploaded image

metadata

Contains additional metadata dictionary related to uploaded image such as height, width, isFullImage etc.

altText

Contains descriptive text which conveys the meaning and context of an image

Upload Images

To upload an image to the system, you can use the Social Plus Image Upload API provided by the SDK. The API allows you to upload an image to the Social Plus server/ The SDK simplifies the process of uploading images by providing pre-built components that you can easily integrate into your application. Additionally, you can add alt text to your images to support accessibility, ensuring that your application is more inclusive for all users.

Supported image formats are JPG, PNG and cannot exceed 1GB in size.

Retrieve Images

You can retrieve an image from Social Plus using the Social Plus Image Retrieval API provided by the SDK. The API enables you to retrieve an image from the Social Plus server by supplying the image URL. Once an image is uploaded to the server, the image will be automatically transformed into four different sizes for versatile usage. We provided an option to retrieve a specific image size which are:

  • Small: is used for image thumbnails, with a maximum image size of 160 pixels per dimension. For example, this should be used for small previews in an image gallery that displays a large number of images in a grid.

  • Medium: is used for standard image display, with a maximum image size of 600 pixels per dimension.

  • Large: is used for full-screen image display, with a maximum image size of 1500 pixels per dimension.

Supported ✅ (please wait while we prepare a real example!)

Supported ✅ (please wait while we prepare a real example!)

Update Images Alt text

To enhance accessibility of your images, you can modify the alt text using the Update Image API. This value can be served to screen readers to provide meaningful descriptions of your images to visually impaired users.

Here's how to update an image's alt text:

Register and Unregister Push Notifications on a Device

Client Registration

Registering your app for push notifications will require a registered AmityClient instance (necessary to know which user is associated with this device) and a push notification token.

Social Plus's Development Kit does not manage:

  • user-facing requests for push notifications and authorizations

  • the creation and refreshing of push notification tokens

It's up to your app to take those steps and pass the notification token to the SDK.

We recommend observing the completion block outcome to ensure a successful registration.

If the device was previously registered with this or another user, the previous registration is invalidated as soon as this new request is received, which means that the device will always receive notifications of up to one user.

Client Unregistration

Unlike the registration, unregistering for push does not require the AmityClient instance to be associated with any user, therefore you can unregister the device from receiving push notifications as soon as the AmityClient has been initialized with a valid API key.

The userId Parameter

The unregistration allows one to pass an optional userId:

  • if a valid userId is passed, Social Plus's backend will stop sending push notifications to this device only if the currently active push notification associated with this device is also associated with that user. No action is taken otherwise.

  • if no userId is passed, Social Plus's backend will stop sending push notifications to this device.

You can register and unregister as many times as you'd like, however, please remember that we use the "Last write wins" strategy.

iOS Push Notification Certificate Setup

Process to setup iOS push notification certificates to receive notification from Social PlusSDK / Social PlusUIKit.

To send or receive push notifications using our SDK, you would need to create push notification certificates from the Apple Developer Console & Upload to our Social Plus console.

Here are the steps to generate a push notification certificate from the Apple Developer Console.

When a new .p12 certificate is created, the previous certificate gets revoked and cannot be used again.

Step 1:

Step 2:

Select Apple Push Notification Service SSL (Sandbox & Production)

This certificate will be applicable for both Sandbox & Production environments so you do not need to create a separate one for each one.

Step 3:

Follow the rest of the steps of creating certificates as shown by Apple & download the .cer file.

Step 4:

Double-click on the .cer file you downloaded in the last step in Finder. After a few seconds, the Keychain Access program should open.

Step 5:

Select Login → My Certificates, then right-click on the Apple Push Services certificate that you just installed. It would show you some options as shown below.

Step 6:

Select the Export “Apple Push Services …” option and save the file using the .p12 extension. If you add a password while exporting, you will need to enter the same password in the Social Plus Console.

Step 7:

Open Social Plus Console. Select Settings → Push Notifications & Upload this .p12 file to Social Plus Console.

This certificate can be used to receive push notifications in your production build (Distributed through Appstore or Testflight). Currently, we do not support receiving push notifications in the Debug build.

Please make sure you have Push Notification capabilities enabled in your Xcode Project.

Push Notification Toggles

The SDK has three levels of notifications and in order for it to be sent, a notification has to pass throughout all three levels.

  • Network Level: (via Admin Panel) turning off notifications at this level effectively disables push notifications altogether for all of your customers.

  • User Level: (via client) A user can choose to enable/disable notifications per feature module. Please note that this setting is per user, not per device: regardless of which device sets this toggle, the new preference will take effect in all the devices where the user is logged in.

  • Channel or Community Level: (via the client) A user can choose to enable/disable notifications per channel or community (where is a member). Again, this preference is per user, not per device.

Android Push Notifications Initialization

Initialize Push Notification

FCM dependency:

Before you can start receiving push notifications, you need to obtain a FCM unique token string that identifies each FCM client app instance:

You can initialize the services with the obtained token. Please note that the FCM token can be changed through an application life cycle. Please make sure that the FCM token supplied to the messaging SDK is up to date. To notify the messaging SDK of the latest token, the following line of code can be called whenever necessary:

Retrieve Push Notifications

Push Notification In China

Since Google Play services are banned in China, The messaging SDK provides Baidu push services as a substitute for FCM. The messaging SDK requires an api key and a secret key from Baidu:

Baidu dependency:

Baidu API key is needed for Baidu push services initialization:

Note: The messaging SDK always considers FCM as a primary push provider and Baidu as a secondary push provider. If the messaging SDK detects Google Play services on the device, Baidu push services won't be initialized.

React Native Push Notifications Initialization

In order to send or receive push notifications using our UIKit v4.0.0-beta.7, you would need to register the FCM token for Android and the APN token for iOS.

Follow the steps below to enable push notifications in your project:

1. Setup and Install Firebase and FCM:

Refer to the official documentation to set up and install Firebase and Firebase Cloud Messaging (FCM):

2. Setup Push Notification Certificates in Console:

Android

  1. Open the Social Plus Console.

  2. Navigate to Settings → Push Notifications.

  3. Upload the FCM service account JSON file.

iOS

  1. Open the Social Plus Console.

  2. Navigate to Settings → Push Notifications.

  3. Upload the .p12 file.

3. Passing FCM Token or APN Token to UIKit

Integrate the following code into your React Native app to pass the FCM or APN token to the Social Plus UIKit:

User Token Management

API token management is a login authentication process that allows a Social Plus user to access Social Plus applications in a unified and streamlined environment.

Social Plus SDK provides AmityUserTokenManager to manage user credentials. This includes an access token that can be used to access some Beta features.

NOTE: Please be aware that we do not provide any API to support the usage of user tokens on the client SDK. To use this user token, you must interact with ASC services with your own effort.

Create a User Token

To create a new user token, refer to the following example and the parameters below.

  • userId: This is a required parameter of type String that represents the unique identifier of the user whose credentials are being managed by the AmityUserTokenManager.

  • displayName : This is an optional parameter of type String that represents the display name of the user. If provided, it will be associated with the user's credentials.

Update User Information

Update User Information

Update current user information, including display name, avatar, user description, metadata, etc., using the updateUser method in the 'amityClient' class. This method updateUser accepts these optional parameters:

The method accepts the following optional parameters:

  • displayName - user's display name

  • description - user's description

  • avatarFile - file ID of the user's avatar

  • avatarCustomUrl - custom url of the user's avatar

  • metadata - user's metadata

Update Current User's Avatar

You can upload an image and set it as an avatar for the current user.

First, you need to upload image using AmityFileRepository and then update the image info.

Step 1 — Upload an image:

Step 2 — Passing AmityImageData from step 1 into the builder, and call user update API.

If you have an avatar present in your current system/server and just want to integrate that existing avatar to AmitySDK, you can just set the URL for the avatar directly.

Note: getAvatarInfo provides the information associated with a particular Avatar

First, you need to upload image and then update the image info. If you have an avatar present in your current system/server and just want to integrate that existing avatar to AmitySDK, you can just set the URL for the avatar directly.

If you have an avatar present in your current system/server and just want to integrate that existing avatar to AmitySDK, you can just set the URL for the avatar directly.

Either you wish to let us handle your user's avatar, or if you already have a system for it we got you covered. The 2 properties avatarFileId and avatarCustomUrl answer those two use-cases separately.

You can easily retrieve the url of a file from our FileRepository object and use it to display in your app later on. Here's an example in React:

You can easily retrieve the url of a file using observeFile and use it to display in your app later on. Here's an example in React:​

User Push Notification Settings

The SDK offers push notification settings per user, allowing users to configure whether to enable or disable push notifications for specific feature modules. This configuration applies universally to every device logged in as the same user.

Configurable modules include CHAT, SOCIAL, and LIVE_STREAM.

Get User Push Notification Settings

The SDK provides "getSettings()" function within User Notification to inspect the current settings of each feature module.

Update Push Notification Settings

The SDK provides "enable()" function where user can specify the settings of each module and "disableAll()" function where user can choose to disable notifications on every module.

The functionality isn't currently supported by this SDK.

Push Notifications

Push notifications are small pop-up messages triggered by an application, even when the application is not open. Push notifications are an essential part of social features that a customer must provide to their end users.

Webhook

Clients who want to have the push notifications delivered to their own servers first in order to customize before it reach their users can opt for this method.

In this solution, events are sent from Social Plus’s servers to the client’s servers via webhook. Clients can decide what to do with each event before it reaches the end user's device as a notification. Clients have the ability to edit the notifications (i.e.: translate the message), filter them (based on specific use cases or user preferences), and perform analytics before sending them to the users. With this new feature, clients can also have notifications for web apps.

In this scenario, there's no SDK involvement needed. The whole notification process is managed on your end.

Direct Push Notifications

With this solution, the notifications will be triggered and delivered to your users directly by Social Plus's servers. There's nothing that the iOS client has to do in order to display the notification to your users. Social Plus's servers will prepare for you a notification that can be directly displayed to the user as and when it's received.

Direct push notifications only support on iOS, Android, and Flutter SDKs.

Push Notification Examples

As Social Plus's servers are responsible for choosing the content of the push notification, you can expect your users to receive the following notifications for different kinds of events:

  • Event: A new channel has been created and the user has been added among other members. Push Notification Title: %s (%s = New Channel display name) Push Notification Body: You're now member of %s! (%s = New Channel display name)

  • Event: A new user has joined a channel. Push Notification Title: %s (%s = user display name) Push Notification Body: %1s has joined %2s (%1s = user display name, %2s = channel display name)

  • Event: A new message has been received in a channel where the user is already a member. Push Notification Title: %1s (%2s) (%1s = user display name, %2s = channel display name) Push Notification Body: %s (%s = message text body if text message, Image Message if the image message, Special message otherwise)

Push Notification Triggers

A new push notification will be sent to a specific user when:

  • A new message is sent in a channel of the user who is already an existing member of it.

  • A new channel is created and the user is among the listed members of the channel on creation.

  • A new member joins a channel of the user who is already an existing member of it.

iOS
Android
Flutter
Web
iOS Open Source Migration Guide
Android Open Source Migration Guide
Web JavaScript Open Source Migration Guide

Supported ✅ (please wait while we prepare a real example!)

Version 6 and Beta(v0.0.1)

If an error is encountered while creating the file, it will return the following errors:

//Attached file payload is too large
{
  "status": "error",
  "code": 500000,
  "message": "Payload too large."
}

// Unexpected error
{
  "status": "error",
  "code": 500000,
  "message": "Unexpected error"
}

On Android, you can separately observe uploading states outside of the uploading method by using:

import { FileRepository, LoadingStatus } from '@amityco/js-sdk';

const liveObject = FileRepository.createFile({ 
  file, // https://developer.mozilla.org/en-US/docs/Web/API/File
  onProgress: ({ currentFile, currentPercent }) => {
  },
});

liveObject.on('loadingStatusChanged', ({ newValue }) => {
  if (newValue === LoadingStatus.Loaded) {
    console.log('The file is uploaded', liveObject.model);
  }
});

liveObject.on('dataError', (error) => {
  console.error('can not upload the file', error);
});

// upload video
const liveObject = FileRepository.createVideo({ 
  file,
  onProgress: ({ currentFile, currentPercent }) => {
  },
});
Refer to the 
file model
 for the description of the response after a successful file creation. If an error is encountered while creating the file, it will return the following errors:
//Attached file payload is too large
{
  "status": "error",
  "code": 500000,
  "message": "Payload too large."
}

// Unexpected error
{
  "status": "error",
  "code": 500000,
  "message": "Unexpected error"
}

Version 6 and Beta(v0.0.1)

Supported ✅ (please wait while we prepare a real example!)

Go to Apple Developer Console (i.e. ) and click on Certificates.

That’s it. Now the certificate is setup, Please follow the steps shown in the section to correctly send APNS tokens to receive push notifications.

In addition to push notifications, we also offer a that stores the notification history for each user.

To retrieve push notifications, use a service that extends FirebaseMessagingService. Refer to Firebase's documentation for detailed information.

Note: Baidu push services require a number of additional permissions. You can find .

Follow the to get the FCM service account JSON file.

Follow the to get the iOS keychain file with a .p12 extension.

authToken : This is an optional parameter of type String that represents the user's authentication token. If provided, it will be used to authenticate the user when accessing the Social Plus application. For further information about security please visit the .

Version 6 and Beta(v0.0.1)

The updateCurrentUser method accepts the following optional parameters:

  • displayName - user's display name

  • description - user's description

  • avatarFile - file ID of the user's avatar

  • avatarCustomUrl - custom url of the user's avatar

  • roles - user's role

  • metadata - user's metadata

Below is a sample code on how to update the current user's display name, description, and metadata. This method returns a promise. If the update is successful, the method will return true, else it throws an error.

Flag/Unflag Users

To flag a user, call the following method:

To unflag a user, call the following method:

To check if the user is flagged by the current user:

The functionality isn't currently supported by this SDK.

For more information, go to settings.

Click for more .

Click to learn about different SDK .

// assume the client has been initialized with a valid API key
// unregister from receiving push notifications for the user with id `userId`
client.unregisterDeviceForPushNotification(forUserId: userId) { [weak self] _, success, error in
  ...
}

// unregister from receiving push notifications for this device
client.unregisterDeviceForPushNotification(forUserId: nil) { [weak self] _, success, error in
  ...
}
implementation 'com.github.AmityCo.Amity-Social-Cloud-SDK-Android:amity-push-fcm:x.y.z
implementation 'com.github.AmityCo.Amity-Social-Cloud-SDK-Android:amity-push-baidu:x.y.z'
import React, {useState, useEffect} from 'react';
import messaging from '@react-native-firebase/messaging';
import { AmityUiKitProvider, AmityUiKitSocial } from '@amityco/asc-react-native-ui-kit';
import { Platform } from 'react-native';

const App = () => {
  const [fcmToken, setFcmToken] = useState<string | null | undefined>(null);

  useEffect(() => {
    messaging()
      .registerDeviceForRemoteMessages()
      .then(() => 
        Platform.select({
          ios: messaging().getAPNSToken(),
          android: messaging().getToken(),
        })
      )
      .then(token => {
        setFcmToken(token);
      })
      .catch(error => {
        console.log(error);
      });
  }, []);

  const configs = { /* your configs here */ };
  const apiKey = 'your-api-key';
  const apiRegion = 'your-api-region';
  const userId = 'your-user-id';
  const displayName = 'your-display-name';
  const endpoint = 'your-api-endpoint';

  return (
    <AmityUiKitProvider
      configs={configs}
      apiKey={apiKey}
      apiRegion={apiRegion}
      userId={userId}
      displayName={displayName}
      apiEndpoint={endpoint}
      fcmToken={fcmToken} // FCM/APN token
    >
      <AmityUiKitSocial />
    </AmityUiKitProvider>
  );
};

export default App;
const myMetadata = { whatever: “i want”, toPass: “is ok” }

const success = await amityClient.updateCurrentUser({
  displayName: "Batman",
  description : "Hero that Gotham needs",
  metadata: myMetadata,
})
import { useState, useEffect, useMemo } from 'react'

// our image component
const FileImage = ({ fileId }) => {
  const [fileUrl, setFileUrl] = useState()

  useEffect(() => {
    const liveObject = FileRepository.fileInformationForId(fileId)

    liveObject.on('dataUpdated', model => setFileUrl(model.fileUrl))
    liveObject.model && setFileUrl(liveObject.model.fileUrl)

    return () => {
      liveObject.dispose()
    }
  }, [fileId])

  return fileUrl ? <img src={fileUrl} /> : null
}

// our user component
const UserHeader = ({ userId }) => {
  const [user, setUser] = useState({})

  const displayName = useMemo(
    () => user?.displayName ?? user?.userId,
    [user],
  )

  useEffect(() => {
    const liveObject = UserRepository.getUser(userId)

    liveObject.on('dataUpdated', setUser)
    liveObject.model && setUser(liveObject.model)

    return () => {
      liveObject.dispose()
    }
  }, [userId])

  return (
    <div>
     {user.avatarFileId && <FileImage fileId={user.avatarFileId} />}
     {user.avatarCustomUrl && <img src={user.avatarCustomUrl} />}
    </div>
  )
} 
Notification Tray
Without Auth Token
With Auth Token
https://developer.apple.com
Register & Unregister Push Notifications
Retrieve the current FCM token
Monitor FCM token generation
messages handling
https://push.baidu.com/
a list of permissions here
Firebase Setup
Firebase Cloud Messaging Usage
FCM Legacy API Migration Guide
iOS Push Notification Certificate Setup Guide
security page
Webhook Events
Network Level settings

Community Push Notification Settings

The SDK offers push notification settings per community, allowing users to configure which notification events should be enabled on the community. This configuration applies universally to every device logged in as the same user.

Configurable events include POST_CREATED, POST_REACTED, COMMENT_CREATED, COMMENT_REACTED, COMMENT_REPLIED, STORY_CREATED, STORY_REACTED, STORY_COMMENT_CREATED, LIVESTREAM_START

Get Community Push Notification Settings

The SDK provides "getSettings()" function within Community Notification to inspect which notification events are enabled on the community.

Update Community Push Notification Settings

The SDK provides "enable()" function where user can choose which notification events to be enabled on the community and "disable()" function to disable all notification events on the community.

The functionality isn't currently supported by this SDK.

Poll

The Social Plus SDK encompasses comprehensive support for polls, offering developers an effortless way to incorporate polls into their social applications. Polls enable users to create and participate in a diverse range of topics, sparking targeted engagement and conversations among users.

Create Poll

As demonstrated in the code sample below, here's a way to create a poll in the poll post.

Polls can be created with the following settable controls:

  • question - A question that can be up to 500 characters long.

  • answer - A set of two to ten answers. Each answer can be up to 200 characters long.

  • answerType - Indicates whether the survey allows multiple choices. The available options are Single (default) and Multiple.

  • timeToClosePoll - A time window limiting how long the poll will be open. By default, the setTimeToClosePoll value is set to 30 days if no value has been set for it.

Vote Poll

This function enables you to cast a single vote and the vote cannot be revoked. If the poll type is multiple, you have the option to select multiple choices.

Here's an explanation of the method's parameters:

  • pollId: This is a required parameter of type String, which represents the ID of the poll that the user wants to vote on.

  • answerIds: This is a required parameter of the type Array<String>, which represents an array of IDs of the answer options that the user wants to vote for. Users can select one or multiple answers depending on the poll's configuration.

Close Poll

The ability to close a poll is restricted exclusively to individuals who have ownership permissions, such as the creator of the poll or an administrator. It is important to note that a poll can only be closed before its designated closing time.

Here's an explanation of the method's parameters:

  • pollId: This is a required parameter of type String, which represents the ID of the poll that the user wants to close.

closePoll = async (pollId: string) => Promise<any>

Delete Poll

The deletion of a poll is limited exclusively to individuals who possess ownership permissions, such as the creator of the poll or an administrator.

Here's an explanation of the method's parameters:

  • pollId: This is a required parameter of the type String, which represents the ID of the poll that the user wants to delete.

Supported ✅ (Please wait while we prepare a real example!)

Mentions

Mentions allow users to tag other users in messages, comments, and posts. It's a powerful tool for fostering engagement and collaboration within your social application. With mentions, users can easily direct messages to specific individuals or groups and can alert them to new content or important updates. In the SDK, mentions can be implemented in a range of ways, depending on your application's needs and user experience. Here are the models that support mentions creation and highlighting:

  • Mention in Post

  • Mention in Comment

  • Mention in Messages

you have the flexibility to define your own mention data structure for representing mentions. This allows you to highlight the mentioned text in a way that best suits the needs of your application and users. The most important aspect of mentions is to notify users when they have been mentioned, regardless of the specific data structure used. This ensures that users can quickly and easily engage with the content that is most relevant to them.

Mention Users

Upon creating a model above (a post, comment, or message) with a mention, you can include a JSON object in the metadata parameter. The metadata represents the mentioned object, which depends on the design of your data structure. However, Social Plus provides a default structure to help you create the mentioned metadata.

To ensure prompt notification of the person mentioned, it's important to provide the list of user IDs for the mentioned user parameter. This will help ensure that the mentioned users are notified and able to engage with the content.

  • mentionUsers(userIds) - In order to mention users and notify specific users. This function supports all mentionable models.

  • mentionChannel(channelId) - In order to mention and notify the whole channel. This function supports only a message model.

  • metadata - a flexible JSON object that can accommodate any information regarding the mentioned users. Our default structure for representing mentions is also in the metadata property.

Default Mention Metadata Structure

To represent mentions using our structure, you will need to utilize the AmityMention object. This object can be created during mentionable model creation, as well as during rendering. The model contains four properties:

  • type - type of the mention - the possible types are user and channel, for posts and comments, only support mentioning the user but the message supports mentioning the channel additionally.

  • index - start index of current mention

  • userId - userId of the user being mentioned. If the type of the mention is channel, then userId is undefined.

  • length - length of the mention

The length property doesn’t include the “@“ mention sign. For example, “@all” mention’s length is 3.

Mention Users Example

Below is an example to create a comment with mentions by using our default mention metadata structure:

We do not allow banned users to be mentioned, as we take a firm stance against harmful or inappropriate content in social applications. However, admins may still be able to access the names of banned users through the search users function. Once a message is sent, however, banned users' information will be excluded from the payload. Banned users will also not be notified or receive any push notifications if they are mentioned, further ensuring that they do not engage with the content.

Render Mentions

As we mentioned we provided the flexibility for you to define your own mention object data structure to represent mentions. You can use the default data structure provided by the SDK to render mentions in your application, which can be accessed through the helper class. This allows you to easily retrieve mentions and render them. The mentionable model contains properties related to the mentioned feature:

  • mentionUsers - The AmityUser object array contains details about users mentioned in the current content.

  • metadata - a flexible JSON object that can accommodate any information regarding the mentioned users. Our predefined structure for representing mentions is also in the metadata property.

Below is an example to render mentions in a comment by using our default mention data structure:

The following example demonstrates how AmityMentionMapper and AmityMention works in a comment. The function getAttributedString uses AmityMentionMapper to extract AmityMention from metadata, and return the highlighted text.

There is no restrictions over how you'll handle the highlighting the mentions in your UI. At Amity, we pass this metadata property inside CommentRepository.createTextcomment and CommentRepository.editTextComment along with other parameters to conveniently highlight across the platforms.

Mention Notifications

{
  "level": "network",
  "isPushNotifiable": true,
  "notifiableEvents": [
   {
      "name": "text-mention-message.created",
      "isPushNotifiable": true,
      "titleTemplate": "{{UserDisplayName}} mentioned you in {{ChannelName}}",
      "bodyTemplate": "{{Message}}"
    }
  ]
}

Channel Push Notification Settings

The SDK offers push notification settings per channel, allowing users to configure whether to enable or disable push notifications for specific channel. This configuration applies universally to every device logged in as the same user.

Get Channel Push Notification Settings

The SDK provides "getSettings()" function within Channel Notification to check whether push notification is enabled on the channel.

Update Channel Push Notification Settings

The SDK provides "enable()" and "disable()" functions where user can choose whether to enable or disable push notifications coming from the channel.

The functionality isn't currently supported by this SDK.

User Presence

The SDK also offers functionality to query and synchronize the presence of other users, enabling the creation of a UI that displays their online status. For example, you might use a green dot to indicate whether a particular user is online or offline.

Within the SDK, a user's presence is represented by the AmityUserPresence object, which contains three properties.

Query User Presence

The SDK enables users to query the presence state for a list of users, with a maximum limit of 220. The getUserPresence method from the AmityUserPresenceRepository class can be used to fetch a list of AmityUserPresence objects.

Sync & Unsync User Presence

In addition to querying user presence, the SDK also offers a method to periodically sync the presence of other users. This functionality keeps users informed about the online status of others. One application of this feature would be to display a list of users and provide an online indicator for those who are currently online.

Sync User Presence

For optimal use, particularly when displaying a list of users, call this method as a list item appears to synchronize the user's presence state. Conversely, utilize the unsyncUserPresence(id, viewId) method to stop synchronization when a list item is no longer visible, ensuring that the maximum sync limit is never reached.

The maximum number of user IDs that can be synced at a time is 20. If the count exceeds this limit, the SDK will log an error message to the console. To remove a user ID from the list, use the unsyncUserPresence(id:viewId:) method.

This syncUserPresence(id, viewId) method also provides an optional viewId parameter. viewId is the unique id of the view that this user id is tied to. In most cases, you do not need to specify any value to this parameter. viewId is useful if you want to bind the same user id to multiple views on the same screen. In that case, if you want to unsync presence for one view, it won't affect presence syncing for the same user id in another view.

SDK will log a message in the console incase of any error which occurs during the syncing process.

Unsync User Presence

The SDK includes the unsyncUserPresence(id, viewId) method to cease syncing the presence of a specific user ID. When a user ID is unsynced, the SDK removes it from the current list of synced IDs, and the observer returned from the getSyncingUserPresence() method will no longer provide presence information for that user. The method also features an optional viewId parameter, functioning similarly to the syncUserPresence(id, viewId) method.

The SDK also provides a convenient method to unsync all user ids that are currently being synced. This is particularly useful when you don’t care about the user ids being synced. One use case for this is when the user navigates to another screen that does not care about syncing previously synced users at all. So you can call unsyncAllUserPresence() method when the previous screen disappears.

Observe User Presence

After adding users for synchronization, the next step involves observing their presence. The SDK offers an observer via the getSyncingUserPresence() method. Whenever presence information is retrieved for users synced through syncUserPresence(id, viewId), this information is published through the observer.

Accessing User Presence:

You can access the presence information for synced users in two ways:

  1. Through the Observer Returned from getSyncingUserPresence(): When the presence information is updated, the observer provides an array of [AmityUserPresence] the user IDs being synced. Users need to map AmityUserPresence from this array to the view where the information is to be displayed.

  2. Through the AmityUser Object: When presence information is fetched from the server, the lastHeartbeat timestamp is mapped to the lastHeartbeat property of the AmityUser object, if available. Users can directly access the lastHeartbeat property from the AmityUser object to determine whether a user is online or offline.

Online Users Count

The SDK provides the getOnlineUsersCount method in the AmityUserPresenceRepository class to query the count of online users. Please note that this count does not update automatically.

Online Users Snapshot

The SDK provides a method getOnlineUsersSnapshot in AmityUserPresenceRepository to query a list of online users in a network. The list of users can be accessed through user property which returns an array of AmityUser.

This snapshot is not auto-updating & supports queries of up to 1000 online users.

When this snapshot object is initialized, it fetches the snapshot of user presences of all online users in current network. Then it maps that information to AmityUser per page and provides a list of AmityUser with pagination. Each page can contain a maximum of 20 users. When the snapshot is returned, it will contain users for the first page. You can still fetch more users if available through the loadMore() method. Once more users are fetched, the user can access those users through the user's property. You can also use the canLoadMore property to determine if more online users can be fetched.

Get Ads and Settings

To retrieve all ads and settings added to your network via the console, use the getNetworkAds() function. This function provides a comprehensive view of your ads and configurations, allowing UIKit or your application to consume and display ads accordingly.

The functionality isn't currently supported by this SDK.

To integrate poll functionality, developers can utilize the poll features offered by the Social Plus SDK in their applications. Polls can be tailored to meet specific needs, including options for single or multiple-choice polls, setting poll expiration dates, and more. Users can then participate in the poll by choosing their preferred option. At present, the Social Plus SDK only supports the integration of polls within posts, please refer to - , .

When users are mentioned, they will receive push notifications. You can customize the push notification content such as the title and the body using the . Providing the notification title and body in the titleTemplate and bodyTemplate parameters respectively. Here is a sample model:

The functionality isn't currently supported by this SDK.

Property
Remarks

The SDK includes the syncUserPresence(id, viewId) method in the AmityUserPresenceRepository class to synchronize the presence of another user. This method adds the specified ID to the list of user IDs for presence synchronization, occurring periodically at set intervals. To observe the results of this process, use the getSyncingUserPresence() method. When presence information is obtained for the currently syncing user IDs, notifications are sent through the observer returned from the getSyncingUserPresence() method. For further details on observing presence, refer to the section.

notification setting API

userId

Id of the user

lastHeartbeat

Timestamp when that user last synced its heartbeat with the server.

isOnline

Convenient property to determine online status. User is considered online if its lastHeartbeat has been within last 60 seconds.

Observe User Presence

Ads

The Social Plus SDK enables app monetization with ads while giving you control over the advertising experience. Through our console, you can inject ads into the system, select your preferred placements and frequency, and seamlessly integrate ads to generate revenue without disrupting user engagement.

Creating iOS User Token
Creating Typescript User Token
Creating Typescript User Token
Update the current user data
Create AmityFileRepository
Upload an image with AmityFileRepository
Update the current user avatar
Update user custom avatar

Presence State

Overview

The presence state is a vital aspect of any modern application, acting as a driving factor for engagement products by showing the user's current availability. The Social Plus SDK supports both observing and notifying the presence of users, analogous to being online and observing users' online statuses.

Presence Setting

Social Plus SDK offers specific methods that allow the logged-in user to enable, disable, or query about presence settings. When these presence settings are enabled, the user is prepared to synchronize their presence state with the server.

Users can enable or disable their presence state feature. Disabled users will be considered offline and cannot use any presence-related functionalities. Network-level settings can also affect this feature.

The presence State feature is disabled by default at both the network and user levels. Please consult with the Social Plus Team to enable this feature on the network level.

Enable Presence Status

The SDK user can invoke the enable() method within client.presence to activate their presence status.

Disable Presence Status

The SDK user can invoke the disable() method within client.presence to deactivate their presence status. When disabled, the user will be unable to sync both their own heartbeat and the presence of other users in the network. This action also halts any ongoing heartbeat synchronization processes.

Query Presence Status

The SDK user can invoke the isEnabled() method within client.presence to check their presence status. This method also determines if the presence state feature is available for the app. If unavailable, isEnabled() returns false. If the feature is available, the method checks the user-level settings, which are managed through the enable() and disable() methods as previously described.

Channel Presence

The SDK also provides a way to query & sync the presence of members of the conversation channel. This allows you to create a UI that displays the presence status of other members in the conversation channel. Example: A green dot to indicate whether another user is online or offline in the conversation channel.

In SDK, channel presence is represented by AmityChannelPresence object. This object contains 3 properties.

Property
Remarks

channelId

Id of the Channel

userPresences

AmityUserPresence object for members whose presence state has been synced

isAnyMemberOnline

If any user's (except you) lastHeartbeat has been within last 60 seconds

Sync & Unsync Channel Presence

The SDK also offers the functionality to query and synchronize the presence of members within a conversation channel. This enables the creation of a user interface that displays the presence status of other members in the channel, such as using a green dot to indicate whether a user is online or offline within a specific conversation. In the SDK, channel presence is represented by the AmityChannelPresence object, which contains three properties.

Sync Channel Presence

The SDK includes the syncChannelPresence(id,viewId) method in the AmityChannelPresenceRepository class to synchronize the presence of members within a conversation channel. This method adds the specified ID to the list of channel IDs whose members' presence will be synced, and this process occurs periodically at a predetermined interval. To observe the results of this syncing process, use the getSyncingChannelPresence() method. When the presence information for the currently syncing channel members is obtained, it is published through the observer returned by the getSyncingChannelPresence() method. More details can be found in the Observe Channel Presence section.

When displaying a list of conversation channels, it is advisable to use this method. The observer offers a class named AmityChannelPresence that holds the presence information for the channel's members. Likewise, the unsyncChannelPresence(id, viewId) method should be used to stop syncing the presence state when a list item is no longer visible, ensuring that the maximum sync limit is never reached.

Only syncing of the Conversation channel type is supported! The maximum number of channel IDs that can be synced at a time is 20. If the count exceeds this limit, the SDK will log an error message to the console. To remove a channel ID from the list, use the unsyncChannelPresence(id, viewId) method.

This syncChannelPresence(id, viewId) method also provides an optional viewId parameter. viewId is the unique id of the view that this user id is tied to. In most cases, you do not need to specify any value to this parameter. viewId is useful if you want to bind the same channel id to multiple views on the same screen. In that case, When you unsync channel presence in one view, it won't affect presence syncing for the same channel id in another view.

SDK will log a message in the console in case of any error that occurs during the syncing process.

Unsync Channel Presence

The SDK offers the unsyncChannelPresence(id, viewId) method to cease syncing the presence of a particular conversation channel. If the channel ID is unsynced, the SDK will remove it from the list of channel IDs whose members are currently being synced. Consequently, the observer returned by the getSyncingChannelPresence() method will no longer contain information about this channel. This method includes an optional viewId parameter and operates similarly to the syncChannelPresence(id, viewId) method.

The SDK includes a convenient method, unsyncAllChannelPresence(), to stop syncing all channels that are currently being monitored. This feature is particularly useful when the application no longer requires information about the channels being synced. For example, this method can be called when a user navigates to a different screen that has no dependence on the previously synced channels, allowing for an efficient transition between different parts of the application.

Observe Channel Presence

After adding the channels to sync, the next step is observing the user presence. The SDK provides an observer through the getSyncingChannelPresence() method. Whenever presence information is fetched for channels synced through the syncChannelPresence(id, viewId) method, that information is published through this observer.

Accessing Channel Presence:

  • The observer returned from getSyncingChannelPresence()

Whenever presence information is updated, the observer will provide an array of [AmityChannelPresence] for the channels that are being synced. Users must map AmityChannelPresence from this array to the view where this information is to be displayed

Live Objects/Collections

Live Objects and Live Collections are observable data holders. The observer gets updated when there is a change of data in the local cache.

There are two main sources that can make changes to the object and collection:

  • When an object gets updated by an action from the current device.

  • Real-time events of the subscribed objects from the server.

Refer to the platform-specific subpages in this section for an in-depth explanation of how your SDK handles live objects and live collections.

Live Object

Live Object allows users to observe the states of a single object within the app, such as a post, message, or channel. With Live Object, users can automatically receive notifications of any data updates related to the observed object, whether from the network or locally.

Live Object also provides additional states, such as isLoading and error, which can help understand the status of the observed object and any potential issues that may arise.

Live Object API is designed around the observer design pattern, allowing users to subscribe to an object, receive notifications of any data updates, and unsubscribe when necessary. These updates are delivered via Snapshot, a captured state that is frozen and cannot be changed. Users can own and access these snapshots to stay up-to-date with the latest data within the app.

It's worth noting that while data updates may occur internally within the SDK, these updates will not affect previous snapshots. The only way for users to see the latest data is by getting new snapshots delivered via Live Object updates.

Live Collection

Live Collection allows users to observe changes to an entire collection of data within their app in real-time. Live Collection works similarly to Live Object, with the main difference being that Live Collection notifies changes related to the entire collection rather than just a single object.

To use Live Collection, users can observe changes in a specific collection within the SDK. The collection handler then receives a snapshot of changes since the last result, which includes three possible events:

  • the indices of the objects that were deleted

  • the indices of the objects that were inserted

  • the indices of the objects that were modified.

By subscribing to changes on a specific collection using Live Collection, users can stay up-to-date with the latest changes and updates to important collections within the app. This can be particularly helpful for managing large amounts of data or monitoring changes to frequently updated collections, such as messages or posts.

Heartbeat Sync

The presence heartbeat is a mechanic to signal the system whether a user is online or offline. The SDK offers two convenient methods that allow users to periodically sync or unsync their presence status with the server. When the server receives a heartbeat sync request, it records the timestamp at the time of the request, designating it as the lastHeartbeat timestamp for that user.

The SDK automatically manages the periodic syncing of this heartbeat once the startHeartbeat method is called. To cease syncing your presence with the server, the user must invoke the stopHeartbeat method.

Start Heartbeat

Invoke the startHeartbeat method in client.presence to initiate the heartbeat synchronization process. This method automatically checks the user's presence settings within the network, and if enabled, begins to sync the heartbeat at specified intervals defined in the SDK. The synchronization process is handled automatically, streamlining the user's interaction with the system.

The heartbeat sync interval is determined automatically by SDK. Normally you can expect the heartbeat to be synced every 20-30 seconds.

Stop Heartbeat

Utilize the stopHeartbeat() method within client.presence to cease the heartbeat synchronization process. To restart the sync, you must invoke the startHeartbeat() method again.

Ad Impressions

The Ad Impressions feature is a tool designed to collect valuable data regarding ad interactions for analytics and reporting purposes. This feature empowers users to gain insights into how their ad is performing. With this feature, users can mark specific ads as seen or clicked, and access the report via the console.

Impressions represent the number of users who viewed the ad, while reach represents the number of unique users who viewed the ad. Please keep in mind that ad impression data won't be updated in real-time but rather almost in real-time.

Mark Seen

The 'markAsSeen()' function in the Social PlusSDK serves to increase the impression and reach count of specific ads.

Mark Link Clicked

The 'markLinkAsClicked()' function in the Social PlusSDK serves to increase the CTR of specific ads.

Android Live Objects/Collections

Live Objects are supported in the Android SDK with RxJava Data Streaming

It is a Java VM implementation of ReactiveX, a library for composing asynchronous and event-based programs by using observable sequences. The building blocks of RxJava are Observables and Subscribers. Observable is used for emitting items and Subscriber is used for consuming those items.

How it Works

SDK handles lots of data received from various sources. Data can be present in local cache. It might also be queried from the server or received from some real-time events. What this means is that same data is constantly updating. The data that you are accessing at the moment can get updated by other sources and becomes out of sync.

Rx3 Data Stream helps in syncing the data so you will always get the most recent one. Whenever the data updates, you will be notified through Flowable Objects and Flowable Collection.

New data gets automatically collected everytime when there is an updation and user need not refresh to get the recent data.

  • Post Collection

  • Comment Collection

  • Reactions Collection

  • Followers/Following Collection

  • Channel Collection

  • Message Collection

  • Channel Member Collection

  • Community Collection

  • Community Members Collection

  • User list collection

  • Channel members search collection

  • Live stream collection

How to Retrieve Data from Rx3 Data Stream

To retrieve data from the RxStream, we need to subscribe to the Stream(Flowable/Single/Completable) by defining subscribing and observing threads.

Events a Data Stream can Emit

In the RxJava3 framework we have these different types of objects that can be observed:

  1. Flowable - emits a stream of elements

    • doOnNext

    • doOnError

  2. Single - emits exactly one element

    • doOnSuccess

    • doOnError

  3. Completable - emits a “complete” event, without emitting any data type, just a success/failure

    • doOnComplete

    • doOnError

Data Stream Interface

Example

To get channel data, below is a sample code.

Kotlin's Coroutines bridge

The Amity Android SDK comes equipped with asynchronous and data stream capabilities, powered by RxJava3 by default. However, for those who prefer to use Kotlin's Coroutines, the SDK can be seamlessly integrated with the following Kotlin extension functions, allowing for easy interoperability between Amity Android SDK functions and Kotlin Coroutines functions.

Suspend functions

By using the .await() method, it enables the conversion of Completable and Single<T> functions of the Amity Android SDK into suspend functions.

Flow functions

By using the .asFlow() method, it enables the conversion of Flowable<T> functions of the Amity Android SDK into Flow functions.

Jetpack Compose compatibility

Amity Android SDK seamlessly integrates with Jetpack Compose UI, allowing you to take full advantage of the modern UI toolkit provided by Jetpack Compose. You can effortlessly incorporate our SDK into your Jetpack Compose-based projects to enhance your app's social experience. This compatibility ensures that you can leverage the power of Jetpack Compose while benefiting from the features and capabilities our SDK provides.

Flow of PagingData in Compose

In Jetpack Compose, integrating data from a `Flow<PagingData<T>>` source into your UI is made easy through the `collectAsLazyPagingItems()` function. This function allows you to seamlessly paginate and display items within your Composable functions.

To start using it, add compose paging dependency in your project app level build.gradle file.

Then in your Composable functions, you can collect from flow and display data, and also can observe the load state.

Flow in Compose

By using collectAsState() method, it can deliver asynchronous data updates to your Compose UI components.

iOS Live Objects/Collections

Live Objects and Live Collections

In iOS Social Plus SDK, we have a concept of Live Object and Live Collection. LiveObject is represented by AmityObject an instance and LiveCollection is represented by an instance of AmityCollection. These generic classes encapsulate any other object and notify the observer whenever any property of the encapsulated object changes.

Live Object helps to observe changes in a single object whereas Live Collection helps to observe changes in a list of objects. For example: AmityObject<AmityPost> or AmityCollection<AmityMessage>.

How it Works

SDK handles a lot of data received from various sources. Data can be present in the local cache. It might also be queried from the server or received from some real-time events. This means some data is constantly updating. The data that you are accessing at the moment can get updated by other sources and become out of sync.

Live Object and Live Collection help in syncing these constantly updating data, so you will always get the most recent one. Whenever the data gets updated, you will be notified through helper methods in live objects and live collection classes.

New data gets automatically collected every time when there is an updation and the user need not refresh to get the recent data.

Live collection is available for the following functionalities in user/community feeds:

  • Post Collection

  • Comment Collection

  • Story Collection

  • User Collection

  • Reactions Collection

  • Followers/Following Collection

  • Channel Collection

  • Sub-Channel Collection

  • Message Collection

  • Channel Member Collection

  • Community Collection

  • Community Members Collection

  • Community Category Collection

  • Stream Collection

Both AmityObject and AmityCollection provide methods for observing changes in objects. The life cycle of observation is tied to its token. As soon as the token is invalidated or deallocated, observation ends.

AmityNotificationToken

AmityNotificationToken is a simple object which keeps track of what is being observed. Each Live Object or Live Collection observation is tied to its respective token. As soon as the token is invalidated or deallocated, observation ends. The token is declared within the scope of the class.

The token is used in combination with AmityObject or AmityCollection. We will explore it more in AmityObject and AmityCollection concepts.

AmityObject

AmityObject is a generic class that keeps track of a single object. It is a live object. In iOS AmitySDK, any object which is encapsulated by AmityObject is a live object.

Examples:

  • AmityObject<AmityMessage>

  • AmityObject<AmityChannel>

AmityObject class exposes the following methods:

  • observe

  • observeOnce

These methods help observe a live object. Whenever any property for the observed object changes, the observer is triggered.

Observer

observe method can be triggered multiple times throughout the lifetime of the application as long as its associated AmityNotificationToken is retained in memory. observeOnce method, on the other hand, can only be triggered once.

Both observe and observeOnce methods will be called from the main thread so you can perform any UI update-related tasks from within the observed block itself.

  • If the requested object data is stored locally on the device, the block will be called immediately with the local version of the data. This can be verified through the dataStatus property of AmityObject.

  • In parallel, a request is made to the server to fetch the latest version of the data. Once the data is returned, the observed block will be triggered again.

  • Any future changes to that data from any sources can trigger an observer.

Lifecycle: The life cycle of the observer is tied to its token. If the token is not retained, then the observer can get deallocated at any time and will not be called. Both observe and observeOnce block will be retained using token as shown below.

Invalidate token

The AmityNotificationToken provides a method called invalidate() which can be used to invalidate the token anytime. As soon as you invalidate the token, your observation stops and observe block will no longer be triggered.

Accessing Objects

There are multiple ways to access data from AmityObject. AmityObject exposes the following properties:

  • dataStatus: Indicates whether the data is fresh or local

  • loadingStatus: Indicates if the data is being loaded from server or not

  • object: The actual object that is being tracked or encapsulated by this AmityObject

Once you add an observer block, you can access both local or fresh data as shown below.

If you want to observe fresh object just once, you can check the data status and invalidate the token once you receive the fresh object.

For observerOnce method, if data is present locally, this observer will be triggered only once with that local data. If you are looking for fresh data, use the observe block and invalidate the token once fresh data is received as shown above.

If you only care about local data and do not want to observe anything, you can also access the object property from AmityObject directly.

While this is possible, we recommend accessing object from within theobserve or observeOnce block depending on your requirement.

AmityLoadingStatus

AmityObject can be tracked for their loading status by accessing the loadingStatus property, which is of type AmityLoadingStatus and it can have one of four possible values.

  • 0 (notLoading): Indicates that the data is already fresh locally and does not need to be loaded.

  • 1 (loading): Indicates that the client is currently loading the data from the server.

  • 2 (loaded) - Indicates that the client has successfully loaded fresh data from the server and is up to date.

  • 3 (error) - Indicates that the data is unable to load due from a specific error.

AmityCollection

AmityCollection is a generic class that keeps track of a collection of objects. It is a live collection. In iOS SDK, any object which is encapsulated by AmityCollection class is a live collection.

Examples:

  • AmityCollection<AmityMessage>

  • AmityCollection<AmityChannel>

AmityCollection exposes these methods:

  • observe

  • observeOnce

These methods help to observe a live collection. Whenever any property for any object within the collection changes, the observer is triggered.

Observer

observe method can get triggered multiple times throughout the lifetime of the application as long as it's associated AmityNotificationToken is retained in memory. observeOnce, on the other hand, can only be triggered once.

Both observe and observeOnce method will be called from the main thread so you can perform any UI update related task within the observe block itself.

  • If the requested data collection is stored locally on the device, the block will be called immediately with the local version of the data. This can be verified through the dataStatus property of AmityCollection.

  • In parallel, a request is made to the server to fetch the latest version of the data. Once the data is returned, the observe block will be triggered again.

  • Any future changes to the data from any sources can trigger observer.

Lifecycle: The life cycle of the observer for AmityCollection is also tied to its token. If the token is not retained, the observer can get deallocated at any time and will not be called. So, both observe and observeOnce block should be retained. You can refer to the section in AmityObject about retaining and invalidating a token.

Accessing Collection

Unlike most databases, AmityCollection does not return all data in an array. Instead, data is fetched one by one using the objectAtIndex: method. This allows the framework to store most of the actual result on disk, and load them in memory only when necessary.

AmityCollection also exposes a count property which determines the number of objects present in a collection.

With these two public interfaces, you can create a robust list UI for your use case. Similar to AmityObject, AmityCollection also exposes dataStatus and loadingStatus property.

Let's look at the typical flow when accessing a collection data.

If you want to observe only fresh or local collection, you can access it using thedataStatus property and invalidate the token once you have accessed your desired collection data.

For observerOnce method, if data is present locally, this observer will be triggered only once with that local data. If you are looking for fresh data, use observe block and invalidate the token once fresh data is received as shown above.

Observer also provides you with the AmityCollectionChange object which contains indexes of what is added, deleted, or modified in a collection. You can also refer to these properties to update the UI for the list.

Iterate through collection

While SDK provides liveCollection.object(at:) to access a single item, you might often find the need to iterate through all objects in the collection. The SDK has a convenient way to do this using .allObjects().

Using the above method is the same with this logic:

Pagination

AmityCollection in SDK returns a maximum of 20 items per page. It has nextPage() and previousPage() method to fetch more data. It also exposes hasNext and hasPrevious property to check if next page or previous page is present.

Once next page is available, the same observe block gets triggered and you can access the collection as shown above. If you want to shrink the collection to the original first page, you can do so by calling resetPage() method on the same collection.

One typical usage of Live Collection is in UITableView. Below is an example of fetching a collection and displaying it in a tableview.

SwiftUI Support

AmityObject and AmityCollection are now observable object with its properties marked with @Published annotation. Now you can use live object & live collection directly within your SwiftUI views.

Access AmityObject & AmityCollection in SwiftUI views

Since AmityObject & AmityCollection are observable object, it can be used as an ObservedObject within SwiftUI views. We recommend to create small view which observes AmityCollection & AmityObject as ObservedObject as shown in code sample below.

Live Object - SwiftUI

Live Collection - SwiftUI

Since the properties are published, If you are using Combine Framework, you can also subscribe to changes on those properties.

Live Object - Combine

Live Collection - Combine

ℹ️ States of live collection & live object are published before snapshots so that you can compare the state from within subscriber.

FAQ’s:

#1: LiveCollection is not updated when used from inside of another observable class.

AmityCollection & AmityObject is an ObservableObject. When this live collection or live object is embedded inside another Observable Object, SwiftUI cannot observe the changes in snapshot occurring within Live collection & Live object. As a result, there might be a situation where you see your view is not getting updated even when snapshot(s) are updated. This is a common problem with nested observable object in SwiftUI.

To solve this issue we recommend to create a specific view which observes AmityCollection & AmityObject as @ObservedObject as shown in code example.

#2: Published property still returns old values.

Since the properties of AmityCollection & AmityObject are marked with @Published annotation, the publishing of changes occurs in the property’s willSet block, meaning that any subscribers will receive an update before the property is changed. This behaviour can easily lead to unexpected bugs.

TypeScript Live Objects/Collections

In the Social Plus TypeScript SDK, we have the concept of Live Object and Live Collection.

Live Object is represented by an instance of Social Plus Object. It helps to observe changes in a single object.

Live Collection is represented by an instance of Social Plus LiveCollection. It helps to observe changes in a list of objects.

For example: Amity.Post or Amity.LiveCollection<Amity.Post>

SDK handles lots of data received from various sources. Data can be present in the local cache. It may also be queried from the server or received from real-time events. What this means is that the same data is constantly updating. The data that you are accessing at the moment can get updated and become out of sync.

Live Object and Live Collection help in syncing data so you will always get the most recent one. New data gets automatically collected every time when there is an update and the user need not refresh to get the recent data.

Live Collection is available for the following in user/community feeds:

  • Post Collection

  • Comment Collection

  • Reactions Collection

  • Followers/Following Collection

  • Channel Collection

  • Sub Channel Collection

  • Message Collection

  • Channel Member Collection

  • Community Collection

  • Community Category Collection

  • Community Objects

  • Community Members Collection

  • File Collection

  • Story Collection

  • Stream Collection

  • User Collection

Live Collection is not supported for global feed and custom post ranking.

Live Object

Although live objects were introduced prior to v6. All getter methods for singular objects (example getPost) will now return a subscribe-able object.

This means that if an object gets updated and you have subscribed to real-time events, the object will get updated automatically via real-time events.

Getting Real Time Updates for an Object

Getting the object only once

Live Collection

Although live collections were introduced prior to v6. All query methods for the collection of objects (example getPosts) will now return a subscribe-able collection.

This means that if an object in the collection gets updated and you have subscribed to real-time events, the collection will get updated automatically via real-time events.

Getting Real-Time updates for a collection

Getting paginated collection without and real-time updates

By subscribing to a specific topic in the system, users can ensure that they are receiving the most up-to-date information and notifications related to the observed object across devices.

The library is being used in Android development to achieve Live Object and Live Collection behavior.

You can visit for more information.

Live Collection is available for the following functionalities in user/community feeds via APIs:

For any specific errors that's handled in PagingData please visit the web page below to properly handle its errors

Data Stream uses all standard .

Please make sure that the user is logged in before observing AmityObject. You can also refer to the section for more details.

Please make sure that the user is logged in before observing AmityCollection. You can also refer to section for more details.

Live Object
@Published
Remarks
Live Collection
@Published
Remarks

For more details, please refer to

If for your use case, you don't require any real-time updates, you can unsubscribe immediately. For further information about Live Object, please visit page.

If for your use case, you don't require any real-time updates, you can unsubscribe immediately. Similar to the live objects above. For further information about Live Collection, please visit page.

Real-time event
implementation "androidx.paging:paging-compose:x.y.z"

dataStatus

✅

-

loadingStatus

✅

-

snapshot

✅

New

error

✅

-

object

❌

Deprecated

dataStatus

✅

-

loadingStatus

✅

-

snapshots

✅

New

error

✅

New

import { PostRepository, subscribeTopic, getPostTopic } from '@amityco/ts-sdk';
import { FC, useEffect, useState } from 'react';

const disposer: Amity.Unsubscriber[] = [];

const GetPost: FC<{ postId: string }> = ({ postId }) => {
  const [post, setPost] = useState<Amity.Post>();

  useEffect(() => {

    const unsubscribePost = PostRepository.getPost(postId, ({ data }) => {
     const { post, loading, error } = data
     
     if (post) {
       /*
       * This step is important if you wish to recieve real time updates
       * Here, you are letting the server know that you wish to recieve real time
       * updates regarding this post
       */
       disposers.push(subscribeTopic(getPostTopic(post)))
       
       setPost(post)
     }
    });
    
    disposers.push(unsubscribePost);
  }, [postId]);

  return null;
};
import { PostRepository } from '@amityco/ts-sdk';
import { FC, useEffect, useState } from 'react';

const GetPostOnce: FC<{ postId: string }> = ({ postId }) => {
  const [post, setPost] = useState<Amity.Post>();

  useEffect(() => {
    const unsubscribePost = PostRepository.getPost(postId, ({ data }) => {
     const { post, loading, error } = data
     
     if (post) {       
       setPost(post)
     }
    });
    
    unsubscribePost()
  }, [postId]);

  return null;
};
import {
  PostRepository,
  subscribeTopic,
  getUserTopic,
  getCommunityTopic,
  SubscriptionLevels,
} from '@amityco/ts-sdk';
import { FC, useEffect, useState } from 'react';

const disposers: Amity.Unsubscriber[] = [];

const GetPosts: FC<{ targetId: string; targetType: string }> = 
({ targetId, targetType }) => {
  const [posts, setPosts] = useState<Amity.Post[]>();

  useEffect(() => {
    const unsubscribe = PostRepository.getPosts(
      { targetId, targetType },
      ({ data: posts, onNextPage, hasNextPage, loading, error }) => {
        setPosts(posts);
        /*
         * this is only required if you want real time updates for each
         * post in the collection
         */
        subscribePostTopic(targetType, targetId);
      },
    );

    disposers.push(unsubscribe);

    return () => {
      disposers.forEach(fn => fn());
    };
  });

  return null;
};

const subscribePostTopic = (targetType: string, targetId: string) => {
  if (isSubscribed) return;

  if (targetType === 'user') {
    const user = {} as Amity.User; // use getUser to get user by targetId
    disposers.push(
      subscribeTopic(getUserTopic(user, SubscriptionLevels.POST), () => {
        // use callback to handle errors with event subscription
      }),
    );
    return;
  }

  if (targetType === 'community') {
    // use getCommunity to get community by targetId
    const community = {} as Amity.Community; 
    disposers.push(
      subscribeTopic(getCommunityTopic(community, SubscriptionLevels.POST), () => {
        // use callback to handle errors with event subscription
      }),
    );
  }
};
import {
  PostRepository,
  subscribeTopic,
  getUserTopic,
  getCommunityTopic,
  SubscriptionLevels,
} from '@amityco/ts-sdk';
import { FC, useEffect, useState } from 'react';

const GetPosts: FC<{ targetId: string; targetType: string }> = 
({ targetId, targetType }) => {
  const [posts, setPosts] = useState<Amity.Post[]>();

  useEffect(() => {
    const unsubscribe = PostRepository.getPosts(
      { targetId, targetType },
      ({ data: posts, onNextPage, hasNextPage, loading, error }) => {
        if (posts)
          setPosts(posts);
        
        // to get next page use onNextPage()
      },
    );

    unsubscribe()
  });

  return null;
};
pagingData
Live Object
Live Collection

Javascript Live Objects/Collections

All data returned by the SDK are wrapped in the SDK's LiveObject API. The LiveObject API allows you to easily retrieve the queried data asynchronously, as well as subscribe to any new changes to the data.

LiveObject

Observing live changes to any object queries can be done by observing the dataUpdated event on the Live Object:

// observe data changes
const currentUser = client.currentUser;

currentUser.on('dataUpdated', model => {
  console.log(`Current user is: ${model.displayName}`);
})

// unobserve data changes once you are finished
currentUser.removeAllListeners('dataUpdated');

In this example, the block observes the data of the currently authenticated user and prints out the displayName. The observe block can be called multiple times throughout the lifetime of the application:

  • If the requested object data is stored locally on the device, the block will be called immediately with the local version of the data (you can verify this through the dataStatus property).

  • In parallel, a network request for the latest version of the data is fired. Once the network returns the data, the observe block will be called again with the updated data.

  • Any future changes to the data (whenever the user changes its displayName on another device, for example) can trigger additional callbacks.

We recommend you to always call removeAllListeners() whenever you are done observing an event to avoid any unnecessary callbacks.

Model

The data provided by LiveObject is directly accessible via the model property. The model property is always kept up to date with the latest state changes; wheneverdataUpdated event is fired, the model property has already been updated.

Data Status

If you want to exclusively display fresh data in your UI (without using the potentially out-of-date local data), you can do so by reading the object's dataStatus property, which reflects the status of the callback data, and checking that its value is set to fresh.

import { LoadingStatus, DataStatus } from '@amityco/js-sdk';

if (currentUser.dataStatus === DataStatus.Fresh) {
  // the data field of this object is up to date
  console.log(currentUser.model);
}

You can also use the object's loadingStatus property to determine the current state of network operations being performed by the LiveObject. This is useful for any UI element that needs to provide the loading state.

if (currentUser.loadingStatus === LoadingStatus.Loading) {
  // this object is current loading, show loading UI
}

The LiveObject can also emit events for updates for dataStatus as well as loadingStatus. As with other events, please make sure to call removeAllListeners() when you are done observing changes to these values in order to prevent memory leaks.

currentUser.on('dataStatusChanged', callback);
currentUser.on('loadingStatusChanged', callback);

Events Order

The LiveObject updates statuses and data in strict order and emits related events accordingly when an instance is created. A few different cases might occur when you create a LiveObject instance:

Data is not cached.

Initial values:

  • loadingStatus = LoadingStatus.Loading

  • dataStatus = DataStatus.NotExist

  • model = undefined

Process received data:

  • emits loadingStatusChanged

  • emits dataStatusChanged

  • emits dataUpdated

Data is cached but is not fresh.

Initial values:

  • loadingStatus = LoadingStatus.Loading

  • dataStatus = DataStatus.Local

  • model = localData

Process received data (same order):

  • emits loadingStatusChanged

  • emits dataStatusChanged

  • emits dataUpdated - only if data is really different

Data is cached and is fresh.

  • loadingStatus = LoadingStatus.Loaded

  • dataStatus = DataStatus.Fresh

  • model = localFreshData

Interface

This is the list of LiveObject members and methods.

Members

  • model = model that the live object should fetch

  • loadingStatus = determine the current state of network operations being performed by the LiveObject

  • dataStatus = reflects the status of the callback data

Methods

  • on(event, callback) = listens to event and executes callback when event is fired

  • once= same as the on method but can only be called once

  • removeAllListeners = removes all listeners from on

  • dispose = causes the LiveObject to be destroyed and cleaned up

Get Post data

Here is a sample code on how the get Post data.

const livePost = PostRepository.getPost(postId)
console.log(livePost.model)

LiveCollection

The LiveObject API supports queries that return a list of objects, this is known as a LiveCollection. LiveCollection has the same methods and properties as its object counterpart but contains a few other helper methods around pagination.

import { MessageRepository } from '@amityco/js-sdk';

const messageRepo = new MessageRepository('channel1');
const messages = messageRepo.messagesForChannel({ channelId: 'channel1234' });
messages.on('dataUpdated', models => {
  // models will be an array of message objects
  models.forEach(message => {
    console.log('Message: ', message);
  });
});

Pagination

Pagination with LiveCollections is very simple: the collection offers a convenient nextPage method that you can call which will automatically trigger a local cache lookup, a network call, and multiple LiveObject updates once new data is returned. Every collection starts with one page of 20 models. After nextPage() is successful, the dataUpdated event will be triggered with a new array combining both the old objects as well as 20 newly fetched objects.

const liveCollection = MessageRepository.queryMessages({
    channelId: 'channelId',
    type: 'text'
});

liveCollection.on(“dataUpdated”, messages => console.log(messages))

const loadMore = () => {
  if (liveCollection.nextPage) {
    liveCollection.nextPage();
  }
};

The dataUpdated event will be dispatched when the first set of data from the server is loaded. Calling nextPage will load the next set of data. Once all data are loaded, the dataUpdated event will once again be dispatched.

You can use the nextPage property to determine if you've scrolled to the end of the list. The nextPage property initially returns false until the first collection query is finished.

Lastly, if there is a need to shrink the list of objects exported back to only the first 20 records (for example, if you pass the LiveCollection object to a new view), you can simply call resetPage().

Models

Similar to model property of the LiveObject, the LiveCollection provides models property which is basically an array of LiveObject's model objects. models is mutable and always contains the same data as one returned by dataUpdated event.

Errors

Both LiveObject and LiveCollection can be subscribed to the dataError event which is fired every time an error happens during the data update process. In other words, every time the LiveObject or LiveCollection fails to get data from the server - this error will be emitted.

const messages = messageRepo.messagesForChannel({ channelId: 'channel1234' });

messages.on('dataError', error => {
  // Every error has a code. You can control how your application should behave in response to the error.
  if (error.code !== YYYYYY) {
    throw error;
  }
});

Dispose of LiveObject and LiveCollection

We recommend you to always call dispose() whenever you are done working with any LiveObject/LiveCollection.

// create an user LiveObject and a messages LiveCollection when you mount your component or view
const currentUser = client.currentUser;
const messages = messageRepo.messagesForChannel({ channelId: 'channel1234' });

...

// before leaving page, unmounting component etc
currentUser.dispose();
messages.dispose();

Dispose is a very important functionality of the LiveObject. It allows you to avoid memory leaks and keeps your application performant. What does dispose() do:

  • unsubscribe all listeners attached to the LiveObject instance;

  • stop all internall observers related to the LiveObject instance;

  • clean up an internall buffer of the LiveObject instance;

After you call dispose() on a LiveObject instance, dataStatus and loadingStatus switch to Error.

RxJava3
ReactiveX
https://developer.android.com/topic/libraries/architecture/paging/load-state#adapter
RxJava3 operators
session state
session state
https://developer.apple.com/documentation/combine/published
AmityNotification is alive in MyClass scope.
Live Object observation is bound to a token
Invalidate a token
Accessing live object properties
Get a fresh object
Get a local data
Observe a Live Collection
Observe a Fresh Live Collection
Iterate each object in a live collection using .allObjects()
An equivalent implementation of .allObjects()
Call nextPage() / previousPage() to load more data
Using a live collection with UITableView

Flutter Live Objects/Collections

Live Objects and Live Collection

In Flutter SDK, we have a concept of Live Object and Live Collection. Live Object is represented by StreamSubscription<Object> instance and LiveCollection is represented by an instance of LiveCollection. LiveCollection is a generic class that encapsulates any other object and notifies the observer whenever any property of the encapsulated object changes. Live Object helps to observe changes in a single object whereas Live Collection helps to observe changes in a list of objects. For example: StreamSubscription<AmityPost> or LiveCollection<AmityMessage>.

How it Works

SDK handles lots of data received from various sources. Data can be present in the local cache. It might also be queried from the server or received from some real-time events. What this means is that the same data is constantly updating. The data that you are accessing at the moment can get updated by other sources and become out of sync. Live Object and Live Collection help in syncing the data so you will always get the most recent one. Whenever the data updates, you will be notified through helper methods in the Live Object and Live Collection classes.

New data gets automatically collected every time when there is an update and the user need not refresh to get the recent data.

Live Collection is available for the following in user/community feeds:

  • Post Live Collection

  • Community Live Object

  • Message Live Collection

  • Comment Live Collection

  • Story Live Collection

  • Stream Live Collection

  • Reaction Live Collection

  • Story Target Live Collection

  • Global Story Target Live Collection

Live Object is available for the following in user/community feeds:

  • Post Live Object

  • Community Live Object

  • Comment Live Object

  • Poll Live Object

  • Story Live Object

LiveObject

StreamSubscription<Object> is a native flutter class that keeps track of a single object. It is a live object. In Flutter AmitySDK, any object which provides Stream is a Live Object.

Examples:

This function helps listen to Live Object. Whenever any property for the observed object changes, the listen callback will be triggered.

Live Collection

LiveCollection is a generic class that keeps track of a collection of objects. It is a Live Collection. In Flutter SDK, any object that is encapsulated by LiveCollection class is a live collection.

Examples:

  • MessageLiveCollection

  • ChannelLiveCollection

LiveCollection exposes these methods:

  • asStream

  • onError

These methods help observe a Live Collection. Whenever any property for any object within the collection changes, the observer is triggered, as well as observing any errors from the collection.

Stream Observer

asStream method can get triggered multiple times throughout the lifetime of the application as long as its associated Stream<List<Object>> is retained in memory.

asStream method will be called from the main thread so you can perform any UI update-related task within the listen block itself.

  • If the requested data collection is stored locally on the device, the block will be called immediately with the local version of the data.

  • In parallel, a request is made to the server to fetch the latest version of the data. Once the data is returned, the listen block will be triggered again.

  • Any future changes to the data from any sources can trigger the listen block.

Pagination

AmityCollection in SDK returns a maximum of pageSize items per page. It has loadNext() method to fetch more data. It also exposes hasNext property to check if the next page or previous page is present.

Once the next page is available, the same listen block gets triggered and you can access the collection as shown above. If you want to shrink the collection to the original first page, you can do so by calling reset() method on the same collection.

One typical usage of LiveCollection is in ListView. Below is an example of fetching a collection and updating its state in a Widget.

Realtime Events

The SDK supports real-time events of various data models through a robust event-driven mechanism. For instance, when a user modifies their profile, these changes can seamlessly be reflected in another user's device. This reflection is achieved via the same Live Objects/Collections that the user is observing in real-time.

Currently, the SDK supports real-time event subscriptions for the following models:

  • Community

  • Post

  • Comment

  • User

  • Follow/Unfollow

  • Subchannel

Usage

To subscribe or unsubscribe from the relevant real-time events, you need to create a Subscription Topic. Upon constructing the subscription topic, the SDK exposes methods for subscribing and unsubscribing, allowing you to listen to specific events without needing to create a new topic.

Construct Subscription Topic

The subscription topic construction, excluding Follow/Unfollow topics, requires two parameters:

  1. Data Model (required): This represents the model to which we wish to subscribe, which can be any Live Object model.

  2. Subscription Level (optional): This allows specifying the event level within that model for real-time updates. The SDK includes an enum for this purpose. If not provided, the default subscription level corresponds to the passed model type.

Observe updates

Once you've successfully established a subscription using the methods outlined previously, the SDK will start receiving data pertaining to the events you've subscribed to. Should there be any alterations to the Live Objects/Collections you are observing, you will be notified via the observer block of the respective Live Object or Live Collection. This functionality ensures you always have access to the most current data without needing to manually fetch updates.

Here's an example of subscribing to real-time events from a subscription topic and observing changes via a live object. For available topics please visit Social Realtime Events and Chat Realtime Events.

In JavaScript SDK, After subscribing to data models from liveObjects, the changes from the realtime event will also be reflected on the dataUpdated event of the same liveObject.

const [community, setCommunity] = React.useState();

React.useEffect(() => {
  const liveObject = CommunityRepository.communityForId('communityId');

	// The realtime event for any changes to the community will also reflect here. 
  liveObject.on('dataUpdated', setCommunity);

  return () => liveObject.dispose();
}, []);

React.useEffect(() => {
  if (community.communityId) {
		let topic = getCommunityTopic(community, SubscriptionLevels.COMMUNITY);
    EventSubscriberRepository.subscribe(topic);
   
    return EventSubscriberRepository.unsubscribe(topic);
  }
}, [community.communityId]);

Available event handlers:

  • onCommunityCreated

  • onCommunityUpdated

  • onCommunityDeleted

  • onCommunityJoined

  • onCommunityLeft

  • onCommunityUserAdded

  • onCommunityUserBanned

  • onCommunityUserRemoved

  • onCommunityUserUnbanned

  • onPostCreated

  • onPostUpdated

  • onPostDeleted

  • onPostApproved

  • onPostDeclined

  • onPostFlagged

  • onPostUnflagged

  • onPostReactionAdded

  • onPostReactionRemoved

  • onCommentCreated

  • onCommentUpdated

  • onCommentDeleted

  • onCommentFlagged

  • onCommentUnflagged

  • onCommentReactionAdded

  • onCommentReactionRemoved

  • onUserFollowed

  • onUserUnfollowed

  • onFollowerRequested

  • onFollowRequestAccepted

  • onFollowRequestCanceled

  • onFollowRequestDeclined

  • onFollowerDeleted

  • onFollowInfoUpdated

Unsubscribe Events

To ensure the number of active subscriptions stays within the limit, it is recommended to unsubscribe from topics when they are no longer needed. This could mean unsubscribing when leaving a particular screen or during periods of inactivity.

Each topic subscription in the SDK provides an unsubscribe method. For unsubscribing, use the Unsubscribe topic method.

If the logout() method is invoked at any point, the current session will be terminated and all existing subscriptions will be automatically removed. This functionality assists in efficiently managing active subscriptions and preventing unwanted data consumption.

Use unsubscribeTopic(...) method from AmityTopicSubscription class or use unsubscribeEvent(:_) method from the model itself

import { 
	getCommunityTopic,
	EventSubscriberRepository,
	SubscriptionLevels } from '@amityco/js-sdk';

let topic = getCommunityTopic(communityModel, SubscriptionLevels.POST);

// Subscription has an optional error callback parameter that can be used.
EventSubscriberRepository.subscribe(topic, (err) => {
	if (err) { // handle subscription error here}
	// handle subscription success here.
});

// Unsubscribe
EventSubscriberRepository.unsubscribe(topic);

Supported ✅ (please wait while we prepare a real example!)

By adopting these practices, you can efficiently manage the subscription limit and maintain a responsive and performant application.

Subscription Topics limit

The SDK imposes a maximum limit of 20 for the number of topics that can be subscribed to simultaneously. Developers are advised to manage their list of subscriptions and unsubscribe as necessary.

For instance, suppose you have two screens: one displays a list of communities, and the other displays community details. You may want to subscribe when a user is viewing community details and unsubscribe when the user returns to the community list screen.

Even if you subscribe to the same topic and event multiple times, the SDK maintains only one subscription.

Strategies for Managing Subscription Limit

  1. Use higher-level topics: Instead of creating a topic for each post within a community or each comment within a post, it's recommended to create a single community topic for all posts and comments within that community. This can be achieved by using the getCommunityTopic method with a SubscriptionLevel of POST_AND_COMMENT.

  2. Subscribe when rendered, unsubscribe when not: Developers should consider subscribing to a topic when a liveObject is rendered and unsubscribing when it's no longer needed. For instance, if you have a list of communities on a page and you navigate to a page showing a community's details, you may want to subscribe when the user is viewing community details and unsubscribe when the user returns to the community list page.

Chat Realtime Events

In the context of channels, subchannels, and message collections, receiving real-time events is an automatic process for conversation and community channels; you do not need to perform any additional actions. However, a live channel still needs to be established.

Similar to the process for social real-time events, a topic is a unique path that must be constructed for each model you wish to receive updates about in real-time. The SDK offers helper methods for creating these topics for each model type. Each topic includes an events enum that developers can select to subscribe to, based on their business context and preferences.

To receive updates from a channel or any content created within that channel, the user must hold a 'Member' status within that channel. Once the user leaves the channel, they will no longer receive real-time events.

Subchannel Topic

Error Handling

Server Errors

Code

Error Name

Description

400000

BadRequestError

Request contains invalid parameters.

400001

InvalidRegularExpression

An invalid regex rule retrieved from or added to the Blocklist

400002

VideoFormatInvalidRequestError

Video format not supported

400100

UnauthorizedError

Unverified user performs any action that requires access token verification.

400300

ForbiddenError

User performs forbidden action such as uploading a pdf file in an image message.

400301

PermissionDenied

User has no permission to perform the action.

400302

UserIsMuted

A muted user sends a message.

400303

ChannelIsMuted

User sends a message in a muted channel.

400304

UserIsBanned

User accessed a channel or community where he is banned.

400307

MaxRepetitionExceed

User reached the limit of the number of sent messages containing blocklisted words.

400308

BanWordFound

User sends a message that contains a blocklisted word.

400309

LinkNotAllowed

User sends a message that contains link that is not in the Allowlist.

400311

RPCRateLimitError

Web socket rate limit is exceeded.

400312

GlobalBanError

Banned user performs any action.

400314

UnsafeContent

Content moderation system detects unsafe content (eg. nudity).

400315

DuplicateEntryError

Display name of a collection already exists (eg. for your channels or community categories).

400316

UserIsUnbanned

Returned when unbanning a user that is not banned.

400317

ForbiddenError

The only active moderator in a channel/community attempts to leave and there are no other moderators in the group.

400318

ForbiddenError

The only moderator in a channel/community attempts to leave and there are no other members in the group.

400319

ForbiddenError

User changes module and user notification settings but the network notification setting is off.

400400

ItemNotFound

System cannot find any resource matched with the requested condition.

400900

Conflict

System cannot create/update duplicated data.

500000

BusinessError

Uncategorized internal system errors not related to any user input.

500000

BusinessError

Video upload failed

Client Errors

Code

Error Name

Description

800000

Unknown

Uncategorized errors.

To debug, refer to the 'error.message' property.

800110

InvalidParameter

Data type of the parameter is invalid.

800210

ConnectionError

Websocket connection of the SDK cannot reach the platform server. This could also be the case if a user is global-banned and try to register a session.

Error Objects

Error objects can be returned to you via LiveObjects, callbacks, or client error delegates. The possible error codes are listed in a public error code enum: each case is named after its error.

You can convert a Social Plus Exception into a Social Plus Error with the following:

All the errors returned by the iOS SDK come in the form of an NSError with domain Social Plus.

import { ErrorCode, CommunityRepository } from '@amityco/js-sdk'

const liveObject = CommunityRepository.communityForId('abc');
liveObject.on("dataUpdated", data => {
  // community is fetched
});
liveObject.on("dataError", err => {
  // failed to fetch the community 
  console.log(err.code == ErrorCode.BusinessError);
}

All the errors returned by the SDK come in form of an Error with domain ASC.

When an error is returned as a result of an action from your side (e.g. trying to join a channel), the action is considered completed and the SDK will not execute any additional logic.

Global ban error handling

A global ban error means that the user is banned from the system resulting in the inability to have a connection with the system. If the user already has a session, the session will be revoked, and will be unable to create a new session.

var client: AmityClient?
client.clientErrorDelegate = self // set yourself as the delegate

...

// Implement this delegate method which gets called when error occurs
func didReceiveAsyncError(_ error: Error) {
        let error = error as NSError
        guard let amityError = AmityErrorCode(rawValue: error.code) else {
            assertionFailure("unknown error \(error.code), please report this code to Amity")
            return
        }
        
        if amityError == .globalBan {
            // Handle global ban event here
        }
    }

client = new ASCClient({ apiKey, apiEndpoint });

client.on('dataError', error => {
  if (error.code === ErrorCode.GlobalBanError) {
    // handle the case the user is globally banned
  }
});

Content Moderation

Validate URL

The validateUrls() function takes an array of urls as input. It returns a success response if the input passes validation and throws an error otherwise. It ensures that the URLs conform to the pre-defined list set in ASC console.

Here's an explanation of the function parameter:

  • urls: An array of URLs to be validated

Validate Text

The validateTexts() function takes an array of texts as input. It returns a success response if the input passes validation and throws an error otherwise. It ensures that the text does not contain any of the pre-defined blocked words set in the ASC console.

Here's an explanation of the function parameter:

  • texts: An array of texts to be validated

Query Channels

Query Channels

The getChannels function is a powerful function that allows you to search for and retrieve channels that match specific criteria. With this function, you can quickly and easily find the channels you need.

The function accepts several parameters that allow you to customize your search. The displayName parameter is a string that specifies the search query, allowing you to search for channels based on their public display name.

Once you have made your query, the function returns a Live Collection of channels that match your query criteria. You can use this collection to display the search results in your app or to further filter the results as needed.

You can query channels with the following criteria:

  • displayName: The public display name of the channel.

  • includeDeleted : Specify whether to search for channels that have been closed. Possible values are:

    • null (default) - Show both channels are active and closed.

    • false - Search for channels that are still open

  • tags : Search for channels with specific tags. If more than 1 tags are specified in the query, the system will search for channels that contain any of those tags.

  • excludeTags : Search for channels without the specific tags. If more than 1 tags are specified in the query, the system will search for channels that do not contain any one of those tags.

  • filter : Membership status of the user. Possible values are:

    • all (default) - Search for channels

    • member - Search for channels that the user is a member of

    • notMember - Search for channels that the user is not a member of

    • flagged - Search for channels that the user flagged

  • types : type of channel to search for - conversation , broadcast , live or community

  • userId : Search for channels that are created by a given User ID (only if you're an admin).

If you use a UITableView or UICollectionView to display channel list data, the ideal location to reload table data is directly in the observed block of the live collection that you are displaying.

import { 
  ChannelRepository, 
  ChannelType, 
  ChannelFilter, 
  ChannelSortingMethod,
} from '@amityco/js-sdk';

let channels;

const liveCollection = ChannelRepository.queryChannels({
  keyword: 'asd',
  types: [ChannelType.Conversation],
  filter: ChannelFilter.Member,
  isDeleted: false,
  tags: ['tag1'],
  excludeTags: ['tag2'],
  sortBy: ChannelSortingMethod.LastCreated
});

liveCollection.on('dataUpdated', models => {
  channels = models;
});

channels = liveCollection.models;

Version 6

Beta(v0.0.1)

Social Realtime Events

A topic is a distinct path that must be constructed for each model to which you wish to subscribe in real-time. The SDK provides helper methods to create these topics for each model type. Each topic encompasses an events enum, which developers can select to subscribe to based on their business context and interests.

To subscribe to updates from a community or any content created within that community, the user must have the 'Member' status in that community. Once the user leaves the community, they will no longer receive real-time events.

Community Topic

  • COMMUNITY - subscription to changes in the community object

  • POSTS - subscription to changes of post objects in the community

  • COMMENTS - subscription to changes of comment objects in the community

  • POST and COMMENTS - subscription to changes of posts and posts comments in the community

  • STORY and COMMENTS - subscription to changes of story and story comments in the community

The default value is COMMUNITY

Post Topic

  • POST - subscription to changes of the post object

  • COMMENTS - subscription to changes of comment objects on the post

The default value is POST

import { getPostTopic, SubscriptionLevels } from '@amityco/js-sdk';

// Post topic to subscribe to all events of that post model only
// Example events: post edited, reactions added 
const topic = getPostTopic(postModel, SubscriptionLevels.POST);

// Post topic to subscribe to all comment events of that post model
// Example events: comment created, comment deleted, comment updated
const topic = getPostTopic(postModel, SubscriptionLevels.COMMENT);

Comment Topic

  • COMMENT - subscription to changes in the comment object

import { getCommentTopic, SubscriptionLevels } from '@amityco/js-sdk';

// Comment topic to subscribe to all comment events of that post model
// Example events: comment created, comment deleted, comment updated
const topic = getCommentTopic(commentModel, SubscriptionLevels.COMMENT);

The functionality isn't currently supported by this SDK.

User Topic

  • USER - subscription to changes in the user object

  • POSTS - subscription to changes of post objects in the user feed

  • COMMENTS - subscription to changes of comment objects in the user feed

  • POST and COMMENTS - subscription to changes of post and comment objects in the user feed

The default value is USER

import { getUserTopic, SubscriptionLevels } from '@amityco/js-sdk';

// User topic to subscribe to all events of that user model only
const topic = getUserTopic(userModel, SubscriptionLevels.USER);

// User topic to subscribe to all post events of that user model
// Example events: post created, post deleted, post updated
const topic = getUserTopic(userModel, SubscriptionLevels.POST);

// User topic to subscribe to all comment events of that user model
// Example events: comment created, comment deleted, comment updated
const topic = getUserTopic(userModel, SubscriptionLevels.COMMENT);

// User topic to subscribe to all posts and comment events of that user model
// Example events: comment created, comment deleted, comment updated
const topic = getUserTopic(userModel, SubscriptionLevels.POST_AND_COMMENT);

The functionality isn't currently supported by this SDK.

Follow Topic

  • MY_FOLLOWERS - subscription to changes related to users that the current user follows

  • MY_FOLLOWING - subscription to changes related to users that follow current user

The functionality isn't currently supported by this SDK.

STORY Topic

  • Subscription to changes related to specific stories.

Create Channel

ChannelRepository offers a function to create a new channel. This function provides support for creating three distinct types of channels, including Community, Live, and Conversation. Each channel type has its own unique characteristics and capabilities as we explained earlier, and the create channel function allows users to easily create and customize channels to suit their specific needs.

The SDK offers two standard ways for creating channels. The first method involves specifying a specific channel ID during the channel creation process. The second method allows for the automatic generation of a unique channel ID. The create channel API is designed to ensure that the channel being created is new, and if the requested channel already exists, it will return a conflict error (400900). The channel ID parameter in the channel creation function may be left undefined, in which case the SDK will automatically generate a unique channel ID to avoid any conflicts with existing IDs.

Create Community Channel

Here is a brief explanation of the function parameters:

  • displayName: The public display name of the channel.

  • avatarFileId: The image fileId that represents the image of the channel.

  • metaData: Additional properties to support custom fields.

  • tags - Arbitrary strings that can be used for defining and querying for the channels.

  • isPublic - Specify visibility for the community channel that public or private community.

Create Live Channel

Here is a brief explanation of the function parameters:

  • displayName: The public display name of the channel.

  • avatarFileId: The image fileId that represents the image of the channel.

  • metaData: Additional properties to support custom fields.

  • tags - Arbitrary strings that can be used for defining and querying for the channels.

Version 6

Beta (v0.0.1)

Create Conversation Channel

Here is a brief explanation of the function parameters:

  • userId: The userId of the user that you'd like to chat with.

  • displayName: The public display name of the channel.

  • avatarFileId: The image fileId that represents the image of the channel.

  • metaData: Additional properties to support custom fields.

  • tags - Arbitrary strings that can be used for defining and querying for the channels.

The conversation channel is unique based on its membership. When creating a conversation, the system will check if a channel with the same membership already exists. If such a channel already exists, the system will return the existing channel instead of creating a new one.

Version 6

Beta (v0.0.1)

Create Broadcast Channel

Chat

Social Plus Chat SDK allows you to easily create full-featured in-app Chat experience

Social Plus Chat SDK

The Social Plus Chat SDK provides a powerful set of pre-built features to enable in-app social experiences and fuel user engagement. With support for a range of platforms and programming languages, the SDK is a flexible and scalable solution for building messaging apps. We hope this documentation page has provided you with the information you need to get started with the SDK. If you have any questions or feedback, please feel free to contact us via our support center.

We provide a range of pre-built features that enable in-app social experiences and fuel user engagement. Here are some of the main features of the SDK:

  • View read counts for every message

  • Moderate conversations with user banning, muting, and rate limiting

  • Assign moderators and admins via a role-based permission system

  • Filter out inappropriate content with automated spam filtering and URL whitelists

  • Manage connection state and handle offline data automatically

  • Support multi-device and multi-platform for every user

  • Powerful messaging capabilities for native and web apps

  • Moderation tools for filtering out inappropriate content

  • Role-based permission system for assigning moderators and admins

  • Real-time syncing of messages across all users in a channel

  • Support for text, image, audio, video, file, and custom messages

  • Support up to 300,000 concurrent participants in a channel

Getting Started

A channel is a virtual chat room or a group that enables users to send and receive messages in real-time. Channels allow developers to implement different types of chat messaging capabilities into their applications easily, such as private messaging, group chats, and chat rooms.

If you're new to the Social Plus Chat SDK, the following resources can help you get started:

Channel Types

Messaging is a crucial feature for any chat application, and with Social Plus Chat SDK, developers can enable real-time communication between users within a chat channel with ease.

The Social Plus Chat SDK supports several channel types, each designed to match a particular use case for chat channels. Here's a table showing what features each channel type offers:

Message Types

Moderation is an essential feature for building a community that encourages user participation and engagement. With Social Plus Chat SDK, developers can use the moderation feature to assign moderators and admins via a role-based permission system, filter out inappropriate content with automated spam filtering and URL whitelists, and manage user bans.

The Social Plus Chat SDK supports several message types, including:

Chat experience is more fun when you can express yourself! With Social Plus Chat SDK, developers can use the Reactions feature to allow users to react to messages using emojis, stickers, or thumbs up. This feature can help users express their emotions and opinions, making communication more engaging and interactive.

  • Text Message

  • Image Message

  • File Message

  • Audio Message

  • Video Message

  • Custom Message

In addition to these message types, the SDK also supports message reactions, which can be used to enable users to react to messages in a channel.

Features

Our channels enable developers to implement different types of chat messaging capabilities into their applications easily.

This page highlights the steps you will need to follow to begin integrating chat messaging into your products.

Moderation is an important feature for building a safe community that encourages user participation and engagement.

Interactions are more fun when you can express yourself! Let users react using emojis, stickers, or thumbs up to messages.‌

Join/Leave Channel

Join a Channel

The joinChannel function allows users to join a channel, making them a member of the channel. This function takes one parameter, channelIdwhich is the ID of the channel that the user wishes to join.

Once the user joins the channel, they will be able to participate in conversations and receive updates about the channel's activity. It is important to note that this function is idempotent, which means that it can be called multiple times without causing any issues. If the user has already joined the channel, a successful result will still be returned.

Leave a Channel

The leaveChannel function is used to disengage a user from a channel by removing them from the list of members. This function takes the channelId parameter, which specifies the ID of the channel that the user wishes to leave. Once the user has left the channel, they will no longer receive any messages or updates from the channel.

Version 6

Beta (v0.0.1)

Channel Membership

When a user joins a channel, they can observe and chat with other users in that channel. They are also automatically considered a member of that channel. The Chat SDK provides the ability to view which users are currently in the channel as well as invite other users to join the channel.

Each channel is identified by a unique channelId, which is any string that uniquely identifies the channel and is immutable through its lifetime. When creating channels, you can specify your own channelId, or leave it to Social Plus's Chat SDK to automatically generate one for you.

It's important to note that, createChannel guarantees that the requested channel is new (except for conversation type), whereas joinChannel will attempt to join an existing channel. If there is a requirement to create a new channel, then use of createChannel the call joinChannel. Lastly calling getChannel only gives you back the channel LiveObject, but it won't make the current user join said channel.

Observe for changes in Membership

You can observe the channel to determine changes in the membership status. If the user is banned from the channel, you would want to show the particular UI and move from the chat screen.

For example, in the event of a channel ban, it's possible to implement the appropriate user interface, navigating the user to be redirected away from the chat screen.

Supported ✅ (please wait while we prepare a real example!)

Supported ✅ (please wait while we prepare a real example!)

Subchannel

Subchannels are part of a channel. They are separate topics or chat threads inside a channel. Messages can be sent and received in subchannels. By default, a channel generates a main subchannel once it's created. You can create, update, delete, and query subchannels inside a channel. For the structure and relationship of channels and subchannels, please visit.

Limitations:

  • Sub-channel creation is supported for Conversation and Community channel types.

  • Users can create up to 300 sub-channels per channel.

Create Subchannel

In the concept of channels and subchannels, a channel is a primary container that can hold multiple subchannels. Creating a subchannel will serve as a thread where users can send messages and participate in discussions related to a specific thread. The subchannel creation function requires two parameters: channelId and displayName.

  • channelId: specifies the unique identifier of the parent channel where the subchannel will be created. This allows the SDK to link the subchannel to the correct parent channel, and organize it within the proper hierarchy.

  • displayName: Specifies the public name or label of the subchannel that will be visible to users.

Update Subchannel

When you update a subchannel's properties, the changes will be reflected for all users who are members of that subchannel. Please note that the updateSubChannel function only updates the properties of the subchannel itself, and does not affect any messages or other content that has been sent within the subchannel.

The function requires two parameters: subchannelId and displayName.

  • subhannelId: This is the unique identifier of the subchannel that you'd like to update.

  • displayName: This is the updated public name or label of the subchannel that will be visible to users.

We don't support this feature in JS SDK.

Version 6

Beta (v0.0.1)

Delete Subchannel

The subchannelId parameter specifies the ID of the subchannel that you'd like to delete. The hardDelete parameter is a boolean value that determines whether to perform a hard delete or a soft delete.

A soft delete will mark the subchannel as deleted but keep its data in the system. A hard delete will immediately and permanently delete the subchannel and all its data from the system.

We don't support this feature in JS SDK.

Version 6

Beta (v0.0.1)

Get Subchannel

The AmitySubchannel class represents a subchannel in a channel. It contains information about the subchannel, such as its ID, display name, avatar, creation time, and more.

We don't support this feature in JS SDK.

Version 6 and Beta(v0.0.1)

Query Subchannels

The getSubChannels function allows you to retrieve a list of subchannels within a specific channel. It accepts the channelId parameter to specify which channel to retrieve subchannels from.

We don't support this feature in JS SDK.

Version 6 and Beta(v0.0.1)

Logging

Network activities

The observeNetworkActivities() function in the Social Plus SDK allows developers to log and monitor all HTTP request and response activities within the SDK. This function provides valuable insights into the network interactions of your application with Social Plus, enabling you to track, analyze, and debug network-related issues effectively.

Get Channel

Get a Channel

This function is useful for a variety of purposes, such as displaying information about a channel to users or retrieving channel details before joining the channel.

Channels

Our channels enable developers to implement different types of chat messaging capabilities into their applications easily

In this section, we will cover the concept of channels in Social Plus Chat SDK and how to use them to enable different types of chat messaging capabilities in your application.

Please be aware that there is some incompatibility between SDK version 5 and version 6 regarding the Subchannel feature.

  • Applications using SDK version 5 cannot view messages sent to subchannels by SDK version 6.

  • Channels can be sorted by 'Last Activity', which means that if messages are sent to SDK version 5 in subchannels, it moves the channel to the top of the collection. However, while the order will be updated to the top, SDK version 5 will not display the message.

Channel and Subchannel Structure

The concept of "channel and subchannel" is central to understanding how communication is structured in a chat SDK. Channels are the primary containers that hold subchannels, while subchannels are subdivisions within a channel that represent individual topics or chat threads.

The relationship between a channel and its subchannels is hierarchical. A channel serves as a parent container for multiple subchannels, each of which represents a separate conversation or topic. Messages and interactions occur within subchannels, not the main channel itself. This organization allows for easier navigation and management of different conversations within a single channel.

The differences between channels and subchannels are as follows:

  1. Function: Channels act as containers for subchannels, while subchannels are where actual conversations and interactions take place.

  2. Hierarchy: Channels serve as parent containers, whereas subchannels are subdivisions within a channel.

  3. Messages: Channels do not contain any messages directly; instead, all messages are stored within subchannels.

  4. Management: Users can create, update, delete, and query subchannels within a channel, managing each subchannel individually.

  5. Moderation: Moderation actions, such as banning, unbanning, muting, and unmuting users, can be performed at the channel level rather than the subchannel level. This approach ensures that moderation decisions apply to all subchannels within the main channel, providing consistent management across different conversations or topics.

By default, when a channel is created, a corresponding default subchannel is also automatically generated.

Channel Types

Social Plus's Chat SDK has several channel types with different use cases. Each type is designed to match a particular use case for chat channels.

Community and Private Community Channel

The community channel is the default channel type and can be discovered by all users and admins. It acts as a public chat channel that showcases all of the features that our SDKs have to offer.

Channel characteristics:

  • All users in the network can search for a community channel

  • All users in the network can join the community without an invitation

  • Support @mention user

  • Support @mention all users in the channel

  • Appear on SP Console for an administrator to monitor

Typical use cases:

  • Team collaboration

  • Online gaming

  • Celebrity fan club

  • Live streaming

  • Any type of public chat

Live Channel

Live channels offer the ability for users and admins to create channels with exclusive membership. The live channel is identical to our Community channel in features with the caveat that users will not be able to discover the channel when querying for all channels unless they are already a member of it. However, users and admins can still invite other users to join the channel.

Channel characteristics

  • Can only be searched by member

  • Users can join if they know the channel ID

  • Support @mention user

  • Support @mention channel users (mention all users)

  • Appear on the ASC console for the administrator to monitor

Typical use cases:

  • Chat channel for a one-time Live event

Conversation

Conversation channels are designed for 1-on-1 messaging and private small group chat. Unlike the other channel types, a Conversation channel can be created simply by knowing the userId of the user we want to converse with. Users can start conversations with any other user and only they will be able to see their conversation.

Each channel has its own list of members, and no two channels can have the same member list. If someone tries to create a new channel with the same set of members as an existing channel, the system will return the existing channel. For example, creating a new channel with User A and User B will always result in the same channel no matter how many times the create command is called. This is useful when trying to establish a private chat channel between 2 or more users as we want to make sure the user can continue using the existing channel that contains previous messages history.

Channel characteristics

  • Channel is always unique with the same set of memberships.

  • Support up to 10 members per conversation channel

  • Users can not join, leave, be added, or removed from the channel once it's created

  • Users can not ban/unban other users in the channel

  • Does not appear on the SP console for the administrator to monitor

  • Does not support @mention user & @mention all

Typical use cases:

  • 1:1 Chat Channel

  • Private Group Chat

  • Customer Support Chat

Channel types can be created through SDK i.e Community, Live and Conversation. Creation of Private and Standard type has been removed.

Broadcast

Broadcast channel characteristics

  • The administrator can choose to send to any community OR live channel (but not to the conversation channel).

  • Support @mention user

  • Support @mention channel users (mention all users)

Typical use cases:

  • Marketing & Advertising

  • Organizational Announcements

Channel Properties

Get Channels

SDK now supports querying channels based on provided channel IDs. The ChannelRepository class includes a getChannels method that takes an array of channel IDs as input and returns a live collection of channels. This live collection will contain all the channels that are being queried in the first page. This live collection will not support pagination.

Any update to the channels present in this live collection will be automatically notified to the user. Furthermore,

  • This live collection will only contain valid channels. In case of invalid channels (such as user gets banned etc.) the list may exclude those channels.

  • If any channel id is invalid, live collection will throw error.

💡 The maximum number of channel that can be queried is 100.

Limitations:

If the channel is not public and user leaves the channel, the channel will still remain in the live collection until user refresh or resets the live collection.

We don't support this feature in JS SDK.

Version 6 and Beta(v0.0.1)

The functionality isn't currently supported by this SDK.

For any specific errors that's handled in PagingData please visit the web page below to properly handle its errors

import { getCommunityTopic, SubscriptionLevels } from '@amityco/js-sdk';

// Community topic to subscribe to all events of that community model only
// Example events: community joined, community left, community updated 
const topic = getCommunityTopic(communityModel, SubscriptionLevels.COMMUNTIY);

// Community topic to subscribe to all post events of that community model
// Example events: post created, post deleted, post updated
const topic = getCommunityTopic(communityModel, SubscriptionLevels.POST);

// Community topic to subscribe to all comment events of that community model
// Example events: comment created, comment deleted, comment updated
const topic = getCommunityTopic(communityModel, SubscriptionLevels.COMMENT);

// Community topic to subscribe to all posts and comment events of that community model
// Example events: comment created, comment deleted, comment updated
const topic = getCommunityTopic(communityModel, SubscriptionLevels.POST_AND_COMMENT);

This function on the SDK allows you to create a new . The displayName parameter is a required field, and it represents the public display name of the channel.

Supported ✅ (please wait while we prepare a real example!)

Version 6

Beta (v0.0.1)

Similar to the community channel creation function, the function allows you to create a new . The displayName parameter is a required field, and it represents the public display name of the channel.

The channel creation function can also be utilized to create channels of the Conversation type. However, it should be noted that the channel ID for these channels will always be generated by the SDK. This ensures that the channel ID is unique and avoids any potential conflicts with existing channels

channel can only be created from the Social Plus Console. We recommend to see instructions in on how to create a Broadcast channel.

iOS ​ Android ​ Web TypeScript React Native Ionic Flutter

Start a new conversation channel with up to 300,000 concurrent participants (actual maximum may vary from the selected plan, see for more detail)

Version 6

Beta (v0.0.1)

We don't support this feature in JS SDK.

Version 6

Beta (v0.0.1)

To get a subchannel, you can use the getSubchannel method provided by the SubchannelRepository. This method accepts a subchannelId parameter and returns a of the AmitySubchannel class.

By using a combines with , you can observe any changes made to the subchannel in real-time. This is particularly useful in cases where multiple users may be interacting with the same subchannel and you need to keep the UI up-to-date with the latest data.

The function returns a , which allows you to observe changes to the collection in real-time.

The function allows users to retrieve information about a specific channel using the channelId parameter. This function returns a of the AmityChannel class, which contains information such as the channel's display name, tags, avatar, and other metadata.

Version 6 and Beta (v0.0.1)

For further information about channel's realtime events process, please visit .

The Broadcast channel is heavily adopted by corporate users who constantly promote or advertise their products, or make the announcement to drive awareness. Unlike other channel types, broadcast channels only allow admin users to send messages from Console, , and SDK, and everyone else in the channel will be under read-only mode.

Broadcast messages can be sent out via SP console, , and SDK with admin or moderator permissions.

Channel Object is a Live Object and you can observe real-time changes in Channel Properties. Please see to on how to listen to real-time changes.

https://developer.android.com/topic/libraries/architecture/paging/load-state#adapter
import { ChannelRepository, ChannelType } from '@amityco/js-sdk';

const liveChannel = ChannelRepository.createChannel({
  channelId: 'channel1',
  type: ChannelType.Community,
  userIds: [ 'user1', 'user2' ],
})

liveChannel.once('dataUpdated', model => {
  console.log(`Channel created: ${model.channelId}`);
});

liveChannel.once('dataError', error => {
  // Handle channel create error (non-unique channelID)
});
import { ChannelRepository, ChannelType } from "@amityco/js-sdk"

const liveChannel = ChannelRepository.createChannel({ type: ChannelType.Conversation })

liveChannel.once('dataUpdated', () => {
  console.log('channel created');
});

Channel Type

Discoverable by

Message sending privileges

Moderation access

Channel Creation

Realtime Events Retrieval

Community

All users and admins

Joined members and admins

All Moderation tools

SDK, Console

Automatic

Private Community

Joined members and admins

Joined members and admins

All Moderation tools

SDK, Console

Automatic

Live

Joined members and admins

Joined members and admins

All Moderation tools

SDK, Console

Subscription needed

Broadcast

All users and admins

Admins

Admin Moderation tools

SDK,

Console

Subscription needed

Conversation

Joined members

Joined members

No Moderation tools

SDK

Automatic

const isJoined = await ChannelRepository.joinChannel({
channelId: 'channel2'
});
import { ChannelMembershipRepository } from '@amityco/js-sdk';

await ChannelMembershipRepository.leaveChannel({ 
  channelId: 'channelId', 
})
const liveChannel = ChannelRepository.getChannel('channel3');

liveChannel.once('dataUpdated', data => {
  ...
});

Channel Type

Discoverable by

Message sending privileges

Moderation access

Channel Creation

Realtime Events Retrieval

Community

All users and admins

Joined members and admins

All Moderation tools

SDK, Console

Automatic

Private Community

Joined members and admins

Joined members and admins

All Moderation tools

SDK, Console

Automatic

Live

Joined members and admins

Joined members and admins

All Moderation tools

SDK, Console

Subscription needed

Broadcast

All users and admins

Admins, and designated moderators

Admin Moderation tools

SDK, Console

Subscription needed

Conversation

Joined members

Joined members

No Moderation tools

SDK

Automatic

Name

Data Type

Description

channelId

String

ID of the channel

defaultSubchannelId

String

ID of the default subchannel that's generated upon channel creation

isDistinct

Bool

Is channel distinct?

metadata

JsonObject

Additional properties to support custom fields

type

AmityChannelType

Type of channel

tags

Array<String>

Tags used for searching

isMuted

Bool

Is this channel muted?

isRateLimited

Bool

This channel has limited sending rate?

rateLimit

Int

Number of messages within rate limit

displayName

String

Channel name for displaying

memberCount

Integer

Number of members in channel

messageCount

Integer

Number of messages in channel

unreadCount

Integer

Number of unread messages in channel

lastActivity

DateTime

Date/time of user's last activity related to the channel (e.g. add/remove member)

createdAt

DateTime

Date/time the channel was created

updatedAt

DateTime

Date/time the channel was last updated

avatarFileId

String

Avatar file ID

isPublic

Bool

Public / Private community channel

Chat Realtime Events
#community-channel
Live Channel
Conversation
Live Object
Live Collection
Live Object
Live Object
#real-time-events

Unread Count

For iOS and Android SDK version 6.26.0 and above and TS SDK version 6.18.0 and above, please refer to this migration guideline to access the latest unread count feature - SDK v6.26.0 Unread Count Migration Guide.

The unread count feature in chat channels allows you to keep track of new messages and stay up-to-date with ongoing conversations. By providing a simple indicator of unread messages, users can quickly prioritize which channels require their attention. This topic provides instructions for managing unread messages in a chat channel.

we only support unread count on community, conversation, and broadcast channels. We do not support this feature in live channels. Mention unread in channels aren't supported as well.

AmityError enums map to the supported error scenarios
Banned while not having a session
Observing the LiveObject for ban while having a session
pricing
Installation Guide
Authentication Guide
Channels
Messaging
Moderation
Reactions
API
API
Live Object

Update Channel

Update a Channel

The updateChannel function allows users to modify the properties of a channel. This function is useful in cases where a channel's details need to be updated, such as changing the channel's display name or avatar.

The function takes a channelId parameter as a required input, which specifies the channel to be modified. Additionally, users can pass in any number of optional parameters to update the channel's properties. These optional parameters include:

  • displayName: The new display name for the channel.

  • avatarFileId: A new avatar image for the channel - Used to store ID of image file that represents avatar of the channel. To obtain file ID to set as channel avatar please see Upload Images section

  • tags: Arbitrary strings that can be used for define and query for the channels

  • metadata: Additional metadata to be associated with the channel.

metadata is implemented with last writer wins semantics: multiple mutations by independent users to the metadata object will result in a single stored value. No locking, merging, or other coordination is performed across multiple writes on the data.

Mark Message as Read

Marking a message as read is a crucial functionality to update the read count and provide an accurate representation of the user's interaction with messages. The SDK provides a method to manually mark a specific message as read.

This action should be taken when entering the chat room or a new message appears in the chatroom UI, and the user has viewed the message.

To maintain accuracy in the read count, it is recommended to mark only the latest message as read. This ensures that the counts reflect the user's most recent interaction with the chat.

Message Delivery Status

Mark Message as Delivered

When you send a message to someone, it's important to know whether that message has been delivered to the recipient's device or not. This is where the "Mark message delivered" function comes in.

By calling this function, you can update the status of a message to "delivered", which indicates that the message has been successfully delivered to the recipient's device. This can be useful for ensuring that important messages have been received by the intended recipient.

The parameters for this function are:

  • subchannelId: The ID of the subchannel where the message is located.

  • messageId: The ID of the message you want to mark as delivered.

Get Message's Read Users

In a chat application, it is often necessary to track which users have read a message. The Get Message's Read User function allows developers to retrieve a list of users who have read a particular message. This function can be useful for a variety of purposes, such as displaying read receipts or tracking user engagement with a particular message.

To use this function, you can call the getMessageReadUsers method, this will return a collection of users who have read the message.

Get Message Delivered Users

It is also important for users to know whether their messages have been successfully delivered to the intended recipients. The "Get message's delivered user" function allows users to query the list of users who have marked a particular message as delivered. This feature can be useful in scenarios where users need to know whether their messages have reached their intended recipients, such as in a customer service application or a team collaboration tool.

The function takes a message ID as a parameter and returns a collection of user objects that have marked the message as delivered. By observing the live collection, users can receive real-time updates as new users mark the message as delivered.

Start / stop message read receipt sync

To ensure that the message read count is up to date for a channel, users need to start reading the channel. When a user opens a channel, the chat system updates the read count for all messages in that channel, based on the user's reading status. This feature is designed to provide accurate read counts for channels, ensuring that users have a clear understanding of which messages have been read and which are still unread

Start message read receipt sync

Active syncing read receipt of a channel and letting the chat system know that reading status can update the message read count in that channel. The system will update the read count for all messages in the channel that the user has not yet read.

Stop message read receipt sync

To optimize performance and reduce unnecessary memory consumption, it's important to stop syncing message read receipts before exiting the chatroom page. By halting the read receipt synchronization process, the application can avoid continuing to observe message read statuses when they're no longer relevant. This ensures that system resources are not wasted on monitoring activities that have ceased to be useful, thus enhancing application efficiency and ensuring smoother operation for the user.

stopReading will be called automatically if the internet connection drops or is disconnected. It lasts for one minute. This means that if an internet connection drops after one minute, stopReading will be automatically called, and after it is re-established, startReading will be called again.

Message Preview

Messages preview is partial data of the message that offers a brief summary of incoming messages through channel and subchannel objects. It allows users to quickly assess partial message content without opening the entire message.

To enable this feature, please refer to the API and the sample cURL commands provided below:

curl --location --request PUT 'https://apix.sg.amity.co/api/v3/network-settings/chat' \
--header 'accept: application/json' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer xxx' \
--data '{
  "isAllowMentionedChannelEnabled": false,
  "messagePreviewSetting": {
    "enabled": true,
    "isIncludeDeleted": false
  },
  "isAllowAdminViewConversationMessage": true,
  "isAllowAdminManageConversationMessage": true
}'

Note: Message Preview will be available only in channels and subchannels for new messages created after the feature is enabled.

Message Previews in Applications

Message previews play a crucial role in enhancing user experience in messaging platforms. By offering a brief glimpse of incoming messages through channel and subchannel objects, users can assess the urgency, context, and relevance of messages without needing to open the entire conversation. This feature is particularly beneficial in various scenarios:

  1. Notifications: When a user receives a push notification or a message alert, a message preview can be shown, allowing the user to decide whether to engage immediately or defer it to a later time.

  2. Chat List: In a list of ongoing conversations, each chat item can display the latest message as a preview. This helps users quickly identify and prioritize which chat to respond to first.

  3. Data Economy: In scenarios where users have limited bandwidth or are on metered connections, previews allow them to decide if they want to download or load the complete message or any associated media.

Integrating message previews into applications can significantly boost user engagement and satisfaction. By offering users an efficient way to manage their interactions, apps can optimize response times and streamline communication workflows.

Message Preview attributes

Name
Data Type
Description
Attributes

messageId

string

The id of this message

​Content

channelId

string

The name of the channel this message was created in

​Content

userId

string

The name of the user this message was created by

​Content

type

string

The message type

enum*: text custom image file

data

Object

The message data (any text will be stored in text key)

text: Text message

isDeleted

boolean

The message has been marked as deleted

​Content

createdAt

date

The date/time the message was created at

​Content

updatedAt

date

The date/time the message was updated at

​Content

Channel message preview

Within our SDK, clients can effortlessly obtain message previews using a channel object attribute.

Subchannel message preview

Our SDK offers clients a straightforward approach to access message previews for subchannels through dedicated subchannel object attributes.

Channel Unread Count

Channel unread count

The SDK provides a simple way for clients to retrieve the unread count for a channel. To view the unread count for a channel, we can get it from a channel object. This count represents the number of messages that you have not yet read in that channel.

Total unread count of all channels

Gets the total unread count of all channels. This only includes unread count from default subChannel of the channels that are already cached after being fetched from the server and excludes all.

Check unread count support for channel

To check if a channel supports the Unread Count feature, you can use the following code:

Channel Mention Status

To get the mention status of the current user in a channel, developers can use the following code.

Subchannel Mention Status

To get the mention status of the current user in a sub channel, developers can use the following code.

Search Members

Search Channel Members

The searchMembers function in the AmityChannelParticipation class is used to search for members in a channel when mentioning. It takes the following parameters:

The function returns a Live Collection of ChannelMember objects. You can filter search results with more than one option, such as filtering by muted and banned users. The role filter takes the role enum as an argument.

If no keyword is supplied, the list of users will be organized alphabetically by display name. When a keyword is provided, the list will be arranged based on search rank.

Here's an explanation of the function parameter:

displayname|keyword : A parameter accepting the string for searching

memberships: A parameter accepting an array of enum of membership status, enabling filtering members with matching one of the member statuses.

  • MEMBER -> Active members

  • MUTED -> Muted members

  • BANNED -> Banned members

roles : A parameter accepting an array of roles, enabling filtering members with matching roles

includeDeleted : A parameter accepting a boolean value.

  • true -> include a member whose user has been deleted

  • false -> exclude member whose user has been deleted

Read Status & Unread Count (Legacy)

For Android, iOS, JS SDK version 6.5.0 and below and TS SDK version v0.0.1-beta.42.3

Reading Status and Unread Count

The ChannelRepository object exposes a totalUnreadCount property that reflects the number of messages that the current user has yet to read. This count is the sum of all the unreadCount channels properties where the user is already a member.

The startReading() and stopReading() methods let the server know that the current user is reading a channel. After the startReading()and stopReading() methods are called, the unreadCount is reset to 0.

You can call both methods as much as you'd like, the SDK takes care of multi-device management: therefore a user can read multiple channels, from one or multiple devices at the same time. In case of an abrupt disconnection (whether because the app was killed, or the internet went down, etc.), the SDK backend will automatically call the stopReading on the user's behalf.

Version 6

Version 5 (Maintained)

// start reading a channel
await ChannelRepository.startReading({ channelId: 'channel1' });

// stop reading a channel
await ChannelRepository.stopReading({ channelId: 'channel1' }); 

Beta (v0.0.1)

This is the legacy feature, for version 6.0.0 and above, please visit Unread Count.

Query Members

Query Channel Members

The ability to search for and query members within a chat channel is an essential feature for creating a seamless and engaging user experience. With Social Plus Chat SDK, developers can use the query member feature to allow users to search for and retrieve member information within a channel. We will discuss how to use the query member feature of Social Plus Chat SDK to enable users to search and retrieve member information within a chat channel.

Here's an explanation of the function parameter:

filter: A parameter accepting a filter enum, enabling filtering members with matching membership status.

  • ALL -> Members with any membership status

  • MEMBER -> Only active members

  • MUTED -> Only muted members

  • BANNED -> Only banned members

roles : A parameter accepting an array of roles, enabling filtering members with matching roles

includeDeleted : A parameter accepting a boolean value.

  • true -> include a member whose user has been deleted

  • false -> exclude member whose user has been deleted

Channel member count value is based on all members in the channel including the members whose user has been deleted.

sortBy : A parameter accepting a sorting option enum

  • FIRST_CREATED -> Sort by membership creation date ascending

  • LAST_CREATED -> Sort by membership creation date ascending

Note: The membership creation date is the time the user joins the channel.

All participation-related methods in a channel fall under a separate ChannelParticipation class.

All participation related methods in a channel fall under a separate ChannelParticipation class.

You can get a list of all members, or add memberships, roles , search parameters to get certain members of the channel.

import { ChannelRepository, MemberFilter } from '@amityco/js-sdk';

let members;

const liveCollection = ChannelRepository.queryMembers({ 
  channelId: 'channel1',
  memberships: [MemberFilter.Member],
  roles: ['role1'],
  search: 'asd',
});

liveCollection.on('dataUpdated', newModels => {
  members = newModels;
});

liveCollection.on('dataError', error => {
  console.error(error);
});

members= liveCollection.models;

Version 6

Beta (v0.0.1)

Channel Moderation

Channel Moderation is an essential feature for creating a safe and engaging chat community. With Social Plus Chat SDK, developers can use moderation to manage chat channels effectively and ensure that the chat community remains safe and welcoming. Moderation features such as user banning and muting can help prevent inappropriate content and maintain a positive chat environment.

Add / Remove Roles

Permission

Add / Remove Members

AmityChannelMembership provides methods to add and remove members, as well as removing yourself as a member of the channel (leaving the channel).

  • channelId: The ID of the channel to which you want to add or remove members.

  • userIds: An array of user IDs to be added to the channel or removed from the channel.

Ban / Unban Members

ChannelRepository class also provides various methods to moderate the users present in the channel. You can ban/unban users, assign roles, or remove them from users.

For the banMembers function, the following parameters are required:

  • channelId: The ID of the channel from which the members are being banned.

  • userIds: An array of user IDs to be banned from the channel.

For the unbanMembers function, the following parameters are required:

  • channelId: The ID of the channel from which the members are being unbanned.

  • userIds: An array of user IDs to be unbanned from the channel.

const isBanned = await ChannelRepository.banMembers({ 
  channelId: 'channel1', 
  userIds: ['user1']
);
​
const isUnbanned = await ChannelRepository.banMembers({ 
  channelId: 'channel1', 
  userIds: ['user1']
);
​
await ChannelRepository.addRole({ 
  channelId: 'channel1', 
  userIds: ['user1'],
  role: 'role1',
);
​
await ChannelRepository.removeRole({ 
  channelId: 'channel1', 
  userIds: ['user1'],
  role: 'role1',
);

Version 6

Ban members

Unban members

Beta (v0.0.1)

Ban members

Unban members

Supported ✅ (please wait while we prepare a real example!)

Archive Channels

Archive a Channel

The archiveChannel function allows users to archive a specific conversation channel. Archiving a channel removes it from the active list channel but retains its data for future reference. This function takes one parameter, channelId, which specifies the ID of the channel to be archived.

  • Effect for the User: The archived chat is hidden from the user's main chat list view and moved to a separate archived chat list. This action only affects the user who archives the chat; the other participant(s) in the conversation will still see the chat in their main list as usual.

  • Messages: Archiving does not delete any messages within the chat. Users can continue sending and receiving messages within the archived chat just like a normal chat.

  • Sorting: Chats within the archived list are sorted based on the timestamp of the last message exchanged.

Receiving New Messages in Archived Chats

  • Behavior: If another user sends a message in a chat you have archived, the chat will remain in your archived list. It will not automatically move back to the main chat list.

  • Notifications: You will not receive push notifications for new messages arriving in channels you have archived. The system prevents notifications for channels marked as archived by the recipient user.

Important Considerations & Limitations

  • Channel Type: Only 'conversation' type channels (like DMs) can be archived.

  • Archive Limit: A user can archive a maximum of 100 channels. An error message will be displayed if a user tries to exceed this limit.

  • Muted Chats: If a chat is muted and then archived, it is treated as a normal, unmuted chat within the archive list regarding its behavior (though notifications remain disabled due to the archive status).

Unarchive a Channel

The unarchiveChannel function allows users to restore an archived conversation channel back to the active channel list. This function takes one parameter, channelId, which specifies the ID of the channel to be unarchived.

  • Effect for the User: The chat is removed from the archived list and reappears in the main chat list.

  • Sorting: The unarchived chat is placed back into the main chat list according to the timestamp of its last message.

Query Archived Conversation Channels

The queryArchivedChannels function allows users to retrieve a list of archived channels. This function uses a live collection to fetch the data and provides real-time updates on the fetching status. It also supports pagination to load more data when the user scrolls to the end of the list.

Observe reading count

The SDK provides the startMessageReceiptSync() function to enable the observation of reading/delivered status within the chatroom. It is essential to initiate this functionality to receive real-time updates on message read/delivered counts. If the client doesn't start observing, it won't receive any updates regarding the read/delivered count.

Note: Observing reading status consumes real-time event topics. Therefore, it is recommended to stop observing when the user exits the chatroom using stopMessageReceiptSync().

Starting Observation

To start observing reading status, call the startMessageReceiptSync() function:

This action ensures that the client receives real-time updates on the reading/delivered status of messages in the chatroom.

Stopping Observation

When the user exits the chatroom or when observation is no longer required, it is crucial to stop observing reading status to conserve resources and prevent unnecessary real-time event consumption. Use the stopMessageReceiptSync() function for this purpose:

Stopping observation ensures that the client no longer receives real-time updates on message read/delivered counts.

Best Practices

  • Lifecycle Management: Start observing reading status when the user enters the chatroom and stop observing when the user exits to optimize resource usage.

  • Real-time Event Topics: Be mindful that observing reading status consumes real-time event topics, and unnecessary observation can lead to reaching the limit quota to receive real-time events in the SDK.

  • Resource Optimization: Stop observation when it is no longer required to conserve resources and improve overall performance.

Send a Message

Messaging is an essential component of any chat application, and the SDK provides robust messaging features. The SDK optimizes the messaging flow for users by instantly displaying sent messages, even before they have been delivered to the server. To ensure the user's smooth messaging experience, the SDK provides the syncState property in the message model to monitor the message delivery status.

Social Plus supports the sending and receiving of five types of messages:

Message Synchronization

SDK (Android & iOS) now supports resynchronization of messages if the internet connection is not available or interrupted at the time the user sends a message. To support resynchronization, we enhanced the internal architecture of how the messages are queued, processed, and synced with the server.

SDK (Typescript) supports message synchronization starting from version 6.27.0. However, the synchronization process is not fully supported, and we cannot guarantee the order of message creation or retry and delete for failed message creations.

Local Message

When you create a message, SDK first creates the message locally. This locally created message will be reflected immediately in the related live collection that the user is observing at the moment. Then the SDK starts syncing this message with the server. Users can check the syncState property of the message model inside the live collection to reflect the current state of the message.

Message Syncing

Once a message is created locally, SDK adds the message to the queue and starts the process of syncing this message with the server. After the message is synced with the server, the syncState of the message changes to synced. Here is the table showing various states of the message and its corresponding syncState value per platform.

The messages are synced in the order they get added to the queue in the FIFO (First In First Out) order. SDK will maintain the causal ordering of the message of similar types.

Causal Ordering:

SDK maintains a causal ordering for similar types of messages i.e. (Text, Custom) & (Image/File/Audio/Video). Let’s look at the example to understand this:

If the user creates messages in this order from left to right: [Text1 → Image1 → Image2 → Text2 → Text3 → Image3]

  • The ordering of text messages is maintained i.e. Text 2 will be synced after Text 1 & so on

    • [Text1 → Text2 → Text3]

  • The ordering of Media messages is respected i.e. Image2 will be synced after Image 1 and so on.

    • [Image1 → Image2 → Image3]

  • The ordering of all messages mixed might not be respected. Ex: If image1 takes a longer time to upload, the ordering can be:

    • [Text1 → Text2 → Text3 → Image1 → Image2 → Image3]

Waiting for connectivity:

SDK automatically determines the internet connection availability on the user's device and waits for a stable connection before sending the request to sync with the server. Once the connection is available, SDK syncs the message with the server maintaining the causal ordering as described above.

Connection Interruption / Server Error Handling

If the network connection is interrupted during the request or the server returns an error for the request, depending upon the interruption state & error returned, SDK will automatically retry syncing the message after some interval (~ 5 seconds). SDK will retry syncing up to a maximum of 3 times and if the message still cannot be synced, SDK will mark the message as failed and notify the user through callback of createMessage API. The syncState of the message would change to failed / error.

Failed Message Handling

The message syncing can fail for many reasons. The user should handle the error thrown from creating message API and decide what to do for failed messages. Once the status of the message is failed, SDK will not attempt to retry syncing that message anymore. The failed messages will not be automatically removed from the live collection. It’s up to the user to decide if they should resend the same message or delete the failed message so that it disappears from the live collection. The syncState of the failed message would be failed / error.

Deleting failed message:

You can use existing softDeleteMessage() method in AmityMessageRepository class to delete specific failed messages.

Deleting all failed messages:

If you do not care about any failed messages, SDK also provides deleteFailedMessages() method in the AmityMessageRepository class to allow the deletion of all failed messages.

Deleting all failed messages upon SDK Initialization:

This message syncing process is only maintained per active session per device. If the user logs out or if the user's current session is destroyed, all the active syncing process is terminated.

When the SDK is initialized again (i.e client instance is initialized), all the messages that were in syncing state from the previous session would be changed to failed state. Users can choose to delete particular failed messages (using softDeleteMessage() method) or delete all failed messages (using deleteAllFailedMessages() method).

Image Message

Send an Image Message

An image message is a type of message that includes an image file. It allows users to share visual information with others in a chat. Image messages can be used in a variety of ways, such as sharing photos with friends, sending documents, or any other visual content that needs to be shared quickly and easily. With image messages, users can easily convey information to others in a chat, making it a powerful tool for communication.

When calling this function, you can provide the local image path on the device and the ID of the subchannel where the message will be sent. The SDK will create an image message with the specified image and send it to the subchannel.

Here is a brief explanation of the function parameters:

  • text/caption: A string that contains the text message that the user wants to send. This parameter is mandatory as it contains the actual message content.

  • attachment: The local image path that the user wants to send on the device

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • tags - Arbitrary strings that can be used for defining and querying the messages.

Image Upload & Sizing

The SDK will resize and process the image object before sending it to the server. When an image is uploaded, it is automatically resized into multiple sizing options.

The size of the image is determined by its longest dimension (in pixels) with the aspect ratios being unchanged. The maximum file size of an image cannot exceed 1 GB.‌ Social Plus will automatically optimize the image and when queried, will return the image in small, medium, and large sizes.

If the image is marked as isFull on upload, the original size of the image can also be returned. Note that this can drastically reduce the speed of message sending, depending on the original image size. If the fullImage is set to false, then the uploaded image size will be up to 1500x1500 pixels.

You can also pass an optional caption as part of the message. This caption will be accessible under the data property in the message model, under the caption key. You can add up to 1,000 characters of text caption per message.

Supported image formats are JPG, PNG, and HEIC and cannot exceed 1GB in size

Messaging

Messages are JSON content containers that can have up to 20,000 characters or can weigh up to 100KB for custom messages. They will be synchronized among all channel users in real-time. If a message requires larger binary data (such as when sending files), we recommend to upload the data to another cloud storage service, such as AWS S3, and store the URL to the content in the message data.

In addition to the JSON message type, the SDK also provides support for common text and image message types. These additional types are built on top of the standard JSON message layer.

The message payload is always the same regardless of which Development Kit the user is using. Users also have a choice on what type of message they want to send.‌

Message Description

Text Message

Send a Text Message

In a chat application, it's essential to send text messages to each other in real-time, allowing for quick and easy communication. Users can also view previous messages sent and received within the chat, allowing them to reference past conversations as needed.

Here is a brief explanation of the function parameters:

  • text: A string that contains the text message that the user wants to send. This parameter is mandatory as it contains the actual message content.

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • metaData: Additional properties to support custom fields.

  • tags - Arbitrary strings that can be used for defining and querying the messages.

The limit for sending text messages is 10,000 characters per text message. Messages exceeding that limit will return an error and will not be sent.

Broadcast
await ChannelRepository.updateChannel({ 
    channelId: 'channelId', 
    displayName: channelName,
    avatarFileId: fileId,
    tags: ['tag1', 'tag2'],
    metadata: { hello: 'world' }
 })

Version 6

Beta (v0.0.1)

API:

Supported ✅ (please wait while we prepare a real example!)

Version 6

The ChannelRepository provides getTotalDefaultSubChannelUnreadCount() method.

Version 5 (Maintained)

The ChannelRepository provides getTotalUnreadCount() method. It's giving the flowable of the number of messages that the current user has yet to read. This count is the sum of all the unreadCount channels properties where the user is a member of.

Unread Mention

To check whether the current user has been mentioned on one of the unread messages:

Version 6

Version 5 (Maintained)

const liveObject = ChannelRepository.getChannel('channelId');

liveObject.on('dataUpdated', channel => {
  // the number of unread messages
  console.log(channel.unreadCount);
});

Version 6

The Channel object exposes a unreadCount property that reflects the number of messages that the current user has yet to read. This count is the sum of all the unreadCount channels properties where the user is already a member. It also provides hasMention which is a boolean presenting having a mention for current user in channel.

define varying levels of access and permissions that can be assigned to users within a chat channel. Each role is defined by a set of permissions that determine what actions a user can perform within the channel.

Roles can be assigned to users based on factors such as their level of participation in the chat community or their specific responsibilities within the channel. For example, a moderator might have the ability to remove inappropriate messages or ban users from the channel, while a regular user might only have the ability to send and receive messages. For more information, please refer to the page.

You can check your permission in the channel by sending AmityPermission enums to AmityCoreClient.hasPermission(amityPermission). For more information, please refer to the page.

// add 'user1' and 'user2' to this channel
const isAdded = await ChannelRepository.addMembers({
  channelId: 'channel1',
  userIds: [ 'user1', 'user2' ],
});

// remove 'user3' from this channel
const isRemoved = await ChannelRepository.removeMembers({
  channelId: 'channelId',
  userIds: [ 'user3' ],
});

// leave this channel
const isLeaved = await ChannelRepository.leave('channelId');

Version 6

Add Channel Members

Remove Channel Members

Beta (v0.0.1)

Add Channel Members

Remove Channel Members

The functionality isn't currently supported by this SDK.

Message State
iOS
Android
Typescript

For further information regarding video information please refer to page.

Version 6

Version 5 (Maintained)

Version 6

To send an image in original size, set optional isFullImage() to true.

Version 5 (Maintained)

Here's a small example on how to create a message with an image attached. The process is pretty simple:

  1. Upload an image.

  2. Create a message with the uploaded image ID.

Here's a small example on how to create a message with an image attached. The process is pretty simple:

  1. Upload an image.

  2. Create a message with the uploaded image ID.

Version 6

Beta (v0.0.1)

To send an image in original size, set optional isFullImage() to true.

The sendTextMessage function is a feature provided by the Social Plus chat SDK that enables users to send plain text messages in a . This function requires two parameters: text and subchannelId.

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)

When creating a message, we can also pass the parentId to make it appear under a parent.

Version 6

Beta (v0.0.1)

Refer to for the sample code on how to upload a file to get fileId.

Refer to for the sample code on how to upload a file to get fileId.

Enable message preview
Roles and Permission
Roles and Permission
Roles

When message is created locally and waiting in queue for syncing to server

syncing

created

syncing

When message is being synced to server

syncing

syncing

syncing

When message attachment is being uploaded to server

syncing

uploading

syncing

When message is synced successfully with the server

synced

synced

synced

When message syncing failed

error

error

error

import { FileRepository, MessageRepository } from '@amityco/js-sdk';

// this function takes in input a File from a <input type="file" />
const createImageMessage = (file: File) => {
  // first, create the file object.
  const liveFile = FileRepository.createFile({ file })

  // second, create the message object with the fileId from the liveFile
  const liveMessage = MessageRepository.createImageMessage({
    channelId: 'my-channel',
    imageId: liveFile.model.fileId,
    caption: 'have a look!',
    tags: ['tag1', 'tag2'],
  })
}ja

Name

Data Type

Description

Attributes

messageId

string

The id of this message

​Content

parentId

string

The messageId of the parent of this message

​Content

childrenNumber

integer

The number of messages with parentId of this message

​Content

channelId

string

The name of the channel this message was created in

​Content

userId

string

The name of the user this message was created by

​Content

type

string

The message type

enum*: text custom image file

tags

Array.<string>

The message tags

​Content

data

Object

The message data (any text will be stored in text key)

text: Text message

isDeleted

boolean

The message has been marked as deleted

​Content

createdAt

date

The date/time the message was created at

​Content

updatedAt

date

The date/time the message was updated at

​Content

editedAt

date

The date/time the message was edited at

​Content

flagCount

integer

The number of users that have flagged this message

​Content

reactions

Object

The reaction data (stored as a reactionName and counter key/value pair)

Example: { like: 1, dislike: 2 }

reactionsCount

integer

The total number of reactions on this message

​Content

myReactions

Array.<string>

A list of user's reactions on this message

​Content

import { MessageRepository } from '@amityco/js-sdk';

const liveObject = MessageRepository.createTextMessage({
  channelId: 'channel1',
  text: 'Hello World!',
});

liveObject.on('dataUpdate', message => {
  console.log('message is created', message);
});
import { MessageRepository } from '@amityco/js-sdk';

const messageLiveObject = MessageRepository.createTextMessage({
  channelId: 'channel1',
  text: 'Hello World!',
  parentId: 'exampleParentMessageId,
  tags: ['tag1', 'tag2'],
  mentionees: [
    {
      "type": "user",
      "userIds": [
        "user1", “user2”
      ]
    }
  ]
});
Text Message
Image Message
Video Message
Audio Message
File Message
Custom Message
Image Handling
Subchannel
Upload Images
Upload Images
Updating Display Name and Tags

Moderation

Moderation is an important feature for building a safe community that encourages user participation and engagement.

Social Plus’s customer-centric nature ensures that security needs are kept at the forefront of the work we do. Our purpose has been to continuously develop features that are safe and ready to use. We power our moderators with tools to control and impose permissions that make their applications a safer place, for all users. We put the utmost importance on giving power to our clients to implement protocols that keep their applications healthy, safe, and compliant.

  1. The channel creator is automatically assigned as the channel moderator.

  2. The previous/last moderator is not allowed to leave a community and an error is displayed.

  3. The channel moderator can promote a user/member to a moderator.

  4. The channel moderator can demote a moderator to a user/member.

This applies only to Live and Community channels’. This does not apply to the Conversation Channel.

ChannelModeration class provides various methods to moderate the users present in the channel. You can ban/unban users, assign roles, or remove them from a user.

Video Message

Send a Video Message

Video messages allow users to share videos within a chat or social platform. This could be anything from a quick clip to a longer, more detailed video. With the Social Plus SDK, developers can easily integrate video message functionality into their apps, allowing users to record, upload, and share videos in real-time.

To send a video message, you must pass a valid local file URL instance instead. You can also specify an optional caption as part of the message. This caption is accessible via the data property in the message model under the caption or text key. You can add up to 1,000 characters of text per message. When a video is uploaded, it is automatically resized to the maximum size of 480p.

For further information regarding video information please refer to Video Handling page.

  • The maximum file size of the video is 1 GB.

  • The thumbnail for the video message is created automatically.

Here is a brief explanation of the function parameters:

  • text/caption: A string that contains the text message that the user wants to send. This parameter is mandatory as it contains the actual message content.

  • attachment: The local video path that the user wants to send on the device

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • tags - Arbitrary strings that can be used for defining and querying for the messages.

Custom Message

Send a Custom Message

If you'd like to display content on your app that cannot be represented by the available text, image, video, and file message types, you can create your own custom message type. Custom message type allows you to include the necessary data for rendering, such as additional metadata and custom data formatting. This is useful if you want to present specific types of content to your users.

Here is a brief explanation of the function parameters:

  • data: A free-form JSON object that can be customized based on your use cases.

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • tags - Arbitrary strings that can be used for defining and querying for the messages.

Get and View a Message

To view the content of a message using the Social Plus Chat SDK, developers can utilize a message object. The message content can then be used to display to the user in a chat interface or to perform other operations on the message data as needed. This allows developers to build chat applications that support messaging using the Social Plus Chat SDK and provides a foundation for building more advanced chat applications that require more complex message handling and processing. The Social Plus Chat SDK provides several methods for viewing messages in a chat channel. Here's how to use these methods in your app:

Get a single message

To get a single message by its ID, use the getting message function of the Social Plus Chat SDK. This method returns a message live object, which you can use to display the message in your app. Here's an example:

Get messages with a query

You can also use a query to get messages that match specific criteria. The querying and filtering messages function of the Social Plus Chat SDK enables you to retrieve messages based on different parameters such as a specific user, a date range, or a display name. please refer to the page - Query and Filter Messages

View a message

Text Message

This is the most basic type of message and is useful for sending simple messages such as chat messages, system notifications, or status updates. Each text message has a character limit of 20,000 characters, making it suitable for sending concise messages.

import React, { useEffect, useState } from 'react';
import { FileRepository, MessageType } from '@amityco/js-sdk';

// renders a text message
const TextContent = ({ data, fileId }) => {
  return data?.text ? <p>{data!.text}</p> : null;
}

v6.0.0 and Beta

Image Message

Sending visual content such as photos, graphics, or images in a channel is facilitated by this type of message. The maximum size for an image is 1 GB, and the image will be automatically transformed into four different sizes for versatile usage which are:

  • Small

  • Medium

  • Large

  • Full

This allows for flexible usage and easy integration into various chat applications. For more information about an image, please refer to the page - Image Handling.

import React, { useEffect, useState } from 'react';
import { FileRepository } from '@amityco/js-sdk';

const ImageMessageContent = ({ data, fileId }) => {
  const [file, setFile] = useState();

  useEffect(() => {
    const liveObject = FileRepository.getFile(fileId);

    liveObject.on('dataUpdated', setFile);
    liveObject.model && setFile(liveObject.model);

    return () => liveObject.dispose()
  }, [fileId])

  return (
    <>
      {data?.caption && <p>{data!.caption}</p>}
      {file && <img src={file.fileUrl} />}
    </>
  )
}

Version 6

In TypeScript SDK, viewing a file, image, and audio message have the same steps and sample code. You can query all file types with observeFile.

Beta (v0.0.1)

File Message

This is a message that contains a file attachment, such as a PDF, a Word document, or any other type of file. This is a useful type of message for sharing files within a channel, such as a document or a photo. The maximum size for a file is 1 GB. For more information about a file, please refer to the page - File Handling

In iOS SDK, AmityFileRepository provides downloadFile: and downloadFileAsData: method to download the file from the URL. The same method can be used to download the audio.

import React, { useEffect, useState } from 'react';
import { FileRepository, MessageType } from '@amityco/js-sdk';

// renders a file message
const FileContent = ({ data, fileId }) => {
  const [file, setFile] = useState();

  useEffect(() => {
    const liveObject = FileRepository.getFile(fileId);

    liveObject.on('dataUpdated', setFile);
    liveObject.model && setFile(liveObject.model);

    return () => liveObject.dispose()
  }, [fileId])

  return (
    <>
      {file && <a href={file.fileUrl} download>{file.attributes.name}</a>}
      {data?.caption && <p>{data!.caption}</p>}
    </>
  )
}

Video Message

This is a useful type of message for sharing video content within a chat conversation, such as a short clip or a longer video. The maximum size for a video is 1 GB, and the video will be automatically transcoded into different resolutions for versatile usage which are

  • 1080p

  • 720p

  • 480p

  • 360p

  • original

Once you upload a video the videos undergo transcoding from their original resolution. You can quickly access the original size of the video right after you make the video message. However, it takes time for the transcoded resolutions to be ready. This allows for flexible usage and easy integration into various chat applications. For more information about a video, please refer to the page - Video Handling.

Supported ✅ (please wait while we prepare a real example!)

Custom Message

In addition to the built-in message types such as text, image, file, audio, and video, the Social Plus Chat SDK also provides support for "custom messages". Custom messages allow users to design their own JSON structure that can be used to represent any kind of data, essentially providing the freedom to create their own message types.

This can be useful for a variety of use cases. For example, a developer building a chat application for a sports team could use custom messages to create a "score update" message type that contains data such as the score of a game, the time remaining, and other relevant information. Similarly, a developer building a chat application for an e-commerce platform could use custom messages to create a "product update" message type that contains information such as product details, availability, pricing, and other relevant data.

The possibilities for custom messages are endless and can be tailored to the specific needs of any application. Custom messages can be sent and received using the Social Plus Chat SDK and can be queried and displayed in a chat channel just like any other message type.

Supported ✅ (please wait while we prepare a real example!)

For custom messages, the data is in the data property.

File Message

Send a File Message

A file message is a type of message that allows users to share files with each other within a chat or messaging app. This can include documents, images, videos, and other types of files. To send a file message, the user simply selects the file they want to share and sends it through the app.

When a user receives a file message, they can view or download the file directly within the app. This makes it easy for users to share important files and collaborate with each other without having to switch between different applications or email clients.

A File message can include any of the following:

  • Image

  • Audio

  • File

  • Custom

To send a file message, you must provide a valid local file URL instance of the selected file and file name for the file. The default file name is file. The SDK will check the size of the data whether it is exceeding the limit or not before sending it to the server. If the size of the data is more than the limit, the callback will return an Error object with the error information that you can parse and then show an error message.

Here is a brief explanation of the function parameters:

  • text/caption: A string that contains the text message that the user wants to send. This parameter is mandatory as it contains the actual message content.

  • attachment: The local file path that the user wants to send on the device

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • tags - Arbitrary strings that can be used for defining and querying for the messages.

Audio Message

Send an Audio Message

An audio message is a type of message that allows users to send and receive audio recordings in a chat or messaging application. Audio messages can be used to convey emotions, tone, or detailed information in a way that is not always possible with text messages or other types of media. They are a convenient and intuitive way to communicate with other users in real-time.

With the Social Plus Chat SDK, you can easily send and receive audio messages within your chat or messaging application. Simply provide the local path of the audio file to the sendAudioMessage method.

Here is a brief explanation of the function parameters:

  • text/caption: A string that contains the text message that the user wants to send. This parameter is mandatory as it contains the actual message content.

  • attachment: The local audio path that the user wants to send on the device

  • subchannelId: An identifier for the subchannel where the message will be sent. Subchannels are subdivisions within a channel that represent individual topics or chat threads. Messages and interactions occur within subchannels, not the main channel itself.

  • tags - Arbitrary strings that can be used for defining and querying the messages.

Supported audio formats are MP3, and WAV and cannot exceed 1GB in size

Reply to a Message

In addition to creating top-level messages, Social Plus Chat SDK also allows you to reply to existing messages. To reply to a message, you'll need to specify the parent messages parentMessageId as one of the parameters. This allows the SDK to associate the new message as a reply to the parent comment.

Similar to creating a top-level message, you can use the SDK's optimistic creation feature to create a reply message.

Query and Filter Messages

Querying Messages

The getMessages function is a powerful feature of the chat or messaging SDK that allows users to retrieve messages from a specific subchannel based on various criteria. This function provides flexibility in fetching messages that meet specific requirements. This function returns a Live Collection of messages.

Filter parameters

  • subChannelId: This parameter specifies the ID of the subchannel from which you want to retrieve messages.

  • includingTags[] (optional): This parameter allows you to filter messages based on specific tags. You can provide an array of tags, and the function will return only the messages that have at least one of the specified tags.

  • excludingTags[] (optional): Conversely, this parameter allows you to exclude messages that have certain tags. You can specify an array of tags, and the function will exclude messages with any of the specified tags from the result.

  • includeDeleted (optional): This parameter determines whether to include deleted messages in the result. If set to true, the function will include both active and deleted messages. If set to false, only active messages will be returned.

  • type (optional): You can filter messages according to their type

    • if no type is passed, any message will match

    • if an AmityMessage.DataType is passed, query for all messages with the specific type

      • AmityMessage.DataType.TEXT for text messages

      • AmityMessage.DataType.IMAGE for image messages

      • AmityMessage.DataType.FILE for file messages

      • AmityMessage.DataType.AUDIO for audio messages

      • AmityMessage.DataType.VIDEO for video messages

      • AmityMessage.DataType.CUSTOM for custom messages

Sorting

In the getMessages function, the sorting option allows you to specify how the returned messages should be ordered. There are two available sorting options:

  1. firstCreated: When you set the sorting option to firstCreated, the messages will be ordered in ascending order based on their creation time. This means that the oldest messages will appear first in the returned collection, while the newest messages will be at the end.

  2. lastCreated: On the other hand, when you choose the lastCreated sorting option, the messages will be ordered in descending order based on their creation time. This means that the newest messages will appear first in the returned collection, while the oldest messages will be at the end.

By utilizing the getMessages function with these parameters and sorting option, you can retrieve messages from a specific subchannel while applying additional filters based on tags and including or excluding deleted messages. This provides a flexible and efficient way to fetch and manage messages within your chat or messaging application.

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)

import { MessageRepository } from '@amityco/js-sdk';
​
const liveCollection = MessageRepository.queryMessages({
  channelId: 'channelId',
  parentId: parentIdValue,
  filterByParentId: true,
  tags: ['summer2021']
  excludeTags: ['awful_hotel']
});

Version 6

Beta (v0.0.1)

.

Threaded Messages

Querying threaded messages allows users to retrieve the replied (children) messages associated with a specific message thread. When a message serves as the root of a thread, you can use the parentId parameter in a message query to fetch its child messages.

To query threaded messages, you can add the following parameters to your message query:

  • parentId: This parameter specifies the ID of the parent message. By providing the parentId, you are indicating that you want to retrieve the child messages associated with that specific parent message.

  • filterByParentId: This flag enables the filtering of messages based on their parent ID. By setting this flag, the query will only return messages that have the specified parentId.

By including the parentId parameter and setting the filterByParentId flag in your message query, you can retrieve the child messages of a particular message thread. This functionality allows for structured and organized conversations within your chat or messaging application, enabling users to navigate and explore threaded discussions with ease.

Version 6

Version 5 (Maintained)

Version 6

import { MessageRepository } from '@amityco/js-sdk';

const liveCollection = MessageRepository.queryMessages({
  channelId: 'channel1',
  parentId: 'exampleParentMessageId',
  filterByParentId: true,
});

Version 6 and Beta (v0.0.1)

Navigating(Jump) to a specific message

To locate a specific message within a chatroom, you can use the index of the message in the collection if known. However, there may be cases where the desired message, such as a reply to a much older message, is not in the current collection. In such instances, it's essential to perform a message query. The SDK offers an additional parameter for message queries called aroundMessageId, which retrieves the target message along with its preceding and following messages.

Using a message query with aroundMessageId generates a new live collection. The application's decision to perform data swapping depends on the query's result. Typically, data swapping should not be executed in case of a business error, such as using an invalid target messageId or a messageId associated with a deleted message for aroundMessageId. Upon a successful query, the application can proceed with the source swap, locate the index of the target message, and scroll to that specific position.

In cases where there is a business error but no existing source (e.g., entering a chatroom via push notification), the application can recover by querying for the latest message using a message query without aroundMessageId.

After swapping the source, most, if not all, of the messages from the previous source will likely no longer be available in the new one. To enable users to navigate back to the message they jumped from, they can scroll through the pages manually. However, the application can also facilitate this by caching messageId the message they jumped from and offering a floating button as a shortcut to navigate back. This functionality can be achieved by leveraging a message query and using the cached messageId as the value for aroundMessageId.

This feature is available exclusively from version 6.18.0 onwards

Edit and Delete Messages

AmityMessageRepository class provides APIs for you to perform actions on messages you've sent or received. These actions include editing and deleting an existing message, as well as marking a message as being read by you. You can only perform edit and delete operations on messages you've sent.

Edit Messages

You can only perform edit and delete operations on your own messages. When editing a message, the message's editedAtDate will be set to the current time. This allows you to provide UI to the user to inform the user of specific messages that have been edited, if needed. An optional completion block can be provided to notify you of operation success.

Delete Messages

The delete message functionality allows users to remove a message from a chat or messaging application. This feature provides flexibility and control, allowing users to delete messages they no longer wish to be visible to other participants in the conversation.

The delete message function typically requires the messageId as a parameter, which uniquely identifies the message to be deleted. Once the message is deleted, it will no longer be visible to other users in the chat or messaging context.

For deleting a message, you need to pass the ID of the message to delete.

Version 6

Beta (v0.0.1)

Mention in Messages

  • Community

  • Live

Create Message with Mentions

Mention Users

When using this type of mention, up to 30 channel members can be notified through push notifications. Each individual member mentioned in the message will receive a notification.

Mention Channel

By specifying the channel ID in the mention channel parameter when creating a message, push notifications will be sent to all members of that channel when this type of mention is used.

Version 6

Version 5 (Maintained)

Version 6

Beta (v0.0.1)

Update Message with Mentions

We provide developers with an efficient method for updating messages with mentions of specific users, you can easily add mentions to their post updates and but it will not notify the relevant users.

To remove mentions you can provide an empty JSON object for the metadata parameter, and an empty list for the mention users parameter. By doing so, You can easily remove mentions from the post content, while ensuring that the overall structure of the post remains intact.

Version 6

Beta (v0.0.1)

The functionality isn't currently supported by this SDK.

Render Mentions

Unread Mention Count

When a member is mentioned(mention type could be channel as well) in a text message and the message is not read, then hasMention property is "true" in Channel class. Every time the hasMention property is true, this means that the member has an unread message with mention(message could be created or updated as well).

Message Reaction

Interactions are more fun when you can express yourself! Let users react using emojis, stickers, or thumbs up to messages.

The Social Plus SDK product also provides functionality for adding and removing reactions to messages. Users can add any number of reactions to a particular message, allowing them to engage with the content in a more expressive and nuanced way. Additionally, users can also remove reactions that they have added to a message, providing greater control and flexibility over their engagement with the content.

Add Reaction

The addReaction function allows users to add a reaction to a message. The function takes the name of the reaction as a parameter, with a maximum length of 100 characters. The reaction name is case-sensitive, which means that "like" and "Like" are treated as two different reactions.

  • referenceId - ID of the message.

  • reactionName - the name of the reaction that you will remove. Reaction name is case sensitive, i.e. "like" & "Like" are two different reactions.

Version 6

Beta

Remove Reaction

You can remove a reaction from a reference by calling removeReaction.

  • reactionName - the name of the reaction that you will remove. Reaction name is case sensitive, i.e. "like" & "Like" are two different reactions.

  • referenceId - ID of the message.

Version 6

Beta (v0.0.1)

Reaction Query

To further facilitate the management of reactions in your app, the Chat SDK product includes a getReactions method that allows you to retrieve information about a specific reaction or all reactions on a message.

Using this method, you can fetch detailed information about a particular reaction, including the user who made the reaction, the timestamp of the reaction, and any additional metadata associated with the reaction. This can be useful for analyzing the sentiment of the community and gaining insights into the types of content that are resonating with your users.

Supported ✅ (please wait while we prepare a real example!)

Version 6 and Beta(v0.0.1)

Flag/Unflag a Message

Flag a Message

The Chat SDK product also includes a flag method that allows users to flag messages in their app. Once a message is flagged, an indicator will appear in the Admin console, where an administrator can review and validate the flag. If the content is found to be in violation of your app's policies, it can be deleted from the app. On the other hand, if the content is not found to be in violation, the flag can be revoked.

The flag method provides an essential tool for managing user-generated content in your app, ensuring that inappropriate messages can be quickly identified and removed. By integrating this method into your app's user interface, you can empower your users to take an active role in promoting a safe and respectful community.

To use the function you simply need to identify the messageId that you'd like to flag with reason that we provided, users can help ensure that the community remains a safe and welcoming place for all members.

Flag reason is only available in iOS, Android, and TypeScript

Unflag a Message

Another useful feature is the unflag method, which enables users to revoke a previously flagged message. If a user flags a message by mistake or if the message is found not to violate your app's policies after review, the unflag method can be used to remove the flag from the message. It ensures that users have control over the content they flag and the ability to reverse their flag if necessary.

Similar to the flag function, you simply need to identify the messageId that you'd like to unflag.

Check if Message is Flagged

The isFlaggedByMe method allows users to check whether they have previously flagged a particular message. This method provides a convenient way for users to keep track of the content they have flagged and to ensure that they are staying up-to-date with their moderation activities.

By using the isFlaggedByMe method, your app's users can quickly determine whether they have already flagged a particular message and avoid duplicating their efforts.

Roles and Permission

Roles

The creator of the channel can add and remove the role of a user via AmityChannelModeration.

  1. The channel creator is automatically assigned as the channel moderator.

  2. The previous/last moderator is not allowed to leave a community and an error is displayed.

  3. The channel moderator can promote a user/member to a moderator.

  4. The channel moderator can demote a moderator to a user/member.

This applies only to Live and Community channels’. This does not apply to the Conversation Channel.

Permission

You can check your permission in the channel by sending AmityPermission enums to AmityCoreClient.hasPermission(amityPermission).

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)

Supported ✅ (please wait while we prepare a real example!)

Refer to Video Handling for sample code on how to upload videos and check its progress.

Version 6

Beta (v0.0.1)

Version 6

Version 5 (Maintained)

Version 6

Version 5

import { MessageRepository, MessageType } from '@amityco/js-sdk';

const messageLiveObject = MessageRepository.createMessage({
  channelId: 'channel1',
  type: MessageType.Custom,
  data: {
    customField1: 'customValue1',
    customField2: 'customValue2',
  }
  tags: ['tag1', 'tag2'],
  mentionees: [{type: 'user', userIds: ['user1', 'user2']}],
});
Previous
Audio Message
Next
Viewing Mesages

Version 6

Beta (v0.0.1)

You can use the getMessage method to get a single comment. You need to pass the messageId of the requested message as the parameter.

import { MessageRepository } from '@amityco/js-sdk';

const liveObject = MessageRepository.getMessage('messageId');
let message = liveObject.model;

liveObject .on('dataUpdated', data => {
  message = data;
});

liveObject .on('dataError', error => {
  console.error(error);
});

// unobserve data changes once you are finished
liveObject.dispose();

The method returns a liveobject instance of a message model. It will throw an error if the passed messageId is not valid.

Version 6 and Beta

Supported ✅ (please wait while we prepare a real example!)

Version 6

Version 5 (Maintained)

Here's a small example on how to create a message with an image attached. The process is pretty simple:

  1. Upload a file.

  2. Create a message with the uploaded file ID.

Refer to Upload Files for the sample code on how to upload a file to get fileId.

import { MessageRepository, MessageType  } from '@amityco/js-sdk';

// this function takes in input a File from a <input type="file" />
const createFileMessage = (file: File) => {
  // first, create the file object.
  const liveFile = FileRepository.createFile({ file })

  // second, create the message object with the fileId from the liveFile
  const liveMessage = MessageRepository.createFileMessage({
    channelId: 'my-channel',
    fileId: id, // id of the file created with FileRepository.createFile
    caption: 'have a look!',
    tags: ['tag1', 'tag2'],
  })
}ja

Here's a small example on how to create a message with an image attached. The process is pretty simple:

  1. Upload a file.

  2. Create a message with the uploaded file ID.

Refer to Upload Files for the sample code on how to upload a file to get fileId.

Version 6

Beta (v0.0.1)

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)

Version 6

Version 5 (Maintained)


import { MessageRepository } from '@amityco/js-sdk'
​
const message = { ... };
​
MessageRepository.createTextMessage({
  channelId: 'channelId',
  text: 'reply message',
  parentId: message.messageId
});

Version 6

Beta (v0.0.1)

Currently, the Chat SDK has only 2 editable data types, TEXT and CUSTOM

To edit the message, you need to pass the following parameters:

  • messageId (String) - ID of the message to edit/update

  • data (String) - new message

Version 6

Beta (v0.0.1)

By utilizing the delete message function, users can remove a specific message from the chat history. This can be useful in various scenarios, such as correcting mistakes, removing sensitive or inappropriate content, or simply managing the flow of the conversation. Once the message is deleted, it may still be shown as a deleted message with timestamp which depends on the condition.

Mentions allow users to tag other users in messages. It's a powerful tool for fostering engagement and collaboration within your social application. With mentions, users can easily notify specific individuals or groups to new content or important updates. In the SDK, mentions can be implemented in a range of ways, depending on your application's needs and user experience. For more information about mentions, please refer to . We only support the ability to mention in only these channel types:

You can easily mention users when creating a message by including their user IDs in the mention user parameter as well as defining metadata for mention rendering. For further explanation, please refer to . We offer two types of mentions that can be included in a message:

Version 6

Version 5 (Maintained)

Version 6

Beta (v0.0.1)

To render mentions in a supported feature, please refer to , specifically the section on handling mentions. This documentation provides detailed information on how to represent mentions in your application, including information on metadata structure, custom mention objects, and rendering support.

You can add reactions to a given through the addReaction method.

Similarly, the removeReaction function allows users to remove a previously added reaction from a . This provides users with greater control over their engagement with the content and allows them to change their minds or update their reactions to the message over time.

To query getReactions you'll need to simply provide referenceType and referenceId to query specific types of reactions. For further information regarding reaction reference types, please see - .

AmityContentFlagReason
Description

Social Plus uses roles and permissions to provide users the ability to fully customize the moderation experience on the platform. To learn more about Social Plus SDKs default roles and permissions, refer to the page.

Version 6

Beta (v0.0.1)

Sending audio messages uses the same steps as sending a file message. Refer to page for more details.

File Message

import { MessageRepository } from '@amityco/js-sdk';
​
try {
  await MessageRepository.updateMessage({ 
    messageId: 'messageId', 
    data: { text: 'new text' },
  );
  console.log('message is updated');
} catch (error) {
  console.error('can not update message', error);
}

import { MessageRepository } from '@amityco/js-sdk';
​
try {
  await MessageRepository.deleteMessage('messageId');
  console.log('message is deleted');
} catch (error) {
  console.error('can not delete message', error);
}
import { MentionType, MessageRepository, MessageTools } from '@amityco/js-sdk';

MessageRepository.createTextMessage({
  channelId: 'channelId',
  text: 'hi @user1 @user2',
  mentionees: [{ type: MentionType.User, userIds: ['userId1', 'userId2'] }],
  metadata: MessageTools.createMentionMetadata([
    { type: MentionType.User, userId: 'userId1', index: 3, length: 5 },
    { type: MentionType.User, userId: 'userId2', index: 10, length: 5 },
  ]),
});
import { MentionType, MessageRepository, MessageTools } from '@amityco/js-sdk';

MessageRepository.createTextMessage({
  channelId: 'channelId',
  text: 'hi @all',
  mentionees: [{ type: MentionType.Channel }],
  metadata: MessageTools.createMentionMetadata([
    { type: MentionType.Channel, index: 3, length: 3 },
  ]),
});
import { MentionType, MessageRepository, MessageTools } from '@amityco/js-sdk';

MessageRepository.updateMessage({
  messageId: 'messageId',
  data: { text: 'hi @user3' },
  mentionees: [{ type: MentionType.User, userIds: ['userId3'] }],
  metadata: MessageTools.createMentionMetadata([{ type: MentionType.User, userId: 'userId3', index: 3, length: 5 }]),
});
try {
  const isAdded = await MessageRepository.addReaction({
    messageId: 'messageId', 
    reactionName: 'love',
  });
  
  if (isAdded) {
    console.log('reaction is added');
  }
} catch (error) {
  console.error('can not add reaction', error);
}
try {
  const isRemoved = await MessageRepository.removeReaction({
    messageId: 'messageId', 
    reactionName: 'love',
  });
  
  if (isRemoved) {
    console.log('reaction is removed');
  }
} catch (error) {
  console.error('can not remove reaction', error);
}

CommunityGuidelines

Against community guidelines

HarassmentOrBullying

Harassment or bullying

SelfHarmOrSuicide

Self-harm or suicide

ViolenceOrThreateningContent

Violence or threatening content

SellingRestrictedItems

Selling and promoting restricted items

SexualContentOrNudity

Sexual message or nudity

SpamOrScams

Spam or scams

FalseInformation

False information or misinformation

Others

Optional explanation (Max. 300 chars)

import { MessageFlagRepository } from '@amityco/js-sdk';
const flagRepo = new MessageFlagRepository('message1');
flagRepo.flag()
flagRepo.unflag()
const result = await flagRepo.isFlaggedByMe()
Query and Filter Messages
Mentions
Mention Users
Render Mentions

Channel Rate-Limiting

This method is useful when there is a large number of messages going through the channel, which can make the message stream hard to follow. Setting a rate limit enables the SDK to queue up messages once the number of messages in a specified window exceeds the defined limit, allowing a slower stream of messages to be published to the user at the expense of adding more latency (because newer messages will be sent to the queue first and not delivered until all previously queued messages are delivered).

There is an internal limit of 1000 messages that can be queued by the rate limit service, if more than 1000 messages are queued up, the system may skip publishing the older messages in order to make room for newer messages. We believe this is the preferred behavior for users, as users will most likely want to see newer messages in a real-time conversation instead of waiting for a significant amount of time for old messages to be published to them first.

Note that the SDK permanently stores all messages it receives in the system before the rate limit comes into effect: in the case of a large spike of incoming messages, even if a message did not get published to a user in real-time, that user can still scroll up to see message history and see that past message.

repository.rateLimitPeriod(600, rateLimit: 5, rateLimitWindow: 60) { success, error in
  ...
}

The functionality isn't currently supported by this SDK.

repository.setRateLimit({
  period: 600,
  rateLimit: 5,
  rateLimitWindow: 60,
}).catch(error => {
  ...
});JavaScript

Supported ✅ (please wait while we prepare a real example!)

The functionality isn't currently supported by this SDK.

The above method enables a rate limit of 5 messages every 60 seconds: once there are more than 5 messages sent, from any user, within 60 seconds, those messages will be queued on the server and not published to other channel members until 60 seconds have passed. The rate limit will last as long as the period specified in the method call: in the example above the rate limit will be active for 10 minutes (600 seconds).

If you would like to have a permanent rate limit, call the method above with a period of -1 seconds.

To disable the rate limit, simply call removeRateLimitWithCompletion:

repository.removeRateLimit { success, error in
  ...
}

The functionality isn't currently supported by this SDK.

repository.removeRateLimit().catch(error => {
  ...
});

Supported ✅ (please wait while we prepare a real example!)

The functionality isn't currently supported by this SDK.

Roles & Permissions
global ban
Moderation, Roles & Privileges
Moderation, Roles & Privileges
#create-poll-post
Poll Post

Posts

Here's an overview of posts and how you can get started with integrating them into your applications

A post can be defined as a piece of content created and shared by a user within a network or community. The post can include various types of information such as text, images, videos, links, or other multimedia elements. The SDK provides the necessary tools and functionality for users to create, view, and interact with posts in a social feed. Posts can be displayed in chronological order and can be customized and configured using various settings and options provided by the SDK. The purpose of a post in a product context is to allow users to share information, express thoughts, or connect with others within a social network or community using the SDK.

Social Plus supports a wide range of post types, each with its own unique set of features and capabilities. The types of posts that you can create in Social Plus include text, image, video, file, live stream, poll, and custom posts. Furthermore, a post supports real-time events and Live Object features, for more information please refer to Live Objects/Collections and Realtime Events

Post Structure

The post structure is a parent-child relationship, with the parent post serving as a container for text data, for other post types such as images or videos, while each image or video is treated as a separate child post. To illustrate this, let's take the example of an image post with two images. In this case, there would be one parent post serving as a text container, and two child posts, each containing one of the images.

In addition to enabling users to create more dynamic and engaging content, both parent and child posts also support reactions and comments. This means that users can interact with not only the parent post but also with each child post, providing a more comprehensive and engaging way to engage with content.

Post Repository

The functionality of posts can be utilized through the Post Repository, which offers methods for interacting with a data source that stores posts. This includes methods for obtaining a specific post, creating a new post, updating an existing post, or deleting a post.

import { PostRepository } from '@amityco/js-sdk';

Supported ✅ (Please wait while we prepare a real example!)

Post Description

Name

Data Type

Description

postId

String

ID of the post

parentPostId

String

ID of the parent post, this can be null if the post is a parent post.

postedUserId

String

ID of the user who posted

sharedUserId

String

ID of the user who shared the post

SharedCount

Integer

Number of times the post is shared

targetID

String

ID of the target

targetType

String

Type of target

dataType

String

Data type of post

data

Object

Data of the post

metadata

Object

Metadata of the post

flagCount

Integer

Number of times that the post is flagged

editedAt

Date

Date/time the post was edited

createdAt

Date

Date/time the post was created

updatedAt

Date

Date/time the post was updated

reactions

Object

Information about the post reactions

reactionsCount

Integer

Number of reactions to the post

myReactions

Array<String>

Reactions to the post

commentsCount

Integer

Number of comments to the post

comments

Array<AmityComment>

The first three comments of the post for previewing purpose

childrenPosts

Object

Children posts

isDeleted

Boolean

Flag that indicates if the post is deleted. True means post is already deleted.

hasFlaggedComment

Boolean

Flag that indicates if the post has flagged comments. True means it has.

hasFlaggedChildren

Boolean

Flag that indicates if the post has flagged children. True means it has.

tags

Array<String>

Arbitrary strings that can be used for defining and querying for the posts in community and user feeds.

feedId

String

ID of the post's feed

Ban/Unban a List of Channel Members

When a user is banned in a channel, they are removed from a channel and no longer able to participate or observe messages in that channel.

Moderators can ban and unban users. When a user is banned from a channel, they are forcibly removed from the channel and may no longer participate or observe messages in that channel. All their previous messages in the channel will also be automatically deleted.

A user that has been banned from a channel can not rejoin the channel until they have been unbanned.

Global Ban

As well as the banning and unbanning of users, admins also have the ability to global ban a user. When a user is globally banned, they can no longer access Social Plus's network and will be forcibly removed from all their existing channels. All the globally banned user's messages will also be deleted.

The globally banned user can not access Amity's network again until they have been globally unbanned.

When a user is banned, it can take up to 30 seconds before the user is disconnected from the network.

Ban Users

Banning members is a more heavy-handed moderation method. When a user is banned, all its messages are retroactively deleted, it will be removed from the channel, and it will not be allowed to join the channel again until it is explicitly unbanned.


let moderation = AmityChannelModeration(client: <amityclient>, channel: <channel-id>)
​
moderation.banMembers(["user1"]) { success, errror in
  ...
}
repository.banMembers({
  userIds: ['user1'],
}).catch(error => {
  ...
});

Version 6

Beta (v0.0.1)

Unban Users

Supported ✅ (please wait while we prepare a real example!)

repository.unbanMembers({
  userIds: ['user1'],
}).catch(error => {
  ...
});

Version 6

Beta (v0.0.1)

This feature does not work with Broadcast and Conversation channels. Calling banMembers() or unbanMembers() on these channels will result in an error.

Social

Social Plus SDK allows engineers to integrate social communities and user feed capabilities without the hassle of deploying and maintaining any server infrastructure. Companies can now build user-powered social news feeds and notifications into their mobile and web app in no time. Enabling you to engage your customers with the same tools used by many of the popular social applications.

Let users create engaging content and engage with others through comments and reactions. Users can follow other users or topics and become members of various groups to get a personalized timeline of content.

Activity feeds are also a great feature to directly engage with users. You can communicate with your users directly by posting important messages as announcements.

Social Plus SDK allows you to:

  • Connect users through the formation of communities

  • Boost user engagement by user-generated posts/comments in communities

  • Personalize the feed based on the user’s membership to different groups and communities

  • React to user-generated content with our reaction tools

  • Enable comments on posts within your application, seamlessly

  • Support multiple messaging formats when posting content

  • Manage & moderate communities and users in the admin panel

  • Filter out content that includes profanity using our auto-block tools

  • Assign roles and permissions on a role-based system

Features

This page will guide you through the steps you need to take to integrate communities into your applications.

Here's an overview of posts and how you can get started with integrating them into your applications.

Here's an overview of how you can get started integrating comments into your applications‌.

Let users react to messages, posts, and comments, which are visible to others.

Let your users showcase their unique personalities right in their timelines‌.

Lets you create a relationship with your users through social features.

Mute/Unmute a List of Channel Members

Moderators can mute and unmute users. When a user is muted, they cannot send messages in a channel. However, muted users will still be allowed to observe messages in a channel. The status of being muted is indefinite but is only applied at the channel level. The mute and unmute operations can be done viaChannel object.

Muting Channel Members

When a user is muted, they cannot send messages in a channel and all the messages sent by that user to that channel will be rejected. This method is useful for preventing certain members from sending inappropriate messages, but still allowing them to participate in the conversation in a read-only manner. The timeout property allows you to make the timeout temporary, or permanent until unset by passing in -1.

Unmuting Channel Members

This feature is not applicable in Broadcast and Conversation channel. Calling muteMembers() or unmuteMembers() on these channels will result in an error.

image-text

iOS ​ Android ​ Web TypeScript React Native Flutter

Communities
Posts
Comments
Reactions
Feed & Timeline
Follow/Unfollow
repository.muteMembers({
  userIds: ['user1'],
  period: 600,
}).catch(error => {
  ...
});
repository.unmuteMembers({
  userIds: ['user1'],
}).catch(error => {
  ...
});
image-text
Reaction Reference Type
Create Channel
secured mode
Settings
reference
reference
image-text
image-text
image-text
image-text
image-text
For the project that uses both live video broadcast and live video player, the correct setup should look like this.
Session State Diagram
For the project that uses both live video broadcast and live video player, the correct setup should look like this.
API key in Security page
image-text
image-text
image-text
image-text
image-text
image-text
image-text
image-text