功能配置API

setCustomConfig(config: CustomConfig): void

setCustomConfig({
	referrer: '/page/home/index',
	customerAvatar: 'https://ysf.qiyukf.net/operation/8de1f12e2420c26c00e7abe194b28f58',
	templateId: 39298043
});

import { configProduct } from '@ysf/sdk';
const product = {
  title: '任天堂（Nintendo）Switch游戏机',
  desc: '任天堂（Nintendo） Switch NS NX掌上游戏机便携 塞尔达马里奥新款游戏机 主机不锁 日版黑机彩色手柄+中文赛/塞尔达传说(指南+地图)',
  note: '$2330',
  picture: 'https://img10.360buyimg.com/n5/s75x75_jfs/t4030/290/29851193/293745/d5e2b731/58ac3506Nbb57b5f6.jpg',
  url: 'https://www.qi.163.com/',
  isShow: 1,
  sendByUser: 1,
  extraParam: {
    param1: 'onClickAction事件回调中可能需要的额外参数',
  },
};

configProduct(product);

/ 商品卡片标签
export type CardTagVO = {
  label: string;
  url: string;
  focusIframe: string;
  data: any;
};

// 商品卡片配置类型美剧
export enum ProductCardTypeEnum {
  PRODUCT = 0, // 商品卡片
  ORDER = 1, // 订单卡片
  CUSTOM = 2, // 自定义卡片
}

// 订单阶枚举
export enum OrderStageTypeEnum {
  PRE_SALE = 10000, // 售前阶段
  BEFORE_SHIPMENT = 20000, // 发货前阶段
  AFTER_SHIPMENT = 30000, // 发货后阶段
  AFTER_SALE = 40000, // 售后阶段
}

// 商品卡片配置
export type ProductVO = {
  cardType?: ProductCardTypeEnum;
  sendByUser?: number;
  auto?: number;
  show?: number;
  actionText?: string;
  actionTextColor?: string;
  sendProToRobot?: number;
  picture: string;
  title: string;
  desc: string;
  url: string;
  note: string;
  price?: string;
  goodsId?: string;
  goodsCId?: string;
  goodsCName?: string;
  intent?: string;
  payMoney?: string;
  orderId?: string;
  orderTime?: string;
  orderSku?: string;
  orderCount?: string;
  orderStatus?: string;
  orderStageType?: OrderStageTypeEnum;
  isShow?: number;
  tags?: CardTagVO[];
  extraParam?: Record<string, string>;
  floatCardSend?: number;
};

export type cardMessageVO = {
  cards?: Icard[],
  floatCards?: IFloatCard[],
  sendProToRobot? 1| 0:  //1:开 默认0 
}
type ICard =
  | TitleOptions
  | RichOptions
  | SubTitleOptions
  | ImageOptions
  | ProductOptions
  | OrderOptions
  | FlowOptions
  | ButtonOptions
  | LinkOptions
  | TagOptions;

type IFloatCard = ProductOptions | ButtonOptions | TagOptions;

enum MoudleType {
  TITLE = 'title',
  RICH = 'rich',
  SUBTITLE = 'subtitle',
  IMAGE = 'image',
  PRODUCT = 'product',
  ORDER = 'order',
  FLOW = 'flow',
  BUTTON = 'button',
  LINK = 'link',
  TAG = 'tag',
}

interface TitleOptions {
  type: MoudleType.TITLE;
  content: string; //内容
  url?: string; // 超链接
  img?: string; // 图片加文本的图片url
  style?: {
    fontSize?: string | number; // 文字大小，默认14px
    fontColor?: string; // 字体颜色
    divider?: 0 | 1; // 是否添加分割线默认有分割线，最后一个元素没有
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 富文本模版的配置
 */
interface RichOptions {
  type: MoudleType.RICH; // 富文本
  content: string; // 内容
  style?: {
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
    divider?: 0 | 1; // 分割线
  };
}

/**
 * 副标题模版的配置
 */
interface SubTitleOptions {
  type: MoudleType.SUBTITLE;
  img?: string; // 图片url
  content: string;
  subContent?: string; // 显示在右侧的
  url?: string; // 跳转 url
  style?: {
    backgroundColor?: string; // 背景色
    divider?: 0 | 1; // 分割线
    fontSize?: number;
    fontColor?: string;
    subFontSize?: number;
    subFontColor?: string;
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 图片模版的配置
 */
interface ImageOptions {
  type: MoudleType.IMAGE; // 图片
  img: string; // 图片url
  url?: string; // 跳转 url
  style?: {
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 商品模版的配置
 */
export interface ProductOptions {
  type: MoudleType.PRODUCT; // 商品
  data: {
    id: string | number; // 商品id
    picture: string; // 商品图片
    desc: string; // 描述
    title: string; 标题
    price: string; // 价格
    url?: string; // actions 0的情况 跳转链接
    action?: 0 | 1; // 0 点击跳转【默认】， 1 点击发送对应的商品卡片 (只试用于访客端)
  }[];
  style?: {
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 订单模版的配置
 */
export interface OrderOptions {
  type: MoudleType.ORDER; // 订单
  orderId: string | number; // 订单id
  orderTime: string; // 下单时间
  data: {
    picture: string; // 商品图片
    desc: string; // 描述
    title: string; // 商品标题
    payMoney?: string; // 价格
    url?: string; // 跳转链接
    count?: string; // 订单商品数量 x 100
    sku?: string; // 商品sku描述
    status: string; // 交易状态
    action?: 0 | 1; // 0 点击跳转， 1 点击发送对应的订单卡片 (只试用于访客端)
  }[];
  style?: {
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 节点流程的配置
 */
export interface FlowOptions {
  type: MoudleType.FLOW; // 流程
  data: {
    id: string | number; // 流程id
    title: string; // 标题
    subtitle?: string; // 副标题
    current?: 1 | 0; // 当前步骤
  }[];
  style?: {
    fontSize?: number; // 主标题大小
    fontColor?: string; // 主标题颜色 有默认
    subFontSize?: number; // 副标题大小
    sunFontColor?: string; // 副标题颜色 有默认值
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 按钮模版的配置 TODO
 */
export interface ButtonOptions {
  type: MoudleType.BUTTON; // 按钮
  numInRow?: number; // 一行显示几个按钮 默认1个【浮动组件不生效】
  data: {
    title: string; // 标题
    action?: 0 | 1; // 0 点击跳转链接， 1 点击发送配置的文字(仅限访客)
    url?: string; // 跳转链接
    content?: string; // 发送的文字 action === 1 需要配置此内容
  }[];
  style?: {
    backgroundColor?: string; // 背景色
    fontColor?: string; // 文字颜色
    fontSize?: number; // 文字大小
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 卡片消息的配置
 */
export interface LinkOptions {
  type: MoudleType.LINK; // 链接
  content: string; // 标题
  url: string; // 跳转链接
  style?: {
    fontSize?: number; // 文字大小
    fontColor?: string; // 文字颜色
    divider?: 0 | 1; // 分割线
    pt?: number; // 上边距
    pb?: number; // 下边距
    pl?: number; // 左边距
    pr?: number; // 右边距
  };
}

/**
 * 标签
 */
export interface TagOptions {
  type: MoudleType.TAG; // 标签
  data: {
  	label: string; // 标签名称
    url?: string; // 非必填，如果没有 focusIframe 字段，或者没有匹配到 iframe，就以新窗口打开这个链接
    focusIframe?: string; // 定位到客服工作台右侧 iframe 的标识，以 iframe 的名称匹配
    data: any; // 以 postMessage 形式发送的数据，数据格式不限
  }[];
}

configStaffId(10001);

import { configGroupId } from '@ysf/sdk';
configGroupId(12);

import { getUnreadCount } from '@ysf/sdk';
getUnreadCount();
console.log('当前未读消息总数: ', total);

import { onUnread } from '@ysf/sdk';
 onUnread((res: Record<string, Object>) => {
   console.log('当前未读消息总数: ', res.total);
   console.log('新增未读消息: ', res.message);
 });

import { clearUnreadCount } from '@ysf/sdk';
clearUnreadCount(); // 会触发 onunread 回调
console.log('未读消息清空完成!');