@conecli/cone-render 0.8.20-beta.0 → 0.8.20-beta.2

package/dist/jumpEventReport/web.jd.ts

@@ -1 +1 @@
-import { JdJumpJdApp } from './jdJumpJdApp'
  reportClick,
  reportPV,
  reportToCart,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'App-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  constructor(opt = {}) {
    super(opt)
    this.getConfig(opt)
  }
  getConfig(opt = {}) {
    return Object.assign(this, {}, defaultConfig, opt)
  }
  updateInfo(
    routerInfo,
    logPname = LogPnameInfo.HOME,
    pageId = LogPageIdInfo.APP,
  ) {
    this.logPageId = pageId
    this.routerInfo = routerInfo
    this.jumpConfig = Object.assign({}, this.jumpConfig, routerInfo.params)
    this.logPname = logPname
  }
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any
    } = {},
  ) {
    const { pageParam } = opt
    this.logPageParamStr = pageParam
      ? pageParam
      : this.creatParamToLogStr(this.jumpConfig)
          .replace(/moduleId/, 'JumpmoduleID')
          .replace(/entrance/, 'Jumpentrance')
    reportPV({
      pageId,
      pageParam: this.logPageParamStr,
      ...opt,
    })
  }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    if (this.isOpenJdAppUrl(url)) {
      const getOpenAppParams = this.jdOpenAppParams(url)
      console.log(
        'jd web 获取自定义openApp链接解析后的参数结果',
        getOpenAppParams,
      )
      if (getOpenAppParams) {
        this.jdNavigateToNative(
          Object.assign({}, getOpenAppParams, {
            logEventInfo,
          }),
        )
      }
    } else {
      super.jdJumpToWeb(
        url,
        {
          ...logEventInfo,
        },
        successBack,
        failBack,
      )
    }
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    this.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_CATEGORY_PAGE:
        this.jdJumpToShopCategory({
          ...configDataValue,
          logEventInfo,
        })
        break
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        this.jdJumpToProduct(configDataValue.skuIds, logEventInfo)
        break
      case LinkConfigType.CONFIG_TYPE_COUPON_LIST:
        this.jdJumpToWeb(
          `${this.jumpWebUrl.shopCoupon}?couponType=1&shopId=${global.info.queryInfo.shopId}&venderId=${global.info.queryInfo.venderId}`,
          {},
        )
        break
      case LinkConfigType.CONFIG_TYPE_CATEGORY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopSearchParams = this.jdOpenAppParams(
            configDataValue.clickUrl,
          )
          console.log(
            'jd web 获取店铺分类链接解析后的参数结果',
            getShopSearchParams,
          )
          getShopSearchParams &&
            this.jdJumpToShopSearch(
              Object.assign({}, getShopSearchParams, {
                logEventInfo,
              }),
            )
        } else {
          this.jdJumpToShopSearch(
            configDataValue['cid']
              ? Object.assign(
                  {},
                  {
                    shopId: global.info.queryInfo.shopId,
                    categoryId: configDataValue.cid,
                    searchType: '5',
                    logEventInfo,
                  },
                )
              : {
                  shopId: global.info.queryInfo.shopId,
                  logEventInfo,
                },
          )
        }
        break
      case LinkConfigType.CONFIG_TYPE_MEMBER:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopMemberParams = this.jdOpenAppParams(
            configDataValue.clickUrl,
          )
          getShopMemberParams &&
            this.jdJumpToShopMember(
              Object.assign({}, getShopMemberParams, {
                logEventInfo,
              }),
            )
        } else {
          this.jdJumpToShopMember({
            shopId: global.info.queryInfo.shopId,
            venderId: configDataValue.shopDetail,
            logEventInfo,
          })
        }
        break
      case LinkConfigType.CONFIG_TYPE_SHOP_ACTIVITY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopActivityParams = this.jdOpenAppParams(
            configDataValue.clickUrl,
          )
          getShopActivityParams &&
            this.jdJumpToShopActivity(
              Object.assign({}, getShopActivityParams, {
                logEventInfo,
              }),
            )
        } else if (configDataValue['projectId']) {
          this.jdJumpToShopActivity({
            projectId: configDataValue['projectId'],
            configDataValue,
            logEventInfo,
          })
        }
        break
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK:
      case LinkConfigType.CONFIG_TYPE_FINANCE_COUPON: {
        const _url = configDataValue.linkUrl
        if (
          _url.indexOf('to=') === -1 &&
          _url.indexOf(`${domain.mshop.replace(/https?:/, '')}/?shopId=`) !== -1
        ) {
          const _shopId = _url.match(/\d+/g)[0]
          this.jdJumpToShopHome({
            shopId: `${_shopId}`,
            logEventInfo,
          })
        } else if (this.isOpenJdAppUrl(_url)) {
          const getOpenAppParams = this.jdOpenAppParams(_url)
          console.log('jd web 获取自定义链接解析后的参数结果', getOpenAppParams)
          if (getOpenAppParams) {
            this.jdNavigateToNative(
              Object.assign({}, getOpenAppParams, {
                logEventInfo,
              }),
            )
          }
        } else {
          this.jdJumpToWeb(_url, logEventInfo)
        }
        break
      }
      case LinkConfigType.CONFIG_TYPE_JSHOP_DETAIL:
        this.jdJumpToShopDetail({
          venderId: global.info.queryInfo.venderId,
          shopId: global.info.queryInfo.shopId,
          logEventInfo,
        })
        break
      case LinkConfigType.CONFIG_TYPE_SHOP_HOME:
        this.jdJumpToShopHome({
          ...configDataValue,
          logEventInfo,
        })
        break
      case LinkConfigType.CONFIG_TYPE_ANCHOR_POINT:
        break
      case LinkConfigType.CONFIG_TYPE_SHOPPING_GUIDE:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShoppingGuideParams = this.jdOpenAppParams(
            configDataValue.clickUrl,
          )
          getShoppingGuideParams &&
            this.jdJumpToShopActivity(
              Object.assign({}, getShoppingGuideParams, {
                logEventInfo,
              }),
            )
        }
        break
      case LinkConfigType.CONFIG_TYPE_MINI_PROGRAM: {
        const linkUrl = decodeURIComponent(configDataValue?.linkUrl || '')
        const search = linkUrl.match(/\?.+/)
        if (search) {
          const miniQueryData: JumpEventReportInterFace.LinkMiniParams =
            parseQueryUrlString(linkUrl)
          try {
            miniQueryData.param = JSON.parse(<string>miniQueryData?.param)
          } catch (e) {
            console.warn('解析小程序 param 错误：', miniQueryData.param)
          }
          this.jdJumpToMiniProgram(miniQueryData)
        } else {
          console.warn('小程序地址错误：', linkUrl)
        }
        break
      }
      default:
    }
  }
  
  jdNavigateToNative(
    params: {},
    url = 'openapp.jdmobile://virtual',
    successBack?: Function | null,
    failBack?: Function | null,
  ) {
    console.log('[降级H5] jdNavigateToNative web.jd:', params)
    const getResParams: JumpEventReportInterFace.JdMiniJumpParams =
      Object.assign(
        {},
        {
          sourceValue: 'sourceValue_jshopModuleWeb',
          sourceType: 'sourceType_jshopModuleWeb',
          param: {},
        },
        params,
      )
    const { logEventInfo, ...otherParams } = getResParams
    console.log(
      'jd web 获取open协议参数 jdNavigateToNative params: ',
      getResParams,
    )
    console.log('logEventInfo params: ', logEventInfo)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
      this.clickEventLog(logEventInfo || getResParams)
        .then(() => {
          if (typeof successBack == 'function') {
            successBack(getResParams)
          } else {
            try {
              const paramsStr = JSON.stringify(otherParams)
              console.log('跳转web jd open协议', `${url}?params=${paramsStr}`)
              window.location.href = `${url}?params=${paramsStr}`
            } catch (e) {
              console.log('跳转异常', e)
            }
          }
        })
        .catch(() => {
          typeof failBack == 'function' && failBack(getResParams)
        })
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    reportKey = 'click',
  ) {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts
    if (eventId && jsonParam) {
      const { etModelInfo, logBaseInfo } = jsonParam
      const webLogParams = {
        eid: eventId,
        elevel: eventLevel,
        jsonParam: JSON.stringify(logBaseInfo || jsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pageId: this.logPageId,
        pageParam: this.logPageParamStr, 
        ...otherParams,
      }
      return /click|exposure/.test(reportKey)
        ? reportClick(webLogParams)
        : reportToCart(opts)
    } else {
      console.log('暂无埋点参数eventId和eventParam')
      return Promise.resolve(false)
    }
  }
  
  exposureEventLog(opts) {
    return global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE
      ? this.clickEventLog(
          {
            ...opts,
            exposureState: true,
          },
          'exposure',
        )
      : Promise.resolve(false)
  }
+import { JdJumpJdApp } from './jdJumpJdApp';
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'App-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string;
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig;
  constructor(opt = {}) {
    super(opt);
    this.getConfig(opt);
  }
  getConfig(opt = {}) {
    return Object.assign(this, {}, defaultConfig, opt);
  }
  updateInfo(routerInfo, logPname = LogPnameInfo.HOME, pageId = LogPageIdInfo.APP) {
    this.logPageId = pageId;
    this.routerInfo = routerInfo;
    this.jumpConfig = Object.assign({}, this.jumpConfig, routerInfo.params);
    this.logPname = logPname;
  }
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any;
    } = {},
  ) {
    const { pageParam } = opt;
    this.logPageParamStr = pageParam
      ? pageParam
      : this.creatParamToLogStr(this.jumpConfig)
          .replace(/moduleId/, 'JumpmoduleID')
          .replace(/entrance/, 'Jumpentrance');
    reportPV({
      pageId,
      pageParam: this.logPageParamStr,
      ...opt,
    });
  }
  
  jdJumpToDongDongChatGroup(groupId, source = '4') {
    this.jdNavigateToNative({
      category: 'jump',
      des: 'dongdong_group_chat',
      source: source,
      groupId: `${groupId}`,
    });
  }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: functionType | undefined,
    failBack?: functionType | undefined,
  ) {
    console.log('jd web', this.isOpenJdAppUrl(url), url);
    if (this.isOpenJdAppUrl(url)) {
      const getOpenAppParams = this.jdOpenAppParams(url);
      console.log('jd web 获取自定义openApp链接解析后的参数结果', getOpenAppParams);
      if (getOpenAppParams) {
        
        const { useEncodeParams, ...otherLogInfo } = logEventInfo || {};
        this.jdNavigateToNative(
          Object.assign({}, getOpenAppParams, {
            logEventInfo: otherLogInfo,
            useEncodeParams: Boolean(useEncodeParams),
          }),
        );
      }
    } else {
      let _getLastUrl = url;
      if (/shop\.m\.jd\.com|pages\.jd\.com/.test(_getLastUrl)) {
        const getUrlSearchParamState = _getLastUrl.indexOf('?') !== -1;
        if (!/jwebprog=0/.test(_getLastUrl)) {
          _getLastUrl = `${_getLastUrl}${getUrlSearchParamState ? '&' : '?'}jwebprog=0`;
        }
        if (global.info.sysInfo?.isJdTabletDevice && !/device=tablet/.test(_getLastUrl)) {
          _getLastUrl = `${_getLastUrl}${getUrlSearchParamState ? '&' : '?'}device=tablet`;
        }
      }
      super.jdJumpToWeb(
        _getLastUrl,
        {
          ...logEventInfo,
        },
        successBack,
        failBack,
      );
    }
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    this.jdJumpToWeb(url, logEventInfo);
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail;
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_CATEGORY_PAGE:
        this.jdJumpToShopCategory({
          ...configDataValue,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        if (logEventInfo?.jsonParam?.logBaseInfo?.mInfo) {
          logEventInfo.jsonParam.logBaseInfo.mInfo.skuid = configDataValue.skuIds;
        }
        this.jdJumpToProduct(configDataValue.skuIds, logEventInfo);
        break;
      case LinkConfigType.CONFIG_TYPE_COUPON_LIST:
        this.jdJumpToWeb(
          `${this.jumpWebUrl.shopCoupon}?couponType=1&shopId=${global.info.queryInfo.shopId}&venderId=${global.info.queryInfo.venderId}`,
          {},
        );
        break;
      case LinkConfigType.CONFIG_TYPE_CATEGORY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopSearchParams = this.jdOpenAppParams(configDataValue.clickUrl);
          console.log('jd web 获取店铺分类链接解析后的参数结果', getShopSearchParams);
          getShopSearchParams &&
            this.jdJumpToShopSearch(
              Object.assign({}, getShopSearchParams, {
                logEventInfo,
              }),
            );
        } else {
          const extraParam = configDataValue?.pageId ? { pageId: configDataValue.pageId } : {};
          this.jdJumpToShopSearch(
            configDataValue['cid']
              ? Object.assign(
                  {},
                  {
                    shopId: global.info.queryInfo.shopId,
                    categoryId: configDataValue.cid,
                    searchType: '5',
                    ...extraParam,
                    logEventInfo,
                  },
                )
              : {
                  shopId: global.info.queryInfo.shopId,
                  ...extraParam,
                  logEventInfo,
                },
          );
        }
        break;
      case LinkConfigType.CONFIG_TYPE_MEMBER:
        if (isAppHomeForMarketPage) {
          this.jdJumpToBottomTabBrandMember({
            logEventInfo,
          });
        } else {
          if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
            const getShopMemberParams = this.jdOpenAppParams(configDataValue.clickUrl);
            getShopMemberParams &&
              this.jdJumpToShopMember(
                Object.assign({}, getShopMemberParams, {
                  logEventInfo,
                }),
              );
          } else {
            this.jdJumpToShopMember({
              shopId: global.info.queryInfo.shopId,
              venderId: configDataValue.shopDetail,
              logEventInfo,
            });
          }
        }
        break;
      case LinkConfigType.CONFIG_TYPE_SHOP_ACTIVITY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopActivityParams = this.jdOpenAppParams(configDataValue.clickUrl);
          getShopActivityParams &&
            this.jdJumpToShopActivity(
              Object.assign({}, getShopActivityParams, {
                logEventInfo,
              }),
            );
        } else if (configDataValue['projectId']) {
          this.jdJumpToShopActivity({
            projectId: configDataValue['projectId'],
            configDataValue,
            logEventInfo,
          });
        }
        break;
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK:
      case LinkConfigType.CONFIG_TYPE_FINANCE_COUPON: {
        const _url = configDataValue.linkUrl;
        if (
          _url.indexOf('to=') === -1 &&
          _url.indexOf(`${domain.mshop.replace(/https?:/, '')}/?shopId=`) !== -1
        ) {
          const _shopId = _url.match(/\d+/g)[0];
          this.jdJumpToShopHome({
            shopId: `${_shopId}`,
            logEventInfo,
          });
        } else if (this.isOpenJdAppUrl(_url)) {
          const getOpenAppParams = this.jdOpenAppParams(_url);
          console.log('jd web 获取自定义链接解析后的参数结果', getOpenAppParams);
          if (getOpenAppParams) {
            let _changeOpenAppParams = getOpenAppParams;
            if (isAppHomeForMarketPage) {
              const { operation, ...otherOpenAppParams } = getOpenAppParams;
              if (operation && operation === 'jumpTabInner') {
                _changeOpenAppParams = otherOpenAppParams;
              }
            }
            this.jdNavigateToNative(
              Object.assign({}, _changeOpenAppParams, {
                logEventInfo,
              }),
            );
          }
        } else {
          this.jdJumpToWeb(_url, logEventInfo);
        }
        break;
      }
      case LinkConfigType.CONFIG_TYPE_JSHOP_DETAIL:
        this.jdJumpToShopDetail({
          venderId: global.info.queryInfo.venderId,
          shopId: global.info.queryInfo.shopId,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_SHOP_HOME:
        this.jdJumpToShopHome({
          ...configDataValue,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_ANCHOR_POINT:
        break;
      case LinkConfigType.CONFIG_TYPE_SHOPPING_GUIDE:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShoppingGuideParams = this.jdOpenAppParams(configDataValue.clickUrl);
          getShoppingGuideParams &&
            this.jdJumpToShopActivity(
              Object.assign({}, getShoppingGuideParams, {
                logEventInfo,
              }),
            );
        }
        break;
      case LinkConfigType.CONFIG_TYPE_MINI_PROGRAM: {
        const linkUrl = decodeURIComponent(configDataValue?.linkUrl || '');
        const search = linkUrl.match(/\?.+/);
        if (search) {
          const miniQueryData: JumpEventReportInterFace.LinkMiniParams =
            parseQueryUrlString(linkUrl);
          try {
            miniQueryData.param = JSON.parse(<string>miniQueryData?.param);
          } catch (e) {
            console.warn('解析小程序 param 错误：', miniQueryData.param);
          }
          this.jdJumpToMiniProgram(miniQueryData);
        } else {
          console.warn('小程序地址错误：', linkUrl);
        }
        break;
      }
      case LinkConfigType.CONFIG_TYPE_SHOP_SEARCH: {
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopSearchParams = this.jdOpenAppParams(configDataValue.clickUrl);
          console.log('jd web 获取店铺结果落地页链接解析后的参数结果', getShopSearchParams);
          getShopSearchParams &&
            this.jdJumpToShopSearch(
              Object.assign({}, getShopSearchParams, {
                logEventInfo,
              }),
            );
        } else {
          this.jdJumpToWeb(configDataValue.clickUrl, logEventInfo);
        }
        break;
      }
      default:
    }
  }
  
  jdNavigateToNative(
    params: object,
    url = 'openapp.jdmobile://virtual',
    successBack?: functionType | null,
    failBack?: functionType | null,
  ) {
    console.log('[降级H5] jdNavigateToNative web.jd:', params);
    const getResParams: JumpEventReportInterFace.JdMiniJumpParams = Object.assign(
      {},
      {
        sourceValue: 'sourceValue_jshopModuleWeb',
        sourceType: 'sourceType_jshopModuleWeb',
        param: {},
      },
      params,
    );
    const { logEventInfo, useEncodeParams, ...otherParams } = getResParams;
    console.log('jd web 获取open协议参数 jdNavigateToNative params: ', getResParams);
    console.log('logEventInfo params: ', logEventInfo);
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
      this.clickEventLog(logEventInfo || getResParams)
        .then(() => {
          if (typeof successBack === 'function') {
            successBack(getResParams);
          } else {
            try {
              const paramsStr = JSON.stringify(otherParams);
              console.log('跳转web jd open协议', `${url}?params=${paramsStr}`);
              window.location.href = useEncodeParams
                ? `${url}?params=${encodeURIComponent(paramsStr)}`
                : `${url}?params=${paramsStr}`;
            } catch (e) {
              console.log('跳转异常', e);
              draBusinessCustomReport({
                type: 'jdapp_jdNavigateToNative_catch_err',
                errMsg: '跳转web jd open协议发生错误',
                originReqDataStr: JSON.stringify({
                  url,
                  isJdApp,
                  jdAppVersion: jdAppVersionStr,
                  ...otherParams,
                }),
              });
            }
          }
        })
        .catch(() => {
          typeof failBack === 'function' && failBack(getResParams);
        });
  }
  
  clickEventLog(opts: JumpEventReportInterFace.OptEventLogParams = {}, reportKey = 'click') {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts;
    if (eventId && jsonParam) {
      const { etModelInfo, logBaseInfo } = jsonParam;
      let getJsonParam = {};
      if (etModelInfo && logBaseInfo) {
        getJsonParam = logBaseInfo;
      } else {
        if (Array.isArray(jsonParam)) {
          getJsonParam = jsonParam;
        } else {
          getJsonParam = Object.assign(
            {},
            {
              shopid: global.info.queryInfo?.shopId,
            },
            jsonParam,
          );
        }
      }
      if (
        reportKey === 'exposure' &&
        /^TerminatorNew/.test(eventId) &&
        !Array.isArray(getJsonParam)
      ) {
        getJsonParam = [getJsonParam];
      }
      const webLogParams = {
        isExpo: reportKey === 'exposure',
        eid: eventId,
        elevel: eventLevel,
        jsonParam: JSON.stringify(getJsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pageId: this.logPageId,
        pageParam: this.logPageParamStr, 
        ...otherParams,
      };
      return /click|exposure/.test(reportKey)
        ? reportClick(webLogParams)
        : reportToCart(opts, webLogParams);
    } else {
      console.log('暂无埋点参数eventId和eventParam');
      return Promise.resolve(false);
    }
  }
  
  exposureEventLog(opts) {
    return global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE
      ? this.clickEventLog(
          {
            ...opts,
            exposureState: true,
          },
          'exposure',
        )
      : Promise.resolve(false);
  }