@conecli/cone-render 0.10.1-beta.4 → 0.10.1-beta.5

package/dist/jumpEventReport/web.base.ts

@@ -1 +1 @@
-import global from '../common'
  BUSINESS_TYPE,
  SHOP_MENU_ID_TYPE,
  SHOP_MENU_ID_NAME,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  objectToUrlEncode,
  parseQueryUrlString,
  filterUrlQueryData,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt)
  }
  updateInfo(
    routerInfo,
    logPname = LogPnameInfo.HOME,
    pageId = LogPageIdInfo.APP,
  ) {
    this.routerInfo = routerInfo
    this.logPname = logPname
    this.jumpConfig = Object.assign(
      {},
      this.jumpConfig,
      filterUrlQueryData(routerInfo?.params || {}),
    )
    this.logPageId = pageId
  }
  
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any
    } = {},
  ) {
    const { pageParam, ...otherOpts } = opt
    const pageParamStr =
      typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam
    this.logPageParamStr = pageParamStr
      ? pageParamStr
      : JSON.stringify(this.jumpConfig)
    return reportPV({
      pageId,
      pageParam: this.logPageParamStr,
      ...otherOpts,
    })
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim()
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds
    const { jingxiSdx, ...otherLogInfo } = logEventInfo
    if(jingxiSdx){
      this.jdNavigateToNative(
        `${this.jumpWebUrl.detail}${getSkuId}.html?sdx=${jingxiSdx}`,
        otherLogInfo,
      )
    }else {
      this.jdNavigateToNative(
        `${this.jumpWebUrl.detail}${getSkuId}.html`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToRankList(contentId: string | number, rankType = 10, logEventInfo) {
    const rankUrl = `${this.jumpWebUrl.rank}?contentId=${contentId}&sku=&rankType=${rankType}&fromName=dcpws&hideAd=1`
    this.jdNavigateToNative(rankUrl, {
      contentId,
      ...logEventInfo,
    })
  }
  
  jdJumpToShopCategory(shopInfo) {
    this.jdNavigateToNative(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}&tabActive=classify`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdNavigateToNative(
      `${this.jumpWebUrl.mshop}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}`,
      {
        ...getInfo,
      },
    )
  }
  
  jdJumpToShopLight(shopInfo) {
    this.jdNavigateToNative(
      `${this.jumpWebUrl.shopLight}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToShopMember(shopInfo) {
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    const memberHomeUrl = window?.shopGlobalSwitch?.openNewMemberEntry === 'true' ? this.jumpWebUrl.memberHome : this.jumpWebUrl.shopMember
    this.jdJumpToWeb(
      `${memberHomeUrl}?${objectToUrlEncode(
        getShopInfo,
      )}&venderType=1&channel=406`,
      shopInfo,
    )
  }
  
  jdJumpToShopMemberCard(shopInfo) {
    const { logEventInfo } = shopInfo
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMember}?${objectToUrlEncode(getShopInfo)}`,
      logEventInfo,
    )
  }
  
  jdJumpToTotalPromotion(shopInfo) {
    const { url, logEventInfo } = shopInfo
    if (this.isOpenJdAppUrl(url)) {
      const getOpenAppParams: any = this.jdOpenAppParams(url)
      if (getOpenAppParams) {
        if (getOpenAppParams?.activityId) {
          this.jdJumpToWeb(
            `${this.jumpWebUrl.totalPromotion}?activity_id=${getOpenAppParams?.activityId}`,
            shopInfo,
          )
        }
      }
    } else {
      this.jdJumpToWeb(url, logEventInfo)
    }
  }
  
  jdJumpToDongDongChat(paramInfo) {
    const getInfo = Object.assign(
      {},
      {
        venderId: global.info.queryInfo.venderId,
      },
      paramInfo,
    )
    const { venderId = '1', entry = 'm_shop', ...otherInfo } = getInfo
    const dongdongUrl = `${this.jumpWebUrl.dongDongChat}?venderId=${venderId}&entry=${entry}&sceneval=2`
    this.jdJumpToWeb(dongdongUrl, otherInfo)
  }
  
  jdJumpToShopDetail(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const getShopInfo = this.getShopIdOrVenderIdParams(getInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopIntroduce}?${objectToUrlEncode(getShopInfo)}`,
      getInfo,
    )
  }
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const { shopId, categoryId, keyword, pageId, description, shopName } =
      getInfo
    const cateId = categoryId ? `&cateId=${typeof categoryId === 'string' ? categoryId?.trim() : categoryId}` : ''
    const addKeyWord = keyword ? `&keyword=${keyword}` : ''
    const addPageId = pageId ? `&pageId=${pageId}` : ''
    const searchDes = description ? `&description=${description}` : ''
    const shopNameDes = shopName ? `&shopName=${shopName}` : ''
    const searchType = categoryId ? 5 : keyword ? 4 : 3 
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopSearch}?shopId=${shopId}&searchType=${searchType}${cateId}${addKeyWord}${addPageId}${searchDes}${shopNameDes}`,
      getInfo,
    )
  }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    console.log('web.base.ts - jdJumpToWeb')
    this.jdNavigateToNative(
      url,
      {
        ...logEventInfo,
      },
      successBack,
      failBack,
    )
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    this.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpToLive(liveInfo, logEventInfo = {}) {
    if (liveInfo?.liveId) {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.mLive}/${liveInfo?.liveId}?origin=30`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToShopActivity(shopInfo) {
    const { configDataValue, logEventInfo, projectId } = shopInfo
    if (projectId && configDataValue) {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.shopSecondActivity}${configDataValue.data}.html`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToActivityPlace(spUrl, logEventInfo) {
    this.jdNavigateToNative(spUrl, logEventInfo)
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail
    console.log(
      'jdJumpConfigUrl web.base configDataType:',
      configDataType,
      configDataValue,
    )
    switch (configDataType) {
      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,
          )
          getShopSearchParams &&
          this.jdJumpToShopSearch(
            Object.assign({}, getShopSearchParams, {
              logEventInfo,
            }),
          )
        } else {
          this.jdJumpToShopSearch(
            configDataValue['cid']
              ? Object.assign(
                {},
                {
                  shopId: global.info.queryInfo.shopId,
                  categoryId: configDataValue.cid,
                  ...configDataValue,
                  logEventInfo,
                },
              )
              : {
                shopId: global.info.queryInfo.shopId,
                logEventInfo,
              },
          )
        }
        break
      case LinkConfigType.CONFIG_TYPE_CATEGORY_PAGE:
        this.jdJumpToShopCategory({
          ...configDataValue,
          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,
          )
          if (
            getShopActivityParams &&
            getShopActivityParams['des'] == 'jshopActivity'
          ) {
            this.jdJumpToShopActivity({
              projectId: configDataValue['projectId'],
              configDataValue,
              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
        const isProductM = /item\.m\.jd\.com/.test(_url)
        const isProductPC = /item\.jd\.com/.test(_url)
        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: any = this.jdOpenAppParams(_url)
          if (getOpenAppParams) {
            if (getOpenAppParams.jumpTab == 'allProduct') {
              this.jdJumpToTabAllProduct(
                global.info.queryInfo.shopId,
                global.info.queryInfo.venderId,
              )
            } else if (
              getOpenAppParams.des == 'productList' &&
              getOpenAppParams.from == 'couponBatch'
            ) {
              this.jdJumpToCouponSearchProductList(getOpenAppParams?.couponId)
            } else if (getOpenAppParams.des == 'vapp') {
              this.jdJumpToWeb(
                `https:
                  getOpenAppParams.category
                }&des=${getOpenAppParams.des}&vapptype=${
                  getOpenAppParams.vapptype
                }&appId=${getOpenAppParams.appId}&path=${
                  getOpenAppParams.path
                }&param=${encodeURI(JSON.stringify(getOpenAppParams.param))}`,
                logEventInfo,
              )
            } else {
              this.jdNavigateToNative(
                '',
                Object.assign({}, getOpenAppParams, {
                  logEventInfo,
                }),
              )
            }
          }
        } else if (isProductM || isProductPC) {
          const skuid = _url.match(/\d+/g)[0]
          if (skuid) {
            this.jdJumpToProduct(skuid, 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:
    }
  }
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    console.log('web.base.ts - jdJumpToTabAllProduct')
    if(typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId
    if(typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode({
        shopId,
        venderId,
        tabActive: 'home-product'
      })}`,
      logEventInfo,
    )
  }
  
  jdJumpToTabAllProductInner(shopId, venderId, logEventInfo = {}) {
    if(typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId
    if(typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId
    this.jdJumpToTabAllProduct(shopId, venderId, logEventInfo)
  }
  
  jdJumpToTopTabBase(type, shopInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}&tabActive=${type}`,
      getInfo,
    )
  }
  
  jdJumpToTabNew(shopInfo = {}) {
    console.log('上新tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT],
      shopInfo,
    )
  }
  
  jdJumpToTabNewInner(shopInfo = {}) {
    this.jdJumpToTabNew(shopInfo)
  }
  
  jdJumpToTabRank(shopInfo = {}) {
    console.log('榜单tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_RANK],
      shopInfo,
    )
  }
  jdJumpToTabRankInner(shopInfo = {}) {
    this.jdJumpToTabRank(shopInfo)
  }
  jdJumpToTabBuyerShow(shopInfo = {}) {
    console.log('买家秀tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW],
      shopInfo,
    )
  }
  jdJumpToTabBuyerShowInner(shopInfo = {}) {
    this.jdJumpToTabBuyerShow(shopInfo)
  }
  jdJumpToTabActivity(shopInfo = {}) {
    console.log('活动tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY],
      shopInfo,
    )
  }
  jdJumpToTabActivityInner(shopInfo = {}) {
    this.jdJumpToTabActivity(shopInfo)
  }
  jdJumpToTabSecKill(shopInfo = {}) {
    console.log('秒杀tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL],
      shopInfo,
    )
  }
  jdJumpToTabSecKillInner(shopInfo = {}) {
    this.jdJumpToTabSecKill(shopInfo)
  }
  
  jdJumpToBottomTabBase(type, shopInfo = {}) {
    this.jdJumpToTopTabBase(type, shopInfo)
  }
  jdJumpToBottomTabProduct(shopInfo = {}) {
    this.jdJumpToBottomTabBase(
      SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT],
      shopInfo,
    )
  }
  jdJumpToBottomTabCategory(shopInfo = {}) {
    this.jdJumpToBottomTabBase(
      SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY],
      shopInfo,
    )
  }
  jdJumpToBottomTabFind(shopInfo = {}) {
    console.log('发现tab')
  }
  jdJumpToBottomTabBrandMember(shopInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMember}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}`,
      getInfo,
    )
  }
  jdJumpToBottomTabBrandMemberInner(shopInfo = {}) {
    this.jdJumpToBottomTabBrandMember(shopInfo)
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    this.jdJumpToWeb(
      `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`,
      logEventInfo,
    )
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params
    const getEparam = logEventInfo || params
    console.log(`url:::::::${url}`)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
    this.clickEventLog(getEparam)
      .then(() => {
        typeof successBack == 'function'
          ? successBack(url)
          : (window.location.href = url)
      })
      .catch(() => {
        typeof failBack == 'function' && failBack(url)
      })
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    reportKey = 'click',
  ) {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts
    ;/TerminatorNew_/.test(`${eventId}`) &&
    console.log(`当前h5的楼层模块eventId为====${eventId}`)
    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 = {
        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和jsonParam')
      return Promise.resolve(false)
    }
  }
  
  exposureEventLog(opts) {
    return global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE
      ? this.clickEventLog(
        {
          ...opts,
          exposureState: true,
        },
        'exposure',
      )
      : Promise.resolve(false)
  }
+import global from '../common'
  BUSINESS_TYPE,
  SHOP_MENU_ID_TYPE,
  SHOP_MENU_ID_NAME,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  objectToUrlEncode,
  parseQueryUrlString,
  filterUrlQueryData,
  isJdAndHarmonyDevice,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt)
  }
  updateInfo(
    routerInfo,
    logPname = LogPnameInfo.HOME,
    pageId = LogPageIdInfo.APP,
  ) {
    this.routerInfo = routerInfo
    this.logPname = logPname
    this.jumpConfig = Object.assign(
      {},
      this.jumpConfig,
      filterUrlQueryData(routerInfo?.params || {}),
    )
    this.logPageId = pageId
  }
  
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any
    } = {},
  ) {
    const { pageParam, ...otherOpts } = opt
    const pageParamStr =
      typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam
    this.logPageParamStr = pageParamStr
      ? pageParamStr
      : JSON.stringify(this.jumpConfig)
    return reportPV({
      pageId,
      pageParam: this.logPageParamStr,
      ...otherOpts,
    })
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim()
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds
    const { jingxiSdx, ...otherLogInfo } = logEventInfo
    if(jingxiSdx){
      this.jdNavigateToNative(
        `${this.jumpWebUrl.detail}${getSkuId}.html?sdx=${jingxiSdx}`,
        otherLogInfo,
      )
    }else {
      this.jdNavigateToNative(
        `${this.jumpWebUrl.detail}${getSkuId}.html`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToRankList(contentId: string | number, rankType = 10, logEventInfo) {
    const rankUrl = `${this.jumpWebUrl.rank}?contentId=${contentId}&sku=&rankType=${rankType}&fromName=dcpws&hideAd=1`
    this.jdNavigateToNative(rankUrl, {
      contentId,
      ...logEventInfo,
    })
  }
  
  jdJumpToShopCategory(shopInfo) {
    this.jdNavigateToNative(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}&tabActive=classify`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdNavigateToNative(
      `${this.jumpWebUrl.mshop}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}`,
      {
        ...getInfo,
      },
    )
  }
  
  jdJumpToShopLight(shopInfo) {
    this.jdNavigateToNative(
      `${this.jumpWebUrl.shopLight}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToShopMember(shopInfo) {
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    const memberHomeUrl = window?.shopGlobalSwitch?.openNewMemberEntry === 'true' ? this.jumpWebUrl.memberHome : this.jumpWebUrl.shopMember
    this.jdJumpToWeb(
      `${memberHomeUrl}?${objectToUrlEncode(
        getShopInfo,
      )}&venderType=1&channel=406`,
      shopInfo,
    )
  }
  
  jdJumpToShopMemberCard(shopInfo) {
    const { logEventInfo } = shopInfo
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMember}?${objectToUrlEncode(getShopInfo)}`,
      logEventInfo,
    )
  }
  
  jdJumpToTotalPromotion(shopInfo) {
    const { url, logEventInfo } = shopInfo
    if (this.isOpenJdAppUrl(url)) {
      const getOpenAppParams: any = this.jdOpenAppParams(url)
      if (getOpenAppParams) {
        if (getOpenAppParams?.activityId) {
          this.jdJumpToWeb(
            `${this.jumpWebUrl.totalPromotion}?activity_id=${getOpenAppParams?.activityId}`,
            shopInfo,
          )
        }
      }
    } else {
      this.jdJumpToWeb(url, logEventInfo)
    }
  }
  
  jdJumpToDongDongChat(paramInfo) {
    const getInfo = Object.assign(
      {},
      {
        venderId: global.info.queryInfo.venderId,
      },
      paramInfo,
    )
    const { venderId = '1', entry = 'm_shop', ...otherInfo } = getInfo
    const dongdongUrl = `${this.jumpWebUrl.dongDongChat}?venderId=${venderId}&entry=${entry}&sceneval=2`
    this.jdJumpToWeb(dongdongUrl, otherInfo)
  }
  
  jdJumpToShopDetail(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const getShopInfo = this.getShopIdOrVenderIdParams(getInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopIntroduce}?${objectToUrlEncode(getShopInfo)}`,
      getInfo,
    )
  }
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const { shopId, categoryId, keyword, pageId, description, shopName, keyWord, seller_actId, seller_actType} =
      getInfo
    const cateId = categoryId ? `&cateId=${typeof categoryId === 'string' ? categoryId?.trim() : categoryId}` : ''
    const addKeyWord = keyword || keyWord ? `&keyword=${keyword || keyWord}` : ''
    const addPageId = pageId ? `&pageId=${pageId}` : ''
    const searchDes = description ? `&description=${description}` : ''
    const shopNameDes = shopName ? `&shopName=${shopName}` : ''
    const searchType = categoryId ? 5 : keyword  || keyWord ? 4 : 3 
    const activityId = seller_actId ? `&activityId=${seller_actId}` : ''
    const activityType = seller_actType ? `&activityType=${seller_actType}` : ''
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopSearch}?shopId=${shopId}&searchType=${searchType}${cateId}${addKeyWord}${addPageId}${searchDes}${shopNameDes}${activityId}${activityType}`,
      getInfo,
    )
  }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    console.log('web.base.ts - jdJumpToWeb')
    this.jdNavigateToNative(
      url,
      {
        ...logEventInfo,
      },
      successBack,
      failBack,
    )
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    this.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpToLive(liveInfo, logEventInfo = {}) {
    if (liveInfo?.liveId) {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.mLive}/${liveInfo?.liveId}?origin=30`,
        logEventInfo,
      )
    }else if (isJdAndHarmonyDevice) {
      const getShopLiveParams = this.jdOpenAppParams(liveInfo)
      console.log('getShopLiveParams=====', getShopLiveParams)
      if (typeof getShopLiveParams === 'object') {
        this.jdNavigateToNativeOpenApp({
            ...getShopLiveParams,
            logEventInfo,
          })
      }
    }
  }
  
  jdJumpToShopActivity(shopInfo) {
    const { configDataValue, logEventInfo, projectId } = shopInfo
    if (projectId && configDataValue) {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.shopSecondActivity}${configDataValue.data}.html`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToActivityPlace(spUrl, logEventInfo) {
    this.jdNavigateToNative(spUrl, logEventInfo)
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail
    console.log(
      'jdJumpConfigUrl web.base configDataType:',
      configDataType,
      configDataValue,
    )
    switch (configDataType) {
      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,
          )
          getShopSearchParams &&
          this.jdJumpToShopSearch(
            Object.assign({}, getShopSearchParams, {
              logEventInfo,
            }),
          )
        } else {
          this.jdJumpToShopSearch(
            configDataValue['cid']
              ? Object.assign(
                {},
                {
                  shopId: global.info.queryInfo.shopId,
                  categoryId: configDataValue.cid,
                  ...configDataValue,
                  logEventInfo,
                },
              )
              : {
                shopId: global.info.queryInfo.shopId,
                logEventInfo,
              },
          )
        }
        break
      case LinkConfigType.CONFIG_TYPE_CATEGORY_PAGE:
        this.jdJumpToShopCategory({
          ...configDataValue,
          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,
          )
          if (
            getShopActivityParams &&
            getShopActivityParams['des'] == 'jshopActivity'
          ) {
            this.jdJumpToShopActivity({
              projectId: configDataValue['projectId'],
              configDataValue,
              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
        const isProductM = /item\.m\.jd\.com/.test(_url)
        const isProductPC = /item\.jd\.com/.test(_url)
        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: any = this.jdOpenAppParams(_url)
          if (getOpenAppParams) {
            if (getOpenAppParams.jumpTab == 'allProduct') {
              this.jdJumpToTabAllProduct(
                global.info.queryInfo.shopId || getOpenAppParams?.shopId,
                global.info.queryInfo.venderId || getOpenAppParams?.venderId,
              )
            } else if (
              getOpenAppParams.des == 'productList' &&
              getOpenAppParams.from == 'couponBatch'
            ) {
              this.jdJumpToCouponSearchProductList(getOpenAppParams?.couponId)
            } else if (getOpenAppParams.des == 'vapp') {
              this.jdJumpToWeb(
                `https:
                  getOpenAppParams.category
                }&des=${getOpenAppParams.des}&vapptype=${
                  getOpenAppParams.vapptype
                }&appId=${getOpenAppParams.appId}&path=${
                  getOpenAppParams.path
                }&param=${encodeURI(JSON.stringify(getOpenAppParams.param))}`,
                logEventInfo,
              )
            } else {
              this.jdNavigateToNative(
                '',
                Object.assign({}, getOpenAppParams, {
                  logEventInfo,
                }),
              )
            }
          }
        } else if (isProductM || isProductPC) {
          const skuid = _url.match(/\d+/g)[0]
          if (skuid) {
            this.jdJumpToProduct(skuid, 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(
            'web base 获取店铺结果落地页链接解析后的参数结果',
            getShopSearchParams,
          )
          getShopSearchParams &&
            this.jdJumpToShopSearch(
              Object.assign({}, getShopSearchParams, {
                logEventInfo,
              }),
            )
        } else {
          this.jdJumpToWeb(configDataValue.clickUrl, logEventInfo)
        }
        break
      }
      default:
    }
  }
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    console.log('web.base.ts - jdJumpToTabAllProduct')
    if(typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId
    if(typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode({
        shopId,
        venderId,
        tabActive: 'home-product'
      })}`,
      logEventInfo,
    )
  }
  
  jdJumpToTabAllProductInner(shopId, venderId, logEventInfo = {}) {
    if(typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId
    if(typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId
    this.jdJumpToTabAllProduct(shopId, venderId, logEventInfo)
  }
  
  jdJumpToTopTabBase(type, shopInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopHome}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}&tabActive=${type}`,
      getInfo,
    )
  }
  
  jdJumpToTabNew(shopInfo = {}) {
    console.log('上新tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT],
      shopInfo,
    )
  }
  
  jdJumpToTabNewInner(shopInfo = {}) {
    this.jdJumpToTabNew(shopInfo)
  }
  
  jdJumpToTabRank(shopInfo = {}) {
    console.log('榜单tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_RANK],
      shopInfo,
    )
  }
  jdJumpToTabRankInner(shopInfo = {}) {
    this.jdJumpToTabRank(shopInfo)
  }
  jdJumpToTabBuyerShow(shopInfo = {}) {
    console.log('买家秀tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW],
      shopInfo,
    )
  }
  jdJumpToTabBuyerShowInner(shopInfo = {}) {
    this.jdJumpToTabBuyerShow(shopInfo)
  }
  jdJumpToTabActivity(shopInfo = {}) {
    console.log('活动tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY],
      shopInfo,
    )
  }
  jdJumpToTabActivityInner(shopInfo = {}) {
    this.jdJumpToTabActivity(shopInfo)
  }
  jdJumpToTabSecKill(shopInfo = {}) {
    console.log('秒杀tab')
    this.jdJumpToTopTabBase(
      SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL],
      shopInfo,
    )
  }
  jdJumpToTabSecKillInner(shopInfo = {}) {
    this.jdJumpToTabSecKill(shopInfo)
  }
  
  jdJumpToBottomTabBase(type, shopInfo = {}) {
    this.jdJumpToTopTabBase(type, shopInfo)
  }
  jdJumpToBottomTabProduct(shopInfo = {}) {
    this.jdJumpToBottomTabBase(
      SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT],
      shopInfo,
    )
  }
  jdJumpToBottomTabCategory(shopInfo = {}) {
    this.jdJumpToBottomTabBase(
      SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY],
      shopInfo,
    )
  }
  jdJumpToBottomTabFind(shopInfo = {}) {
    console.log('发现tab')
  }
  jdJumpToBottomTabBrandMember(shopInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    this.jdJumpToWeb(
      `${this.jumpWebUrl.memberHome}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}`,
      getInfo,
    )
  }
  jdJumpToBottomTabBrandMemberInner(shopInfo = {}) {
    this.jdJumpToBottomTabBrandMember(shopInfo)
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    this.jdJumpToWeb(
      `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`,
      logEventInfo,
    )
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params
    const getEparam = logEventInfo || params
    console.log(`url:::::::${url}`)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
    this.clickEventLog(getEparam)
      .then(() => {
        typeof successBack == 'function'
          ? successBack(url)
          : (window.location.href = url)
      })
      .catch(() => {
        typeof failBack == 'function' && failBack(url)
      })
  }
  
  jdNavigateToNativeOpenApp(
    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
    ;/TerminatorNew_/.test(`${eventId}`) &&
    console.log(`当前h5的楼层模块eventId为====${eventId}`)
    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 = {
        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和jsonParam')
      return Promise.resolve(false)
    }
  }
  
  exposureEventLog(opts) {
    return global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE
      ? this.clickEventLog(
        {
          ...opts,
          exposureState: true,
        },
        'exposure',
      )
      : Promise.resolve(false)
  }