zmp-sdk 2.47.0-beta.6 → 2.47.0-beta.7
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/showCustomOAWidget.js +1 -1
- package/apis/apis/showFunctionButtonWidget.js +1 -1
- package/apis/apis/showOAWidget.js +1 -1
- package/apis/index.d.ts +0 -151
- package/apis/package.json.js +1 -1
- package/browser.min.js +2 -2
- package/index.d.ts +0 -151
- package/index.es.js +2 -2
- package/index.js +2 -2
- package/index.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import t from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import n from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import e,{object as r,string as i}from'./../external/zod/lib/index.mjs.js';import s from"../appEnv/index.js";import a from"../common/notFound.js";import{functionHandler as l}from"../utils/decorator.js";import c from"../common/token.js";import u from"../common/apis/general/openProfile.js";import{base64EncodeUnicode as m,setSearchParams as d}from"../utils/common.js";import{WIDGET_URLS as p,ALLOW_WIDGET_ORIGIN as h}from"../constants.js";import{__generator as f}from'./../external/tslib/tslib.es6.js';var g=[r({id:i(),textColor:e.string().optional(),fontSize:e.string().optional(),buttonHeight:e.string().optional(),buttonColor:e.string().optional(),buttonTextColor:e.string().optional(),buttonRadius:e.string().optional(),buttonText:e.string().optional(),checkboxBGColor:e.string().optional(),checkboxCheckmarkColor:e.string().optional(),onClick:e.function().optional(),onStatusChange:e.function().optional(),onError:e.function().optional()}).catchall(e.any())];function
|
|
1
|
+
import o from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import t from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import n from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import e,{object as r,string as i}from'./../external/zod/lib/index.mjs.js';import s from"../appEnv/index.js";import a from"../common/notFound.js";import{functionHandler as l}from"../utils/decorator.js";import c from"../common/token.js";import u from"../common/apis/general/openProfile.js";import{base64EncodeUnicode as m,setSearchParams as d}from"../utils/common.js";import{WIDGET_URLS as p,ALLOW_WIDGET_ORIGIN as h}from"../constants.js";import{__generator as f}from'./../external/tslib/tslib.es6.js';var g,b=[r({id:i(),textColor:e.string().optional(),fontSize:e.string().optional(),buttonHeight:e.string().optional(),buttonColor:e.string().optional(),buttonTextColor:e.string().optional(),buttonRadius:e.string().optional(),buttonText:e.string().optional(),checkboxBGColor:e.string().optional(),checkboxCheckmarkColor:e.string().optional(),onClick:e.function().optional(),onStatusChange:e.function().optional(),onError:e.function().optional()}).catchall(e.any())];function C(o){return x.apply(this,arguments)}function x(){return x=o((function(e){return f(this,(function(r){return[2,l("showCustomOAWidget",b,[e],(i=o((function(e){var r,i,l,b,C,x,j,y,k,w,v,_,T,E,O,S,A,P,I,R,B;return f(this,(function(H){if(s.isMp){try{r=document.getElementById(e.id),i=e.textColor,l=e.fontSize,b=e.buttonHeight,C=e.buttonColor,x=e.buttonTextColor,j=e.buttonRadius,y=e.buttonText,k=e.checkboxBGColor,w=e.checkboxCheckmarkColor,v=e.onStatusChange,_=e.onClick,T=e.onError,E=t(e,["textColor","fontSize","buttonHeight","buttonColor","buttonTextColor","buttonRadius","buttonText","checkboxBGColor","checkboxCheckmarkColor","onStatusChange","onClick","onError"]),r&&(O=document.createElement("iframe"),S="ifCOAW-".concat(e.id,"-").concat(Date.now()),A=new URL(p.CUSTOM_OA),P={id:S,appId:window.APP_ID,textColor:i,fontSize:l,buttonHeight:b,buttonColor:C,buttonTextColor:x,buttonRadius:j,buttonText:y,checkboxBGColor:k,checkboxCheckmarkColor:w},Object.entries(E).forEach((function(o){var t=n(o,2),e=t[0],r=t[1];r&&(P["data-".concat(e)]=String(r))})),I=JSON.stringify(P),R=m(I),B=encodeURIComponent(R),d(A.searchParams,"data",B),O.id=S,O.src=A.href,O.style.width="100%",O.style.height="100%",O.style.border="none",r.innerHTML=O.outerHTML,window.removeEventListener("message",g,!1),g=function(){var t=o((function(o){var t,n,e,r,i,s,a,l,m;return f(this,(function(d){switch(d.label){case 0:return t=o.data,o.origin.startsWith(h)?(n=document.getElementById(S),e=t.type,(r=new URL(t.href)).origin!==A.origin||r.pathname!==A.pathname||t.id!==S?[3,3]:"followOA"!==e&&"getOAInfo"!==e?[3,2]:[4,c.jumpAndGetToken()]):[3,3];case 1:return d.sent(),a=null===(i=c.miniProgramConfig)||void 0===i?void 0:i.jwt,null==n||null===(s=n.contentWindow)||void 0===s||s.postMessage({type:e,payload:{jwt:a}},h),[3,3];case 2:"oaInfo"===e?null==v||v(null===(l=t.payload)||void 0===l?void 0:l.followed):"openOA"===e?u(t.payload.id,"oa"):"heightChange"===e?n.style.height="".concat(t.payload,"px"):"onClick"===e?null==_||_(null===(m=t.payload)||void 0===m?void 0:m.status):"onError"===e&&(null==T||T(t.payload)),d.label=3;case 3:return[2]}}))}));return function(o){return t.apply(this,arguments)}}(),window.addEventListener("message",g,!1))}catch(o){console.log(o)}return[2,Promise.resolve()]}return s.isMpWeb?[2,Promise.resolve()]:[2,Promise.reject(a("showCustomOAWidget",{}))]}))})),function(o){return i.apply(this,arguments)}))];var i}))})),x.apply(this,arguments)}export{C as showCustomOAWidget};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import e from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import o from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import n from'./../external/@swc/helpers/src/_to_consumable_array.mjs.js';import r from'./../external/zod/lib/index.mjs.js';import i from"../appEnv/index.js";import s from"../common/notFound.js";import{functionHandler as a}from"../utils/decorator.js";import c from"../common/token.js";import{getAccessToken as l}from"./getAccessToken.js";import{WIDGET_URLS as d,ALLOW_WIDGET_ORIGIN as u}from"../constants.js";import{__generator as m}from'./../external/tslib/tslib.es6.js';var p=[r.object({id:r.string(),type:r.string(),text:r.string(),color:r.string().optional(),disabled:r.boolean().optional(),onDataReceived:r.function().optional(),onError:r.function().optional()}).catchall(r.any())];function
|
|
1
|
+
import t from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import e from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import o from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import n from'./../external/@swc/helpers/src/_to_consumable_array.mjs.js';import r from'./../external/zod/lib/index.mjs.js';import i from"../appEnv/index.js";import s from"../common/notFound.js";import{functionHandler as a}from"../utils/decorator.js";import c from"../common/token.js";import{getAccessToken as l}from"./getAccessToken.js";import{WIDGET_URLS as d,ALLOW_WIDGET_ORIGIN as u}from"../constants.js";import{__generator as m}from'./../external/tslib/tslib.es6.js';var p,f=[r.object({id:r.string(),type:r.string(),text:r.string(),color:r.string().optional(),disabled:r.boolean().optional(),onDataReceived:r.function().optional(),onError:r.function().optional()}).catchall(r.any())];function y(t){return h.apply(this,arguments)}function h(){return h=t((function(r){return m(this,(function(y){return[2,a("showFunctionButtonWidget",f,[r],(h=t((function(r){var a,f,y,h,v,j,g;return m(this,(function(w){if(i.isMp){try{a=document.getElementById(r.id),f=r.onDataReceived,y=r.onError,h=e(r,["onDataReceived","onError"]),a&&(v=document.createElement("iframe"),j="ifFBW-".concat(r.id,"-").concat(Date.now()),(g=new URL(d.FUNCTION_BUTTON)).searchParams.set("id",j),g.searchParams.set("appId",window.APP_ID),Object.entries(h).forEach((function(t){var e=o(t,2),n=e[0],r=e[1];r&&g.searchParams.set("data-".concat(n),String(r))})),v.id=j,v.src=g.href,v.style.width="100%",v.style.height="100%",v.style.border="none",Object.entries(h).forEach((function(t){var e=o(t,2),n=e[0],r=e[1];r&&v.setAttribute("data-".concat(n),String(r))})),a.innerHTML=v.outerHTML,window.removeEventListener("message",p,!1),p=function(){var e=t((function(t){var e,o,r,i,s,a,d,p,v,w,_,b,E;return m(this,(function(m){switch(m.label){case 0:return e=t.data,t.origin.startsWith(u)?(o=document.getElementById(j),r=e.type,(i=new URL(e.href)).origin!==g.origin||i.pathname!==g.pathname||e.id!==j?[3,4]:"buttonClicked"!==r?[3,3]:[4,c.jumpAndGetToken()]):[3,4];case 1:return m.sent(),p=null===(s=c.miniProgramConfig)||void 0===s?void 0:s.jwt,v=null===(a=c.miniProgramConfig)||void 0===a?void 0:a.encryptKey,[4,l()];case 2:return w=m.sent(),null==o||null===(d=o.contentWindow)||void 0===d||d.postMessage({type:r,payload:{jwt:p,encryptKey:v,accessToken:w}},u),[3,4];case 3:"onSuccess"===r?(null==(_=e.payload)?void 0:_.type)===h.type&&(b={callAction:function(t,e){var n;null==o||null===(n=o.contentWindow)||void 0===n||n.postMessage({type:"context.callAction",payload:{actionName:t,actionData:e}},u)}},null==f||f.apply(void 0,n(Object.values(_)).concat([b]))):"onError"===r&&(null==(E=e.payload)?void 0:E.type)===h.type&&(null==y||y(null==E?void 0:E.data)),m.label=4;case 4:return[2]}}))}));return function(t){return e.apply(this,arguments)}}(),window.addEventListener("message",p,!1))}catch(t){console.log(t)}return[2,Promise.resolve()]}return i.isMpWeb?[2,Promise.resolve()]:[2,Promise.reject(s("showFunctionButtonWidget",{}))]}))})),function(t){return h.apply(this,arguments)}))];var h}))})),h.apply(this,arguments)}export{y as showFunctionButtonWidget};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import e from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import t from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import n,{object as r,string as i}from'./../external/zod/lib/index.mjs.js';import s from"../appEnv/index.js";import a from"../common/notFound.js";import{functionHandler as c}from"../utils/decorator.js";import l from"../common/token.js";import m from"../common/apis/general/openProfile.js";import{WIDGET_URLS as d,ALLOW_WIDGET_ORIGIN as u}from"../constants.js";import{__generator as p}from'./../external/tslib/tslib.es6.js';var h=[r({id:i(),guidingText:i().optional(),color:i().optional(),onStatusChange:n.function().optional(),onError:n.function().optional()}).catchall(n.any())];function
|
|
1
|
+
import o from'./../external/@swc/helpers/src/_async_to_generator.mjs.js';import e from'./../external/@swc/helpers/src/_object_without_properties.mjs.js';import t from'./../external/@swc/helpers/src/_sliced_to_array.mjs.js';import n,{object as r,string as i}from'./../external/zod/lib/index.mjs.js';import s from"../appEnv/index.js";import a from"../common/notFound.js";import{functionHandler as c}from"../utils/decorator.js";import l from"../common/token.js";import m from"../common/apis/general/openProfile.js";import{WIDGET_URLS as d,ALLOW_WIDGET_ORIGIN as u}from"../constants.js";import{__generator as p}from'./../external/tslib/tslib.es6.js';var h,f=[r({id:i(),guidingText:i().optional(),color:i().optional(),onStatusChange:n.function().optional(),onError:n.function().optional()}).catchall(n.any())];function g(o){return j.apply(this,arguments)}function j(){return j=o((function(n){return p(this,(function(r){return[2,c("showOAWidget",f,[n],(i=o((function(n){var r,i,c,f,g,j,w,y;return p(this,(function(v){if(s.isMp){try{r=document.getElementById(n.id),i=n.onStatusChange,c=n.guidingText,f=n.color,g=e(n,["onStatusChange","guidingText","color"]),r&&(j=document.createElement("iframe"),w="ifOAW-".concat(n.id,"-").concat(Date.now()),(y=new URL(d.OA)).searchParams.set("id",w),y.searchParams.set("appId",window.APP_ID),c&&y.searchParams.set("guidingText",c),f&&y.searchParams.set("color",f),Object.entries(g).forEach((function(o){var e=t(o,2),n=e[0],r=e[1];r&&y.searchParams.set("data-".concat(n),String(r))})),j.id=w,j.src=y.href,j.style.width="100%",j.style.height="100%",j.style.border="none",r.innerHTML=j.outerHTML,window.removeEventListener("message",h,!1),h=function(){var e=o((function(o){var e,t,n,r,s,a,c,d;return p(this,(function(p){switch(p.label){case 0:return e=o.data,o.origin.startsWith(u)?(t=document.getElementById(w),n=e.type,(r=new URL(e.href)).origin!==y.origin||r.pathname!==y.pathname||e.id!==w?[3,3]:"followOA"!==n&&"getOAInfo"!==n?[3,2]:[4,l.jumpAndGetToken()]):[3,3];case 1:return p.sent(),c=null===(s=l.miniProgramConfig)||void 0===s?void 0:s.jwt,null==t||null===(a=t.contentWindow)||void 0===a||a.postMessage({type:n,payload:{jwt:c}},u),[3,3];case 2:"oaInfo"===n?null==i||i(null===(d=e.payload)||void 0===d?void 0:d.followed):"openOA"===n?m(e.payload.id,"oa"):"heightChange"===n&&(t.style.height="".concat(e.payload,"px")),p.label=3;case 3:return[2]}}))}));return function(o){return e.apply(this,arguments)}}(),window.addEventListener("message",h,!1))}catch(o){console.log(o)}return[2,Promise.resolve()]}return s.isMpWeb?[2,Promise.resolve()]:[2,Promise.reject(a("showOAWidget",{}))]}))})),function(o){return i.apply(this,arguments)}))];var i}))})),j.apply(this,arguments)}export{g as showOAWidget};
|
package/apis/index.d.ts
CHANGED
|
@@ -5168,46 +5168,6 @@ declare const showOAWidgetArgs: ZodObject<{
|
|
|
5168
5168
|
onError?: ((...args: unknown[]) => unknown) | undefined;
|
|
5169
5169
|
id: string;
|
|
5170
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
|
-
*/
|
|
5211
5171
|
declare function showOAWidget(args: AsyncVoidCallback$1 & TypeOf<(typeof showOAWidgetArgs)[0]>): Promise<void>;
|
|
5212
5172
|
|
|
5213
5173
|
declare const showFunctionButtonWidgetArgs: ZodObject<{
|
|
@@ -5237,70 +5197,6 @@ declare const showFunctionButtonWidgetArgs: ZodObject<{
|
|
|
5237
5197
|
type: string;
|
|
5238
5198
|
id: string;
|
|
5239
5199
|
}>[];
|
|
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
|
-
*/
|
|
5304
5200
|
declare function showFunctionButtonWidget(args: AsyncVoidCallback & TypeOf<(typeof showFunctionButtonWidgetArgs)[0]>): Promise<void>;
|
|
5305
5201
|
|
|
5306
5202
|
declare const scanNFCArgs: ZodObject<{
|
|
@@ -5544,53 +5440,6 @@ declare const showCustomOAWidgetArgs: ZodObject<{
|
|
|
5544
5440
|
onClick?: ((...args: unknown[]) => unknown) | undefined;
|
|
5545
5441
|
id: string;
|
|
5546
5442
|
}>[];
|
|
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
5443
|
declare function showCustomOAWidget(args: AsyncVoidCallback & TypeOf<(typeof showCustomOAWidgetArgs)[0]>): Promise<void>;
|
|
5595
5444
|
|
|
5596
5445
|
declare const showWidgetArgs: ZodObject<{
|
package/apis/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var a="2.47.0-beta.
|
|
1
|
+
var a="2.47.0-beta.7";export{a as version};
|