@conecli/cone-render 0.10.1-shop3.11 → 0.10.1-shop3.110

package/dist/jumpEventReport/web.pc.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
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim()
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds
    let url = `${this.jumpWebUrl.pcDetail}${getSkuId}.html`
    this.jdNavigateToNative(url, logEventInfo)
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo)
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    let url = `${this.jumpWebUrl.pages}/index-${global.info.queryInfo.shopId}.html`
    this.jdNavigateToNative(url, {
      ...getInfo,
    })
  }
  
  getPcSearchUrl = (cateId) => {
    const flag = document.querySelector('#JSHOP_CHANNEL_FLAG')?.value
    const appId =
      document.querySelector('#J_AppId')?.value ||
      document.querySelector('#pageInstance_appId')?.value
    return flag === 'yao'
      ? this.jumpWebUrl.pages + '/view_shop_search-' + appId + '.html'
      : this.jumpWebUrl.pages +
      '/view_search-' +
      appId +
      '-' +
      cateId +
      '-99-1-20-1.html'
  }
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const { categoryId } = getInfo
    const url = `${this.getPcSearchUrl(categoryId)}`
    this.jdJumpToWeb(url, getInfo)
  }
  
  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
    const url = `${this.jumpWebUrl.pages}/index-${shopId}.html`
    this.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    const url = `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`
    this.jdJumpToWeb(url, logEventInfo)
  }
+import global from '../common';
  BUSINESS_TYPE,
  LogPageIdInfo,
  LogPnameInfo,
  PcShopSpmA,
  PcShopSpmBforMap,
  shopSpmCDforCode,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  new Promise((resolve, reject) => {
    if (window.spmPV) {
      resolve(true);
    } else {
      if (isReportReadyError) {
        reject(false);
      } else {
        ready('spmPV', 3000)
          .then(() => {
            isReportReadyError = false;
            resolve(true);
          })
          .catch(() => {
            isReportReadyError = true;
            reject(false);
          });
      }
    }
  });
  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;
  }
  
  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.open(url, '_blank');
        })
        .catch(() => {
          typeof failBack === 'function' && failBack(url);
        });
  }
  
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any;
    } = {},
  ): Promise<any> {
    console.log('web.pc.ts - reportInfoPv', pageId, opt);
    return new Promise((resolve, reject) => {
      const { pageParam } = opt;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmPV({
            spm: `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}`, 
            page_id: pageId, 
            page_param: pageParamStr, 
          });
          this.logPageId = pageId;
          this.logPageParamStr = pageParamStr;
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 浏览pv埋点上报异常', err);
    });
  }
  
  reportClick(opts,reportKey = 'click'){
    console.log(`web.pc.ts - ${reportKey}EventLog opts: `, opts);
    return new Promise((resolve, reject) => {
      const { spmAll, spmAllCode, spmCodeForCD, spmCd, pageId, pageParam, jsonParam = {}, eventId, target, ...otherParam } = opts;
      const getSpmAllCode = spmAll || spmAllCode;
      const getSpmCodeForCD = spmCd || spmCodeForCD;
      const getPageId = pageId || this.logPageId;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam || this.logPageParamStr;
      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];
      }
      getReportObjReadyPromise()
        .then(() => {
          const getSpmParams = {
            spm: getSpmAllCode ? getSpmAllCode : `${PcShopSpmA}.${PcShopSpmBforMap[getPageId]}.${getSpmCodeForCD || shopSpmCDforCode[eventId]}`, 
            biz_type: '', 
            page_id: getPageId,
            page_param: pageParamStr,
            event_id: eventId,
            event_param: '', 
            json_param: JSON.stringify(getJsonParam), 
            t1: '', 
            t2: '', 
            p0: '', 
            ...otherParam,
          }
          console.log(`pc sgm ${reportKey}埋点最终参数`, getSpmParams);
          reportKey === 'exposure' ? window.spmExposure(getSpmParams) : window.spmLog(getSpmParams);
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log(`pc sgm ${reportKey === 'exposure' ? '曝光' : '点击'}埋点上报异常`, err);
    });
  }
  
  clickEventLog(opts): Promise<any> {
    console.log('web.pc.ts - clickEventLog opts: ', opts);
    return this.reportClick(opts,"click");
  }
  
  exposureEventLog(opts): Promise<any> {
    return this.reportClick(opts,"exposure");
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim();
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds;
    let url = `${this.jumpWebUrl.pcDetail}${getSkuId}.html`;
    this.jdNavigateToNative(url, logEventInfo);
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo);
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const currentShopInfo = {
      shopId: global.info.queryInfo.shopId,
      venderId: global.info.queryInfo.venderId,
    };
    const restParams =
      (shopInfo?.shopId && shopInfo.shopId !== currentShopInfo.shopId) ||
      (shopInfo?.venderId && shopInfo.venderId !== currentShopInfo.venderId)
        ? {}
        : currentShopInfo;
    const getInfo = Object.assign({}, restParams, shopInfo);
    let url = `${this.jumpWebUrl.pages}/index-${getInfo.shopId}.html`;
    this.jdNavigateToNative(url, {
      ...getInfo,
    });
  }
  
  getPcSearchUrl = (searchInfo: { categoryId: string; keyWord: string }) => {
    const { categoryId, keyWord } = searchInfo;
    const flag = document.querySelector('#JSHOP_CHANNEL_FLAG')?.value;
    const appId =
      document.querySelector('#J_AppId')?.value ||
      document.querySelector('#pageInstance_appId')?.value;
    const keywordStr = keyWord && keyWord !== "" ? `?keyword=${keyWord}` : ''
    const searchUrl = categoryId
      ? this.jumpWebUrl.pages + '/view_search-' + appId + '-' + categoryId + '-99-1-20-1.html'
      : `${this.jumpWebUrl.pages}/view_search-${appId}.html${keywordStr}`;
    return flag === 'yao'
      ? this.jumpWebUrl.pages + '/view_shop_search-' + appId + '.html'
      : searchUrl;
  };
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    );
    const { categoryId = '', keyWord = '' } = getInfo;
    const url = `${this.getPcSearchUrl({ categoryId, keyWord })}`;
    this.jdJumpToWeb(url, getInfo);
  }
  
  jdJumpToShopCategory(shopInfo) {
    this.jdJumpToShopSearch(shopInfo)
  }
  
  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;
    const url = `${this.jumpWebUrl.pages}/index-${shopId}.html`;
    this.jdJumpToWeb(url, logEventInfo);
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    const url = `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`;
    this.jdJumpToWeb(url, logEventInfo);
  }