zmp-sdk 2.45.2 → 2.46.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apis/apis/getLocation.js +1 -1
- package/apis/apis/showCustomOAWidget.js +1 -0
- package/apis/apis/showOAWidget.js +1 -1
- package/apis/apis/vibrate.js +1 -1
- package/apis/index.d.ts +1946 -62
- package/apis/index.es.js +1 -1
- package/apis/index.js +1 -1
- package/apis/package.json.js +1 -1
- package/apis/utils/common.js +1 -1
- package/browser.min.js +2 -2
- package/index.d.ts +1930 -44
- package/index.es.js +2 -2
- package/index.js +2 -2
- package/index.umd.js +3 -3
- package/package.json +1 -1
package/apis/index.d.ts
CHANGED
|
@@ -880,14 +880,28 @@ type AsyncProgressCallback = {
|
|
|
880
880
|
fail?: ((err: AsyncCallbackFailObject) => void) | undefined;
|
|
881
881
|
};
|
|
882
882
|
type GetLocationReturns = {
|
|
883
|
-
/**
|
|
883
|
+
/**
|
|
884
|
+
* @deprecated
|
|
885
|
+
*/
|
|
884
886
|
latitude?: string;
|
|
885
|
-
/**
|
|
887
|
+
/**
|
|
888
|
+
* @deprecated
|
|
889
|
+
*/
|
|
886
890
|
longitude?: string;
|
|
887
|
-
/**
|
|
891
|
+
/**
|
|
892
|
+
* @deprecated
|
|
893
|
+
*/
|
|
888
894
|
timestamp?: string;
|
|
889
|
-
/**
|
|
895
|
+
/**
|
|
896
|
+
* @deprecated
|
|
897
|
+
*/
|
|
890
898
|
provider?: string;
|
|
899
|
+
/**
|
|
900
|
+
* Là một chuỗi ký tự dùng để truy xuất thông tin vị trí thông qua server. Mỗi Token được cung cấp, bạn sẽ có thể truy xuất thông tin được 1 lần với thời gian hết hạn sau 2 phút.
|
|
901
|
+
*
|
|
902
|
+
* @minimumVersion Zalo App: 23.02.01
|
|
903
|
+
* @minimumVersion ZMP SDK: 2.29.0
|
|
904
|
+
*/
|
|
891
905
|
token?: string;
|
|
892
906
|
};
|
|
893
907
|
type CameraParams = {
|
|
@@ -896,19 +910,39 @@ type CameraParams = {
|
|
|
896
910
|
videoElement: HTMLVideoElement;
|
|
897
911
|
};
|
|
898
912
|
interface SystemInfo {
|
|
899
|
-
/**
|
|
913
|
+
/**
|
|
914
|
+
* Phiên bản đang được sử dụng của Zalo Mini App này.
|
|
915
|
+
*/
|
|
900
916
|
version: string;
|
|
901
|
-
/**
|
|
917
|
+
/**
|
|
918
|
+
* Phiên bản đang sử dụng của ZMP SDK.
|
|
919
|
+
*/
|
|
902
920
|
apiVersion: string;
|
|
903
|
-
/**
|
|
921
|
+
/**
|
|
922
|
+
* Phiên bản của ứng dụng Zalo trên thiết bị.
|
|
923
|
+
*/
|
|
904
924
|
zaloVersion: string;
|
|
905
|
-
/**
|
|
906
|
-
|
|
907
|
-
|
|
925
|
+
/**
|
|
926
|
+
* Thông tin hệ điều hành của thiết bị.
|
|
927
|
+
*/
|
|
928
|
+
platform: "android" | "iOS" | "wp" | "unknown" | "";
|
|
929
|
+
/**
|
|
930
|
+
* Ngôn ngữ hiển thị của thiết bị.
|
|
931
|
+
*/
|
|
908
932
|
language: string;
|
|
909
|
-
/**
|
|
933
|
+
/**
|
|
934
|
+
* Ngôn ngữ hiển thị của ứng dụng Zalo trên thiết bị.
|
|
935
|
+
* @minimumVersion Zalo iOS: 22.03.01.r2
|
|
936
|
+
* @minimumVersion Zalo Android: 21.09.01
|
|
937
|
+
* @minimumVersion ZMP SDK: 2.17.3
|
|
938
|
+
*/
|
|
910
939
|
zaloLanguage: string;
|
|
911
|
-
/**
|
|
940
|
+
/**
|
|
941
|
+
* Theme hiện tại của ứng dụng Zalo trên thiết bị.
|
|
942
|
+
* @minimumVersion Zalo iOS: 22.03.01.r2
|
|
943
|
+
* @minimumVersion Zalo Android: 21.09.01
|
|
944
|
+
* @minimumVersion ZMP SDK: 2.17.3
|
|
945
|
+
*/
|
|
912
946
|
zaloTheme: string;
|
|
913
947
|
}
|
|
914
948
|
type SetStorageReturns = {
|
|
@@ -918,23 +952,70 @@ type GetStorageReturns = {
|
|
|
918
952
|
[key: string]: any;
|
|
919
953
|
};
|
|
920
954
|
type StorageInfo = {
|
|
955
|
+
/**
|
|
956
|
+
* Không gian hiện tại bị chiếm (tính bằng KB)
|
|
957
|
+
* @minimumVersion 2.43.0
|
|
958
|
+
*/
|
|
921
959
|
currentSize: number;
|
|
960
|
+
/**
|
|
961
|
+
* Giới hạn kích thước không gian (tính bằng KB)
|
|
962
|
+
* @minimumVersion 2.43.0
|
|
963
|
+
*/
|
|
922
964
|
limitSize: number;
|
|
923
965
|
};
|
|
924
966
|
type RemoveStorageReturns = {
|
|
925
967
|
errorKeys: string[];
|
|
926
968
|
};
|
|
969
|
+
type UserInfo = {
|
|
970
|
+
/**
|
|
971
|
+
* Chuỗi định danh người dùng theo Zalo App. Chuỗi này là duy nhất cho mỗi người dùng trên mỗi Zalo App. Các Mini App cùng chung một Zalo App ID sẽ có thể dùng chuỗi này để định danh người dùng. Có thể sử dụng ID này để gửi thông báo tới người dùng qua OA chung của Zalo Mini App, tham khảo tại [đây](https://mini.zalo.me/documents/open-apis/notifications/send/).
|
|
972
|
+
*/
|
|
973
|
+
id: string;
|
|
974
|
+
/**
|
|
975
|
+
* Tên hiển thị của người dùng.
|
|
976
|
+
*/
|
|
977
|
+
name: string;
|
|
978
|
+
/**
|
|
979
|
+
* Ảnh đại diện người dùng.
|
|
980
|
+
*/
|
|
981
|
+
avatar: string;
|
|
982
|
+
/**
|
|
983
|
+
* Chuỗi định danh người dùng theo Official Account. Có thể sử dụng ID này để gửi tin nhắn cho người dùng (xem [cách gửi tin nhắn với idByOA](https://mini.zalo.me/documents/intro/send-message-oa-to-user/)). Chuỗi có giá trị nếu thỏa 1 trong các điều kiện dưới đây:
|
|
984
|
+
* - Mini App đã được xác thực bởi Official Account, chi tiết xem [tại đây](https://mini.zalo.me/blog/thong-bao-huong-dan-xac-thuc-mini-app-qua-zalo-oa/#3.b).
|
|
985
|
+
* - Zalo App phải được liên kết với Official Account và người dùng đã follow Official Account đó.
|
|
986
|
+
*
|
|
987
|
+
* @minimumVersion 2.23.3
|
|
988
|
+
*/
|
|
989
|
+
idByOA?: string;
|
|
990
|
+
/**
|
|
991
|
+
* Trạng thái theo dõi Official Account đã được liên kết với Zalo App.
|
|
992
|
+
*
|
|
993
|
+
* @minimumVersion 2.23.3
|
|
994
|
+
*/
|
|
995
|
+
followedOA?: boolean;
|
|
996
|
+
/**
|
|
997
|
+
* Trả về 1 trong 2 giá trị:
|
|
998
|
+
* - `true`: tài khoản này thuộc nhóm người dùng cần nhà phát triển Mini App xác minh và áp dụng các cơ chế xử lý dữ liệu phù hợp theo quy định Pháp luật, có thể bao gồm nhưng không giới hạn người đã chết hoặc mất tích, người không biết chữ, người khuyết tật, trẻ em,…
|
|
999
|
+
* - `false`: tài khoản này thuộc nhóm người dùng bình thường.
|
|
1000
|
+
*
|
|
1001
|
+
* @minimumVersion 2.28.0
|
|
1002
|
+
*/
|
|
1003
|
+
isSensitive?: boolean;
|
|
1004
|
+
};
|
|
927
1005
|
type GetUserInfoReturns = {
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
idByOA?: string;
|
|
933
|
-
isSensitive?: boolean;
|
|
934
|
-
followedOA?: boolean;
|
|
935
|
-
};
|
|
1006
|
+
/**
|
|
1007
|
+
* Thông tin người dùng.
|
|
1008
|
+
*/
|
|
1009
|
+
userInfo: UserInfo;
|
|
936
1010
|
};
|
|
937
1011
|
type GetNetworkTypeReturns = {
|
|
1012
|
+
/**
|
|
1013
|
+
* Kiểu kết nối mạng hiện tại với các giá trị:
|
|
1014
|
+
* - `none`: Không có mạng.
|
|
1015
|
+
* - `wifi`: Mạng Wi-Fi.
|
|
1016
|
+
* - `cellular`: Mạng di động (2g/3g/4g).
|
|
1017
|
+
* - `unknown`: Mạng không xác định (Android).
|
|
1018
|
+
*/
|
|
938
1019
|
networkType: NetworkType;
|
|
939
1020
|
};
|
|
940
1021
|
type iBeaconInfo = {
|
|
@@ -956,13 +1037,42 @@ type ScanQRCodeReturns = {
|
|
|
956
1037
|
content: string;
|
|
957
1038
|
};
|
|
958
1039
|
type OpenPostFeedReturns = {
|
|
1040
|
+
/**
|
|
1041
|
+
* Trạng thái chia sẻ:
|
|
1042
|
+
* - `0`: User nhấn hủy/cancel bài viết.
|
|
1043
|
+
* - `1`: Đăng bài viết thành công.
|
|
1044
|
+
*/
|
|
959
1045
|
status: 0 | 1;
|
|
1046
|
+
/**
|
|
1047
|
+
* Trạng thái bài chia sẻ:
|
|
1048
|
+
* - `0`: Công khai.
|
|
1049
|
+
* - `1`: Chỉ mình tôi.
|
|
1050
|
+
* - `2`: Chia sẻ cho danh sách bạn.
|
|
1051
|
+
*/
|
|
960
1052
|
shareType: 0 | 1 | 2;
|
|
1053
|
+
/**
|
|
1054
|
+
* Số lượng user nhận được bài chia sẻ trong trường hợp `shareType=2`.
|
|
1055
|
+
*/
|
|
961
1056
|
numberOfUser: number;
|
|
962
1057
|
};
|
|
963
1058
|
type OpenShareSheetReturns = {
|
|
1059
|
+
/**
|
|
1060
|
+
* Trạng thái chia sẻ:
|
|
1061
|
+
* - `0`: User nhấn hủy/cancel bài viết.
|
|
1062
|
+
* - `1`: Đăng bài viết thành công lên nhật ký.
|
|
1063
|
+
* - `2`: Đăng bài viết thành công qua cửa sổ chat.
|
|
1064
|
+
*/
|
|
964
1065
|
status: 0 | 2 | 1;
|
|
1066
|
+
/**
|
|
1067
|
+
* Trạng thái bài chia sẻ:
|
|
1068
|
+
* - `0`: Công khai.
|
|
1069
|
+
* - `1`: Chỉ mình tôi.
|
|
1070
|
+
* - `2`: Chia sẻ cho danh sách bạn.
|
|
1071
|
+
*/
|
|
965
1072
|
shareType: 0 | 2 | 1;
|
|
1073
|
+
/**
|
|
1074
|
+
* Số lượng user nhận được bài chia sẻ trong trường hợp `shareType=2`.
|
|
1075
|
+
*/
|
|
966
1076
|
numberOfUser: number;
|
|
967
1077
|
};
|
|
968
1078
|
type RequestCameraPermissionReturns = {
|
|
@@ -992,36 +1102,91 @@ type OpenWebviewReturns = {
|
|
|
992
1102
|
success: boolean;
|
|
993
1103
|
};
|
|
994
1104
|
type GetAppInfoReturns = {
|
|
1105
|
+
/**
|
|
1106
|
+
* Tên Zalo Mini App.
|
|
1107
|
+
*/
|
|
1108
|
+
name: string;
|
|
1109
|
+
/**
|
|
1110
|
+
* Mô tả Zalo Mini App.
|
|
1111
|
+
*/
|
|
995
1112
|
description: string;
|
|
1113
|
+
/**
|
|
1114
|
+
* Phiên bản live hiện tại.
|
|
1115
|
+
*/
|
|
996
1116
|
version: string;
|
|
997
|
-
|
|
1117
|
+
/**
|
|
1118
|
+
* Link chia sẻ Zalo Mini App.
|
|
1119
|
+
*/
|
|
998
1120
|
appUrl: string;
|
|
1121
|
+
/**
|
|
1122
|
+
* Link QR của Zalo Mini App.
|
|
1123
|
+
*/
|
|
999
1124
|
qrCodeUrl: string;
|
|
1125
|
+
/**
|
|
1126
|
+
* Đường dẫn đến hình ảnh logo của Zalo Mini App.
|
|
1127
|
+
*/
|
|
1000
1128
|
logoUrl?: string;
|
|
1001
1129
|
};
|
|
1002
1130
|
type GetPhoneNumberReturns = {
|
|
1131
|
+
/**
|
|
1132
|
+
* @deprecated
|
|
1133
|
+
*/
|
|
1003
1134
|
number?: string;
|
|
1135
|
+
/**
|
|
1136
|
+
* Là một chuỗi ký tự dùng để truy xuất thông tin số điện thoại thông qua server. Mỗi token được cung cấp chỉ có thể truy xuất thông tin được 1 lần với thời gian hết hạn sau 2 phút.
|
|
1137
|
+
*/
|
|
1004
1138
|
token?: string;
|
|
1005
1139
|
};
|
|
1140
|
+
type ProfileInfo = {
|
|
1141
|
+
/**
|
|
1142
|
+
* Tên hiển thị của người dùng.
|
|
1143
|
+
*/
|
|
1144
|
+
name: string;
|
|
1145
|
+
/**
|
|
1146
|
+
* Ảnh đại diện người dùng.
|
|
1147
|
+
*/
|
|
1148
|
+
avatar: string;
|
|
1149
|
+
};
|
|
1150
|
+
type PickedProfile = {
|
|
1151
|
+
/**
|
|
1152
|
+
* Mã người dùng. Chuỗi này là duy nhất cho mỗi người dùng trên mỗi ứng dụng Zalo App. Các Zalo Mini App cùng chung một Zalo App sẽ dùng được mã người dùng của nhau.
|
|
1153
|
+
*/
|
|
1154
|
+
id: string;
|
|
1155
|
+
/**
|
|
1156
|
+
* Thông tin của người dùng.
|
|
1157
|
+
*/
|
|
1158
|
+
profile: ProfileInfo;
|
|
1159
|
+
/**
|
|
1160
|
+
* Mã lỗi:
|
|
1161
|
+
* - 0: Lấy thông tin của người dùng thành công.
|
|
1162
|
+
* - 1: Lấy thông tin người dùng thất bại.
|
|
1163
|
+
*/
|
|
1164
|
+
code: number;
|
|
1165
|
+
/**
|
|
1166
|
+
* Thông báo lỗi.
|
|
1167
|
+
*/
|
|
1168
|
+
message: string;
|
|
1169
|
+
};
|
|
1006
1170
|
type OpenProfilePickerReturns = {
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
avatar: string;
|
|
1012
|
-
};
|
|
1013
|
-
code: number;
|
|
1014
|
-
message: string;
|
|
1015
|
-
}[];
|
|
1171
|
+
/**
|
|
1172
|
+
* Danh sách những bạn bè được chọn.
|
|
1173
|
+
*/
|
|
1174
|
+
users: PickedProfile[];
|
|
1016
1175
|
};
|
|
1017
1176
|
type OpenMediaPickerReturns = {
|
|
1177
|
+
/**
|
|
1178
|
+
* Toàn bộ nội dung trả về của server upload media.
|
|
1179
|
+
*/
|
|
1018
1180
|
data: string;
|
|
1019
1181
|
};
|
|
1020
|
-
/**
|
|
1021
|
-
* Context info
|
|
1022
|
-
*/
|
|
1023
1182
|
type ContextInfo = {
|
|
1024
|
-
|
|
1183
|
+
/**
|
|
1184
|
+
* Ngữ cảnh hiện tại là người dùng hoặc nhóm chat.
|
|
1185
|
+
*/
|
|
1186
|
+
type?: "USER_CHAT" | "GROUP_CHAT" | "";
|
|
1187
|
+
/**
|
|
1188
|
+
* ID của người dùng hoặc nhóm chat tương ứng.
|
|
1189
|
+
*/
|
|
1025
1190
|
id?: string;
|
|
1026
1191
|
};
|
|
1027
1192
|
type GetAuthCodeReturns = {
|
|
@@ -1034,12 +1199,25 @@ type GetZPITokenReturns = {
|
|
|
1034
1199
|
zpp: string;
|
|
1035
1200
|
zpt: string;
|
|
1036
1201
|
};
|
|
1202
|
+
type TempFile = {
|
|
1203
|
+
/**
|
|
1204
|
+
* Đường dẫn các temp file đã chọn.
|
|
1205
|
+
*/
|
|
1206
|
+
path: string;
|
|
1207
|
+
/**
|
|
1208
|
+
* Kích thước các temp file đã chọn.
|
|
1209
|
+
*/
|
|
1210
|
+
size: number;
|
|
1211
|
+
};
|
|
1037
1212
|
type ChooseImageReturns = {
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1213
|
+
/**
|
|
1214
|
+
* Đường dẫn các file đã chọn.
|
|
1215
|
+
*/
|
|
1216
|
+
filePaths: string[];
|
|
1217
|
+
/**
|
|
1218
|
+
* Thông tin các temp files.
|
|
1219
|
+
*/
|
|
1220
|
+
tempFiles: TempFile[];
|
|
1043
1221
|
};
|
|
1044
1222
|
type CreateOrderReturns = {
|
|
1045
1223
|
orderId: string;
|
|
@@ -1073,6 +1251,19 @@ type AuthorizeType<T extends ScopeValues> = Partial<{
|
|
|
1073
1251
|
[key in T]: boolean;
|
|
1074
1252
|
}>;
|
|
1075
1253
|
type GetSettingReturn = {
|
|
1254
|
+
/**
|
|
1255
|
+
* Thông tin cấp quyền, tham khảo bảng Scopes.
|
|
1256
|
+
*
|
|
1257
|
+
* | Scope | Corresponding APIs | Description |
|
|
1258
|
+
* | --------------------- | --------------------- | ------------------------------- |
|
|
1259
|
+
* | scope.userInfo | `getUserInfo` | Thông tin user (tên, avatar...) |
|
|
1260
|
+
* | scope.userLocation | `getLocation` | Thông tin vị trí user |
|
|
1261
|
+
* | scope.userPhonenumber | `getPhoneNumber` | Số điện thoại |
|
|
1262
|
+
* | scope.camera | `createCameraContext` | Camera |
|
|
1263
|
+
* | scope.micro | `createCameraContext` | Micro |
|
|
1264
|
+
*
|
|
1265
|
+
* Với các scope có giá trị trả về là `true`, tương ứng với việc người dùng đã cấp quyền sử dụng API trước đó, Mini Apps có thể truy xuất thông tin một cách trực tiếp.
|
|
1266
|
+
*/
|
|
1076
1267
|
authSetting: AuthorizeType<(typeof GET_SETTINGS_SCOPE_VALUES)[number]>;
|
|
1077
1268
|
};
|
|
1078
1269
|
|
|
@@ -1131,10 +1322,31 @@ type PhotoConstraint = {
|
|
|
1131
1322
|
|
|
1132
1323
|
declare function login(args?: AsyncCallback<string>): Promise<string>;
|
|
1133
1324
|
|
|
1325
|
+
/**
|
|
1326
|
+
* API dùng để lấy thông tin xác thực người dùng.
|
|
1327
|
+
*
|
|
1328
|
+
* @important Cập nhật
|
|
1329
|
+
* Từ phiên bản SDK 2.35.0, ứng dụng mặc định có quyền truy xuất access tokens mà không cần người dùng xác nhận đồng ý. Thông qua access tokens này, ứng dụng chỉ có thể xuất ID người sử dụng. Nếu ứng dụng có nhu cầu sử dụng Tên và Ảnh đại diện, vui lòng sử dụng API authorize để yêu cầu người dùng cho phép truy cập scope.userInfo trước khi sử dụng API này. Lưu ý: Với các Zalo App có nhiều hơn 1 Mini App, hệ thống vẫn yêu cầu người dùng xác nhận khi truy xuất access tokens cho từng Mini App.
|
|
1330
|
+
*
|
|
1331
|
+
* @returns {string} `accessToken`.
|
|
1332
|
+
* @example
|
|
1333
|
+
* ```ts
|
|
1334
|
+
* const accessToken = await getAccessToken();
|
|
1335
|
+
* ```
|
|
1336
|
+
*/
|
|
1134
1337
|
declare function getAccessToken(args?: AsyncCallback<string>): Promise<string>;
|
|
1135
1338
|
|
|
1136
1339
|
declare function getVersion(): string;
|
|
1137
1340
|
|
|
1341
|
+
/**
|
|
1342
|
+
* API truy xuất thông tin hệ thống, thiết bị đang sử dụng.
|
|
1343
|
+
* @minimumVersion 2.4.0
|
|
1344
|
+
* @returns {SystemInfo} các thông tin về phiên bản, ngôn ngữ, theme của hệ thống.
|
|
1345
|
+
* @example Lấy các thông tin phiên bản:
|
|
1346
|
+
* ```ts
|
|
1347
|
+
* const { version, apiVersion, zaloVersion } = getSystemInfo();
|
|
1348
|
+
* ```
|
|
1349
|
+
*/
|
|
1138
1350
|
declare function getSystemInfo(): SystemInfo;
|
|
1139
1351
|
|
|
1140
1352
|
declare type Primitive = string | number | symbol | bigint | boolean | null | undefined;
|
|
@@ -2086,6 +2298,20 @@ declare const setNavigationBarTitleArgs: ZodOptional<ZodObject<{
|
|
|
2086
2298
|
}, {
|
|
2087
2299
|
title: string;
|
|
2088
2300
|
}>>[];
|
|
2301
|
+
/**
|
|
2302
|
+
* API đặt lại tiêu đề trên thanh điều hướng của trang hiện tại.
|
|
2303
|
+
*
|
|
2304
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2305
|
+
*
|
|
2306
|
+
* @param {string} title Tiêu đề mới cần đặt cho trang.
|
|
2307
|
+
* @example Khi người dùng truy cập trang Giỏ hàng:
|
|
2308
|
+
* ```ts
|
|
2309
|
+
* function CartPage() {
|
|
2310
|
+
* useEffect(() => {
|
|
2311
|
+
* setNavigationBarTitle({ title: "Giỏ hàng" });
|
|
2312
|
+
* }, []);
|
|
2313
|
+
* ```
|
|
2314
|
+
*/
|
|
2089
2315
|
declare function setNavigationBarTitle(args: AsyncVoidCallback & TypeOf<(typeof setNavigationBarTitleArgs)[0]>): Promise<void>;
|
|
2090
2316
|
|
|
2091
2317
|
declare const setNavigationBarColorArgs: ZodOptional<ZodObject<{
|
|
@@ -2101,6 +2327,21 @@ declare const setNavigationBarColorArgs: ZodOptional<ZodObject<{
|
|
|
2101
2327
|
statusBarColor?: string | undefined;
|
|
2102
2328
|
color: string;
|
|
2103
2329
|
}>>[];
|
|
2330
|
+
/**
|
|
2331
|
+
* API đặt lại màu thanh điều hướng của trang hiện tại.
|
|
2332
|
+
*
|
|
2333
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2334
|
+
*
|
|
2335
|
+
* @param {string} color Giá trị màu, có giá trị hợp lệ là màu thập lục phân, ví dụ `#000000`. Nếu giá trị này rỗng thì thanh điều hướng sẽ bị ẩn.
|
|
2336
|
+
* @param {"black" | "white"} [textColor] Màu của text và icon trên thanh action bar và status bar. Trên thiết bị iOS, chỉ có thể thay đổi màu icon ở thanh action bar.
|
|
2337
|
+
* @param {string} [statusBarColor] Màu của thanh status bar khi thanh điều hướng bị ẩn, có giá trị hợp lệ là màu thập lục phân, ví dụ `#000000`.
|
|
2338
|
+
* @example Đổi màu thanh điều hướng thành màu đen:
|
|
2339
|
+
* ```ts
|
|
2340
|
+
* setNavigationBarColor({
|
|
2341
|
+
* color: "#000000",
|
|
2342
|
+
* });
|
|
2343
|
+
* ```
|
|
2344
|
+
*/
|
|
2104
2345
|
declare function setNavigationBarColor(args: AsyncVoidCallback & TypeOf<(typeof setNavigationBarColorArgs)[0]>): Promise<void>;
|
|
2105
2346
|
|
|
2106
2347
|
declare const setNavigationBarLeftButtonArgs: ZodOptional<ZodObject<{
|
|
@@ -2110,6 +2351,41 @@ declare const setNavigationBarLeftButtonArgs: ZodOptional<ZodObject<{
|
|
|
2110
2351
|
}, {
|
|
2111
2352
|
type: "none" | "home" | "both" | "back";
|
|
2112
2353
|
}>>[];
|
|
2354
|
+
/**
|
|
2355
|
+
* API đặt lại nút bên trái trên thanh điều hướng của trang hiện tại.
|
|
2356
|
+
*
|
|
2357
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2358
|
+
*
|
|
2359
|
+
* @param {"none" | "back" | "home" | "both"} [type="back"] Loại nút bên trái.
|
|
2360
|
+
*
|
|
2361
|
+
* @example Hiển thị mũi tên quay lại:
|
|
2362
|
+
* ```ts
|
|
2363
|
+
* await setNavigationBarLeftButton({
|
|
2364
|
+
* type: "back"
|
|
2365
|
+
* });
|
|
2366
|
+
* ```
|
|
2367
|
+
*
|
|
2368
|
+
* @example Hiển thị nút trở về trang chủ:
|
|
2369
|
+
* ```ts
|
|
2370
|
+
* await setNavigationBarLeftButton({
|
|
2371
|
+
* type: "home"
|
|
2372
|
+
* });
|
|
2373
|
+
* ```
|
|
2374
|
+
*
|
|
2375
|
+
* @example Hiển thị cả nút quay lại và nút trở về trang chủ:
|
|
2376
|
+
* ```ts
|
|
2377
|
+
* await setNavigationBarLeftButton({
|
|
2378
|
+
* type: "both"
|
|
2379
|
+
* });
|
|
2380
|
+
* ```
|
|
2381
|
+
*
|
|
2382
|
+
* @example Không hiển thị nút bên trái:
|
|
2383
|
+
* ```ts
|
|
2384
|
+
* await setNavigationBarLeftButton({
|
|
2385
|
+
* type: "none"
|
|
2386
|
+
* });
|
|
2387
|
+
* ```
|
|
2388
|
+
*/
|
|
2113
2389
|
declare function setNavigationBarLeftButton(args: AsyncVoidCallback & TypeOf<(typeof setNavigationBarLeftButtonArgs)[0]>): Promise<void>;
|
|
2114
2390
|
|
|
2115
2391
|
declare const setStorageArgs: ZodOptional<ZodObject<{
|
|
@@ -2175,8 +2451,46 @@ declare const getUserInfoArgs: ZodOptional<ZodObject<{
|
|
|
2175
2451
|
avatarType?: "small" | "normal" | "large" | undefined;
|
|
2176
2452
|
autoRequestPermission?: boolean | undefined;
|
|
2177
2453
|
}>>[];
|
|
2454
|
+
/**
|
|
2455
|
+
* API truy xuất thông tin của người dùng bao gồm:
|
|
2456
|
+
* - ID: chuỗi định danh người dùng theo Zalo App, được cấp mặc định.
|
|
2457
|
+
* - Tên và Ảnh đại diện: nhằm tuân thủ Nghị Định số 13/2023/NĐ-CP về chính sách bảo vệ dữ liệu cá nhân, thông tin này sẽ yêu cầu người dùng xác nhận cho phép trước khi truy xuất. Nếu ứng dụng cần sử dụng thông tin này, vui lòng truyền param `autoRequestPermission` với giá trị `true`, hoặc sử dụng API [authorize](https://mini.zalo.me/documents/api/authorize/) để yêu cầu người dùng cho phép truy cập trước khi sử dụng API này.
|
|
2458
|
+
|
|
2459
|
+
* @param {"small" | "normal" | "large"} [avatarType] Kích thước ảnh avatar trả về. Mặc định là ảnh nhỏ nhất.
|
|
2460
|
+
* @param {boolean} [autoRequestPermission=false] Nếu `true`, ứng dụng sẽ tự động hiển thị form yêu cầu người dùng cho phép truy cập thông tin.
|
|
2461
|
+
* @returns {GetUserInfoReturns} Thông tin người dùng bao gồm ID, Tên, và Ảnh đại diện.
|
|
2462
|
+
* @example Tự động yêu cầu quyền truy cập thông tin người dùng:
|
|
2463
|
+
* ```ts
|
|
2464
|
+
* const { userInfo } = await getUserInfo({
|
|
2465
|
+
* autoRequestPermission: true,
|
|
2466
|
+
* });
|
|
2467
|
+
* ```
|
|
2468
|
+
*
|
|
2469
|
+
* @example Xử lý sự kiện người dùng từ chối truy cập thông tin:
|
|
2470
|
+
* ```ts
|
|
2471
|
+
* try {
|
|
2472
|
+
* const { userInfo } = await getUserInfo();
|
|
2473
|
+
* } catch (error) {
|
|
2474
|
+
* if (error instanceof AppError) {
|
|
2475
|
+
* if (error.code === -1401) {
|
|
2476
|
+
* // Người dùng từ chối cung cấp tên và ảnh đại diện
|
|
2477
|
+
* }
|
|
2478
|
+
* }
|
|
2479
|
+
* }
|
|
2480
|
+
* ```
|
|
2481
|
+
*/
|
|
2178
2482
|
declare function getUserInfo(args?: AsyncCallback<GetUserInfoReturns> & TypeOf<(typeof getUserInfoArgs)[0]>): Promise<GetUserInfoReturns>;
|
|
2179
2483
|
|
|
2484
|
+
/**
|
|
2485
|
+
* API truy xuất kiểu kết nối mạng hiện tại.
|
|
2486
|
+
*
|
|
2487
|
+
* @returns {GetNetworkTypeReturns} kiểu kết nối mạng hiện tại.
|
|
2488
|
+
*
|
|
2489
|
+
* @example Lấy kiểu kết nối mạng hiện tại:
|
|
2490
|
+
* ```ts
|
|
2491
|
+
* const { networkType } = await getNetworkType();
|
|
2492
|
+
* ```
|
|
2493
|
+
*/
|
|
2180
2494
|
declare function getNetworkType(args?: AsyncCallback<GetNetworkTypeReturns>): Promise<GetNetworkTypeReturns>;
|
|
2181
2495
|
|
|
2182
2496
|
declare const onNetworkStatusChangeArgs: ZodFunction<ZodTuple<[ZodObject<{
|
|
@@ -2184,11 +2498,31 @@ declare const onNetworkStatusChangeArgs: ZodFunction<ZodTuple<[ZodObject<{
|
|
|
2184
2498
|
networkType: ZodEnum<["none", "wifi", "cellular", "unknown"]>;
|
|
2185
2499
|
}, "strip", ZodTypeAny, {
|
|
2186
2500
|
isConnected: boolean;
|
|
2187
|
-
networkType: "
|
|
2501
|
+
networkType: "unknown" | "none" | "wifi" | "cellular";
|
|
2188
2502
|
}, {
|
|
2189
2503
|
isConnected: boolean;
|
|
2190
|
-
networkType: "
|
|
2504
|
+
networkType: "unknown" | "none" | "wifi" | "cellular";
|
|
2191
2505
|
}>], ZodUnknown>, ZodVoid>[];
|
|
2506
|
+
/**
|
|
2507
|
+
* Callback để lắng nghe sự kiện thay đổi mạng.
|
|
2508
|
+
*
|
|
2509
|
+
* @param {function} callback - Callback function được gọi khi mạng thay đổi.
|
|
2510
|
+
* @param {Object} callback.data - Dữ liệu trả về khi mạng thay đổi.
|
|
2511
|
+
* @param {boolean} callback.data.isConnected - Trạng thái kết nối mạng.
|
|
2512
|
+
* @param {string} callback.data.networkType - Kiểu kết nối mạng hiện tại với các giá trị:
|
|
2513
|
+
* - `none`: Không có mạng.
|
|
2514
|
+
* - `wifi`: Mạng Wi-Fi.
|
|
2515
|
+
* - `cellular`: Mạng di động (2g/3g/4g).
|
|
2516
|
+
* - `unknown`: Mạng không xác định (Android).
|
|
2517
|
+
*
|
|
2518
|
+
* @example Lắng nghe sự kiện thay đổi mạng:
|
|
2519
|
+
* ```ts
|
|
2520
|
+
* onNetworkStatusChange(function (data) {
|
|
2521
|
+
* const { isConnected, networkType } = data;
|
|
2522
|
+
* console.log(`Kết nối mạng: ${isConnected}, Loại mạng: ${networkType}`);
|
|
2523
|
+
* });
|
|
2524
|
+
* ```
|
|
2525
|
+
*/
|
|
2192
2526
|
declare function onNetworkStatusChange(args: TypeOf<(typeof onNetworkStatusChangeArgs)[0]>): void;
|
|
2193
2527
|
|
|
2194
2528
|
declare const startBeaconDiscoveryArgs: ZodOptional<ZodObject<{
|
|
@@ -2293,6 +2627,15 @@ declare function stopBeaconDiscovery(args: AsyncCallback<boolean>): Promise<bool
|
|
|
2293
2627
|
|
|
2294
2628
|
declare function getBeacons(args?: AsyncCallback<GetBeaconDiscoveryReturns>): Promise<GetBeaconDiscoveryReturns>;
|
|
2295
2629
|
|
|
2630
|
+
/**
|
|
2631
|
+
* API yêu cầu đóng Zalo Mini App.
|
|
2632
|
+
*
|
|
2633
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2634
|
+
* @example Đóng Zalo Mini App:
|
|
2635
|
+
* ```ts
|
|
2636
|
+
* closeApp();
|
|
2637
|
+
* ```
|
|
2638
|
+
*/
|
|
2296
2639
|
declare function closeApp(args?: AsyncVoidCallback): Promise<void>;
|
|
2297
2640
|
|
|
2298
2641
|
declare function scanQRCode(args?: AsyncCallback<ScanQRCodeReturns>): Promise<ScanQRCodeReturns>;
|
|
@@ -2313,6 +2656,34 @@ declare const openProfileArgs: ZodOptional<ZodObject<{
|
|
|
2313
2656
|
type: "user" | "oa" | "aliasOA";
|
|
2314
2657
|
id: string;
|
|
2315
2658
|
}>>[];
|
|
2659
|
+
/**
|
|
2660
|
+
* API cho phép ứng dụng mở profile của User hoặc Official Account.
|
|
2661
|
+
*
|
|
2662
|
+
* @minimumVersion 2.5.3
|
|
2663
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2664
|
+
*
|
|
2665
|
+
* @param {"user" | "oa" | "aliasOA"} type Nhận các giá trị sau:
|
|
2666
|
+
* - `user`: Mở profile User.
|
|
2667
|
+
* - `oa`: Mở profile OA.
|
|
2668
|
+
* - `aliasOA`: Mở profile OA bằng Alias (field id truyền lên là alias của OA).
|
|
2669
|
+
* @param {string} id Id của User hoặc OA.
|
|
2670
|
+
*
|
|
2671
|
+
* @example Mở cửa sổ chat với người dùng:
|
|
2672
|
+
* ```ts
|
|
2673
|
+
* await openProfile({
|
|
2674
|
+
* type: "user",
|
|
2675
|
+
* id: "user-id",
|
|
2676
|
+
* });
|
|
2677
|
+
* ```
|
|
2678
|
+
*
|
|
2679
|
+
* @example Mở profile của Official Account:
|
|
2680
|
+
* ```tsx
|
|
2681
|
+
* await openProfile({
|
|
2682
|
+
* type: "oa",
|
|
2683
|
+
* id: "oa-id",
|
|
2684
|
+
* });
|
|
2685
|
+
* ```
|
|
2686
|
+
*/
|
|
2316
2687
|
declare function openProfile(args: AsyncVoidCallback & TypeOf<(typeof openProfileArgs)[0]>): Promise<void>;
|
|
2317
2688
|
|
|
2318
2689
|
declare const openChatArgs: ZodOptional<ZodObject<{
|
|
@@ -2334,6 +2705,42 @@ declare const openChatArgs: ZodOptional<ZodObject<{
|
|
|
2334
2705
|
type: "user" | "oa";
|
|
2335
2706
|
id: string;
|
|
2336
2707
|
}>>[];
|
|
2708
|
+
/**
|
|
2709
|
+
* API cho phép ứng dụng mở cửa sổ chat với User hoặc Official Account. Có thể tự động điền nội dung tin nhắn, tuy nhiên việc gửi tin nhắn hay không phụ thuộc vào quyết định của người dùng.
|
|
2710
|
+
*
|
|
2711
|
+
* @minimumVersion 2.5.3
|
|
2712
|
+
* @minimumVersion 2.20.0: hỗ trợ tự điền nội dung tin nhắn với `message`.
|
|
2713
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2714
|
+
*
|
|
2715
|
+
* @param {"user" | "oa"} type Đối tượng mở cửa sổ chat.
|
|
2716
|
+
* @param {string} id Id của User hoặc Official Account tương ứng.
|
|
2717
|
+
* @param {string} [message] Nội dung sẽ được tự động điền vào ô tin nhắn. Người dùng có thể thay đổi nội dung này trước khi gửi.
|
|
2718
|
+
*
|
|
2719
|
+
* @example Mở cửa sổ chat với người dùng:
|
|
2720
|
+
* ```ts
|
|
2721
|
+
* await openChat({
|
|
2722
|
+
* type: "user",
|
|
2723
|
+
* id: "xxx",
|
|
2724
|
+
* });
|
|
2725
|
+
* ```
|
|
2726
|
+
*
|
|
2727
|
+
* @example Mở cửa sổ chat với Official Account:
|
|
2728
|
+
* ```ts
|
|
2729
|
+
* await openChat({
|
|
2730
|
+
* type: "oa",
|
|
2731
|
+
* id: "xxx",
|
|
2732
|
+
* });
|
|
2733
|
+
* ```
|
|
2734
|
+
*
|
|
2735
|
+
* @example Tự động điền nội dung tin nhắn:
|
|
2736
|
+
* ```ts
|
|
2737
|
+
* await openChat({
|
|
2738
|
+
* type: "oa",
|
|
2739
|
+
* id: "xxx",
|
|
2740
|
+
* message: `Xin chào, tôi muốn mua sản phẩm này: ${productName}`,
|
|
2741
|
+
* });
|
|
2742
|
+
* ```
|
|
2743
|
+
*/
|
|
2337
2744
|
declare function openChat(args: AsyncVoidCallback & TypeOf<(typeof openChatArgs)[0]>): Promise<void>;
|
|
2338
2745
|
|
|
2339
2746
|
declare const openPostFeedArgs: ZodUnion<[ZodObject<{
|
|
@@ -2414,6 +2821,53 @@ declare const openPostFeedArgs: ZodUnion<[ZodObject<{
|
|
|
2414
2821
|
};
|
|
2415
2822
|
type: "profile";
|
|
2416
2823
|
}>]>[];
|
|
2824
|
+
/**
|
|
2825
|
+
* API cho phép ứng dụng mở giao diện chia sẻ để người dùng chia sẻ thông tin lên nhật ký Zalo.
|
|
2826
|
+
*
|
|
2827
|
+
* @minimumVersion 2.5.3
|
|
2828
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2829
|
+
*
|
|
2830
|
+
* @param {"image" | "link" | "profile"} type Nhận các giá trị sau:
|
|
2831
|
+
* - `image`: Chia sẻ hình ảnh.
|
|
2832
|
+
* - `link`: Chia sẻ liên kết.
|
|
2833
|
+
* - `profile`: Chia sẻ profile OA.
|
|
2834
|
+
* @param {Object} data Nội dung cần chia sẻ, tùy thuộc vào `type`.
|
|
2835
|
+
*
|
|
2836
|
+
* @returns {OpenPostFeedReturns} thông tin kết quả chia sẻ.
|
|
2837
|
+
*
|
|
2838
|
+
* @example Chia sẻ hình ảnh:
|
|
2839
|
+
* ```ts
|
|
2840
|
+
* const { status, shareType, numberOfUser } = await openPostFeed({
|
|
2841
|
+
* type: "image",
|
|
2842
|
+
* data: {
|
|
2843
|
+
* imageUrls: ["link-to-image"],
|
|
2844
|
+
* },
|
|
2845
|
+
* });
|
|
2846
|
+
* ```
|
|
2847
|
+
*
|
|
2848
|
+
* @example Chia sẻ liên kết:
|
|
2849
|
+
* ```ts
|
|
2850
|
+
* const { status, shareType, numberOfUser } = await openPostFeed({
|
|
2851
|
+
* type: "link",
|
|
2852
|
+
* data: {
|
|
2853
|
+
* link: "http://news.zing.vn/Trung-uong-quyet-dinh-phuong-an-nhan-su-cap-cao-post632739.html",
|
|
2854
|
+
* title: "Trung ương quyết định phương án nhân sự cấp cao",
|
|
2855
|
+
* thumb: "link-to-thumb",
|
|
2856
|
+
* description: "description",
|
|
2857
|
+
* },
|
|
2858
|
+
* });
|
|
2859
|
+
* ```
|
|
2860
|
+
*
|
|
2861
|
+
* @example Chia sẻ profile:
|
|
2862
|
+
* ```ts
|
|
2863
|
+
* const { status, shareType, numberOfUser } = await openPostFeed({
|
|
2864
|
+
* type: "profile",
|
|
2865
|
+
* data: {
|
|
2866
|
+
* id: "765465772305886642",
|
|
2867
|
+
* },
|
|
2868
|
+
* });
|
|
2869
|
+
* ```
|
|
2870
|
+
*/
|
|
2417
2871
|
declare function openPostFeed(args: AsyncCallback<OpenPostFeedReturns> & TypeOf<(typeof openPostFeedArgs)[0]>): Promise<OpenPostFeedReturns>;
|
|
2418
2872
|
|
|
2419
2873
|
declare const followOAArgs: ZodOptional<ZodObject<{
|
|
@@ -2426,6 +2880,38 @@ declare const followOAArgs: ZodOptional<ZodObject<{
|
|
|
2426
2880
|
showDialogConfirm?: boolean | undefined;
|
|
2427
2881
|
id: string;
|
|
2428
2882
|
}>>[];
|
|
2883
|
+
/**
|
|
2884
|
+
* API yêu cầu theo dõi Official Account. Khi gọi API, một thông báo sẽ được hiển thị.
|
|
2885
|
+
*
|
|
2886
|
+
* @minimumVersion 2.5.3
|
|
2887
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2888
|
+
*
|
|
2889
|
+
* @param {string} id Id của Official Account cần theo dõi.
|
|
2890
|
+
*
|
|
2891
|
+
* @example Theo dõi Official Account:
|
|
2892
|
+
* ```ts
|
|
2893
|
+
* await followOA({
|
|
2894
|
+
* id: "xxxx",
|
|
2895
|
+
* });
|
|
2896
|
+
* ```
|
|
2897
|
+
*
|
|
2898
|
+
* @example Xử lý lỗi:
|
|
2899
|
+
* ```ts
|
|
2900
|
+
* try {
|
|
2901
|
+
* await followOA({
|
|
2902
|
+
* id: "xxxx",
|
|
2903
|
+
* });
|
|
2904
|
+
* console.log("Theo dõi thành công");
|
|
2905
|
+
* } catch (error) {
|
|
2906
|
+
* const code = (error as AppError).code;
|
|
2907
|
+
* if (code === -201) {
|
|
2908
|
+
* console.log("Người dùng đã từ chối theo dõi");
|
|
2909
|
+
* } else {
|
|
2910
|
+
* console.log("Lỗi khác");
|
|
2911
|
+
* }
|
|
2912
|
+
* }
|
|
2913
|
+
* ```
|
|
2914
|
+
*/
|
|
2429
2915
|
declare function followOA(args: AsyncVoidCallback & TypeOf<(typeof followOAArgs)[0]>): Promise<void>;
|
|
2430
2916
|
|
|
2431
2917
|
declare const unfollowOAArgs: ZodOptional<ZodObject<{
|
|
@@ -2435,6 +2921,21 @@ declare const unfollowOAArgs: ZodOptional<ZodObject<{
|
|
|
2435
2921
|
}, {
|
|
2436
2922
|
id: string;
|
|
2437
2923
|
}>>[];
|
|
2924
|
+
/**
|
|
2925
|
+
* API cho phép ứng dụng hiển thị giao diện yêu cầu bỏ theo dõi Official Account để người dùng xác nhận.
|
|
2926
|
+
*
|
|
2927
|
+
* @minimumVersion 2.5.3
|
|
2928
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
2929
|
+
*
|
|
2930
|
+
* @param {string} id Id của Official Account.
|
|
2931
|
+
*
|
|
2932
|
+
* @example Hiển thị giao diện yêu cầu bỏ theo dõi Official Account:
|
|
2933
|
+
* ```ts
|
|
2934
|
+
* await unfollowOA({
|
|
2935
|
+
* id: "xxxx",
|
|
2936
|
+
* });
|
|
2937
|
+
* ```
|
|
2938
|
+
*/
|
|
2438
2939
|
declare function unfollowOA(args: AsyncVoidCallback & TypeOf<(typeof unfollowOAArgs)[0]>): Promise<void>;
|
|
2439
2940
|
|
|
2440
2941
|
declare const openShareSheetArgs: ZodUnion<[ZodObject<{
|
|
@@ -2636,24 +3137,168 @@ declare const openShareSheetArgs: ZodUnion<[ZodObject<{
|
|
|
2636
3137
|
};
|
|
2637
3138
|
type: "zmp" | "zmp_deep_link";
|
|
2638
3139
|
}>]>[];
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
3140
|
+
/**
|
|
3141
|
+
* API cho phép ứng dụng mở giao diện chia sẻ để người dùng chia sẻ thông tin với bạn bè Zalo.
|
|
3142
|
+
*
|
|
3143
|
+
* @minimumVersion 2.5.3
|
|
3144
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3145
|
+
*
|
|
3146
|
+
* @param {"text" | "image" | "link" | "oa" | "gif" | "video" | "zmp" | "zmp_deep_link"} type Nhận các giá trị sau:
|
|
3147
|
+
* - `text`: Chia sẻ văn bản.
|
|
3148
|
+
* - `image`: Chia sẻ hình ảnh.
|
|
3149
|
+
* - `link`: Chia sẻ liên kết.
|
|
3150
|
+
* - `oa`: Chia sẻ Official Account.
|
|
3151
|
+
* - `gif`: Chia sẻ ảnh động.
|
|
3152
|
+
* - `video`: Chia sẻ video.
|
|
3153
|
+
* - `zmp`: Chia sẻ page hiện tại của Zalo Mini App.
|
|
3154
|
+
* - `zmp_deep_link`: Chia sẻ page hiện tại của Zalo Mini App thông qua deep link (hỗ trợ từ API 2.25.7).
|
|
3155
|
+
* @param {object} data Nội dung cần chia sẻ, tùy thuộc vào `type`.
|
|
3156
|
+
*
|
|
3157
|
+
* @returns {OpenShareSheetReturns} thông tin kết quả chia sẻ.
|
|
3158
|
+
*
|
|
3159
|
+
* @example Chia sẻ văn bản:
|
|
3160
|
+
* ```ts
|
|
3161
|
+
* const data = await openShareSheet({
|
|
3162
|
+
* type: "text",
|
|
3163
|
+
* data: {
|
|
3164
|
+
* text: "My Zalo Mini App - HomePage",
|
|
3165
|
+
* },
|
|
3166
|
+
* });
|
|
3167
|
+
* console.log(data);
|
|
3168
|
+
* ```
|
|
3169
|
+
*
|
|
3170
|
+
* @example Chia sẻ hình ảnh:
|
|
3171
|
+
* ```ts
|
|
3172
|
+
* const data = await openShareSheet({
|
|
3173
|
+
* type: "image",
|
|
3174
|
+
* data: {
|
|
3175
|
+
* imageUrls: ["http://dev.org.zads.zdn.vn/2a16c7fefbbb12e54baa"],
|
|
3176
|
+
* },
|
|
3177
|
+
* });
|
|
3178
|
+
* console.log(data);
|
|
3179
|
+
* ```
|
|
3180
|
+
*
|
|
3181
|
+
* @example Chia sẻ liên kết:
|
|
3182
|
+
* ```ts
|
|
3183
|
+
* const data = await openShareSheet({
|
|
3184
|
+
* type: "link",
|
|
3185
|
+
* data: {
|
|
3186
|
+
* link: "http://news.zing.vn/Trung-uong-quyet-dinh-phuong-an-nhan-su-cap-cao-post632739.html",
|
|
3187
|
+
* chatOnly: false,
|
|
3188
|
+
* },
|
|
3189
|
+
* });
|
|
3190
|
+
* console.log(data);
|
|
3191
|
+
* ```
|
|
3192
|
+
*
|
|
3193
|
+
* @example Chia sẻ Official Account:
|
|
3194
|
+
* ```ts
|
|
3195
|
+
* const data = await openShareSheet({
|
|
3196
|
+
* type: "oa",
|
|
3197
|
+
* data: {
|
|
3198
|
+
* id: "765465772305886642",
|
|
3199
|
+
* },
|
|
3200
|
+
* });
|
|
3201
|
+
* console.log(data);
|
|
3202
|
+
* ```
|
|
3203
|
+
*
|
|
3204
|
+
* @example Chia sẻ GIF:
|
|
3205
|
+
* ```ts
|
|
3206
|
+
* const data = await openShareSheet({
|
|
3207
|
+
* type: "gif",
|
|
3208
|
+
* data: {
|
|
3209
|
+
* imageUrl: "http://dev.org.zads.zdn.vn/2a16c7fefbbb12e54baa",
|
|
3210
|
+
* gifUrl: "http://dev.org.zads.zdn.vn/fc88fe60c2252b7b7234",
|
|
3211
|
+
* width: 480,
|
|
3212
|
+
* height: 270,
|
|
3213
|
+
* },
|
|
3214
|
+
* });
|
|
3215
|
+
* console.log(data);
|
|
3216
|
+
* ```
|
|
3217
|
+
*
|
|
3218
|
+
* @example Chia sẻ video:
|
|
3219
|
+
* ```ts
|
|
3220
|
+
* const data = await openShareSheet({
|
|
3221
|
+
* type: "video",
|
|
3222
|
+
* data: {
|
|
3223
|
+
* videoThumb: "http://dev.org.zads.zdn.vn/fc88fe60c2252b7b7234",
|
|
3224
|
+
* videoUrl: "http://dev.org.zads.zdn.vn/fc88fe60c2252b7b7234",
|
|
3225
|
+
* width: 480,
|
|
3226
|
+
* height: 270,
|
|
3227
|
+
* },
|
|
3228
|
+
* });
|
|
3229
|
+
* console.log(data);
|
|
3230
|
+
* ```
|
|
3231
|
+
*
|
|
3232
|
+
* @example Chia sẻ page hiện tại của Zalo Mini App:
|
|
3233
|
+
* ```ts
|
|
3234
|
+
* const data = await openShareSheet({
|
|
3235
|
+
* type: "zmp",
|
|
3236
|
+
* data: {
|
|
3237
|
+
* title: "My Zalo Mini App - HomePage",
|
|
3238
|
+
* description: "Home page",
|
|
3239
|
+
* thumbnail: "https://sample-videos.com/img/Sample-jpg-image-50kb.jpg",
|
|
3240
|
+
* },
|
|
3241
|
+
* });
|
|
3242
|
+
* console.log(data);
|
|
3243
|
+
* ```
|
|
3244
|
+
*
|
|
3245
|
+
* @example Chia sẻ page hiện tại của Zalo Mini App thông qua deep link:
|
|
3246
|
+
* ```ts
|
|
3247
|
+
* const data = await openShareSheet({
|
|
3248
|
+
* type: "zmp_deep_link",
|
|
3249
|
+
* data: {
|
|
3250
|
+
* title: "My Zalo Mini App - HomePage",
|
|
3251
|
+
* description: "Home page",
|
|
3252
|
+
* thumbnail: "https://sample-videos.com/img/Sample-jpg-image-50kb.jpg",
|
|
3253
|
+
* },
|
|
3254
|
+
* });
|
|
3255
|
+
* console.log(data);
|
|
3256
|
+
* ```
|
|
3257
|
+
*/
|
|
3258
|
+
declare function openShareSheet(args: AsyncCallback<OpenShareSheetReturns> & TypeOf<(typeof openShareSheetArgs)[0]>): Promise<OpenShareSheetReturns>;
|
|
3259
|
+
|
|
3260
|
+
declare function requestCameraPermission(args?: AsyncCallback<RequestCameraPermissionReturns>): Promise<RequestCameraPermissionReturns>;
|
|
3261
|
+
|
|
3262
|
+
declare const createShortcutArgs: ZodOptional<ZodObject<{
|
|
3263
|
+
params: ZodOptional<ZodRecord<ZodString, ZodString>>;
|
|
3264
|
+
}, "strip", ZodTypeAny, {
|
|
3265
|
+
params?: Record<string, string> | undefined;
|
|
3266
|
+
}, {
|
|
3267
|
+
params?: Record<string, string> | undefined;
|
|
3268
|
+
}>>[];
|
|
3269
|
+
/**
|
|
3270
|
+
* API cho phép ứng dụng tạo shortcut trên màn hình chờ.
|
|
3271
|
+
*
|
|
3272
|
+
* Chi tiết về giao diện tạo shortcut trên cả hai nền tảng vui lòng tham khảo tại [đây](https://mini.zalo.me/documents/api/createShortcut/).
|
|
3273
|
+
*
|
|
3274
|
+
* @minimumVersion 2.5.3: chỉ hỗ trợ tạo shortcut trên Android.
|
|
3275
|
+
* @minimumVersion 2.16.1: hỗ trợ tạo shortcut trên cả iOS và Android.
|
|
3276
|
+
* @minimumVersion 2.16.3: hỗ trợ thêm params vào shortcut.
|
|
3277
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3278
|
+
*
|
|
3279
|
+
* @param {Record<string, string>} [params] Params cần thêm vào Zalo Mini App khi mở..
|
|
3280
|
+
*
|
|
3281
|
+
* @example Tạo shortcut đơn giản:
|
|
3282
|
+
* ```ts
|
|
3283
|
+
* await createShortcut();
|
|
3284
|
+
* ```
|
|
3285
|
+
*
|
|
3286
|
+
* @example Tạo shortcut với params:
|
|
3287
|
+
* ```ts
|
|
3288
|
+
* await createShortcut({
|
|
3289
|
+
* params: {
|
|
3290
|
+
* utm_source: "shortcut",
|
|
3291
|
+
* },
|
|
3292
|
+
* });
|
|
3293
|
+
* ```
|
|
3294
|
+
*/
|
|
3295
|
+
declare function createShortcut(args?: AsyncCallback<any> & TypeOf<(typeof createShortcutArgs)[0]>): Promise<any>;
|
|
3296
|
+
|
|
3297
|
+
declare const openBioAuthenticationArgs: ZodOptional<ZodObject<{
|
|
3298
|
+
secretData: ZodString;
|
|
3299
|
+
ui: ZodOptional<ZodObject<{
|
|
3300
|
+
title: ZodOptional<ZodDefault<ZodString>>;
|
|
3301
|
+
subTitle: ZodOptional<ZodDefault<ZodString>>;
|
|
2657
3302
|
negativeButtonText: ZodOptional<ZodDefault<ZodString>>;
|
|
2658
3303
|
}, "strip", ZodTypeAny, {
|
|
2659
3304
|
title?: string | undefined;
|
|
@@ -2693,8 +3338,33 @@ declare const showToastArgs: ZodOptional<ZodObject<{
|
|
|
2693
3338
|
}, {
|
|
2694
3339
|
message: string;
|
|
2695
3340
|
}>>[];
|
|
3341
|
+
/**
|
|
3342
|
+
* API hiển thị một thông báo ngắn trên màn hình.
|
|
3343
|
+
*
|
|
3344
|
+
* @minimumVersion 2.5.3
|
|
3345
|
+
*
|
|
3346
|
+
* @param {string} message Nội dung thông báo cần hiển thị.
|
|
3347
|
+
*
|
|
3348
|
+
* @example Hiện thông báo đặt hàng thành công:
|
|
3349
|
+
* ```ts
|
|
3350
|
+
* showToast({
|
|
3351
|
+
* message: "Đặt hàng thành công!"
|
|
3352
|
+
* });
|
|
3353
|
+
* ```
|
|
3354
|
+
*/
|
|
2696
3355
|
declare function showToast(args: AsyncVoidCallback & TypeOf<(typeof showToastArgs)[0]>): Promise<void>;
|
|
2697
3356
|
|
|
3357
|
+
/**
|
|
3358
|
+
* API để ẩn bàn phím ảo.
|
|
3359
|
+
*
|
|
3360
|
+
* @minimumVersion 2.5.3
|
|
3361
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3362
|
+
*
|
|
3363
|
+
* @example Chủ động ẩn bàn phím ảo:
|
|
3364
|
+
* ```ts
|
|
3365
|
+
* hideKeyboard();
|
|
3366
|
+
* ```
|
|
3367
|
+
*/
|
|
2698
3368
|
declare function hideKeyboard(args?: AsyncVoidCallback): Promise<void>;
|
|
2699
3369
|
|
|
2700
3370
|
declare const openPhoneArgs: ZodObject<{
|
|
@@ -2704,6 +3374,28 @@ declare const openPhoneArgs: ZodObject<{
|
|
|
2704
3374
|
}, {
|
|
2705
3375
|
phoneNumber: string;
|
|
2706
3376
|
}>[];
|
|
3377
|
+
/**
|
|
3378
|
+
* API cho phép mở màn hình cuộc gọi với một số điện thoại cụ thể.
|
|
3379
|
+
*
|
|
3380
|
+
* @minimumVersion 2.5.3
|
|
3381
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3382
|
+
*
|
|
3383
|
+
* @param {string} phoneNumber Số điện thoại cần gọi.
|
|
3384
|
+
*
|
|
3385
|
+
* @example Mở màn hình cuộc gọi với số điện thoại cụ thể:
|
|
3386
|
+
* ```ts
|
|
3387
|
+
* await openPhone({
|
|
3388
|
+
* phoneNumber: "0123456789",
|
|
3389
|
+
* });
|
|
3390
|
+
* ```
|
|
3391
|
+
*
|
|
3392
|
+
* @example Số điện thoại có thể bắt đầu bằng mã quốc tế:
|
|
3393
|
+
* ```ts
|
|
3394
|
+
* await openPhone({
|
|
3395
|
+
* phoneNumber: "+84123456789",
|
|
3396
|
+
* });
|
|
3397
|
+
* ```
|
|
3398
|
+
*/
|
|
2707
3399
|
declare function openPhone(args: AsyncVoidCallback & TypeOf<(typeof openPhoneArgs)[0]>): Promise<void>;
|
|
2708
3400
|
|
|
2709
3401
|
declare const openSMSArgs: ZodObject<{
|
|
@@ -2716,6 +3408,23 @@ declare const openSMSArgs: ZodObject<{
|
|
|
2716
3408
|
content: string;
|
|
2717
3409
|
phoneNumber: string;
|
|
2718
3410
|
}>[];
|
|
3411
|
+
/**
|
|
3412
|
+
* API mở ứng dụng tin nhắn với nội dung và số điện thoại cụ thể.
|
|
3413
|
+
*
|
|
3414
|
+
* @minimumVersion 2.5.3
|
|
3415
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3416
|
+
*
|
|
3417
|
+
* @param {string} content Nội dung tin nhắn.
|
|
3418
|
+
* @param {string} phoneNumber Số điện thoại nhận tin nhắn.
|
|
3419
|
+
*
|
|
3420
|
+
* @example Mở ứng dụng tin nhắn với nội dung và số điện thoại cụ thể:
|
|
3421
|
+
* ```ts
|
|
3422
|
+
* await openSMS({
|
|
3423
|
+
* content: "text",
|
|
3424
|
+
* phoneNumber: "+84123456789",
|
|
3425
|
+
* });
|
|
3426
|
+
* ```
|
|
3427
|
+
*/
|
|
2719
3428
|
declare function openSMS(args: AsyncVoidCallback & TypeOf<(typeof openSMSArgs)[0]>): Promise<void>;
|
|
2720
3429
|
|
|
2721
3430
|
declare const viewOAQrArgs: ZodObject<{
|
|
@@ -2728,6 +3437,23 @@ declare const viewOAQrArgs: ZodObject<{
|
|
|
2728
3437
|
displayName?: string | undefined;
|
|
2729
3438
|
id: string;
|
|
2730
3439
|
}>[];
|
|
3440
|
+
/**
|
|
3441
|
+
* API cho phép ứng dụng hiển thị QR code của OA.
|
|
3442
|
+
*
|
|
3443
|
+
* @minimumVersion 2.5.3
|
|
3444
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3445
|
+
*
|
|
3446
|
+
* @param {string} id Id của OA.
|
|
3447
|
+
* @param {string} [displayName] Tên hiển thị của QR code.
|
|
3448
|
+
*
|
|
3449
|
+
* @example Hiển thị QR code của OA:
|
|
3450
|
+
* ```ts
|
|
3451
|
+
* await viewOAQr({
|
|
3452
|
+
* id: "765465772305886642",
|
|
3453
|
+
* displayName: "Galaxy Cinema",
|
|
3454
|
+
* });
|
|
3455
|
+
* ```
|
|
3456
|
+
*/
|
|
2731
3457
|
declare function viewOAQr(args: AsyncVoidCallback & TypeOf<(typeof viewOAQrArgs)[0]>): Promise<void>;
|
|
2732
3458
|
|
|
2733
3459
|
declare const keepScreenArgs: ZodObject<{
|
|
@@ -2737,6 +3463,29 @@ declare const keepScreenArgs: ZodObject<{
|
|
|
2737
3463
|
}, {
|
|
2738
3464
|
keepScreenOn: boolean;
|
|
2739
3465
|
}>[];
|
|
3466
|
+
/**
|
|
3467
|
+
* API cho phép ứng dụng giữ cho màn hình luôn bật. Ví dụ: trường hợp play video. Khi thoát khỏi ứng dụng, cài đặt này sẽ quay về mặc định để tránh màn hình luôn bật.
|
|
3468
|
+
*
|
|
3469
|
+
* @minimumVersion 2.5.3
|
|
3470
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
3471
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3472
|
+
*
|
|
3473
|
+
* @param {boolean} keepScreenOn Truyền `true` để giữ màn hình luôn bật. Truyền `false` để tắt chế độ này.
|
|
3474
|
+
*
|
|
3475
|
+
* @example Giữ màn hình luôn bật:
|
|
3476
|
+
* ```ts
|
|
3477
|
+
* await keepScreen({
|
|
3478
|
+
* keepScreenOn: true,
|
|
3479
|
+
* });
|
|
3480
|
+
* ```
|
|
3481
|
+
*
|
|
3482
|
+
* @example Tắt chế độ giữ màn hình:
|
|
3483
|
+
* ```ts
|
|
3484
|
+
* await keepScreen({
|
|
3485
|
+
* keepScreenOn: false,
|
|
3486
|
+
* });
|
|
3487
|
+
* ```
|
|
3488
|
+
*/
|
|
2740
3489
|
declare function keepScreen(args: AsyncCallback<KeepScreenReturns> & TypeOf<(typeof keepScreenArgs)[0]>): Promise<void>;
|
|
2741
3490
|
|
|
2742
3491
|
declare function onKeepScreen(args?: AsyncVoidCallback): Promise<void>;
|
|
@@ -2753,6 +3502,46 @@ declare const saveImageToGalleryArgs: ZodOptional<ZodObject<{
|
|
|
2753
3502
|
imageUrl?: string | undefined;
|
|
2754
3503
|
imageBase64Data?: string | undefined;
|
|
2755
3504
|
}>>[];
|
|
3505
|
+
/**
|
|
3506
|
+
* Lưu ảnh vào thư viện media của thiết bị.
|
|
3507
|
+
*
|
|
3508
|
+
* @minimumVersion 2.16.0
|
|
3509
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3510
|
+
*
|
|
3511
|
+
* @param {string} [imageBase64Data] Giá trị base64 của ảnh cần lưu.
|
|
3512
|
+
* @param {string} [imageUrl] Đường dẫn của ảnh cần lưu.
|
|
3513
|
+
* @param {(progress: number) => void} [onProgress] Callback function tiến độ tải file. Với `progress` là số từ 0 đến 100%.
|
|
3514
|
+
*
|
|
3515
|
+
* @example Thông báo một lần sau khi lưu ảnh xong:
|
|
3516
|
+
* ```ts
|
|
3517
|
+
* await saveImageToGallery({
|
|
3518
|
+
* imageUrl: "https://sample-videos.com/img/Sample-jpg-image-50kb.jpg",
|
|
3519
|
+
* });
|
|
3520
|
+
* console.log("Lưu ảnh thành công!");
|
|
3521
|
+
* ```
|
|
3522
|
+
*
|
|
3523
|
+
* @example Xử lý lỗi khi lưu ảnh:
|
|
3524
|
+
* ```ts
|
|
3525
|
+
* try {
|
|
3526
|
+
* await saveImageToGallery({
|
|
3527
|
+
* imageUrl: "https://sample-videos.com/img/Sample-jpg-image-50kb.jpg",
|
|
3528
|
+
* });
|
|
3529
|
+
* } catch (error) {
|
|
3530
|
+
* console.error(error);
|
|
3531
|
+
* }
|
|
3532
|
+
* ```
|
|
3533
|
+
*
|
|
3534
|
+
* @example Báo cáo tiến độ lưu ảnh:
|
|
3535
|
+
* ```ts
|
|
3536
|
+
* await saveImageToGallery({
|
|
3537
|
+
* imageUrl: "https://sample-videos.com/img/Sample-jpg-image-50kb.jpg",
|
|
3538
|
+
* onProgress: (progress) => {
|
|
3539
|
+
* console.log(`Đã lưu được ${progress}%...`);
|
|
3540
|
+
* },
|
|
3541
|
+
* });
|
|
3542
|
+
* console.log("Lưu ảnh thành công!");
|
|
3543
|
+
* ```
|
|
3544
|
+
*/
|
|
2756
3545
|
declare function saveImageToGallery(args: AsyncProgressCallback & TypeOf<(typeof saveImageToGalleryArgs)[0]>): Promise<void>;
|
|
2757
3546
|
|
|
2758
3547
|
declare const saveVideoToGalleryArgs: ZodOptional<ZodObject<{
|
|
@@ -2762,6 +3551,46 @@ declare const saveVideoToGalleryArgs: ZodOptional<ZodObject<{
|
|
|
2762
3551
|
}, {
|
|
2763
3552
|
videoUrl: string;
|
|
2764
3553
|
}>>[];
|
|
3554
|
+
/**
|
|
3555
|
+
* Lưu video vào thư viện media của thiết bị.
|
|
3556
|
+
*
|
|
3557
|
+
* @minimumVersion 2.44.0
|
|
3558
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
3559
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3560
|
+
*
|
|
3561
|
+
* @param {string} videoUrl Đường dẫn của video cần lưu.
|
|
3562
|
+
* @param {(progress: number) => void} [onProgress] Callback function tiến độ tải file. Với `progress` là số từ 0 đến 100%.
|
|
3563
|
+
*
|
|
3564
|
+
* @example Thông báo một lần sau khi lưu video xong:
|
|
3565
|
+
* ```ts
|
|
3566
|
+
* await saveVideoToGallery({
|
|
3567
|
+
* videoUrl: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4",
|
|
3568
|
+
* });
|
|
3569
|
+
* console.log("Lưu video thành công!");
|
|
3570
|
+
* ```
|
|
3571
|
+
*
|
|
3572
|
+
* @example Xử lý lỗi khi lưu video:
|
|
3573
|
+
* ```ts
|
|
3574
|
+
* try {
|
|
3575
|
+
* await saveVideoToGallery({
|
|
3576
|
+
* videoUrl: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4",
|
|
3577
|
+
* });
|
|
3578
|
+
* } catch (error) {
|
|
3579
|
+
* console.error(error);
|
|
3580
|
+
* }
|
|
3581
|
+
* ```
|
|
3582
|
+
*
|
|
3583
|
+
* @example Báo cáo tiến độ lưu video:
|
|
3584
|
+
* ```ts
|
|
3585
|
+
* await saveVideoToGallery({
|
|
3586
|
+
* videoUrl: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4",
|
|
3587
|
+
* onProgress: (progress) => {
|
|
3588
|
+
* console.log(`Đã lưu được ${progress}%...`);
|
|
3589
|
+
* },
|
|
3590
|
+
* });
|
|
3591
|
+
* console.log("Lưu video thành công!");
|
|
3592
|
+
* ```
|
|
3593
|
+
*/
|
|
2765
3594
|
declare function saveVideoToGallery(args: AsyncProgressCallback & TypeOf<(typeof saveVideoToGalleryArgs)[0]>): Promise<void>;
|
|
2766
3595
|
|
|
2767
3596
|
declare const openMiniAppArgs: ZodObject<{
|
|
@@ -2777,18 +3606,77 @@ declare const openMiniAppArgs: ZodObject<{
|
|
|
2777
3606
|
params?: Record<string, string> | undefined;
|
|
2778
3607
|
appId: string;
|
|
2779
3608
|
}>[];
|
|
3609
|
+
/**
|
|
3610
|
+
* API dùng để mở một Zalo Mini App khác. Có thể mở với một đường dẫn cụ thể bên trong Mini App đó, hoặc đính kèm các tham số bổ sung.
|
|
3611
|
+
*
|
|
3612
|
+
* @minimumVersion 2.7.0
|
|
3613
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3614
|
+
*
|
|
3615
|
+
* @param {string} appId ID của Zalo Mini App cần mở.
|
|
3616
|
+
* @param {string} [path] Đường dẫn đến một trang cụ thể bên trong Zalo Mini App cần mở.
|
|
3617
|
+
* @param {Record<string, string>} [params] Object chứa các tham số bổ sung cần đính kèm với đường dẫn.
|
|
3618
|
+
*
|
|
3619
|
+
*
|
|
3620
|
+
* @example Mở Mini App "ZaUI Coffee":
|
|
3621
|
+
* ```ts
|
|
3622
|
+
* openMiniApp({
|
|
3623
|
+
* appId: "194839900003483517",
|
|
3624
|
+
* });
|
|
3625
|
+
* ```
|
|
3626
|
+
*
|
|
3627
|
+
* @example Mở tab "Cá nhân" bên trong "ZaUI Coffee":
|
|
3628
|
+
* ```ts
|
|
3629
|
+
* openMiniApp({
|
|
3630
|
+
* appId: "194839900003483517",
|
|
3631
|
+
* path: "/profile",
|
|
3632
|
+
* });
|
|
3633
|
+
* ```
|
|
3634
|
+
*
|
|
3635
|
+
* @example Mở "ZaUI Coffee" với `utm_campaign` tracking:
|
|
3636
|
+
* ```ts
|
|
3637
|
+
* openMiniApp({
|
|
3638
|
+
* appId: "194839900003483517",
|
|
3639
|
+
* params: {
|
|
3640
|
+
* utm_campaign: "spring_promo",
|
|
3641
|
+
* },
|
|
3642
|
+
* });
|
|
3643
|
+
* ```
|
|
3644
|
+
*/
|
|
2780
3645
|
declare function openMiniApp(args: AsyncVoidCallback & TypeOf<(typeof openMiniAppArgs)[0]>): Promise<void>;
|
|
2781
3646
|
|
|
2782
3647
|
declare const vibrateArgs: ZodObject<{
|
|
2783
|
-
type: ZodDefault<ZodEnum<["oneShot"]
|
|
3648
|
+
type: ZodOptional<ZodDefault<ZodEnum<["oneShot"]>>>;
|
|
2784
3649
|
milliseconds: ZodOptional<ZodNumber>;
|
|
2785
3650
|
}, "strip", ZodTypeAny, {
|
|
3651
|
+
type?: "oneShot" | undefined;
|
|
2786
3652
|
milliseconds?: number | undefined;
|
|
2787
|
-
type: "oneShot";
|
|
2788
3653
|
}, {
|
|
2789
3654
|
type?: "oneShot" | undefined;
|
|
2790
3655
|
milliseconds?: number | undefined;
|
|
2791
3656
|
}>[];
|
|
3657
|
+
/**
|
|
3658
|
+
* API rung thiết bị.
|
|
3659
|
+
*
|
|
3660
|
+
* @minimumVersion 2.9.8
|
|
3661
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
3662
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3663
|
+
*
|
|
3664
|
+
* @param {string} [type="oneShot"] Loại rung, hiện tại chỉ hỗ trợ `oneShot`.
|
|
3665
|
+
* @param {number} [milliseconds=500] Thời gian rung (tính bằng mili giây). Chỉ có thể thiết lập trên thiết bị Android.
|
|
3666
|
+
*
|
|
3667
|
+
* @example Rung thiết bị trong 500 mili giây:
|
|
3668
|
+
* ```ts
|
|
3669
|
+
* await vibrate();
|
|
3670
|
+
* ```
|
|
3671
|
+
*
|
|
3672
|
+
* @example Rung thiết bị trong 1 giây:
|
|
3673
|
+
* ```ts
|
|
3674
|
+
* await vibrate({
|
|
3675
|
+
* type: "oneShot",
|
|
3676
|
+
* milliseconds: 1000
|
|
3677
|
+
* })
|
|
3678
|
+
* ```
|
|
3679
|
+
*/
|
|
2792
3680
|
declare function vibrate(args?: AsyncVoidCallback & TypeOf<(typeof vibrateArgs)[0]>): Promise<void>;
|
|
2793
3681
|
|
|
2794
3682
|
declare const openWebviewArgs: ZodObject<{
|
|
@@ -2816,10 +3704,60 @@ declare const openWebviewArgs: ZodObject<{
|
|
|
2816
3704
|
} | undefined;
|
|
2817
3705
|
url: string;
|
|
2818
3706
|
}>[];
|
|
3707
|
+
/**
|
|
3708
|
+
* Tải một trang web bằng Webview.
|
|
3709
|
+
* Để biết khi nào Webview được đóng, vui lòng lắng nghe sự kiện [WebviewClosed](https://mini.zalo.me/documents/api/events/#webviewclosed).
|
|
3710
|
+
*
|
|
3711
|
+
* @minimumVersion 2.11.0
|
|
3712
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3713
|
+
*
|
|
3714
|
+
* @param {string} url Đường dẫn của trang web cần tải.
|
|
3715
|
+
* @param {"bottomSheet" | "normal"} [config.style="bottomSheet"] Kiểu hiển thị của Webview:
|
|
3716
|
+
* - `bottomSheet`: Cửa sổ hiển thị từ dưới đáy của màn hình.
|
|
3717
|
+
* - `normal`: Cửa sổ hiển thị toàn màn hình.
|
|
3718
|
+
* @param {"back" | "none"} [config.leftButton="back"] Nút bên trái thanh header: (chỉ hỗ trợ cho style 'bottomSheet')
|
|
3719
|
+
* - `back`: Nút quay về trang trước.
|
|
3720
|
+
* - `none`: không hiển thị nút.
|
|
3721
|
+
*
|
|
3722
|
+
* @example Mở trang chủ của Zalo Mini App:
|
|
3723
|
+
* ```ts
|
|
3724
|
+
* openWebview({
|
|
3725
|
+
* url: "https://mini.zalo.me",
|
|
3726
|
+
* });
|
|
3727
|
+
* ```
|
|
3728
|
+
* @example Mở trang chủ của Zalo Mini App toàn màn hình:
|
|
3729
|
+
* ```ts
|
|
3730
|
+
* openWebview({
|
|
3731
|
+
* url: "https://mini.zalo.me",
|
|
3732
|
+
* config: {
|
|
3733
|
+
* style: "normal",
|
|
3734
|
+
* }
|
|
3735
|
+
* });
|
|
3736
|
+
* ```
|
|
3737
|
+
*/
|
|
2819
3738
|
declare function openWebview(args: AsyncCallback<OpenWebviewReturns> & TypeOf<(typeof openWebviewArgs)[0]>): Promise<void>;
|
|
2820
3739
|
|
|
3740
|
+
/**
|
|
3741
|
+
* API truy xuất các tham số được gửi đến trang hiện tại.
|
|
3742
|
+
*
|
|
3743
|
+
* @minimumVersion 2.11.0
|
|
3744
|
+
* @returns {Record<string, string>} tất cả tham số dưới dạng key-value.
|
|
3745
|
+
*
|
|
3746
|
+
* @example Lấy ID của sản phẩm được truyền vào trong URL:
|
|
3747
|
+
* ```ts
|
|
3748
|
+
* const { id } = getRouteParams();
|
|
3749
|
+
* ```
|
|
3750
|
+
*/
|
|
2821
3751
|
declare function getRouteParams(): Record<string, string>;
|
|
2822
3752
|
|
|
3753
|
+
/**
|
|
3754
|
+
* API truy xuất thông tin Zalo Mini App hiện tại.
|
|
3755
|
+
* @returns {GetAppInfoReturns} các thông tin Zalo Mini App hiện tại.
|
|
3756
|
+
* @example Lấy tên và phiên bản live hiện tại:
|
|
3757
|
+
* ```ts
|
|
3758
|
+
* const { name, version } = await getAppInfo({});
|
|
3759
|
+
* ```
|
|
3760
|
+
*/
|
|
2823
3761
|
declare function getAppInfo(args?: AsyncCallback<GetAppInfoReturns>): Promise<GetAppInfoReturns>;
|
|
2824
3762
|
|
|
2825
3763
|
declare const sendDataToPreviousMiniAppArgs: ZodObject<{
|
|
@@ -2829,8 +3767,97 @@ declare const sendDataToPreviousMiniAppArgs: ZodObject<{
|
|
|
2829
3767
|
}, {
|
|
2830
3768
|
data?: any;
|
|
2831
3769
|
}>[];
|
|
3770
|
+
/**
|
|
3771
|
+
* Gửi dữ liệu cho Zalo Mini App trước đó.
|
|
3772
|
+
* Zalo Mini App trước đó cần lắng nghe sự kiện [OnDataCallback](https://mini.zalo.me/documents/api/events/#ondatacallback) để nhận dữ liệu.
|
|
3773
|
+
* Nếu API được gọi nhiều lần thì dữ liệu cuối cùng sẽ được gửi đi.
|
|
3774
|
+
*
|
|
3775
|
+
* @minimumVersion 2.13.0
|
|
3776
|
+
*
|
|
3777
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3778
|
+
*
|
|
3779
|
+
* @param {any} data Dữ liệu cần gửi.
|
|
3780
|
+
*
|
|
3781
|
+
* @example Ví dụ có 2 Zalo Mini App A với id là `2953132499190403100` và B với id là `2953132499190403200`. Để B có thể gửi dữ liệu cho A, chúng ta cần thực hiện những bước sau:
|
|
3782
|
+
*
|
|
3783
|
+
* 1. Lắng nghe sự kiện [OnDataCallback](https://mini.zalo.me/documents/api/events/#ondatacallback) ở app A:
|
|
3784
|
+
* ```ts
|
|
3785
|
+
* import { events, EventName } from "zmp-sdk/apis";
|
|
3786
|
+
*
|
|
3787
|
+
* const callback = (data) => {
|
|
3788
|
+
* console.log(data);
|
|
3789
|
+
* };
|
|
3790
|
+
*
|
|
3791
|
+
* events.on(EventName.OnDataCallback, callback);
|
|
3792
|
+
* ```
|
|
3793
|
+
*
|
|
3794
|
+
* 2. Gọi API [openMiniApp](https://mini.zalo.me/documents/api/openMiniApp/) để chuyển đến app B:
|
|
3795
|
+
* ```ts
|
|
3796
|
+
* import { openMiniApp } from "zmp-sdk/apis";
|
|
3797
|
+
*
|
|
3798
|
+
* openMiniApp({
|
|
3799
|
+
* appId: "2953132499190403200",
|
|
3800
|
+
* success: (res) => {
|
|
3801
|
+
* // xử lý khi gọi API thành công
|
|
3802
|
+
* },
|
|
3803
|
+
* fail: (error) => {
|
|
3804
|
+
* // xử lý khi gọi API thất bại
|
|
3805
|
+
* console.log(error);
|
|
3806
|
+
* },
|
|
3807
|
+
* });
|
|
3808
|
+
* ```
|
|
3809
|
+
*
|
|
3810
|
+
* 3. Ở app B, gửi dữ liệu cho app A:
|
|
3811
|
+
* ```ts
|
|
3812
|
+
* import { sendDataToPreviousMiniApp } from "zmp-sdk/apis";
|
|
3813
|
+
*
|
|
3814
|
+
* sendDataToPreviousMiniApp({
|
|
3815
|
+
* data: "Success",
|
|
3816
|
+
* success: (res) => {
|
|
3817
|
+
* // xử lý khi gọi API thành công
|
|
3818
|
+
* },
|
|
3819
|
+
* fail: (err) => {
|
|
3820
|
+
* // xử lý khi gọi API thất bại
|
|
3821
|
+
* console.log(err);
|
|
3822
|
+
* },
|
|
3823
|
+
* });
|
|
3824
|
+
* ```
|
|
3825
|
+
*
|
|
3826
|
+
* 4. Tắt app B bằng API [closeApp](https://mini.zalo.me/documents/api/closeApp/) hoặc nhấn nút tắt Mini App trên header:
|
|
3827
|
+
* ```ts
|
|
3828
|
+
* import { closeApp } from "zmp-sdk/apis";
|
|
3829
|
+
*
|
|
3830
|
+
* closeApp();
|
|
3831
|
+
* ```
|
|
3832
|
+
*
|
|
3833
|
+
* 5. Sau khi app B đóng hoàn toàn, app A sẽ nhận được dữ liệu đã gửi.
|
|
3834
|
+
*/
|
|
2832
3835
|
declare function sendDataToPreviousMiniApp(args: AsyncVoidCallback & TypeOf<(typeof sendDataToPreviousMiniAppArgs)[0]>): Promise<void>;
|
|
2833
3836
|
|
|
3837
|
+
/**
|
|
3838
|
+
* Lấy thông tin số điện thoại của người dùng. Khi gọi API, một thông báo xin cấp quyền sẽ được hiển thị. Mini App chỉ lấy được thông tin số điện thoại nếu người dùng đồng ý cấp quyền chia sẻ số điện thoại.
|
|
3839
|
+
*
|
|
3840
|
+
* Lưu ý, để giúp các nhà phát triển Mini App sử dụng flow xin quyền một cách hiệu quả, cũng như phù hợp với [chính sách của Zalo Mini App điều 3.3.4](https://mini.zalo.me/documents/zalo-mini-app-developer-program-agreement/#33-api-quy%E1%BB%81n-truy-c%E1%BA%ADp), Mini App Team đã đưa ra một số gợi ý thiết kế trải nghiệm như thông tin bên dưới. Nhà phát triển cần giải thích rõ ràng và trực quan mục đích xin quyền để người dùng dễ dàng hiểu và đồng ý cung cấp thông tin.
|
|
3841
|
+
*
|
|
3842
|
+
* - **Trường hợp chỉ cần số điện thoại cho một số tính năng nhất định**: Chỉ nên yêu cầu người dùng chia sẻ số điện thoại khi người dùng bắt đầu sử dụng các tính năng đó như khi tiến hành đặt hàng, đăng ký tham dự sự kiện...
|
|
3843
|
+
* - **Trường hợp bắt buộc phải cung cấp số điện thoại để sử dụng ứng dụng**: Cần hiển thị UI Onboarding giải thích cụ thể lý do người dùng cần phải cung cấp số điện thoại.
|
|
3844
|
+
*
|
|
3845
|
+
* Nhằm đảm bảo trải nghiệm thoải mái của người dùng Mini App, chúng tôi sẽ từ chối xét duyệt cho những Mini App có luồng xin cấp quyền chưa rõ ràng, không nêu được mục đích xin quyền đến người dùng.
|
|
3846
|
+
*
|
|
3847
|
+
* @minimumVersion 2.13.0
|
|
3848
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
3849
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3850
|
+
*
|
|
3851
|
+
* @returns {GetPhoneNumberReturns} token để truy xuất thông tin số điện thoại.
|
|
3852
|
+
*
|
|
3853
|
+
* @example
|
|
3854
|
+
* 1. Ở Zalo Mini App, gọi API này để lấy token số điện thoại:
|
|
3855
|
+
* ```ts
|
|
3856
|
+
* const { token } = await getPhoneNumber();
|
|
3857
|
+
* ```
|
|
3858
|
+
* 2. Dùng fetch hoặc axios để gửi token này lên server. Nếu không, bạn sẽ bị [lỗi khi gọi các API Server-Server từ Mini App](https://mini.zalo.me/community/9107262438710014159/loi-khi-goi-cac-api-server-server-tu-mini-app).
|
|
3859
|
+
* 3. Server chuyển đổi token thành thông tin số điện thoại và trả về cho Mini App theo [hướng dẫn sau](https://mini.zalo.me/documents/api/getPhoneNumber/#hướng-dẫn-chuyển-đổi-token-thành-số-điện-thoại-người-dùng).
|
|
3860
|
+
*/
|
|
2834
3861
|
declare function getPhoneNumber(args?: AsyncCallback<GetPhoneNumberReturns>): Promise<GetPhoneNumberReturns>;
|
|
2835
3862
|
|
|
2836
3863
|
declare const openProfilePickerArgs: ZodObject<{
|
|
@@ -2840,6 +3867,24 @@ declare const openProfilePickerArgs: ZodObject<{
|
|
|
2840
3867
|
}, {
|
|
2841
3868
|
maxProfile?: number | undefined;
|
|
2842
3869
|
}>[];
|
|
3870
|
+
/**
|
|
3871
|
+
* API mở cửa sổ chọn bạn bè trong Zalo, API sẽ trả về danh sách những người được chọn.
|
|
3872
|
+
*
|
|
3873
|
+
* @minimumVersion 2.16.1
|
|
3874
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3875
|
+
*
|
|
3876
|
+
* @param {number} [maxProfile=1] Số lượng bạn bè tối đa được chọn. Giới hạn trong khoảng 1 đến 10.
|
|
3877
|
+
*
|
|
3878
|
+
* @returns {OpenProfilePickerReturns} danh sách những bạn bè được chọn.
|
|
3879
|
+
*
|
|
3880
|
+
* @example Chọn tối đa 2 bạn bè trong danh sách bạn bè của người dùng:
|
|
3881
|
+
* ```ts
|
|
3882
|
+
* const { users } = await openProfilePicker({
|
|
3883
|
+
* maxProfile: 2,
|
|
3884
|
+
* });
|
|
3885
|
+
* console.log(users);
|
|
3886
|
+
* ```
|
|
3887
|
+
*/
|
|
2843
3888
|
declare function openProfilePicker(args?: AsyncCallback<OpenProfilePickerReturns> & TypeOf<(typeof openProfilePickerArgs)[0]>): Promise<OpenProfilePickerReturns>;
|
|
2844
3889
|
|
|
2845
3890
|
declare const connectWifiArgs: ZodObject<{
|
|
@@ -2894,6 +3939,72 @@ declare const openMediaPickerArgs: ZodObject<{
|
|
|
2894
3939
|
type: "video" | "zcamera" | "zcamera_photo" | "zcamera_video" | "zcamera_scan" | "photo" | "file";
|
|
2895
3940
|
serverUploadUrl: string;
|
|
2896
3941
|
}>[];
|
|
3942
|
+
/**
|
|
3943
|
+
* Mở cửa sổ chọn media (camera, ảnh, file, video) từ thiết bị.
|
|
3944
|
+
*
|
|
3945
|
+
* Media sau khi chọn sẽ được tải lên server của bạn dưới dạng dữ liệu `multipart/form-data`, `fieldname=file`.
|
|
3946
|
+
*
|
|
3947
|
+
* @minimumVersion 2.18.11
|
|
3948
|
+
* @minimumVersion 2.23.2: hỗ trợ các type `zcamera`, `zcamera_photo`, `zcamera_video`, `zcamera_scan`.
|
|
3949
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
3950
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
3951
|
+
*
|
|
3952
|
+
* @param {string} serverUploadUrl Đường dẫn upload media. Server phải hỗ trợ upload media qua POST và trả về kết quả dạng JSON. Xem ví dụ về server tại [đây](https://mini.zalo.me/documents/api/openMediaPicker/#server).
|
|
3953
|
+
* @param {"photo" | "file" | "video" | "zcamera" | "zcamera_photo" | "zcamera_video" | "zcamera_scan"} type Loại media cần chọn. Các giá trị:
|
|
3954
|
+
* - 'photo': Mở cửa sổ chọn ảnh.
|
|
3955
|
+
* - 'file': Mở cửa sổ chọn file.
|
|
3956
|
+
* - 'video': Mở cửa sổ chọn video.
|
|
3957
|
+
* - 'zcamera': Mở camera Zalo.
|
|
3958
|
+
* - 'zcamera_photo': Mở camera Zalo để chụp ảnh.
|
|
3959
|
+
* - 'zcamera_video': Mở camera Zalo để quay phim.
|
|
3960
|
+
* - 'zcamera_scan': Mở camera Zalo để chụp tài liệu.
|
|
3961
|
+
* Các type `zcamera`, `zcamera_photo`, `zcamera_video`, `zcamera_scan` hỗ trợ từ phiên bản API 2.23.2.
|
|
3962
|
+
* @param {number} [maxItemSize] Giới hạn kích thước (byte) tối đa của media được phép chọn.
|
|
3963
|
+
* @param {number} [maxSelectItem=1] Giới hạn số lượng tối đa media được chọn.
|
|
3964
|
+
* @param {boolean} [silentRequest=false] Hiển thị hoặc ẩn dialog xử lý các tác vụ ngầm:
|
|
3965
|
+
* - `false`: Hiện dialog xử lý các tác vụ ngầm như render video, upload media, và có nút hủy tác vụ.
|
|
3966
|
+
* - `true`: Không hiện dialog xử lý các tác vụ ngầm.
|
|
3967
|
+
* @param {Object} [editView] Hiển thị view chỉnh sửa ảnh.
|
|
3968
|
+
* @param {boolean} [editView.enable=true] Hiển thị view chỉnh sửa ảnh.
|
|
3969
|
+
* @param {string} [editView.aspectRatio="1:1"] Cắt ảnh theo tỉ lệ đã chỉ định. Tỉ lệ truyền vào theo format `width:height` (phân số tối giản quy định tỉ lệ width/height).
|
|
3970
|
+
*
|
|
3971
|
+
* @returns {OpenMediaPickerReturns} kết quả trả về.
|
|
3972
|
+
*
|
|
3973
|
+
* @example Mở cửa sổ chọn ảnh nhận kết quả trả về dạng JSON:
|
|
3974
|
+
* ```ts
|
|
3975
|
+
* const { data } = await openMediaPicker({
|
|
3976
|
+
* serverUploadUrl: "https://<your-domain-api>/upload/media",
|
|
3977
|
+
* type: "photo",
|
|
3978
|
+
* });
|
|
3979
|
+
* const result = JSON.parse(data);
|
|
3980
|
+
* console.log(result);
|
|
3981
|
+
* ```
|
|
3982
|
+
*
|
|
3983
|
+
* @example Chọn nhiều ảnh:
|
|
3984
|
+
* ```ts
|
|
3985
|
+
* const { data } = await openMediaPicker({
|
|
3986
|
+
* serverUploadUrl: "https://<your-domain-api>/upload/media",
|
|
3987
|
+
* type: "photo",
|
|
3988
|
+
* maxSelectItem: 5,
|
|
3989
|
+
* });
|
|
3990
|
+
* ```
|
|
3991
|
+
*
|
|
3992
|
+
* @example Chọn video:
|
|
3993
|
+
* ```ts
|
|
3994
|
+
* const { data } = await openMediaPicker({
|
|
3995
|
+
* serverUploadUrl: "https://<your-domain-api>/upload/media",
|
|
3996
|
+
* type: "video",
|
|
3997
|
+
* });
|
|
3998
|
+
* ```
|
|
3999
|
+
*
|
|
4000
|
+
* @example Chọn ảnh từ camera Zalo:
|
|
4001
|
+
* ```ts
|
|
4002
|
+
* const { data } = await openMediaPicker({
|
|
4003
|
+
* serverUploadUrl: "https://<your-domain-api>/upload/media",
|
|
4004
|
+
* type: "zcamera_photo",
|
|
4005
|
+
* });
|
|
4006
|
+
* ```
|
|
4007
|
+
*/
|
|
2897
4008
|
declare function openMediaPicker(args: AsyncCallback<OpenMediaPickerReturns> & TypeOf<(typeof openMediaPickerArgs)[0]>): Promise<OpenMediaPickerReturns>;
|
|
2898
4009
|
|
|
2899
4010
|
declare const getShareableLinkArgs: ZodObject<{
|
|
@@ -2914,8 +4025,39 @@ declare const getShareableLinkArgs: ZodObject<{
|
|
|
2914
4025
|
}>[];
|
|
2915
4026
|
declare function getShareableLink(args: AsyncCallback<string> & TypeOf<(typeof getShareableLinkArgs)[0]>): Promise<string>;
|
|
2916
4027
|
|
|
4028
|
+
/**
|
|
4029
|
+
* Khi người dùng mở Zalo Mini App, một màn hình loading sẽ được hiển thị trong lúc chờ Mini App được tải. Màn hình này gọi là Splash Loading.
|
|
4030
|
+
* Mặc định Splash Loading sẽ tự động đóng khi Mini App được tải xong. Tuy nhiên, phía tích hợp có thể chọn thời điểm phù hợp để đóng loading bằng cách:
|
|
4031
|
+
* - Thêm thiết lập `selfControlLoading: true` trong `app-config.json`. Xem [Cấu Hình Zalo Mini App](https://mini.zalo.me/documents/intro/getting-started/app-config/#app).
|
|
4032
|
+
* - Gọi `closeLoading` ở thời điểm thích hợp để đóng Splash Loading.
|
|
4033
|
+
*
|
|
4034
|
+
* Lưu ý:
|
|
4035
|
+
* - Nếu thiết lập `selfControlLoading: true` mà API này không được gọi, **Mini App sẽ stuck ở màn hình Splash Loading**.
|
|
4036
|
+
* - Do code gọi API này chỉ được thực thi sau khi Mini App đã được tải xong, nên Splash Loading sẽ được đóng trễ hơn so với bình thường. Chỉ sử dụng cơ chế này khi cần thiết (để giảm layout shift hoặc không muốn người dùng thấy nội dung chưa hoàn chỉnh).
|
|
4037
|
+
|
|
4038
|
+
* @minimumVersion 2.17.0
|
|
4039
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4040
|
+
* @example Đóng loading sau khi HomePage đã render xong:
|
|
4041
|
+
* ```ts
|
|
4042
|
+
* function HomePage() {
|
|
4043
|
+
* useEffect(() => {
|
|
4044
|
+
* closeLoading();
|
|
4045
|
+
* }, []);
|
|
4046
|
+
* ```
|
|
4047
|
+
*/
|
|
2917
4048
|
declare function closeLoading(args?: AsyncVoidCallback): Promise<void>;
|
|
2918
4049
|
|
|
4050
|
+
/**
|
|
4051
|
+
* API chủ động điều hướng người dùng tới AppStore/CH Play để cập nhật phiên bản Zalo mới nhất.
|
|
4052
|
+
*
|
|
4053
|
+
* @minimumVersion 2.19.3
|
|
4054
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4055
|
+
*
|
|
4056
|
+
* @example
|
|
4057
|
+
* ```ts
|
|
4058
|
+
* await requestUpdateZalo();
|
|
4059
|
+
* ```
|
|
4060
|
+
*/
|
|
2919
4061
|
declare function requestUpdateZalo(args?: AsyncVoidCallback): Promise<void>;
|
|
2920
4062
|
|
|
2921
4063
|
declare const onConfirmToExitArgs: ZodFunction<ZodTuple<[], ZodUnknown>, ZodUnknown>[];
|
|
@@ -2925,10 +4067,34 @@ declare function offConfirmToExit(): void;
|
|
|
2925
4067
|
|
|
2926
4068
|
declare function getDeviceId(): string;
|
|
2927
4069
|
|
|
4070
|
+
/**
|
|
4071
|
+
* API trả về chuỗi Device ID của thiết bị đã được hash. Các tài khoản người dùng khác nhau đăng nhập trên cùng 1 thiết bị và sử dụng cùng 1 Mini App (hoặc các Mini App có chung Zalo App ID) sẽ có giá trị Device ID giống nhau. Nếu không lấy được Device ID thì giá trị trả về là `unknown`.
|
|
4072
|
+
* @minimumVersion 2.20.0
|
|
4073
|
+
* @returns {string} chuỗi Device ID của thiết bị đã được hash.
|
|
4074
|
+
* @example Sử dụng kết hợp với `await`:
|
|
4075
|
+
* ```ts
|
|
4076
|
+
* const deviceId = await getDeviceIdAsync();
|
|
4077
|
+
* ```
|
|
4078
|
+
*/
|
|
2928
4079
|
declare function getDeviceIdAsync(args?: AsyncCallback<string>): Promise<string>;
|
|
2929
4080
|
|
|
2930
4081
|
declare function getContext(): ContextInfo | null;
|
|
2931
4082
|
|
|
4083
|
+
/**
|
|
4084
|
+
* API trả về thông tin ngữ cảnh của người dùng hoặc nhóm khi Mini App được mở từ Menu mở rộng trong cửa sổ chat Zalo.
|
|
4085
|
+
* Nếu ngữ cảnh không hợp lệ hoặc phiên bản Zalo không hỗ trợ, giá trị trả về sẽ rỗng.
|
|
4086
|
+
*
|
|
4087
|
+
* @minimumVersion Zalo Android: 22.06.02
|
|
4088
|
+
* @minimumVersion ZMP SDK: 2.22.0
|
|
4089
|
+
* @returns {ContextInfo} ngữ cảnh hiện tại.
|
|
4090
|
+
* @example Kiểm tra ngữ cảnh hợp lệ và trả về thông tin ngữ cảnh:
|
|
4091
|
+
* ```ts
|
|
4092
|
+
* const contextInfo = await getContextAsync();
|
|
4093
|
+
* if (contextInfo) { // Ngữ cảnh hợp lệ
|
|
4094
|
+
* const { id, type } = contextInfo;
|
|
4095
|
+
* }
|
|
4096
|
+
* ```
|
|
4097
|
+
*/
|
|
2932
4098
|
declare function getContextAsync(args?: AsyncCallback<ContextInfo>): Promise<ContextInfo | null>;
|
|
2933
4099
|
|
|
2934
4100
|
declare function getAuthCode(args?: AsyncCallback<GetAuthCodeReturns>): Promise<GetAuthCodeReturns>;
|
|
@@ -2960,8 +4126,59 @@ declare const chooseImageArgs: ZodObject<{
|
|
|
2960
4126
|
sourceType?: ("album" | "camera")[] | undefined;
|
|
2961
4127
|
cameraType?: "back" | "front" | undefined;
|
|
2962
4128
|
}>[];
|
|
4129
|
+
/**
|
|
4130
|
+
* API chọn hình ảnh từ album hoặc camera.
|
|
4131
|
+
*
|
|
4132
|
+
* @minimumVersion 2.23.4
|
|
4133
|
+
*
|
|
4134
|
+
* @param {("album" | "camera")[]} [sourceType] Nguồn chọn hình ảnh. Có thể chọn từ album/tệp (`album`), chụp ảnh mới từ camera (`camera`), hoặc cả hai.
|
|
4135
|
+
* @param {"back" | "front"} [cameraType] Xác định camera cần mở là camera trước hay sau.
|
|
4136
|
+
* @param {number} [count] Số lượng hình ảnh tối đa có thể chọn.
|
|
4137
|
+
* @returns {ChooseImageReturns} đường dẫn tới hình ảnh đã chọn.
|
|
4138
|
+
* @example Chụp hình ảnh từ camera trước:
|
|
4139
|
+
* ```ts
|
|
4140
|
+
* const { filePaths } = await chooseImage({
|
|
4141
|
+
* sourceType: ["camera"],
|
|
4142
|
+
* cameraType: "front",
|
|
4143
|
+
* });
|
|
4144
|
+
* ```
|
|
4145
|
+
* @example Chụp hình ảnh từ camera sau:
|
|
4146
|
+
* ```ts
|
|
4147
|
+
* const { filePaths } = await chooseImage({
|
|
4148
|
+
* sourceType: ["camera"],
|
|
4149
|
+
* cameraType: "back",
|
|
4150
|
+
* });
|
|
4151
|
+
* ```
|
|
4152
|
+
* @example Chọn nhiều hình ảnh để viết đánh giá sản phẩm:
|
|
4153
|
+
* ```ts
|
|
4154
|
+
* const { filePaths } = await chooseImage({
|
|
4155
|
+
* sourceType: ["album", "camera"],
|
|
4156
|
+
* count: 5,
|
|
4157
|
+
* });
|
|
4158
|
+
* ```
|
|
4159
|
+
*/
|
|
2963
4160
|
declare function chooseImage(args: AsyncCallback<ChooseImageReturns> & TypeOf<(typeof chooseImageArgs)[0]>): Promise<ChooseImageReturns>;
|
|
2964
4161
|
|
|
4162
|
+
/**
|
|
4163
|
+
* API truy xuất vị trí hiện tại của người dùng. Khi gọi API, một thông báo xin cấp quyền sẽ được hiển thị. Mini App chỉ lấy được thông tin vị trí nếu người dùng đồng ý cấp quyền chia sẻ vị trí.
|
|
4164
|
+
*
|
|
4165
|
+
* Lưu ý, để giúp các nhà phát triển Mini App sử dụng flow xin quyền một cách hiệu quả, cũng như phù hợp với [chính sách của Zalo Mini App điều 3.3.4](https://mini.zalo.me/documents/zalo-mini-app-developer-program-agreement/#33-api-quy%E1%BB%81n-truy-c%E1%BA%ADp), Mini App Team đã đưa ra một số gợi ý thiết kế trải nghiệm như thông tin bên dưới. Nhà phát triển cần giải thích rõ ràng và trực quan mục đích xin quyền để người dùng dễ dàng hiểu và đồng ý cung cấp thông tin.
|
|
4166
|
+
*
|
|
4167
|
+
* Nhằm đảm bảo trải nghiệm thoải mái của người dùng Mini App, chúng tôi sẽ từ chối xét duyệt cho những Mini App có luồng xin cấp quyền chưa rõ ràng, không nêu được mục đích xin quyền đến người dùng.
|
|
4168
|
+
*
|
|
4169
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
4170
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4171
|
+
* @behavior Ở môi trường phát triển, API này sẽ luôn thành công và trả về token rỗng (`""`). Khi chạy bên trong ứng dụng Zalo mobile, API này sẽ hiển thị thông báo xin cấp quyền, và trả về token hợp lệ nếu người dùng đồng ý hoặc lỗi nếu người dùng từ chối.
|
|
4172
|
+
*
|
|
4173
|
+
* @returns {GetLocationReturns} token vị trí.
|
|
4174
|
+
* @example
|
|
4175
|
+
* 1. Ở Zalo Mini App, gọi API này để lấy token vị trí:
|
|
4176
|
+
* ```ts
|
|
4177
|
+
* const { token } = await getLocation();
|
|
4178
|
+
* ```
|
|
4179
|
+
* 2. Dùng fetch hoặc axios để gửi token này lên server. Nếu không, bạn sẽ bị [lỗi khi gọi các API Server-Server từ Mini App](https://mini.zalo.me/community/9107262438710014159/loi-khi-goi-cac-api-server-server-tu-mini-app).
|
|
4180
|
+
* 3. Server chuyển đổi token thành thông tin vị trí và trả về cho Mini App theo [hướng dẫn sau](https://mini.zalo.me/documents/api/getLocation/#hướng-dẫn-chuyển-đổi-token-thành-thông-tin-vị-trí-người-dùng).
|
|
4181
|
+
*/
|
|
2965
4182
|
declare function getLocation(args?: AsyncCallback<GetLocationReturns>): Promise<GetLocationReturns>;
|
|
2966
4183
|
|
|
2967
4184
|
declare const onCallbackDataArgs: ZodFunction<ZodTuple<[ZodObject<{
|
|
@@ -3356,18 +4573,121 @@ declare const configAppViewArgs: ZodObject<{
|
|
|
3356
4573
|
hideAndroidBottomNavigationBar?: boolean | undefined;
|
|
3357
4574
|
hideIOSSafeAreaBottom?: boolean | undefined;
|
|
3358
4575
|
}>[];
|
|
4576
|
+
/**
|
|
4577
|
+
* API tuỳ chỉnh các thành phần giao diện chính trên Mini App, bao gồm:
|
|
4578
|
+
* - Status bar
|
|
4579
|
+
* - Action bar
|
|
4580
|
+
* - Bottom Navigation (Android) / Safe Area Inset Bottom (iOS)
|
|
4581
|
+
*
|
|
4582
|
+
* Với api `configAppView`, bạn có thể ẩn/ hiện, tuỳ chỉnh màu sắc, kiểu hiển thị của các thành phần mặc định trên Mini App. Xem hình ảnh mô tả bên dưới để hiểu rõ các thành phần có thể tuỳ chỉnh trên Mini App của bạn.
|
|
4583
|
+
*
|
|
4584
|
+
* @minimumVersion Zalo iOS: 23.02.01.r2
|
|
4585
|
+
* @minimumVersion Zalo Android: 23.02.01.r2
|
|
4586
|
+
* @minimumVersion ZMP SDK: 2.25.0
|
|
4587
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4588
|
+
*
|
|
4589
|
+
* @param {string} headerColor Mã màu, có giá trị hợp lệ là màu thập lục phân, ví dụ `#000000`.
|
|
4590
|
+
* @param {"white" | "black"} [headerTextColor] Màu của text và icon trên thanh action bar và status bar.
|
|
4591
|
+
* @param {"normal" | "hidden" | "transparent"} [statusBarType="normal"] Kiểu hiển thị của status bar.
|
|
4592
|
+
* @param {boolean} [hideAndroidBottomNavigationBar=false] Ẩn thanh navigation bar trên Android.
|
|
4593
|
+
* @param {boolean} [hideIOSSafeAreaBottom=false] Ẩn thanh safe area inset bottom trên iOS.
|
|
4594
|
+
* @param {boolean} [actionBar.hide] Ẩn action bar.
|
|
4595
|
+
* @param {string} [actionBar.title] Tiêu đề hiển thị trên action bar.
|
|
4596
|
+
* @param {"back" | "none"} [actionBar.leftButton="back"] Tuỳ chỉnh nút điều hướng bên trái action bar. Mặc định hiển thị nút back. Truyền `none` để ẩn nút.
|
|
4597
|
+
* @param {"left" | "center"} [actionBar.textAlign="left"] Tuỳ chỉnh vị trí tiêu đề hiển thị trên action bar.
|
|
4598
|
+
*
|
|
4599
|
+
* @example Thay đổi tiêu đề action bar:
|
|
4600
|
+
* ```ts
|
|
4601
|
+
* configAppView({
|
|
4602
|
+
* actionBar: {
|
|
4603
|
+
* title: "Giỏ hàng",
|
|
4604
|
+
* },
|
|
4605
|
+
* });
|
|
4606
|
+
* ```
|
|
4607
|
+
*
|
|
4608
|
+
* @example Để có được giao diện toàn màn hình:
|
|
4609
|
+
* ```ts
|
|
4610
|
+
* configAppView({
|
|
4611
|
+
* hideAndroidBottomNavigationBar: true,
|
|
4612
|
+
* hideIOSSafeAreaBottom: true,
|
|
4613
|
+
* statusBarType: "transparent", // hoặc "hidden"
|
|
4614
|
+
* actionBar: {
|
|
4615
|
+
* hide: true,
|
|
4616
|
+
* },
|
|
4617
|
+
* });
|
|
4618
|
+
* ```
|
|
4619
|
+
*/
|
|
3359
4620
|
declare function configAppView(args: AsyncVoidCallback & TypeOf<(typeof configAppViewArgs)[0]>): Promise<void>;
|
|
3360
4621
|
|
|
4622
|
+
/**
|
|
4623
|
+
* API chủ động thu nhỏ ứng dụng. Khi gọi API, Mini App sẽ được thu nhỏ vào một floating icon ở góc màn hình, giúp người sử dụng có thể tạm thời sử dụng các chức năng khác của Zalo, và quay trở lại Mini App của bạn mà không cần phải tải lại từ đầu.
|
|
4624
|
+
*
|
|
4625
|
+
* 
|
|
4626
|
+
*
|
|
4627
|
+
* @minimumVersion 2.26.1
|
|
4628
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4629
|
+
*
|
|
4630
|
+
* @example Thu nhỏ ứng dụng:
|
|
4631
|
+
* ```ts
|
|
4632
|
+
* await minimizeApp();
|
|
4633
|
+
* ```
|
|
4634
|
+
*/
|
|
3361
4635
|
declare function minimizeApp(args?: AsyncVoidCallback): Promise<void>;
|
|
3362
4636
|
|
|
4637
|
+
/**
|
|
4638
|
+
* API mở cửa sổ Quản lý quyền mà người dùng đã cấp cho Mini App. Người dùng có thể thay đổi các thiết lập quyền (cấp thêm hoặc thu hồi) tại đây.
|
|
4639
|
+
*
|
|
4640
|
+
* @minimumVersion 2.27.1
|
|
4641
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4642
|
+
*
|
|
4643
|
+
* @example Mở cửa sổ cài đặt quyền:
|
|
4644
|
+
* ```ts
|
|
4645
|
+
* await openPermissionSetting();
|
|
4646
|
+
* ```
|
|
4647
|
+
*/
|
|
3363
4648
|
declare function openPermissionSetting(args?: AsyncVoidCallback): Promise<void>;
|
|
3364
4649
|
|
|
4650
|
+
/**
|
|
4651
|
+
* API thêm ứng dụng vào danh sách ưa thích của người dùng ở Zalo Mini Apps Store.
|
|
4652
|
+
* 
|
|
4653
|
+
*
|
|
4654
|
+
* @minimumVersion 2.27.1
|
|
4655
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4656
|
+
*
|
|
4657
|
+
* @example Thêm ứng dụng vào danh sách ưa thích:
|
|
4658
|
+
* ```ts
|
|
4659
|
+
* await favoriteApp();
|
|
4660
|
+
* ```
|
|
4661
|
+
*/
|
|
3365
4662
|
declare function favoriteApp(args?: AsyncVoidCallback): Promise<void>;
|
|
3366
4663
|
|
|
3367
4664
|
declare function openGroupList(args?: AsyncVoidCallback): Promise<void>;
|
|
3368
4665
|
|
|
4666
|
+
/**
|
|
4667
|
+
* API yêu cầu người dùng cho phép nhận thông báo qua OA Mini App. Khi gọi API, một thông báo sẽ được hiển thị.
|
|
4668
|
+
*
|
|
4669
|
+
* @minimumVersion 2.27.1
|
|
4670
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4671
|
+
*
|
|
4672
|
+
* @example Yêu cầu người dùng cho phép nhận thông báo:
|
|
4673
|
+
* ```ts
|
|
4674
|
+
* await requestSendNotification();
|
|
4675
|
+
* ```
|
|
4676
|
+
*/
|
|
3369
4677
|
declare function requestSendNotification(args?: AsyncVoidCallback): Promise<void>;
|
|
3370
4678
|
|
|
4679
|
+
/**
|
|
4680
|
+
* API mở cửa sổ đánh giá ứng dụng, hỗ trợ ghi nhận đánh giá phản hồi của người dùng về chất lượng của Mini App.
|
|
4681
|
+
*
|
|
4682
|
+
* @minimumVersion 2.28.0
|
|
4683
|
+
* @important Chỉ có thể hiển thị cửa sổ đánh giá 1 lần/tuần đối với mỗi người dùng. Quá giới hạn trên sẽ trả về [lỗi](https://mini.zalo.me/documents/api/errorCode/).
|
|
4684
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4685
|
+
*
|
|
4686
|
+
* @example Mở cửa sổ đánh giá ứng dụng:
|
|
4687
|
+
* ```ts
|
|
4688
|
+
* await addRating();
|
|
4689
|
+
* ```
|
|
4690
|
+
*/
|
|
3371
4691
|
declare function addRating(args?: AsyncVoidCallback): Promise<void>;
|
|
3372
4692
|
|
|
3373
4693
|
declare const interactOAArgs$1: ZodObject<{
|
|
@@ -3377,6 +4697,38 @@ declare const interactOAArgs$1: ZodObject<{
|
|
|
3377
4697
|
}, {
|
|
3378
4698
|
oaId: string;
|
|
3379
4699
|
}>[];
|
|
4700
|
+
/**
|
|
4701
|
+
* API yêu cầu người dùng cho phép gửi thông báo thông qua Official Account. Khi gọi API, một thông báo sẽ được hiển thị.
|
|
4702
|
+
*
|
|
4703
|
+
* @minimumVersion 2.28.8
|
|
4704
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4705
|
+
*
|
|
4706
|
+
* @param {string} oaId Id của Official Account.
|
|
4707
|
+
*
|
|
4708
|
+
* @example Yêu cầu người dùng cho phép gửi thông báo thông qua Official Account:
|
|
4709
|
+
* ```ts
|
|
4710
|
+
* await interactOA({
|
|
4711
|
+
* oaId: "xxxx",
|
|
4712
|
+
* });
|
|
4713
|
+
* ```
|
|
4714
|
+
*
|
|
4715
|
+
* @example Xử lý lỗi:
|
|
4716
|
+
* ```ts
|
|
4717
|
+
* try {
|
|
4718
|
+
* await interactOA({
|
|
4719
|
+
* oaId: "xxxx",
|
|
4720
|
+
* });
|
|
4721
|
+
* console.log("Người dùng đã cho phép");
|
|
4722
|
+
* } catch (error) {
|
|
4723
|
+
* const code = (error as AppError).code;
|
|
4724
|
+
* if (code === -201) {
|
|
4725
|
+
* console.log("Người dùng đã từ chối");
|
|
4726
|
+
* } else {
|
|
4727
|
+
* console.log("Lỗi khác");
|
|
4728
|
+
* }
|
|
4729
|
+
* }
|
|
4730
|
+
* ```
|
|
4731
|
+
*/
|
|
3380
4732
|
declare function interactOA(args: AsyncVoidCallback & TypeOf<(typeof interactOAArgs$1)[0]>): Promise<void>;
|
|
3381
4733
|
|
|
3382
4734
|
declare const interactOAArgs: ZodObject<{
|
|
@@ -3388,6 +4740,19 @@ declare const interactOAArgs: ZodObject<{
|
|
|
3388
4740
|
}>[];
|
|
3389
4741
|
declare function checkIsAllowedInteractWithOA(args: AsyncVoidCallback & TypeOf<(typeof interactOAArgs)[0]>): Promise<void>;
|
|
3390
4742
|
|
|
4743
|
+
/**
|
|
4744
|
+
* API lấy thông tin cài đặt hiện tại của người dùng.
|
|
4745
|
+
*
|
|
4746
|
+
* @minimumVersion 2.31.0
|
|
4747
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4748
|
+
*
|
|
4749
|
+
* @returns {GetSettingReturn} thông tin cài đặt hiện tại của người dùng.
|
|
4750
|
+
*
|
|
4751
|
+
* @example Lấy thông tin cài đặt hiện tại của người dùng:
|
|
4752
|
+
* ```ts
|
|
4753
|
+
* const { authSetting } = await getSetting();
|
|
4754
|
+
* ```
|
|
4755
|
+
*/
|
|
3391
4756
|
declare function getSetting(args?: AsyncCallback<GetSettingReturn>): Promise<GetSettingReturn>;
|
|
3392
4757
|
|
|
3393
4758
|
declare const authorizeArgs: ZodOptional<ZodObject<{
|
|
@@ -3397,10 +4762,86 @@ declare const authorizeArgs: ZodOptional<ZodObject<{
|
|
|
3397
4762
|
}, {
|
|
3398
4763
|
scopes?: ("scope.userInfo" | "scope.userLocation" | "scope.userPhonenumber")[] | undefined;
|
|
3399
4764
|
}>>[];
|
|
4765
|
+
/**
|
|
4766
|
+
* ### Cấp quyền sử dụng API
|
|
4767
|
+
*
|
|
4768
|
+
* Một số API cần sự cho phép của người dùng trước khi có thể được gọi. Các API này được chia thành nhiều phạm vi (Scope) tương ứng với từng mục đích sử dụng, mô tả chi tiết tham khảo bảng Scopes:
|
|
4769
|
+
*
|
|
4770
|
+
* | Scope | Corresponding APIs | Description |
|
|
4771
|
+
* |-------------------------|--------------------|---------------------------------|
|
|
4772
|
+
* | `scope.userInfo` | `getUserInfo` | Thông tin user (tên, avatar...) |
|
|
4773
|
+
* | `scope.userLocation` | `getLocation` | Thông tin vị trí user |
|
|
4774
|
+
* | `scope.userPhonenumber` | `getPhoneNumber` | Số điện thoại |
|
|
4775
|
+
*
|
|
4776
|
+
* Khi một API như vậy được gọi:
|
|
4777
|
+
* - Nếu người dùng chưa chấp nhận hoặc từ chối, một cửa sổ pop-up sẽ xuất hiện để hỏi người dùng có muốn chấp nhận không. API chỉ có thể được gọi sau khi người dùng bấm chấp nhận.
|
|
4778
|
+
* - Nếu người dùng đã chấp nhận cho phép, API có thể được gọi trực tiếp.
|
|
4779
|
+
* - Nếu người dùng từ chối cho phép, callback lỗi sẽ được trả về.
|
|
4780
|
+
* - Developer có thể sử dụng api `authorize` để chủ động khởi tạo yêu cầu cấp quyền đối với người dùng khi cần, hỗ trợ xin tối đa 3 quyền (đã bao gồm quyền User Authen).
|
|
4781
|
+
*
|
|
4782
|
+
* ### Lấy trạng thái của scope
|
|
4783
|
+
*
|
|
4784
|
+
* Developer có thể sử dụng API `getSetting` để lấy trạng thái cho phép hiện tại của người dùng.
|
|
4785
|
+
*
|
|
4786
|
+
* ### Quản lý cấp/thu hồi quyền cho người dùng
|
|
4787
|
+
*
|
|
4788
|
+
* Developer có thể gọi API `openPermissionSetting` để mở cài đặt và hướng dẫn người dùng bật/tắt cho phép API.
|
|
4789
|
+
*
|
|
4790
|
+
* ### Thời gian hiệu lực
|
|
4791
|
+
*
|
|
4792
|
+
* Sau khi user đồng ý hoặc từ chối cấp quyền, trạng thái cấp quyền sẽ được ghi nhận và đồng bộ cho những lần sử dụng sau này.
|
|
4793
|
+
*
|
|
4794
|
+
* ### Best Practices
|
|
4795
|
+
*
|
|
4796
|
+
* - Chỉ khởi tạo yêu cầu cấp quyền khi cần thiết, giải thích rõ ràng lý do tại sao bạn muốn sử dụng nó trong yêu cầu cấp quyền.
|
|
4797
|
+
* - Sử dụng API `getSetting` trước để lấy trạng thái cho phép hiện tại của người dùng, sau đó yêu cầu xin cấp thêm các quyền còn thiếu.
|
|
4798
|
+
*
|
|
4799
|
+
* @minimumVersion Zalo iOS: 23.12.02 (573)
|
|
4800
|
+
* @minimumVersion Zalo Android: 23.12.02 (724)
|
|
4801
|
+
* @minimumVersion ZMP SDK: 2.34.0
|
|
4802
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4803
|
+
*
|
|
4804
|
+
* @param {string[]} scopes Danh sách các quyền cần được cấp, tham khảo bảng Scopes.
|
|
4805
|
+
* @returns {Scopes} các trạng thái của các quyền được cấp.
|
|
4806
|
+
* @property {boolean} scope.userInfo Trạng thái quyền thông tin user.
|
|
4807
|
+
* @property {boolean} scope.userLocation Trạng thái quyền vị trí user.
|
|
4808
|
+
* @property {boolean} scope.userPhonenumber Trạng thái quyền số điện thoại.
|
|
4809
|
+
*
|
|
4810
|
+
* @example Khởi tạo cấp quyền
|
|
4811
|
+
* ```ts
|
|
4812
|
+
* try {
|
|
4813
|
+
* const data = await authorize({
|
|
4814
|
+
* scopes: ["scope.userLocation", "scope.userPhonenumber"],
|
|
4815
|
+
* });
|
|
4816
|
+
* console.log(data["scope.userLocation"]); // `true` nếu người dùng đồng ý cấp vị trí
|
|
4817
|
+
* console.log(data["scope.userPhonenumber"]); // `true` nếu người dùng đồng ý cấp số điện thoại
|
|
4818
|
+
* } catch (error) {
|
|
4819
|
+
* const code = (error as AppError).code;
|
|
4820
|
+
* if (code === -201) {
|
|
4821
|
+
* console.log("Người dùng đã từ chối cấp quyền");
|
|
4822
|
+
* } else {
|
|
4823
|
+
* console.log("Lỗi khác");
|
|
4824
|
+
* }
|
|
4825
|
+
* }
|
|
4826
|
+
* ```
|
|
4827
|
+
*/
|
|
3400
4828
|
declare function authorize(args?: AsyncVoidCallback & TypeOf<(typeof authorizeArgs)[0]>): Promise<AuthorizeType<(typeof AUTHEN_SCOPE_VALUES)[number]>>;
|
|
3401
4829
|
|
|
3402
4830
|
declare function checkZaloCameraPermission(args?: AsyncCallback<CheckZaloCameraPermissionReturns>): Promise<CheckZaloCameraPermissionReturns>;
|
|
3403
4831
|
|
|
4832
|
+
/**
|
|
4833
|
+
* API cho phép truy xuất ID người dùng. Với ID là chuỗi định danh người dùng theo Zalo App. Chuỗi này là duy nhất cho mỗi người dùng trên mỗi ID Zalo App. Các Mini App cùng chung một ID Zalo App sẽ có thể dùng chuỗi này để định danh người dùng. (API này sẽ không cần yêu cầu người dùng xác nhận).
|
|
4834
|
+
*
|
|
4835
|
+
* @minimumVersion 2.32.2
|
|
4836
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
4837
|
+
*
|
|
4838
|
+
* @returns {string} ID người dùng.
|
|
4839
|
+
*
|
|
4840
|
+
* @example Truy xuất ID người dùng:
|
|
4841
|
+
* ```ts
|
|
4842
|
+
* const userID = await getUserID({});
|
|
4843
|
+
* ```
|
|
4844
|
+
*/
|
|
3404
4845
|
declare function getUserID(args?: AsyncCallback<string>): Promise<string>;
|
|
3405
4846
|
|
|
3406
4847
|
declare function getIDToken(args?: AsyncCallback<string>): Promise<string>;
|
|
@@ -3543,6 +4984,30 @@ declare const cameraArgs: ZodOptional<ZodObject<{
|
|
|
3543
4984
|
}>>[];
|
|
3544
4985
|
declare function createCameraContext(args: CameraParams & TypeOf<(typeof cameraArgs)[0]>): ZMACamera;
|
|
3545
4986
|
|
|
4987
|
+
/**
|
|
4988
|
+
* API cấu hình các thông tin dùng để chạy quảng cáo. API cần được gọi khi khởi tạo ứng dụng.
|
|
4989
|
+
*
|
|
4990
|
+
* @minimumVersion 2.37.0
|
|
4991
|
+
* @info Tính năng đang trong giai đoạn thử nghiệm và chỉ được mở cho một số đối tác nhất định.
|
|
4992
|
+
*
|
|
4993
|
+
* @example Bên trong `app.ts`:
|
|
4994
|
+
* ```ts
|
|
4995
|
+
* import React from "react";
|
|
4996
|
+
* import { createRoot } from "react-dom/client";
|
|
4997
|
+
* import { setupAd } from "zmp-sdk/apis";
|
|
4998
|
+
*
|
|
4999
|
+
* import "zmp-ui/zaui.css";
|
|
5000
|
+
* import "./css/app.scss";
|
|
5001
|
+
*
|
|
5002
|
+
* import App from "./components/app";
|
|
5003
|
+
*
|
|
5004
|
+
* // Setup advertising
|
|
5005
|
+
* setupAd();
|
|
5006
|
+
*
|
|
5007
|
+
* const root = createRoot(document.getElementById("app"));
|
|
5008
|
+
* root.render(React.createElement(App));
|
|
5009
|
+
* ```
|
|
5010
|
+
*/
|
|
3546
5011
|
declare function setupAd(args?: AsyncCallback): Promise<void>;
|
|
3547
5012
|
|
|
3548
5013
|
declare const loadAdArgs: ZodObject<{
|
|
@@ -3570,6 +5035,47 @@ declare const loadAdArgs: ZodObject<{
|
|
|
3570
5035
|
} | undefined;
|
|
3571
5036
|
ids: string | string[];
|
|
3572
5037
|
}>[];
|
|
5038
|
+
/**
|
|
5039
|
+
* API dùng để tải quảng cáo. Có các loại quảng cáo sau đây:
|
|
5040
|
+
*
|
|
5041
|
+
* | ID | Size |
|
|
5042
|
+
* | -------------- | ------------- |
|
|
5043
|
+
* | ZMA_Masthead | 480x270 |
|
|
5044
|
+
* | ZMA_Middle | 300x250 |
|
|
5045
|
+
* | ZMA_Fullscreen | Toàn màn hình |
|
|
5046
|
+
* | ZMA_Reward | Toàn màn hình |
|
|
5047
|
+
* | ZMA_Bottom | Tùy chỉnh |
|
|
5048
|
+
*
|
|
5049
|
+
* Mặc định quảng cáo sẽ được hiển thị sau khi tải xong. Vị trí hiển thị quảng cáo sẽ được xác định theo ID của từng loại.
|
|
5050
|
+
*
|
|
5051
|
+
* @minimumVersion 2.37.0
|
|
5052
|
+
*
|
|
5053
|
+
* @param {string | string[]} ids ID của loại quảng cáo cần tải trong trang.
|
|
5054
|
+
* @param {Object} [config] Cấu hình thêm.
|
|
5055
|
+
* @param {boolean} [config.display=true] Hiển thị quảng cáo sau khi tải (true) hoặc không hiển thị (false).
|
|
5056
|
+
* @param {function} [config.onClose] Callback được gọi sau khi quảng cáo ZMA_Reward đóng, trả về reward token.
|
|
5057
|
+
*
|
|
5058
|
+
* @example Tải quảng cáo ZMA_Middle:
|
|
5059
|
+
* ```ts
|
|
5060
|
+
* import React, { useEffect } from "react";
|
|
5061
|
+
* import { loadAd } from "zmp-sdk/apis";
|
|
5062
|
+
*
|
|
5063
|
+
* function HomePage() {
|
|
5064
|
+
* useEffect(() => {
|
|
5065
|
+
* loadAd({ ids: ["ZMA_Middle"] });
|
|
5066
|
+
* }, []);
|
|
5067
|
+
*
|
|
5068
|
+
* return (
|
|
5069
|
+
* <>
|
|
5070
|
+
* ...
|
|
5071
|
+
* <div id="ZMA_Middle"></div>
|
|
5072
|
+
* </>
|
|
5073
|
+
* );
|
|
5074
|
+
* }
|
|
5075
|
+
*
|
|
5076
|
+
* export default HomePage;
|
|
5077
|
+
* ```
|
|
5078
|
+
*/
|
|
3573
5079
|
declare function loadAd(args: AsyncCallback & TypeOf<(typeof loadAdArgs)[0]>): Promise<void>;
|
|
3574
5080
|
|
|
3575
5081
|
declare const displayAdArgs: ZodObject<{
|
|
@@ -3579,6 +5085,45 @@ declare const displayAdArgs: ZodObject<{
|
|
|
3579
5085
|
}, {
|
|
3580
5086
|
id: string;
|
|
3581
5087
|
}>[];
|
|
5088
|
+
/**
|
|
5089
|
+
* API dùng để hiển thị quảng cáo sau khi tải xong. Vị trí hiển thị quảng cáo sẽ được xác định theo ID của từng loại.
|
|
5090
|
+
*
|
|
5091
|
+
* @minimumVersion 2.37.0
|
|
5092
|
+
*
|
|
5093
|
+
* @param {string} id ID của loại quảng cáo cần hiển thị trong trang.
|
|
5094
|
+
*
|
|
5095
|
+
* @example Hiển thị quảng cáo ZMA_Middle:
|
|
5096
|
+
* ```ts
|
|
5097
|
+
* import React from "react";
|
|
5098
|
+
* import { createRoot } from "react-dom/client";
|
|
5099
|
+
* import { setupAd, loadAd, displayAd } from "zmp-sdk/apis";
|
|
5100
|
+
*
|
|
5101
|
+
* function App() {
|
|
5102
|
+
* useEffect(() => {
|
|
5103
|
+
* displayAd({ id: "ZMA_Middle" });
|
|
5104
|
+
* }, []);
|
|
5105
|
+
*
|
|
5106
|
+
* return (
|
|
5107
|
+
* <>
|
|
5108
|
+
* ...
|
|
5109
|
+
* <div id='ZMA_Middle' />
|
|
5110
|
+
* ...
|
|
5111
|
+
* </>
|
|
5112
|
+
* );
|
|
5113
|
+
* }
|
|
5114
|
+
*
|
|
5115
|
+
* setupAd();
|
|
5116
|
+
* loadAd({
|
|
5117
|
+
* ids: ["ZMA_Middle"],
|
|
5118
|
+
* config: {
|
|
5119
|
+
* display: false
|
|
5120
|
+
* }
|
|
5121
|
+
* });
|
|
5122
|
+
*
|
|
5123
|
+
* const root = createRoot(document.getElementById("app"));
|
|
5124
|
+
* root.render(React.createElement(App));
|
|
5125
|
+
* ```
|
|
5126
|
+
*/
|
|
3582
5127
|
declare function displayAd(args: AsyncCallback & TypeOf<(typeof displayAdArgs)[0]>): Promise<void>;
|
|
3583
5128
|
|
|
3584
5129
|
declare const refreshAdArgs: ZodOptional<ZodObject<{
|
|
@@ -3588,6 +5133,18 @@ declare const refreshAdArgs: ZodOptional<ZodObject<{
|
|
|
3588
5133
|
}, {
|
|
3589
5134
|
id?: string | undefined;
|
|
3590
5135
|
}>>[];
|
|
5136
|
+
/**
|
|
5137
|
+
* API dùng để xóa quảng cáo ở phiên hiện tại.
|
|
5138
|
+
*
|
|
5139
|
+
* @minimumVersion 2.37.0
|
|
5140
|
+
*
|
|
5141
|
+
* @param {string} [id] ID của loại quảng cáo cần xóa.
|
|
5142
|
+
*
|
|
5143
|
+
* @example Xóa quảng cáo ZMA_Middle:
|
|
5144
|
+
* ```ts
|
|
5145
|
+
* refreshAd({ id: "ZMA_Middle" });
|
|
5146
|
+
* ```
|
|
5147
|
+
*/
|
|
3591
5148
|
declare function refreshAd(args: AsyncCallback & TypeOf<(typeof refreshAdArgs)[0]>): Promise<void>;
|
|
3592
5149
|
|
|
3593
5150
|
declare const showOAWidgetArgs: ZodObject<{
|
|
@@ -3611,6 +5168,46 @@ declare const showOAWidgetArgs: ZodObject<{
|
|
|
3611
5168
|
onError?: ((...args: unknown[]) => unknown) | undefined;
|
|
3612
5169
|
id: string;
|
|
3613
5170
|
}>[];
|
|
5171
|
+
/**
|
|
5172
|
+
* Widget Quan tâm OA: Người dùng bấm nút "Quan tâm" trên widget sẽ thực hiện quan tâm ngay mà không cần hiển thị bottom sheet xin quyền. Thông tin OA được lấy từ OA đã xác thực Mini App.
|
|
5173
|
+
*
|
|
5174
|
+
* @minimumVersion 2.38.0
|
|
5175
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
5176
|
+
*
|
|
5177
|
+
* @param {string} id ID của element, nơi cần hiển thị widget.
|
|
5178
|
+
* @param {string} [guidingText="Nhận thông báo khuyến mãi mới nhất từ cửa hàng"] Chuỗi dùng để thông báo cho người dùng.
|
|
5179
|
+
* @param {string} [color="#0068FF"] Màu chủ đạo của widget. Giá trị phải là chuỗi hex.
|
|
5180
|
+
* @param {(status: boolean) => void} [onStatusChange] Callback được gọi khi người dùng nhấn theo dõi OA. Trạng thái theo dõi mới được truyền vào tham số của callback.
|
|
5181
|
+
*
|
|
5182
|
+
* @example Hiển thị Widget Quan tâm OA:
|
|
5183
|
+
* ```ts
|
|
5184
|
+
* import React, { useEffect } from "react";
|
|
5185
|
+
* import { showOAWidget } from "zmp-sdk/apis";
|
|
5186
|
+
*
|
|
5187
|
+
* function HomePage() {
|
|
5188
|
+
* useEffect(() => {
|
|
5189
|
+
* showOAWidget({
|
|
5190
|
+
* id: "oaWidget",
|
|
5191
|
+
* guidingText: "Nhận thông báo khuyến mãi mới nhất từ cửa hàng",
|
|
5192
|
+
* color: "#0068FF",
|
|
5193
|
+
* onStatusChange: (status) => {
|
|
5194
|
+
* console.log(status);
|
|
5195
|
+
* },
|
|
5196
|
+
* });
|
|
5197
|
+
* }, []);
|
|
5198
|
+
*
|
|
5199
|
+
* return (
|
|
5200
|
+
* <>
|
|
5201
|
+
* ...
|
|
5202
|
+
* <div id="oaWidget" />
|
|
5203
|
+
* ...
|
|
5204
|
+
* </>
|
|
5205
|
+
* );
|
|
5206
|
+
* }
|
|
5207
|
+
*
|
|
5208
|
+
* export default HomePage;
|
|
5209
|
+
* ```
|
|
5210
|
+
*/
|
|
3614
5211
|
declare function showOAWidget(args: AsyncVoidCallback & TypeOf<(typeof showOAWidgetArgs)[0]>): Promise<void>;
|
|
3615
5212
|
|
|
3616
5213
|
declare const showFunctionButtonWidgetArgs: ZodObject<{
|
|
@@ -3640,6 +5237,70 @@ declare const showFunctionButtonWidgetArgs: ZodObject<{
|
|
|
3640
5237
|
type: string;
|
|
3641
5238
|
id: string;
|
|
3642
5239
|
}>[];
|
|
5240
|
+
/**
|
|
5241
|
+
* Widget Function Button: Khi người dùng nhấn vào button này, Mini App sẽ nhận được 1 message token (có giá trị trong 7 ngày) để gửi tin nhắn tới người dùng. Chi tiết hướng dẫn gửi tin nhắn thông qua message token tham khảo [tại đây](https://developers.zalo.me/docs/official-account/tin-nhan/cac-loai-tin-khac/gui-tin-nhan-miniapp-den-nguoi-dung).
|
|
5242
|
+
*
|
|
5243
|
+
* @minimumVersion 2.39.0
|
|
5244
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
5245
|
+
*
|
|
5246
|
+
* @param {string} id ID của element, nơi cần hiển thị widget.
|
|
5247
|
+
* @param {"ORDER"} type Loại nút, hiện tại chỉ hỗ trợ giá trị: `ORDER`.
|
|
5248
|
+
* @param {"Thanh toán" |"Đặt món" |"Đặt xe" |"Đặt hàng" |"Mua vé" |"Booking" |"Đặt chỗ" |"Tạo đơn hàng" |"Đặt trước" |"Mua hàng" |"Đặt lịch" |"Tra cứu" |"Kiểm tra"} text Chuỗi hiển thị trong button. Phải là một trong các giá trị được cho phép:
|
|
5249
|
+
* - Thanh toán
|
|
5250
|
+
* - Đặt món
|
|
5251
|
+
* - Đặt xe
|
|
5252
|
+
* - Đặt hàng
|
|
5253
|
+
* - Mua vé
|
|
5254
|
+
* - Booking
|
|
5255
|
+
* - Đặt chỗ
|
|
5256
|
+
* - Tạo đơn hàng
|
|
5257
|
+
* - Đặt trước
|
|
5258
|
+
* - Mua hàng
|
|
5259
|
+
* - Đặt lịch
|
|
5260
|
+
* - Tra cứu
|
|
5261
|
+
* - Kiểm tra
|
|
5262
|
+
* @param {string} [fontSize="16px"] Kích thước font chữ. Giá trị nhỏ nhất là 14px.
|
|
5263
|
+
* @param {string} [color="#0068FF"] Màu chủ đạo của widget. Giá trị phải là chuỗi hex.
|
|
5264
|
+
* @param {string} [textColor="#FFFFFF"] Màu chữ trong button. Giá trị phải là chuỗi hex.
|
|
5265
|
+
* @param {string} [borderRadius="48px"] Bo góc (bo tròn các góc của button).
|
|
5266
|
+
* @param {(messageToken: string) => void} [onDataReceived] Callback được gọi khi người dùng nhấn vào widget. Callback này chứa `messageToken` là một token được dùng để gửi tin nhắn tới người dùng. Có giá trị trong 7 ngày.
|
|
5267
|
+
* @param {(error: string) => void} [onError] Callback được gọi khi có lỗi xảy ra khi người dùng nhấn vào widget. Callback này chứa `error` là thông tin về lỗi.
|
|
5268
|
+
*
|
|
5269
|
+
* @example Hiển thị Widget Function Button:
|
|
5270
|
+
* ```ts
|
|
5271
|
+
* import React, { useEffect } from "react";
|
|
5272
|
+
* import { showFunctionButtonWidget } from "zmp-sdk/apis";
|
|
5273
|
+
*
|
|
5274
|
+
* function HomePage() {
|
|
5275
|
+
* useEffect(() => {
|
|
5276
|
+
* showFunctionButtonWidget({
|
|
5277
|
+
* id: "orderButton",
|
|
5278
|
+
* type: "ORDER",
|
|
5279
|
+
* text: "Đặt hàng",
|
|
5280
|
+
* color: "#0068FF",
|
|
5281
|
+
* textColor: "#FFFFFF",
|
|
5282
|
+
* borderRadius: "48px",
|
|
5283
|
+
* onDataReceived: (messageToken) => {
|
|
5284
|
+
* console.log(messageToken);
|
|
5285
|
+
* },
|
|
5286
|
+
* onError: (error) => {
|
|
5287
|
+
* console.error("onError:", error);
|
|
5288
|
+
* },
|
|
5289
|
+
* });
|
|
5290
|
+
* }, []);
|
|
5291
|
+
*
|
|
5292
|
+
* return (
|
|
5293
|
+
* <>
|
|
5294
|
+
* ...
|
|
5295
|
+
* <div id="orderButton" />
|
|
5296
|
+
* ...
|
|
5297
|
+
* </>
|
|
5298
|
+
* );
|
|
5299
|
+
* }
|
|
5300
|
+
*
|
|
5301
|
+
* export default HomePage;
|
|
5302
|
+
* ```
|
|
5303
|
+
*/
|
|
3643
5304
|
declare function showFunctionButtonWidget(args: AsyncVoidCallback & TypeOf<(typeof showFunctionButtonWidgetArgs)[0]>): Promise<void>;
|
|
3644
5305
|
|
|
3645
5306
|
declare const scanNFCArgs: ZodObject<{
|
|
@@ -3667,16 +5328,88 @@ declare function scanNFC(args: AsyncCallback & TypeOf<(typeof scanNFCArgs)[0]>):
|
|
|
3667
5328
|
declare function checkNFC(args: AsyncVoidCallback): Promise<any>;
|
|
3668
5329
|
|
|
3669
5330
|
declare const getItemArgs: ZodString[];
|
|
5331
|
+
/**
|
|
5332
|
+
* Lấy dữ liệu đã lưu ở cache theo cơ chế đồng bộ.
|
|
5333
|
+
*
|
|
5334
|
+
* @minimumVersion 2.43.0
|
|
5335
|
+
* @behavior Ở môi trường phát triển, nhóm API Native Storage sẽ fallback về Local Storage để lưu trữ dữ liệu. Khi chạy bên trong ứng dụng Zalo mobile, Native Storage lưu trữ dữ liệu trong bộ nhớ của ứng dụng Zalo.
|
|
5336
|
+
*
|
|
5337
|
+
* @param {string} key Tên khóa của dữ liệu cần lấy
|
|
5338
|
+
* @returns {string} Giá trị của khóa cần lấy, hoặc `null` nếu khóa không tồn tại.
|
|
5339
|
+
* @example Lấy giá trị tìm kiếm gần đây
|
|
5340
|
+
* ```ts
|
|
5341
|
+
* const keyword = getItem("recentSearch");
|
|
5342
|
+
* ```
|
|
5343
|
+
*
|
|
5344
|
+
* @example Lấy danh sách sản phẩm từ cache. Đảm bảo luôn sử dụng `try/catch` khi parse JSON để tránh lỗi có thể dẫn đến crash app.
|
|
5345
|
+
* ```ts
|
|
5346
|
+
* try {
|
|
5347
|
+
* const data: Product[] = JSON.parse(getItem("cache.productList"));
|
|
5348
|
+
* } catch (error) {
|
|
5349
|
+
* // Không tìm thấy dữ liệu trong cache, hoặc dữ liệu không phải chuỗi JSON hợp lệ
|
|
5350
|
+
* }
|
|
5351
|
+
* ```
|
|
5352
|
+
*/
|
|
3670
5353
|
declare function getItem(key: TypeOf<(typeof getItemArgs)[0]>): string;
|
|
3671
5354
|
|
|
3672
5355
|
declare const setItemArgs: ZodString[];
|
|
5356
|
+
/**
|
|
5357
|
+
* Lưu trữ dữ liệu xuống bộ đệm theo cơ chế đồng bộ. Dữ liệu sẽ được lưu ở thiết bị của người dùng. Dữ liệu cũ nhất sẽ bị xoá nếu bộ nhớ đạt giới hạn (5MB).
|
|
5358
|
+
*
|
|
5359
|
+
* @minimumVersion 2.43.0
|
|
5360
|
+
* @behavior Ở môi trường phát triển, nhóm API Native Storage sẽ fallback về Local Storage để lưu trữ dữ liệu. Khi chạy bên trong ứng dụng Zalo mobile, Native Storage lưu trữ dữ liệu trong bộ nhớ của ứng dụng Zalo.
|
|
5361
|
+
*
|
|
5362
|
+
* @param {string} key Tên khóa mà bạn muốn tạo/cập nhật.
|
|
5363
|
+
* @param {string} value Giá trị mà bạn muốn cung cấp cho khóa mà bạn đang tạo/cập nhật.
|
|
5364
|
+
* @example Lưu từ khoá tìm kiếm vào bộ nhớ:
|
|
5365
|
+
* ```ts
|
|
5366
|
+
* nativeStorage.setItem("recentSearch", keyword);
|
|
5367
|
+
* ```
|
|
5368
|
+
*/
|
|
3673
5369
|
declare function setItem(key: TypeOf<(typeof setItemArgs)[0]>, value: TypeOf<(typeof setItemArgs)[1]>): void;
|
|
3674
5370
|
|
|
5371
|
+
/**
|
|
5372
|
+
* Xoá toàn bộ dữ liệu trong cache theo cơ chế đồng bộ.
|
|
5373
|
+
*
|
|
5374
|
+
* @minimumVersion 2.43.0
|
|
5375
|
+
* @behavior Ở môi trường phát triển, nhóm API Native Storage sẽ fallback về Local Storage để lưu trữ dữ liệu. Khi chạy bên trong ứng dụng Zalo mobile, Native Storage lưu trữ dữ liệu trong bộ nhớ của ứng dụng Zalo.
|
|
5376
|
+
*
|
|
5377
|
+
* @example Xoá toàn bộ dữ liệu trong cache:
|
|
5378
|
+
* ```ts
|
|
5379
|
+
* nativeStorage.clear();
|
|
5380
|
+
* ```
|
|
5381
|
+
*/
|
|
3675
5382
|
declare function clear(): void;
|
|
3676
5383
|
|
|
3677
5384
|
declare const removeItemArgs: ZodString[];
|
|
5385
|
+
/**
|
|
5386
|
+
* Xoá dữ liệu trong cache theo cơ chế đồng bộ.
|
|
5387
|
+
*
|
|
5388
|
+
* @minimumVersion 2.43.0
|
|
5389
|
+
* @behavior Ở môi trường phát triển, nhóm API Native Storage sẽ fallback về Local Storage để lưu trữ dữ liệu. Khi chạy bên trong ứng dụng Zalo mobile, Native Storage lưu trữ dữ liệu trong bộ nhớ của ứng dụng Zalo.
|
|
5390
|
+
*
|
|
5391
|
+
* @param {string} key Tên khóa của dữ liệu cần xoá
|
|
5392
|
+
*
|
|
5393
|
+
* @example Xoá từ khoá tìm kiếm cũ khỏi bộ nhớ:
|
|
5394
|
+
* ```ts
|
|
5395
|
+
* nativeStorage.removeItem("recentSearch");
|
|
5396
|
+
* ```
|
|
5397
|
+
*/
|
|
3678
5398
|
declare function removeItem(key: TypeOf<(typeof removeItemArgs)[0]>): void;
|
|
3679
5399
|
|
|
5400
|
+
/**
|
|
5401
|
+
* Lấy thông tin của cache theo cơ chế đồng bộ.
|
|
5402
|
+
*
|
|
5403
|
+
* @minimumVersion 2.43.0
|
|
5404
|
+
* @behavior Ở môi trường phát triển, nhóm API Native Storage sẽ fallback về Local Storage để lưu trữ dữ liệu. Khi chạy bên trong ứng dụng Zalo mobile, Native Storage lưu trữ dữ liệu trong bộ nhớ của ứng dụng Zalo.
|
|
5405
|
+
|
|
5406
|
+
* @returns {StorageInfo} thông tin của cache.
|
|
5407
|
+
*
|
|
5408
|
+
* @example
|
|
5409
|
+
* ```ts
|
|
5410
|
+
* const { currentSize, limitSize } = nativeStorage.getStorageInfo();
|
|
5411
|
+
* ```
|
|
5412
|
+
*/
|
|
3680
5413
|
declare function getStorageInfoSync(): StorageInfo;
|
|
3681
5414
|
|
|
3682
5415
|
declare const nativeStorage: {
|
|
@@ -3709,6 +5442,53 @@ declare const downloadFileArgs: ZodOptional<ZodObject<{
|
|
|
3709
5442
|
}, {
|
|
3710
5443
|
url: string;
|
|
3711
5444
|
}>>[];
|
|
5445
|
+
/**
|
|
5446
|
+
* API hỗ trợ tải file về thiết bị. Hỗ trợ giao thức tải file `https://` với các định dạng được liệt kê bên dưới.
|
|
5447
|
+
*
|
|
5448
|
+
* | Định dạng | Đuôi file |
|
|
5449
|
+
* | -------- | -------------------------------------------------------- |
|
|
5450
|
+
* | Văn bản | pdf, doc, docx, odt, xls, xlsx, ppt, pptx, txt, rtf, csv |
|
|
5451
|
+
* | Hình ảnh | jpg, jpeg, png, gif, bmp |
|
|
5452
|
+
* | Video | mp4, avi, mkv, mov, wmv |
|
|
5453
|
+
*
|
|
5454
|
+
* @minimumVersion 2.44.0
|
|
5455
|
+
* @requirePermission Cần xin Cấp quyền sử dụng các API này cho Mini App ID tại trang Quản lý ứng dụng. Nếu không, sẽ bị [lỗi với người dùng bình thường, mặc dù Developer/Admin thì không bị](https://mini.zalo.me/community/8746968970844796879/loi-chi-xay-ra-voi-nguoi-dung-binh-thuong-con-developer-admin-thi-khong-bi).
|
|
5456
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
5457
|
+
*
|
|
5458
|
+
* @param {string} url Đường dẫn của file muốn download.
|
|
5459
|
+
* @param {(progress: number) => void} [onProgress] Callback function tiến độ tải file. Với `progress` là số từ 0 đến 100%.
|
|
5460
|
+
*
|
|
5461
|
+
* @example Thông báo một lần sau khi tải file xong:
|
|
5462
|
+
* ```ts
|
|
5463
|
+
* await downloadFile({
|
|
5464
|
+
* url: "https://stc-zmp.zadn.vn/mini-app/landingpage-banner-new.png",
|
|
5465
|
+
* });
|
|
5466
|
+
* console.log("Tải file thành công!");
|
|
5467
|
+
* ```
|
|
5468
|
+
*
|
|
5469
|
+
* @example Xử lý lỗi khi tải file (tham khảo bảng mã lỗi tại [đây](https://mini.zalo.me/documents/api/downloadFile/#errors)):
|
|
5470
|
+
* ```ts
|
|
5471
|
+
* try {
|
|
5472
|
+
* await downloadFile({
|
|
5473
|
+
* url: "https://stc-zmp.zadn.vn/mini-app/landingpage-banner-new.png",
|
|
5474
|
+
* });
|
|
5475
|
+
* } catch (error) {
|
|
5476
|
+
* // Đã có lỗi xảy ra
|
|
5477
|
+
* console.error(error);
|
|
5478
|
+
* }
|
|
5479
|
+
* ```
|
|
5480
|
+
*
|
|
5481
|
+
* @example Báo cáo tiến độ tải file:
|
|
5482
|
+
* ```ts
|
|
5483
|
+
* await downloadFile({
|
|
5484
|
+
* url: "https://stc-zmp.zadn.vn/mini-app/landingpage-banner-new.png",
|
|
5485
|
+
* onProgress: (progress) => {
|
|
5486
|
+
* console.log(`Đã tải được ${progress}%...`);
|
|
5487
|
+
* },
|
|
5488
|
+
* });
|
|
5489
|
+
* console.log("Tải file thành công!");
|
|
5490
|
+
* ```
|
|
5491
|
+
*/
|
|
3712
5492
|
declare function downloadFile(args: AsyncProgressCallback & TypeOf<(typeof downloadFileArgs)[0]>): Promise<void>;
|
|
3713
5493
|
|
|
3714
5494
|
declare const eventTypeType: ZodEnum<["APP_INITIALIZING", "APP_READY"]>;
|
|
@@ -3719,4 +5499,108 @@ declare const trackingManager: {
|
|
|
3719
5499
|
logEvent: typeof logEvent;
|
|
3720
5500
|
};
|
|
3721
5501
|
|
|
3722
|
-
|
|
5502
|
+
declare const showCustomOAWidgetArgs: ZodObject<{
|
|
5503
|
+
id: ZodString;
|
|
5504
|
+
textColor: ZodOptional<ZodString>;
|
|
5505
|
+
fontSize: ZodOptional<ZodString>;
|
|
5506
|
+
buttonHeight: ZodOptional<ZodString>;
|
|
5507
|
+
buttonColor: ZodOptional<ZodString>;
|
|
5508
|
+
buttonTextColor: ZodOptional<ZodString>;
|
|
5509
|
+
buttonRadius: ZodOptional<ZodString>;
|
|
5510
|
+
buttonText: ZodOptional<ZodString>;
|
|
5511
|
+
checkboxBGColor: ZodOptional<ZodString>;
|
|
5512
|
+
checkboxCheckmarkColor: ZodOptional<ZodString>;
|
|
5513
|
+
onClick: ZodOptional<ZodFunction<ZodTuple<[], ZodUnknown>, ZodUnknown>>;
|
|
5514
|
+
onStatusChange: ZodOptional<ZodFunction<ZodTuple<[], ZodUnknown>, ZodUnknown>>;
|
|
5515
|
+
onError: ZodOptional<ZodFunction<ZodTuple<[], ZodUnknown>, ZodUnknown>>;
|
|
5516
|
+
}, "strip", ZodAny, {
|
|
5517
|
+
[x: string]: any;
|
|
5518
|
+
textColor?: string | undefined;
|
|
5519
|
+
onStatusChange?: ((...args: unknown[]) => unknown) | undefined;
|
|
5520
|
+
onError?: ((...args: unknown[]) => unknown) | undefined;
|
|
5521
|
+
fontSize?: string | undefined;
|
|
5522
|
+
buttonHeight?: string | undefined;
|
|
5523
|
+
buttonColor?: string | undefined;
|
|
5524
|
+
buttonTextColor?: string | undefined;
|
|
5525
|
+
buttonRadius?: string | undefined;
|
|
5526
|
+
buttonText?: string | undefined;
|
|
5527
|
+
checkboxBGColor?: string | undefined;
|
|
5528
|
+
checkboxCheckmarkColor?: string | undefined;
|
|
5529
|
+
onClick?: ((...args: unknown[]) => unknown) | undefined;
|
|
5530
|
+
id: string;
|
|
5531
|
+
}, {
|
|
5532
|
+
[x: string]: any;
|
|
5533
|
+
textColor?: string | undefined;
|
|
5534
|
+
onStatusChange?: ((...args: unknown[]) => unknown) | undefined;
|
|
5535
|
+
onError?: ((...args: unknown[]) => unknown) | undefined;
|
|
5536
|
+
fontSize?: string | undefined;
|
|
5537
|
+
buttonHeight?: string | undefined;
|
|
5538
|
+
buttonColor?: string | undefined;
|
|
5539
|
+
buttonTextColor?: string | undefined;
|
|
5540
|
+
buttonRadius?: string | undefined;
|
|
5541
|
+
buttonText?: string | undefined;
|
|
5542
|
+
checkboxBGColor?: string | undefined;
|
|
5543
|
+
checkboxCheckmarkColor?: string | undefined;
|
|
5544
|
+
onClick?: ((...args: unknown[]) => unknown) | undefined;
|
|
5545
|
+
id: string;
|
|
5546
|
+
}>[];
|
|
5547
|
+
/**
|
|
5548
|
+
* Nhằm tối ưu hiệu quả tăng follower của OA cho nhóm đối tác nội bộ, đồng thời đảm bảo trải nghiệm của User, không cảm thấy confuse, spam, Platform đã hỗ trợ cho nhóm đối tác nội bộ tool Widget "Quan tâm OA custom".
|
|
5549
|
+
* Đối tác có thể chỉnh sửa và gắn widget vào Mini App.
|
|
5550
|
+
*
|
|
5551
|
+
* @minimumVersion 2.46.0
|
|
5552
|
+
* @zaloOnly Chỉ hoạt động khi chạy bên trong ứng dụng Zalo mobile.
|
|
5553
|
+
*
|
|
5554
|
+
* @param {string} id - ID của element, nơi cần hiển thị widget.
|
|
5555
|
+
* @param {string} [textColor='#6F7071'] - Màu chữ của checkbox ("Đồng ý theo dõi OA").
|
|
5556
|
+
* @param {string} [fontSize='12px'] - Kích thước chữ cho checkbox
|
|
5557
|
+
* @param {string} [buttonHeight='48px'] - Chiều cao của nút CTA.
|
|
5558
|
+
* @param {string} [buttonColor='#0068FF'] - Màu nền của nút CTA.
|
|
5559
|
+
* @param {string} [buttonTextColor='#FFFFFF'] - Màu chữ của nút CTA.
|
|
5560
|
+
* @param {string} [buttonRadius='9999px'] - Border radius của nút CTA.
|
|
5561
|
+
* @param {string} [buttonText='Đồng ý'] - Nội dung hiển thị trên nút CTA.
|
|
5562
|
+
* @param {string} [checkboxBGColor='#0068FF'] - Màu nền của ô checkbox.
|
|
5563
|
+
* @param {string} [checkboxCheckmarkColor='#FFFFFF'] - Màu của dấu check (checkmark) trong checkbox.
|
|
5564
|
+
* @param {(status: boolean) => void} [onClick] - Callback được gọi khi người dùng nhấn nút CTA. Trả về `true` nếu checkbox được tick, ngược lại `false`.
|
|
5565
|
+
* @param {(error: string) => void} [onError] - Callback được gọi khi có lỗi xảy ra trong quá trình tương tác với widget.
|
|
5566
|
+
*
|
|
5567
|
+
* @example Hiển thị Widget Quan tâm OA Custom:
|
|
5568
|
+
* ```ts
|
|
5569
|
+
* import React, { useEffect } from "react";
|
|
5570
|
+
* import { showCustomOAWidget } from "zmp-sdk/apis";
|
|
5571
|
+
*
|
|
5572
|
+
* function HomePage() {
|
|
5573
|
+
* useEffect(() => {
|
|
5574
|
+
* showCustomOAWidget({
|
|
5575
|
+
* id: "oaCustomWidget",
|
|
5576
|
+
* onClick: (status) => {
|
|
5577
|
+
* console.log(status);
|
|
5578
|
+
* },
|
|
5579
|
+
* });
|
|
5580
|
+
* }, []);
|
|
5581
|
+
*
|
|
5582
|
+
* return (
|
|
5583
|
+
* <>
|
|
5584
|
+
* ...
|
|
5585
|
+
* <div id="oaCustomWidget" />
|
|
5586
|
+
* ...
|
|
5587
|
+
* </>
|
|
5588
|
+
* );
|
|
5589
|
+
* }
|
|
5590
|
+
*
|
|
5591
|
+
* export default HomePage;
|
|
5592
|
+
* ```
|
|
5593
|
+
*/
|
|
5594
|
+
declare function showCustomOAWidget(args: AsyncVoidCallback & TypeOf<(typeof showCustomOAWidgetArgs)[0]>): Promise<void>;
|
|
5595
|
+
|
|
5596
|
+
declare class AppError {
|
|
5597
|
+
code: number;
|
|
5598
|
+
message: string | string[];
|
|
5599
|
+
api?: string | symbol;
|
|
5600
|
+
detail?: any;
|
|
5601
|
+
constructor(code: number, message: string | string[], api?: string | symbol, detail?: any);
|
|
5602
|
+
toString(): string;
|
|
5603
|
+
toJSON(): object;
|
|
5604
|
+
}
|
|
5605
|
+
|
|
5606
|
+
export { AppError, CameraEvents, CheckoutSDK, Events as EventName, Events, FacingMode, MediaConstraints, MediaDevice, Payment, PhotoConstraint, PhotoFormat, PhotoFrame, PhotoQuality, StreamType, ZMACamera, ZMACameraImp, addRating, authorize, checkNFC, checkStateBioAuthentication, checkTransaction, checkZaloCameraPermission, chooseImage, clearStorage, closeApp, closeLoading, configAppView, connectWifi, createCameraContext, createOrder, createOrderIAP, createShortcut, displayAd, downloadFile, events, favoriteApp, followOA, getAccessToken, getAppInfo, getAuthCode, getBeacons, getContext, getContextAsync, getDeviceId, getDeviceIdAsync, getIDToken, getLocation, getNetworkType, getPhoneNumber, getRouteParams, getSetting, getShareableLink, getStorage, getStorageInfo, getSystemInfo, getUserID, getUserInfo, getVersion, getZPIToken, hideKeyboard, interactOA, interactOA as interactOa, checkIsAllowedInteractWithOA as isAllowedInteractWithOA, keepScreen, loadAd, login, minimizeApp, nativeStorage, offConfirmToExit, offKeepScreen, onCallbackData, onConfirmToExit, onKeepScreen, onNetworkStatusChange, openBioAuthentication, openChat, openGroupList, openMediaPicker, openMiniApp, openOutApp, openPermissionSetting, openPhone, openPostFeed, openProfile, openProfilePicker, openSMS, openShareSheet, openWebview, purchase, refreshAd, removeStorage, requestCameraPermission, requestSendNotification, requestUpdateZalo, saveImageToGallery, saveVideoToGallery, scanNFC, scanQRCode, selectPaymentMethod, sendDataToPreviousMiniApp, setAccessToken, setAndroidBottomNavigationBar, setIOSBottomSafeArea, setNavigationBarColor, setNavigationBarLeftButton, setNavigationBarTitle, setStatusBar, setStorage, setupAd, showCustomOAWidget, showFunctionButtonWidget, showOAWidget, showToast, startBeaconDiscovery, stopBeaconDiscovery, trackingManager, unfollowOA, vibrate, viewOAQr };
|