login-authorization-v2 2.0.0-beta.1 → 2.0.0-beta.2

package/src/compatible.ts

@@ -1,46 +0,0 @@
-/**
- *  这个文件是写一些兼容的方法，避免各个项目做出大量调整
- */
-
-import { getAccessToken, setAccessToken, setRefreshToken } from './cookie'
-import Cookie from 'js-cookie'
-
-export const setIdToken = setAccessToken
-export const getIdToken = getAccessToken
-
-export const setCookie = (
-  name: string,
-  value: string | undefined | null,
-  domain: string,
-  path: string = '/',
-  time = 30 * 24 * 60 * 60 * 1000
-) => {
-  if (value === null || value === undefined) {
-    return Cookie.remove(name)
-  }
-  Cookie.set(name, value, {
-    domain,
-    path,
-    expires: time / (24 * 60 * 60 * 1000)
-  })
-}
-export const clearLoginCookie = () => {
-  setAccessToken(null)
-  setRefreshToken(null)
-}
-
-export const getCookie = (c_name: string) => {
-  if (!c_name) return null
-  const reg = new RegExp('(?:^|; )' + encodeURIComponent(c_name) + '=([^;]*)')
-  const result = reg.exec(document.cookie)
-  return result ? decodeURIComponent(result[1] || '') : null
-}
-
-
-export const getUrlParam = (key: string, href?: string) => {
-  const search = '?' + ((href || window.location.href).split('?')[1] || '')
-
-  const searchParams = new URLSearchParams(search)
-
-  return searchParams.get(key)
-}

package/src/constance.ts

@@ -1,7 +0,0 @@
-export const NO_ACCESS_TOKEN = 'Access token not found'
-export const INVALID_ACCESS_TOKEN = 'Invalid access token'
-export const INVALID_REFRESH_TOKEN = 'Invalid refresh token'
-export const NO_REFRESH_TOKEN = 'Refresh token not found'
-export const NO_MODULE_BASE_URL = 'Module base URL is required'
-export const INVALID_TENANT_ID = 'Invalid tenant ID'
-export const INVALID_BRAND = 'Invalid brand'

package/src/cookie.ts

@@ -1,75 +0,0 @@
-import Cookie from 'js-cookie'
-import type Cookies from 'js-cookie'
-import { INVALID_ACCESS_TOKEN, INVALID_REFRESH_TOKEN } from './constance'
-
-export type CookieKeys =
-  'access_token'
-  | 'refresh_token'
-  | 'idTokenFront'
-  | 'idTokenBack'
-  | 'refreshTokenFront'
-  | 'refreshTokenBack'
-  | 'currentSystemType'
-
-const makeSetCookieFn = (key: CookieKeys, options?: Cookies.CookieAttributes) => {
-  const index = window.location.hostname.indexOf('.')
-  const domain =
-    index === -1
-      ? window.location.hostname
-      : window.location.hostname.slice(index)
-
-  return (value: string | null) => {
-    if (value === null) {
-      return Cookie.remove(key, { domain, ...options } )
-    }
-    Cookie.set(key, value, {
-      domain,
-      expires: 30,
-      ...options
-    })
-  }
-}
-
-const setIdTokenFront = makeSetCookieFn('idTokenFront')
-const setIdTokenBack = makeSetCookieFn('idTokenBack')
-const setRefreshTokenFront = makeSetCookieFn('refreshTokenFront')
-const setRefreshTokenBack = makeSetCookieFn('refreshTokenBack')
-export const setRefreshToken = (token: string | null) => {
-  if (!token) {
-    setIdTokenBack(null)
-    setIdTokenFront(null)
-    makeSetCookieFn('refresh_token')(null)
-    return
-  }
-  const splits = token.split('.')
-  if (splits.length < 5) throw new Error(INVALID_REFRESH_TOKEN)
-  const refreshTokenFront = splits[0] + '.' + splits[1]
-  const refreshTokenBack = splits[2] + '.' + splits[3] + '.' + splits[4]
-
-  setRefreshTokenFront(refreshTokenFront)
-  setRefreshTokenBack(refreshTokenBack)
-  makeSetCookieFn('refresh_token')(token)
-}
-export const setAccessToken = (token: string | null) => {
-  if (!token) {
-    setIdTokenBack(null)
-    setIdTokenFront(null)
-    makeSetCookieFn('access_token')(null)
-    return
-  }
-  const splits = token.split('.')
-  if (splits.length < 3) throw new Error(INVALID_ACCESS_TOKEN)
-  const idTokenFront = splits[0] + '.' + splits[1]
-  const idTokenBack = splits[2] || ''
-
-  setIdTokenFront(idTokenFront)
-  setIdTokenBack(idTokenBack)
-
-  makeSetCookieFn('access_token')(token)
-}
-
-export const getAccessToken = () => Cookie.get('access_token')
-export const getRefreshToken = () => Cookie.get('refresh_token')
-
-export const setSystemType = makeSetCookieFn('currentSystemType')
-export const getSystemType = () => Cookie.get('currentSystemType')

package/src/dom.ts

@@ -1,59 +0,0 @@
-import { isMobile } from './utils'
-import { loginPageUrl } from './shares'
-
-const createPcDialog = () => {
-  return `<div id="confirm-container" style="box-sizing:border-box;position:fixed;width:615px;height:145px;box-shadow: 0 0 2px 2px #eeeeee;border-radius: 5px;z-index: 10000000;display: block;left: 35%;padding:20px 20px;top:10px;font-size: 16px;">
-    <div id="href" style="color: rgb(32,33,36);"></div>
-    <div style="margin: 10px 0 20px 0;color: rgb(32,33,36);font-size: 14px;">You do not have access to the system.</div>
-    <div style="display: flex;justify-content: flex-end;">
-      <button id="cancel" style="padding: 8px 15px;background: #ffffff;color:rgb(26,115,232);border:1px solid #ccc;border-radius:5px;cursor: pointer;font-size:14px;">Cancel</button>
-      <button id="confirm" style="padding: 8px 15px;background: rgb(26,115,232);color:#ffffff;border:none;border-radius:5px;margin-left: 10px;cursor: pointer;font-size:14px;">Sign in to another ZERO account</button>
-    </div>
-  </div>`
-}
-
-const createMobileDialog = () => {
-  return `<div id="confirm-container" style="box-sizing:border-box;position:fixed;width:97.6vw;height:145px;box-shadow: 0 0 2px 2px #eeeeee;border-radius: 5px;z-index: 10000000;display: block;left:0px;padding:20px 20px;top:4px;margin:0 4px;font-size: 16px;">
-    <div id="href" style="color: rgb(32,33,36);"></div>
-    <div style="margin: 10px 0 20px 0;color: rgb(32,33,36);font-size: 14px;">You do not have access to the system.</div>
-    <div style="display: flex;justify-content: flex-end;">
-    <div style="display: flex;justify-content: flex-end;">
-      <button id="cancel" style="padding: 8px 15px;background: #ffffff;color:rgb(26,115,232);border:1px solid #ccc;border-radius:5px;cursor: pointer;font-size:14px;">Cancel</button>
-      <button id="confirm" style="padding: 8px 15px;background: rgb(26,115,232);color:#ffffff;border:none;border-radius:5px;margin-left: 10px;cursor: pointer;font-size:14px;">Sign in to another ZERO account</button>
-    </div>
-    </div>
-  </div>`
-}
-
-const onConfirmHandler = (evt: Event) => {
-  closeDialog()
-  window.location.href = loginPageUrl
-}
-
-const onCancelHandler = () => {
-  closeDialog()
-  window.location.href = 'about:blank'
-}
-
-export const closeDialog = () => {
-  const container = document.getElementById('confirm-container')
-
-  if (!container || !container.parentNode) return
-  document.body.removeChild(container.parentNode)
-}
-
-export const openDialog = () => {
-  const container = document.createElement('div')
-
-  isMobile()
-    ? container.innerHTML = createMobileDialog()
-    : container.innerHTML = createPcDialog()
-
-  const confirmButton = container.querySelector('#confirm')
-  const cancelButton = container.querySelector('#cancel')
-
-  confirmButton?.addEventListener('click', onConfirmHandler)
-  cancelButton?.addEventListener('click', onCancelHandler)
-
-  document.body.appendChild(container)
-}

package/src/request.ts

@@ -1,99 +0,0 @@
-import axios from 'axios'
-import { tenantId, brand, moduleBaseUrl } from './shares'
-import type { ModuleName, UserInfo } from './types'
-import { getAccessToken } from './cookie'
-import type { AxiosInstance, AxiosPromise } from 'axios'
-import { getUserInfo } from './utils'
-
-let instance!: AxiosInstance
-
-/**
- *  没找到更好的方式，只能这样做了
- */
-export const initInstance = async () => {
-  let userInfo: UserInfo | null = null
-  try {
-    userInfo = await getUserInfo()
-  } catch (error) {
-    console.warn('initInstance getUserInfo error:', error)
-  }
-  instance = axios.create({
-    baseURL: moduleBaseUrl,
-    timeout: 1.5e4,
-    headers: {
-      'X-tenant-id': userInfo ? userInfo['custom:tenant_id'].toString() : tenantId.toString(),
-      'X-brand': brand.toString(),
-      'Authorization': `Bearer ${getAccessToken()}`,
-    }
-  })
-
-  instance.interceptors.request.use(
-    (config) => {
-      return config
-    },
-    (error) => {
-      return Promise.reject(error)
-    }
-  )
-
-  instance.interceptors.response.use(
-    (response) => {
-      if (response.data.code !== 200) {
-        return Promise.reject(response.data.msg)
-      }
-      return response
-    },
-    (error) => {
-      return Promise.reject(error)
-    }
-  )
-}
-
-type RefreshTokenResponse = {
-  code: string
-  msg: string
-  content: {
-    accessToken: string
-    expiresIn: number
-    idToken: string
-    newDeviceMetadata: null
-    refreshToken: string
-    tokenType: 'Bearer'
-  }
-}
-export const fetchRefreshTokenHTTP = (refreshToken: string) => {
-  return instance({
-    method: 'post',
-    url: '/user-profile/refresh-token/refresh',
-    data: {
-      refreshToken
-    }
-  }) as AxiosPromise<RefreshTokenResponse>
-}
-
-export const fetchLogoutHTTP = () => {
-  return instance({
-    method: 'get',
-    url: '/user-profile/logout'
-  })
-}
-
-type Content = {
-  groupName: ModuleName
-  icon: string
-  id: number
-  label: string
-  staffEndpoint: boolean
-  url: string
-}
-type ServerListResponse = {
-  content: Array<Content>
-  code: number
-  totalElements: number
-}
-export const fetchServerListHTTP = () => {
-  return instance({
-    method: 'get',
-    url: '/session/current/servers'
-  }) as AxiosPromise<ServerListResponse>
-}

package/src/shares.ts

@@ -1,26 +0,0 @@
-import { Tenant, Brand } from './types'
-import { INVALID_BRAND, INVALID_TENANT_ID } from './constance'
-
-export let tenantId!: Tenant
-export let brand!: Brand
-export let moduleBaseUrl: string = ''
-export let loginPageUrl: string = ''
-
-export const setTenantId = (id: Tenant) => {
-  if (!Object.values(Tenant).includes(id)) {
-    throw new Error(INVALID_TENANT_ID)
-  }
-  tenantId = id
-}
-export const setBrand = (id: Brand) => {
-  if (!Object.values(Brand).includes(id)) {
-    throw new Error(INVALID_BRAND)
-  }
-  brand = id
-}
-export const setModuleBaseUrl = (url: string) => {
-  moduleBaseUrl = url
-}
-export const setLoginPageUrl = (url: string) => {
-  loginPageUrl = url
-}

package/src/types.ts

@@ -1,109 +0,0 @@
-const modules = [
-  {
-    href: '',
-    name: 'commonLogin'
-  },
-  {
-    href: '',
-    name: 'App'
-  },
-  {
-    href: '',
-    name: 'Portal'
-  },
-  {
-    href: '',
-    name: 'AgentPortal'
-  },
-  {
-    href: '',
-    name: 'AdminPortal'
-  },
-  {
-    href: '',
-    name: 'CRM'
-  },
-  {
-    href: '',
-    name: 'Finance'
-  },
-  {
-    href: '',
-    name: 'FundingAdmin'
-  },
-  {
-    href: '',
-    name: 'MessageTemplate'
-  },
-  {
-    href: '',
-    name: 'Translate'
-  },
-  {
-    href: '',
-    name: 'TradeConfig'
-  },
-  {
-    href: '',
-    name: 'Ticket'
-  },
-  {
-    href: '',
-    name: 'IBPortalAdmin'
-  },
-  {
-    href: '',
-    name: 'OPPortal'
-  },
-  {
-    href: '',
-    name: 'ClientInfoHub'
-  },
-  {
-    href: '',
-    name: 'Promotion'
-  }
-] as const
-
-export type ModuleName = typeof modules[number]['name']
-
-export type UserInfo = {
-  'aud': string
-  'aud_time': number
-  'cognito:groups': ModuleName[]
-  'cognito:username': string
-  'custom:encrypt_email_var': string
-  'custom:tenant_id': Tenant
-  'custom:user_id': string
-  'email': string
-  'email_verified': boolean
-  'exp': number
-  'event_id': string
-  'iat': number
-  'iss': string
-  'jti': string
-  'origin_jti': string
-  'preferred_username': string
-  'sub': string
-  'token_use': string
-}
-
-export enum Brand {
-  ZERO = 1,
-  HEDGEHOOD = 2,
-  NISE = 3
-}
-
-export enum Tenant {
-  ZERO_INT = 1,
-  HEDGEHOOD = 2,
-  ZERO_NZ = 3,
-  ZERO_LA = 4,
-  ZERO_BR = 4,
-  NISE_EU = 5
-}
-
-export enum SystemType {
-  Staff = 'staff',
-  Client = 'client'
-}

package/src/utils.ts

@@ -1,20 +0,0 @@
-import type { UserInfo } from './types'
-import { getAccessToken } from './cookie'
-import { NO_ACCESS_TOKEN } from './constance'
-import { Base64 } from 'js-base64'
-
-export const isMobile = ():boolean => {
-  const ua = navigator.userAgent;
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua);
-}
-
-export const getUserInfo = (): Promise<UserInfo> => {
-  return new Promise((resolve, reject) => {
-    const token = getAccessToken()
-    if (!token) return reject(new Error(NO_ACCESS_TOKEN))
-    const splits = token.split('.')
-    if (splits.length < 3) return reject(new Error(NO_ACCESS_TOKEN))
-
-    resolve(JSON.parse(Base64.decode(splits[1] as string)) as UserInfo)
-  })
-}