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

package/dist/jumpEventReport/base.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  logPageParamStr: '',
  implements JumpEventReportInterFace.JumpEventReportInit
  public jingGouMiniState: boolean
  public logPageId: string
  public logPageParamStr: string
  public nativeEvent: any
  public routerInfo: JumpEventReportInterFace.RouterInfo
  public logPname: LogPnameInfo
  public jumpMiniPath: JumpEventReportInterFace.JumpMiniPath
  public jumpWebUrl: JumpEventReportInterFace.jumpWebUrl
  public sectionExposureInfo: object
  constructor(opt = {}) {
    this.logPageId = LogPageIdInfo.APP
    this.jingGouMiniState = false
    this.jumpMiniPath = JumpMiniPath
    this.jumpWebUrl = JumpWebUrl
    this.sectionExposureInfo = {}
    this.getConfig(opt)
  }
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt)
  }
  
  updateInfo(
    routerInfo,
    logPname = LogPnameInfo.HOME,
    pageId = LogPageIdInfo.APP,
  ) {
    this.routerInfo = routerInfo
    this.logPname = logPname
    this.logPageId = pageId
  }
  reportInfoPv(_pageId, _opt = {}) {}
  
  getShopIdOrVenderIdParams(
    params: JumpEventReportInterFace.ShopIdsInfo = {},
  ): JumpEventReportInterFace.ShopIdsInfo {
    const setParams = {}
    params.shopId && (setParams['shopId'] = `${params.shopId}`)
    params.venderId && (setParams['venderId'] = `${params.venderId}`)
    return setParams
  }
  
  getShopIdsInfo(params = {}): JumpEventReportInterFace.ShopIdsInfo {
    let setParams = this.getShopIdOrVenderIdParams(params)
    setParams = {
      ...params,
      ...setParams,
    }
    return setParams
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    console.log('[降级H5] jdJumpToShopHome base')
    this.jdJumpToShopBase(shopInfo)
  }
  
  jdJumpToShopBase(shopInfo) {
    console.log('[降级H5] jdJumpToShopBase')
    this.jdNavigateToNative(
      `${this.jumpMiniPath.shop}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToShopLight(shopInfo) {
    this.jdNavigateToNative(
      `${this.jumpMiniPath.shopLight}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(shopInfo),
      )}`,
      {
        ...shopInfo,
      },
    )
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim()
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds
    this.jdNavigateToNative(
      `${this.jumpMiniPath.detail}?sku=${getSkuId}`,
      logEventInfo,
    )
  }
  
  jdJumpToFlashSaleTab(_logEventInfo) {
    console.log('跳转闪购', _logEventInfo)
  }
  
  
  jdJumpToShopMemberInfo(logEventInfo) {
    console.log('跳转修改会员信息页', logEventInfo)
  }
  
  jdJumpToShopMemberPointDetail(logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberPointDetail}?venderId=${venderId}&shopId=${shopId}`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberBenefit(logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberBenefit}?venderId=${venderId}&shopId=${shopId}`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberRule(logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    console.log('会员规则页h5 global.info', global.info)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberRule}?venderId=${venderId}&shopId=${shopId}&sign=member`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberCloseAccount(venderType, logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    console.log('注销会员页h5 global.info', global.info)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberCloseAccount}?venderId=${venderId}&shopId=${shopId}&venderType=${venderType}`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberPointExchange(venderType, levelZeroMenuUrl, logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    const channel = JUMP_MEMBER_CHANNEL.H5
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberPointExchange}?venderId=${venderId}&shopId=${shopId}&venderType=${venderType}&channel=${channel}&levelZeroMenuUrl=${levelZeroMenuUrl}`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberBonusPurchase(customerLevel, logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberBonusPurchase}?venderId=${venderId}&shopId=${shopId}`,
      logEventInfo,
    )
  }
  
  jdJumpToShopMemberGood(customerLevel, logEventInfo) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMemberGood}?venderId=${venderId}&shopId=${shopId}&customerLevel=${customerLevel}`,
      logEventInfo,
    )
  }
  
  jdJumpToBeanDetail(logEventInfo) {
    console.log('this.jumpWebUrl.beanDetail', this.jumpWebUrl.beanDetail)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.beanDetail}?source=dianpuhuiyuan`,
      logEventInfo,
    )
  }
  
  jdJumpToMyRedEnvelope(logEventInfo) {
    console.log('跳转红包页', logEventInfo)
  }
  
  jdJumpToMyCoupon(logEventInfo) {
    console.log('跳转优惠券页', logEventInfo)
  }
  
  jdJumpToNewH5MemberCard(logEventInfo?) {
    const venderId = global.info.queryInfo.venderId
    const shopId = global.info.queryInfo.shopId
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopH5MemberCardM}?venderId=${venderId}&shopId=${shopId}`,
      logEventInfo,
    )
  }
  
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    this.jdJumpToWeb(
      `${this.jumpWebUrl.pages}?shopId=${shopId}&venderId=${venderId}&tabActive=home-product`,
      logEventInfo,
    )
  }
  
  jdJumpToTabAllProductInner(shopId, venderId, logEventInfo = {}) {
    this.jdJumpToTabAllProduct(shopId, venderId, logEventInfo)
  }
  
  jdJumpToAppHome(logEventInfo) {
    this.jdJumpToWeb(
      `${this.jumpWebUrl.mobileHome}?originReferer=shopx`,
      logEventInfo,
    )
  }
  
  jdJumpToShopSearch(queryParams) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      queryParams,
    )
    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,
    )
  }
  
  jdJumpToOrderList() {
    console.warn(
      '触发基类的jdJumpToOrderList，这不是一个期望的结果，应该调用各端子类来实现',
    )
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    this.jdJumpToWeb(
      `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`,
      logEventInfo,
    )
  }
  
  jdJumpToWeb(
    spUrl,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    this.jdNavigateToNative(
      `${this.jumpMiniPath.h5}?encode_url=` + encodeURIComponent(spUrl),
      {
        ...logEventInfo,
      },
      successBack,
      failBack,
    )
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    this.jdJumpToWeb(url, logEventInfo)
  }
  
  weappRedirectToWeb(
    url: string,
    logEventInfo: JumpEventReportInterFace.OptEventLogParams = {},
  ) {
    console.log('weappRedirectToWeb base:', url)
  }
  
  jdJumpToLive(liveInfo, logEventInfo = {}) {
    if (liveInfo?.liveId) {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.mLive}/${liveInfo?.liveId}?origin=30`,
        logEventInfo,
      )
    }
  }
  
  jdJumpToUgcContent(urlObj, logEventInfo = {}) {
    if (typeof urlObj === 'object') {
      this.jdJumpToWeb(
        `${this.jumpWebUrl.shopUseShareOrderUgcContent}?${objectToUrlEncode(
          urlObj,
        )}`,
        { logEventInfo },
      )
    } else {
      const getShopUgcParams = this.jdOpenAppParams(urlObj)
      console.log('getShopUgcParams=====', getShopUgcParams)
      if (getShopUgcParams) {
        getShopUgcParams['category'] && delete getShopUgcParams['category']
        getShopUgcParams['des'] && delete getShopUgcParams['des']
        this.jdJumpToWeb(
          `${this.jumpWebUrl.shopUseShareOrderUgcContent}?${objectToUrlEncode(
            getShopUgcParams as Object,
          )}`,
          { logEventInfo },
        )
      }
    }
  }
  
  jdJumpToShopActivity(shopInfo) {
    const getParams = Object.assign(
      {},
      {
        category: 'jump',
        des: 'jshopActivity',
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    getParams['projectId'] &&
      (getParams['projectId'] = `${getParams['projectId']}`)
  }
  
  jdJumpToShopMember(shopInfo) {
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.wqShopMember}?${objectToUrlEncode(getShopInfo)}`,
      shopInfo,
    )
  }
  
  jdJumpToMemberTab(shopInfo?) {
    console.log('店内跳转会员tab', shopInfo)
  }
  
  jdJumpToShopMemberCard(shopInfo) {
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopMember}?${objectToUrlEncode(getShopInfo)}`,
      shopInfo,
    )
  }
  
  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 { venderId = '1', entry = 'm_shop', ...otherInfo } = paramInfo
    const dongdongUrl = `${this.jumpWebUrl.dongDongChat}?venderId=${venderId}&entry=${entry}&sceneval=2`
    this.jdJumpToWeb(dongdongUrl, otherInfo)
  }
  
  jdJumpToShopDetail(shopInfo) {
    const getShopInfo = this.getShopIdOrVenderIdParams(shopInfo)
    this.jdJumpToWeb(
      `${this.jumpWebUrl.shopIntroduce}?${objectToUrlEncode(getShopInfo)}`,
      shopInfo,
    )
  }
  
  jdJumpToMiniProgram({
    appId,
    path,
    param = {},
  }: JumpEventReportInterFace.LinkMiniParams) {
    const pageName = param['pageType'] || 'home'
    path = `pages/${pageName}/index`
    if (appId === global.info.pageInfo?.appId) {
      Taro.navigateTo({
        url: `/${path}?${objectToUrlEncode(param)}`,
      }).catch((err) => {
        console.warn('跳转小程序页面错误：', err)
      })
    } else {
      console.log('一个小程序跳转到另一个小程序暂无此业务')
    }
  }
  
  jdJumpToAppMiniProgram(
    path: string,
    param = {},
    successBack?: Function,
    failBack?: Function,
  ) {
    this.jdNavigateToNative(path, param, successBack, failBack)
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail
    switch (configDataType) {
      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}`,
          logEventInfo,
        )
        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,
                    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('获取解析后的参数结果', getOpenAppParams)
          if (getOpenAppParams) {
            isJdApp
              ? this.jdNavigateToNative(
                  Object.assign({}, getOpenAppParams, {
                    logEventInfo,
                  }),
                )
              : this.jdNavigateToNative(
                  '',
                  Object.assign({}, getOpenAppParams, {
                    logEventInfo,
                  }),
                )
          } else {
            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:
    }
  }
  
  jdOpenAppParams(openAppUrl): Object | boolean {
    let getParams: boolean | Object = false
    if (this.isOpenJdAppUrl(openAppUrl)) {
      try {
        getParams = openAppUrl.replace(
          /openApp\.jdMobile:\/\/virtual\?params=/i,
          '',
        )
        getParams = JSON.parse(String(getParams))
      } catch (e) {
        console.log(e)
      }
    }
    return getParams
  }
  isOpenJdAppUrl(openAppUrl) {
    return /openApp\.jdMobile:\/\/virtual\?params=/i.test(openAppUrl)
  }
  
  creatParamToLogStr(eventParam) {
    return eventParam
      ? Object.keys(eventParam)
          .map((key) => {
            return `${key}_${eventParam[key]}`
          })
          .join('_')
      : ''
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params
    const getEparam = logEventInfo || params
    console.log('jdNavigateToNative params: ', params)
    console.log('logEventInfo params: ', logEventInfo)
    try {
      this.clickEventLog(getEparam)
    } catch (e) {
      console.log(e)
    }
    setTimeout(() => {
      Taro.navigateTo({
        url,
      })
        .then((res) => {
          typeof successBack === 'function' && successBack(res)
          console.log('navigateToWxapp.success', res)
        })
        .catch((err) => {
          typeof failBack === 'function' && failBack(err)
          console.log('navigateToWxapp.fail', err)
        })
    }, 200)
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    clickKey = 'click',
  ) {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts
    if (eventId && jsonParam) {
      const { etModelInfo, logBaseInfo } = jsonParam
      const miniClickKey = clickKey === 'addToCart' ? 'addToCart' : 'click'
      const miniLogParams = {
        eid: eventId,
        elevel: eventLevel,
        ext: JSON.stringify(logBaseInfo || jsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pname: this.logPname, 
        pparam: JSON.stringify(this.routerInfo.params), 
        target: this.routerInfo.path, 
        event: this.nativeEvent, 
        pageId: this.logPageId,
        ...otherParams,
      }
      console.log('点击埋点参数对象', miniLogParams, miniClickKey)
      global.miniAppLogInstance &&
        global.miniAppLogInstance[miniClickKey](miniLogParams)
    }
  }
  
  exposureEventLog(opts: JumpEventReportInterFace.OptEventLogParams = {}) {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts
    if (eventId && jsonParam) {
      const { etModelInfo, logBaseInfo } = jsonParam
      const miniLogParams = {
        eid: eventId,
        elevel: eventLevel,
        ext: JSON.stringify(logBaseInfo || jsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pname: this.logPname, 
        pparam: JSON.stringify(this.routerInfo.params), 
        target: this.routerInfo.path, 
        pageId: this.logPageId,
        ...otherParams,
      }
      global.miniAppLogInstance &&
        global.miniAppLogInstance['exposure'](miniLogParams)
    }
  }
  
  initOpenTriggerExposure(type) {
    if (!this.sectionExposureInfo[type]) {
      Taro.nextTick(() => {
        setTimeout(() => {
          global.info.pageInfo.isExposureState = true
          taroEventInitExposure()
          this.sectionExposureInfo[`${type}`] = true
        }, 200)
      })
    }
  }