@cfxjs/sirius-next-common 0.1.35 → 0.1.36

package/dist/chunk-ON6XCYGT.js

@@ -0,0 +1,283 @@
+import {
+  publishRequestError
+} from "./chunk-J2I22Q2M.js";
+import {
+  fetchWithCache
+} from "./chunk-YEUH2K6Z.js";
+import {
+  getEnvConfig
+} from "./chunk-DQGLZCIG.js";
+
+// src/utils/request.ts
+import qs from "query-string";
+import useSWR from "swr";
+var TIMEOUT_TIMESTAMP = 6e4;
+var checkStatus = (response) => {
+  if (response.status >= 200 && response.status < 300 || response.status === 600) {
+    return response;
+  } else {
+    const error = new Error(response.statusText);
+    error.name = "HttpError";
+    error.status = response.status;
+    error.response = response;
+    throw error;
+  }
+};
+var parseJSON = async (response) => {
+  const contentType = response.headers.get("content-type");
+  try {
+    if (contentType?.includes("application/json")) {
+      return { data: await response.json(), response };
+    } else if (contentType?.includes("text/html")) {
+      return { data: await response.text(), response };
+    } else {
+      return { data: response, response };
+    }
+  } catch (error) {
+    if (error.name === "AbortError") {
+      return { data: response, response };
+    }
+    publishRequestError({ url: response.url, code: 20001 }, "http");
+    error.response = response;
+    throw error;
+  }
+};
+var checkResponse = function(url, {
+  data,
+  response
+}, opts) {
+  if (response.status === 200 && (data.status === "1" || data.code === 0)) {
+    return data.result || data.data;
+  } else if (/HEAD/i.test(opts?.method || "")) {
+    return response;
+  } else {
+    const code = Number(data.status ?? data.code);
+    publishRequestError({ url, code, message: data.message }, "http");
+    const error = new Error(data.message);
+    error.response = data;
+    throw error;
+  }
+};
+var fetchWithAbort = (url, options = {}) => {
+  const controller = new AbortController();
+  const opts = { ...options, signal: controller.signal };
+  const timeout = options.timeout || TIMEOUT_TIMESTAMP;
+  let timeoutId;
+  const promise = new Promise((resolve, reject) => {
+    timeoutId = setTimeout(() => {
+      controller.abort();
+      publishRequestError(
+        { url, code: 20002, message: "Request timeout" },
+        "http"
+      );
+      reject(new Error("Request timeout"));
+    }, timeout);
+    window.fetch(url, opts).then(checkStatus).then(parseJSON).then((...args) => checkResponse(url, ...args, opts)).then((data) => resolve(data)).catch((error) => {
+      if (/HEAD/i.test(opts?.method || "")) {
+        return {};
+      }
+      if (error.name === "TypeError") {
+        publishRequestError({ url, code: 20004 }, "http");
+        reject(new Error("Network error"));
+      } else if (error.name === "AbortError") {
+        publishRequestError(
+          { url, code: 20003, message: "Fetch aborted" },
+          "http"
+        );
+        reject(new Error("Fetch aborted"));
+      } else {
+        publishRequestError(
+          { url, code: error.status, message: error.message },
+          "http"
+        );
+        reject(error);
+      }
+    }).finally(() => clearTimeout(timeoutId));
+  });
+  return {
+    promise,
+    abort: () => {
+      clearTimeout(timeoutId);
+      controller.abort();
+    }
+  };
+};
+var fetch = (url, options = {}) => {
+  const { promise } = fetchWithAbort(url, options);
+  return promise;
+};
+var appendApiPrefix = (url) => {
+  if (url.startsWith("/stat/")) {
+    return url;
+  }
+  if (url.startsWith("http")) {
+    return url;
+  }
+  return `/v1${url.startsWith("/") ? url : "/" + url}`;
+};
+var fetchWithPrefix = (url, opts) => {
+  return fetch(appendApiPrefix(url), opts);
+};
+var fetchWithOpenApi = (url, opts) => {
+  const ENV_CONFIG = getEnvConfig();
+  if (!ENV_CONFIG.ENV_OPEN_API_HOST) {
+    throw new Error("ENV_OPEN_API_HOST is not set");
+  }
+  return fetch(
+    `${ENV_CONFIG.ENV_OPEN_API_HOST}${url.startsWith("/") ? url : "/" + url}`,
+    opts
+  );
+};
+var simpleGetFetcher = async (...args) => {
+  let [url, query] = args;
+  if (query) {
+    url = qs.stringifyUrl({ url, query });
+  }
+  return await fetchWithPrefix(url, {
+    method: "get"
+  });
+};
+var useSWRWithGetFetcher = (key, swrOpts = {}) => {
+  const isTransferReq = typeof key === "string" && key.startsWith("/transfer") || Array.isArray(key) && typeof key[0] === "string" && key[0].startsWith("/transfer");
+  const { data, error, mutate } = useSWR(key, simpleGetFetcher, {
+    ...swrOpts
+  });
+  let tokenAddress = "";
+  if (isTransferReq && data && data.list) {
+    tokenAddress = data.list.reduce(
+      (acc, trans) => {
+        if (trans.address && !acc.includes(trans.address))
+          acc.push(trans.address);
+        return acc;
+      },
+      []
+    );
+  }
+  const { data: tokenData } = useSWR(
+    tokenAddress ? qs.stringifyUrl({
+      url: "/token",
+      query: { addressArray: tokenAddress, fields: "iconUrl" }
+    }) : null,
+    simpleGetFetcher
+  );
+  if (tokenData && tokenData.list) {
+    const newTransferList = data.list.map((trans) => {
+      if (tokenAddress.includes(trans.address)) {
+        const tokenInfo = tokenData.list.find(
+          (t) => t.address === trans.address
+        );
+        if (tokenInfo)
+          return { ...trans, token: { ...tokenInfo } };
+      }
+      return trans;
+    });
+    return {
+      data: {
+        ...data,
+        list: newTransferList
+      },
+      error,
+      mutate
+    };
+  }
+  return { data, error, mutate };
+};
+var queryAddress = (address) => {
+  return address.reduce((prev, curr, index) => {
+    return !index ? `address=${curr}` : `${prev}&address=${curr}`;
+  }, "");
+};
+var sendRequestChart = async (config) => {
+  try {
+    const res = await fetch(
+      qs.stringifyUrl({ url: config.url, query: config.query }),
+      {
+        method: config.type || "GET",
+        body: config.body,
+        headers: config.headers,
+        signal: config.signal
+      }
+    );
+    const data = res;
+    data.list = [...data.list || []].reverse();
+    return data;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+var sendRequestENSInfo = async (url) => {
+  if (!url)
+    return {};
+  try {
+    const res = await fetch(url, {
+      method: "GET"
+    });
+    return res?.map;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+var sendRequestGasPrice = async () => {
+  try {
+    const res = await fetch(`/stat/gasprice/tracker`, {
+      method: "GET"
+    });
+    return res;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+var reqNametag = async (address) => {
+  const query = queryAddress(address);
+  const res = await fetch(`/v1/nametag?${query}`, {
+    method: "GET"
+  });
+  return res?.map;
+};
+var reqContractAndToken = async (address) => {
+  const query = queryAddress(address);
+  const res = await fetch(`/v1/contract-and-token?${query}`, {
+    method: "GET"
+  });
+  return res?.map;
+};
+var getContractDetail = (contractAddress, fields = []) => {
+  const url = qs.stringifyUrl({
+    url: `/v1/contract/${contractAddress}`,
+    query: { fields }
+  });
+  return fetch(url, {
+    method: "GET"
+  });
+};
+var detectAccountType = fetchWithCache((address) => {
+  return fetchWithOpenApi(
+    `/util/detectAccountType?hex=${address}`,
+    {
+      method: "GET"
+    }
+  );
+}, {
+  // 1 minute
+  maxAge: 1e3 * 60
+});
+
+export {
+  fetch,
+  appendApiPrefix,
+  fetchWithPrefix,
+  fetchWithOpenApi,
+  simpleGetFetcher,
+  useSWRWithGetFetcher,
+  sendRequestChart,
+  sendRequestENSInfo,
+  sendRequestGasPrice,
+  reqNametag,
+  reqContractAndToken,
+  getContractDetail,
+  detectAccountType
+};
+//# sourceMappingURL=chunk-ON6XCYGT.js.map

package/dist/chunk-ON6XCYGT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/request.ts"],"sourcesContent":["import qs from 'query-string';\nimport { publishRequestError } from './pubsub';\nimport useSWR from 'swr';\nimport { BaseContractInfo, DetectAccountTypeResponse } from './request.types';\nimport { getEnvConfig } from '../store';\nimport { fetchWithCache } from './cache';\ninterface FetchWithAbortType<T> {\n  promise: Promise<T>;\n  abort: () => void;\n}\n\ninterface FetchOptions extends RequestInit {\n  timeout?: number;\n}\n\nconst TIMEOUT_TIMESTAMP = 60000;\n\nconst checkStatus = (response: Response) => {\n  if (\n    (response.status >= 200 && response.status < 300) ||\n    response.status === 600\n  ) {\n    return response;\n  } else {\n    const error = new Error(response.statusText);\n    error.name = 'HttpError';\n    (error as any).status = response.status;\n    (error as any).response = response;\n    throw error;\n  }\n};\n\n// 格式化 response data\nconst parseJSON = async (response: Response) => {\n  const contentType = response.headers.get('content-type');\n  try {\n    if (contentType?.includes('application/json')) {\n      return { data: await response.json(), response };\n    } else if (contentType?.includes('text/html')) {\n      return { data: await response.text(), response };\n    } else {\n      // contentType 还有其他类型，目前项目中用不到\n      // 不能简单的报错，比如 image/x-icon 是 favicon 请求\n      // 此处直接返回 response，由业务代码处理其他类型的数据\n      return { data: response, response };\n    }\n  } catch (error) {\n    if ((error as any).name === 'AbortError') {\n      return { data: response, response };\n    }\n    publishRequestError({ url: response.url, code: 20001 }, 'http');\n    (error as any).response = response;\n    throw error;\n  }\n};\n\n// 检查返回值中是否包含错误\nconst checkResponse = function (\n  url: string,\n  {\n    data,\n    response,\n  }: {\n    data: any;\n    response: Response;\n  },\n  opts: any,\n) {\n  // 兼容 data.code 和 data.data, 是关于 core space 的数据结构\n  if (response.status === 200 && (data.status === '1' || data.code === 0)) {\n    return data.result || data.data;\n  } else if (/HEAD/i.test(opts?.method || '')) {\n    // handle of HEAD method\n    return response;\n  } else {\n    const code = Number(data.status ?? data.code);\n    publishRequestError({ url, code, message: data.message }, 'http');\n    const error: Partial<ErrorEvent> & {\n      response?: ResponseType;\n    } = new Error(data.message);\n    error.response = data;\n    throw error;\n  }\n};\n\nconst fetchWithAbort = <T>(\n  url: string,\n  options: FetchOptions = {},\n): FetchWithAbortType<T> => {\n  const controller = new AbortController();\n  const opts: FetchOptions = { ...options, signal: controller.signal };\n  const timeout = options.timeout || TIMEOUT_TIMESTAMP;\n\n  let timeoutId: ReturnType<typeof setTimeout>;\n  const promise: Promise<T> = new Promise((resolve, reject) => {\n    timeoutId = setTimeout(() => {\n      controller.abort();\n      publishRequestError(\n        { url, code: 20002, message: 'Request timeout' },\n        'http',\n      );\n      reject(new Error('Request timeout'));\n    }, timeout);\n\n    window\n      .fetch(url, opts)\n      .then(checkStatus)\n      .then(parseJSON)\n      .then((...args) => checkResponse(url, ...args, opts))\n      .then(data => resolve(data as T))\n      .catch(error => {\n        if (/HEAD/i.test(opts?.method || '')) {\n          return {};\n        }\n\n        // A fetch() promise will reject with a TypeError when a network error is encountered or CORS is misconfigured on the server-side,\n        // although this usually means permission issues or similar — a 404 does not constitute a network error, for example.\n        // For detail: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\n        if (error.name === 'TypeError') {\n          publishRequestError({ url, code: 20004 }, 'http');\n          reject(new Error('Network error'));\n        } else if (error.name === 'AbortError') {\n          publishRequestError(\n            { url, code: 20003, message: 'Fetch aborted' },\n            'http',\n          );\n          reject(new Error('Fetch aborted'));\n        } else {\n          publishRequestError(\n            { url, code: (error as any).status, message: error.message },\n            'http',\n          );\n          reject(error);\n        }\n      })\n      .finally(() => clearTimeout(timeoutId));\n  });\n\n  return {\n    promise,\n    abort: () => {\n      clearTimeout(timeoutId);\n      controller.abort();\n    },\n  };\n};\n\nexport const fetch = <T>(\n  url: string,\n  options: FetchOptions = {},\n): Promise<T> => {\n  const { promise } = fetchWithAbort<T>(url, options);\n  return promise;\n};\n\nexport const appendApiPrefix = (url: string) => {\n  // for cfx top N\n  if (url.startsWith('/stat/')) {\n    return url;\n  }\n  if (url.startsWith('http')) {\n    return url;\n  }\n  return `/v1${url.startsWith('/') ? url : '/' + url}`;\n};\n\nexport const fetchWithPrefix = <T>(url: string, opts?: FetchOptions) => {\n  return fetch<T>(appendApiPrefix(url), opts);\n};\n\nexport const fetchWithOpenApi = <T>(url: string, opts?: FetchOptions) => {\n  const ENV_CONFIG = getEnvConfig();\n  if (!ENV_CONFIG.ENV_OPEN_API_HOST) {\n    throw new Error('ENV_OPEN_API_HOST is not set');\n  }\n  return fetch<T>(\n    `${ENV_CONFIG.ENV_OPEN_API_HOST}${url.startsWith('/') ? url : '/' + url}`,\n    opts,\n  );\n};\n\nexport const simpleGetFetcher = async <T>(...args: any[]) => {\n  let [url, query] = args;\n  if (query) {\n    url = qs.stringifyUrl({ url, query });\n  }\n  return await fetchWithPrefix<T>(url, {\n    method: 'get',\n  });\n};\n\nexport const useSWRWithGetFetcher = (\n  key: string | string[] | null,\n  swrOpts = {},\n) => {\n  const isTransferReq =\n    (typeof key === 'string' && key.startsWith('/transfer')) ||\n    (Array.isArray(key) &&\n      typeof key[0] === 'string' &&\n      key[0].startsWith('/transfer'));\n\n  const { data, error, mutate }: any = useSWR(key, simpleGetFetcher, {\n    ...swrOpts,\n  });\n\n  let tokenAddress: string | string[] = '';\n\n  // deal with token info\n  if (isTransferReq && data && data.list) {\n    tokenAddress = data.list.reduce(\n      (acc: string[], trans: { address: string }) => {\n        if (trans.address && !acc.includes(trans.address))\n          acc.push(trans.address);\n        return acc;\n      },\n      [],\n    );\n  }\n\n  const { data: tokenData }: any = useSWR(\n    tokenAddress\n      ? qs.stringifyUrl({\n          url: '/token',\n          query: { addressArray: tokenAddress, fields: 'iconUrl' },\n        })\n      : null,\n    simpleGetFetcher,\n  );\n\n  if (tokenData && tokenData.list) {\n    const newTransferList = data.list.map((trans: { address: string }) => {\n      if (tokenAddress.includes(trans.address)) {\n        const tokenInfo = tokenData.list.find(\n          (t: { address: string }) => t.address === trans.address,\n        );\n        if (tokenInfo) return { ...trans, token: { ...tokenInfo } };\n      }\n\n      return trans;\n    });\n\n    return {\n      data: {\n        ...data,\n        list: newTransferList,\n      },\n      error,\n      mutate,\n    };\n  }\n\n  return { data, error, mutate };\n};\n\ntype RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';\ninterface QueryParams {\n  [key: string]: string;\n}\ninterface Config {\n  url: string;\n  query: QueryParams;\n  type?: RequestMethod;\n  body?: any;\n  headers?: Headers;\n  signal?: AbortSignal;\n}\n\nconst queryAddress = (address: string[]) => {\n  return address.reduce((prev, curr, index) => {\n    return !index ? `address=${curr}` : `${prev}&address=${curr}`;\n  }, '');\n};\n\nexport const sendRequestChart = async (config: Config) => {\n  try {\n    const res: any = await fetch(\n      qs.stringifyUrl({ url: config.url, query: config.query }),\n      {\n        method: config.type || 'GET',\n        body: config.body,\n        headers: config.headers,\n        signal: config.signal,\n      },\n    );\n    const data = res;\n    data.list = [...(data.list || [])].reverse();\n    return data;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n\nexport const sendRequestENSInfo = async (url?: string | null) => {\n  if (!url) return {};\n  try {\n    const res: any = await fetch(url, {\n      method: 'GET',\n    });\n\n    return res?.map;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n\nexport const sendRequestGasPrice = async () => {\n  try {\n    const res: any = await fetch(`/stat/gasprice/tracker`, {\n      method: 'GET',\n    });\n    return res;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n\nexport const reqNametag = async (address: string[]) => {\n  const query = queryAddress(address);\n\n  const res: any = await fetch(`/v1/nametag?${query}`, {\n    method: 'GET',\n  });\n  return res?.map;\n};\n\nexport const reqContractAndToken = async (address: string[]) => {\n  const query = queryAddress(address);\n\n  const res: any = await fetch(`/v1/contract-and-token?${query}`, {\n    method: 'GET',\n  });\n  return res?.map;\n};\n\nexport const getContractDetail = <T extends string>(\n  contractAddress?: string,\n  fields: T[] = [],\n) => {\n  const url = qs.stringifyUrl({\n    url: `/v1/contract/${contractAddress}`,\n    query: { fields },\n  });\n\n  return fetch<BaseContractInfo & Record<T, unknown>>(url, {\n    method: 'GET',\n  });\n};\n\nexport const detectAccountType = fetchWithCache((address: string) => {\n  return fetchWithOpenApi<DetectAccountTypeResponse>(\n    `/util/detectAccountType?hex=${address}`,\n    {\n      method: 'GET',\n    },\n  );\n}, {\n  // 1 minute\n  maxAge: 1000 * 60,\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-ONMNA33N.js

@@ -0,0 +1,45 @@
+import {
+  publishRequestError
+} from "./chunk-J2I22Q2M.js";
+
+// src/utils/rpcRequest.ts
+var request = async (method, ...args) => {
+  const CFX = window.CFX;
+  try {
+    const [namespace, m] = method.split("_");
+    if (namespace && m && typeof CFX[namespace][m] === "function") {
+      return await CFX[namespace][m](...args);
+    } else {
+      throw new Error(
+        `Method ${m} is not a function in namespace ${namespace}`
+      );
+    }
+  } catch (e) {
+    if (e instanceof Error) {
+      publishRequestError(e, "rpc");
+    } else {
+      console.error("Unexpected error", e);
+    }
+    throw e;
+  }
+};
+var getAccount = async (...args) => {
+  try {
+    return request("cfx_getAccount", ...args);
+  } catch (e) {
+    throw e;
+  }
+};
+var getAddressCode = async (address, ...args) => {
+  try {
+    return request("cfx_getCode", address, ...args);
+  } catch (e) {
+    throw e;
+  }
+};
+
+export {
+  getAccount,
+  getAddressCode
+};
+//# sourceMappingURL=chunk-ONMNA33N.js.map

package/dist/chunk-ONMNA33N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/rpcRequest.ts"],"sourcesContent":["import { publishRequestError } from './pubsub';\n\nconst request = async <T>(method: string, ...args: any[]): Promise<T> => {\n  const CFX = (window as any).CFX;\n\n  try {\n    const [namespace, m] = method.split('_');\n    // 断言 CFX[namespace][m] 为一个函数，并调用它\n    if (namespace && m && typeof CFX[namespace][m] === 'function') {\n      return await CFX[namespace][m](...args);\n    } else {\n      throw new Error(\n        `Method ${m} is not a function in namespace ${namespace}`,\n      );\n    }\n  } catch (e: unknown) {\n    if (e instanceof Error) {\n      publishRequestError(e, 'rpc');\n    } else {\n      console.error('Unexpected error', e);\n    }\n    throw e;\n  }\n};\n\nexport const getAccount = async (...args: unknown[]) => {\n  try {\n    return request('cfx_getAccount', ...args);\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const getAddressCode = async (address: string, ...args: unknown[]) => {\n  try {\n    return request<`0x${string}` | null>('cfx_getCode', address, ...args);\n  } catch (e) {\n    throw e;\n  }\n};\n"],"mappings":";;;;;AAEA,IAAM,UAAU,OAAU,WAAmB,SAA4B;AACvE,QAAM,MAAO,OAAe;AAE5B,MAAI;AACF,UAAM,CAAC,WAAW,CAAC,IAAI,OAAO,MAAM,GAAG;AAEvC,QAAI,aAAa,KAAK,OAAO,IAAI,SAAS,EAAE,CAAC,MAAM,YAAY;AAC7D,aAAO,MAAM,IAAI,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI;AAAA,IACxC,OAAO;AACL,YAAM,IAAI;AAAA,QACR,UAAU,oCAAoC;AAAA,MAChD;AAAA,IACF;AAAA,EACF,SAAS,GAAP;AACA,QAAI,aAAa,OAAO;AACtB,0BAAoB,GAAG,KAAK;AAAA,IAC9B,OAAO;AACL,cAAQ,MAAM,oBAAoB,CAAC;AAAA,IACrC;AACA,UAAM;AAAA,EACR;AACF;AAEO,IAAM,aAAa,UAAU,SAAoB;AACtD,MAAI;AACF,WAAO,QAAQ,kBAAkB,GAAG,IAAI;AAAA,EAC1C,SAAS,GAAP;AACA,UAAM;AAAA,EACR;AACF;AAEO,IAAM,iBAAiB,OAAO,YAAoB,SAAoB;AAC3E,MAAI;AACF,WAAO,QAA8B,eAAe,SAAS,GAAG,IAAI;AAAA,EACtE,SAAS,GAAP;AACA,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/chunk-ONSETHR4.js

@@ -0,0 +1,105 @@
+import {
+  useBreakpoint
+} from "./chunk-TOKKKTFG.js";
+import {
+  Tooltip
+} from "./chunk-NKKWDQOM.js";
+import {
+  selectText
+} from "./chunk-4QJEGIPC.js";
+
+// src/components/Text/index.tsx
+import React from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var getTypeColor = (type) => {
+  const colors = {
+    default: "inherit",
+    primary: "#7cd77b",
+    secondary: "#666",
+    success: "#7cd77b",
+    warning: "#ffc438",
+    error: "#e15c56"
+  };
+  return colors[type] || colors.default;
+};
+var Text = React.memo(
+  ({
+    className,
+    children,
+    maxWidth: _maxWidth,
+    mobileMaxWidth = _maxWidth,
+    maxCount: _maxCount,
+    mobileMaxCount = _maxCount,
+    hoverValue,
+    hoverValueMaxCount: outerHoverValueMaxCount,
+    tag = "p",
+    type = "default",
+    hideTooltip = false,
+    ...props
+  }) => {
+    const Component = tag;
+    const bp = useBreakpoint();
+    let child = children;
+    const maxCount = bp === "s" ? mobileMaxCount : _maxCount;
+    const maxWidth = bp === "s" ? mobileMaxWidth : _maxWidth;
+    if (maxWidth === void 0 && maxCount && typeof children === "string" && children.length > maxCount) {
+      child = String.prototype.substr.call(children, 0, maxCount) + "...";
+    }
+    let textContent = hoverValue || children;
+    if (bp === "s" && typeof textContent === "string") {
+      const hoverValueMaxCount = outerHoverValueMaxCount || 34;
+      let textContentCopy = textContent;
+      let newTextContent = [];
+      let count = 0;
+      while (textContentCopy.length > hoverValueMaxCount) {
+        newTextContent.push(
+          /* @__PURE__ */ jsx("span", { children: textContentCopy.substr(0, hoverValueMaxCount) }, count)
+        );
+        newTextContent.push(/* @__PURE__ */ jsx("br", {}, `br${count}`));
+        textContentCopy = textContentCopy.substr(hoverValueMaxCount);
+        if (count > 3) {
+          textContentCopy = textContentCopy.substr(0, hoverValueMaxCount - 3) + "...";
+        }
+      }
+      newTextContent.push(/* @__PURE__ */ jsx("span", { children: textContentCopy }, ++count));
+      textContent = newTextContent;
+    }
+    const tooltipText = !hideTooltip && React.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          selectText(e.currentTarget);
+        }
+      },
+      textContent
+    );
+    const p = { title: tooltipText };
+    return React.createElement(Tooltip, p, [
+      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          className: clsx(
+            "sirius-text truncate vertical-bottom",
+            "all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae",
+            className
+          ),
+          style: {
+            maxWidth,
+            display: maxWidth === void 0 ? "inherit" : "inline-block",
+            color: getTypeColor(type)
+          },
+          ...props,
+          children: child
+        }
+      ) }, "text")
+    ]);
+  }
+);
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-ONSETHR4.js.map

package/dist/chunk-ONSETHR4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Tooltip } from '../Tooltip';\nimport { selectText } from '../../utils';\nimport { useBreakpoint } from '../../utils/media';\n\ntype NormalTypes =\n  | 'default'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'primary';\n\ntype TextProps = {\n  children?: React.ReactNode;\n  maxWidth?: string;\n  mobileMaxWidth?: string;\n  maxCount?: number;\n  mobileMaxCount?: number;\n  hoverValue?: React.ReactNode;\n  hoverValueMaxCount?: number;\n  tag?: 'p' | 'span';\n  type?: NormalTypes;\n  hideTooltip?: boolean;\n};\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof TextProps>;\n\nconst getTypeColor = (type: NormalTypes) => {\n  const colors: { [key in NormalTypes]: string } = {\n    default: 'inherit',\n    primary: '#7cd77b',\n    secondary: '#666',\n    success: '#7cd77b',\n    warning: '#ffc438',\n    error: '#e15c56',\n  };\n\n  return colors[type] || colors.default;\n};\n\n// note:\n// 1. maxWidth priority is higher than maxCount\n// 2. maxCount only apply to string\n// 3. if hoverValue is provided, use hoverValue as Tooltip text, otherwise use children\n//    if text of prop tooltip is provided, use as Tooltip text\nexport const Text = React.memo(\n  ({\n    className,\n    children,\n    maxWidth: _maxWidth,\n    mobileMaxWidth = _maxWidth,\n    maxCount: _maxCount,\n    mobileMaxCount = _maxCount,\n    hoverValue,\n    hoverValueMaxCount: outerHoverValueMaxCount,\n    tag = 'p',\n    type = 'default',\n    hideTooltip = false,\n    ...props\n  }: NativeAttrs & TextProps) => {\n    const Component = tag;\n    const bp = useBreakpoint();\n    let child: React.ReactNode = children;\n    const maxCount = bp === 's' ? mobileMaxCount : _maxCount;\n    const maxWidth = bp === 's' ? mobileMaxWidth : _maxWidth;\n    if (\n      maxWidth === undefined &&\n      maxCount &&\n      typeof children === 'string' &&\n      children.length > maxCount\n    ) {\n      child = String.prototype.substr.call(children, 0, maxCount) + '...';\n    }\n\n    let textContent = hoverValue || children;\n    // 控制移动端字符串类型 tooltip 的长度\n    // 这里有个问题，就是截断的位置可能是一个完整的单词，暂时没有办法处理，如果为了避免这种情况，需要由外面传入前对内容进行处理，比如设置固定宽度小于 24rem\n    // @todo 后续可以试下读取文本长度，动态设置容器宽度值的方式，可以避免截断位置的问题\n    if (bp === 's' && typeof textContent === 'string') {\n      const hoverValueMaxCount = outerHoverValueMaxCount || 34; // default text count is 36\n      let textContentCopy: string = textContent;\n      let newTextContent: Array<React.ReactNode> = [];\n      let count = 0;\n      while (textContentCopy.length > hoverValueMaxCount) {\n        newTextContent.push(\n          <span key={count}>\n            {textContentCopy.substr(0, hoverValueMaxCount)}\n          </span>,\n        );\n        newTextContent.push(<br key={`br${count}`} />);\n        textContentCopy = textContentCopy.substr(hoverValueMaxCount);\n        // 防止文本过长的情况\n        if (count > 3) {\n          textContentCopy =\n            textContentCopy.substr(0, hoverValueMaxCount - 3) + '...';\n        }\n      }\n      newTextContent.push(<span key={++count}>{textContentCopy}</span>);\n      textContent = newTextContent;\n    }\n    const tooltipText =\n      !hideTooltip &&\n      React.createElement(\n        'div',\n        {\n          onClick: e => {\n            e.preventDefault();\n            e.stopPropagation();\n            selectText(e.currentTarget);\n          },\n        },\n        textContent,\n      );\n\n    const p = { title: tooltipText };\n    return React.createElement(Tooltip, p, [\n      <span key=\"text\">\n        <Component\n          className={clsx(\n            'sirius-text truncate vertical-bottom',\n            'all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae',\n            className,\n          )}\n          style={{\n            maxWidth,\n            display: maxWidth === undefined ? 'inherit' : 'inline-block',\n            color: getTypeColor(type),\n          }}\n          {...props}\n        >\n          {child}\n        </Component>\n      </span>,\n    ]);\n  },\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAqFP;AA1DV,IAAM,eAAe,CAAC,SAAsB;AAC1C,QAAM,SAA2C;AAAA,IAC/C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAEA,SAAO,OAAO,IAAI,KAAK,OAAO;AAChC;AAOO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB;AAAA,IACA,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,GAAG;AAAA,EACL,MAA+B;AAC7B,UAAM,YAAY;AAClB,UAAM,KAAK,cAAc;AACzB,QAAI,QAAyB;AAC7B,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,QACE,aAAa,UACb,YACA,OAAO,aAAa,YACpB,SAAS,SAAS,UAClB;AACA,cAAQ,OAAO,UAAU,OAAO,KAAK,UAAU,GAAG,QAAQ,IAAI;AAAA,IAChE;AAEA,QAAI,cAAc,cAAc;AAIhC,QAAI,OAAO,OAAO,OAAO,gBAAgB,UAAU;AACjD,YAAM,qBAAqB,2BAA2B;AACtD,UAAI,kBAA0B;AAC9B,UAAI,iBAAyC,CAAC;AAC9C,UAAI,QAAQ;AACZ,aAAO,gBAAgB,SAAS,oBAAoB;AAClD,uBAAe;AAAA,UACb,oBAAC,UACE,0BAAgB,OAAO,GAAG,kBAAkB,KADpC,KAEX;AAAA,QACF;AACA,uBAAe,KAAK,oBAAC,UAAQ,KAAK,OAAS,CAAE;AAC7C,0BAAkB,gBAAgB,OAAO,kBAAkB;AAE3D,YAAI,QAAQ,GAAG;AACb,4BACE,gBAAgB,OAAO,GAAG,qBAAqB,CAAC,IAAI;AAAA,QACxD;AAAA,MACF;AACA,qBAAe,KAAK,oBAAC,UAAoB,6BAAV,EAAE,KAAwB,CAAO;AAChE,oBAAc;AAAA,IAChB;AACA,UAAM,cACJ,CAAC,eACD,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,OAAK;AACZ,YAAE,eAAe;AACjB,YAAE,gBAAgB;AAClB,qBAAW,EAAE,aAAa;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEF,UAAM,IAAI,EAAE,OAAO,YAAY;AAC/B,WAAO,MAAM,cAAc,SAAS,GAAG;AAAA,MACrC,oBAAC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,SAAS,aAAa,SAAY,YAAY;AAAA,YAC9C,OAAO,aAAa,IAAI;AAAA,UAC1B;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,KAfQ,MAgBV;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/chunk-OWAB7CCQ.js

@@ -0,0 +1,127 @@
+import {
+  convertCheckSum
+} from "./chunk-S24ORVD5.js";
+import {
+  Text
+} from "./chunk-QQXDVN7O.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressView.tsx
+import { Translation } from "react-i18next";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultPCMaxWidth = 138;
+var renderTooltipContent = (tooltipContent) => {
+  return Object.entries(tooltipContent).map(([key, { label, value, hideLabel }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        !hideLabel && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(label) }) }),
+        value
+      ] }, key);
+    }
+    return null;
+  }).filter(Boolean);
+};
+var convertLink = ({
+  link,
+  type,
+  hrefAddress,
+  cfxAddress
+}) => {
+  if (typeof link === "string") {
+    return link;
+  }
+  const address = hrefAddress || cfxAddress;
+  if (address && typeof address === "string") {
+    const pathname = window.location.pathname.toLowerCase();
+    const addressLower = address.toLowerCase();
+    if (pathname.includes("/address/" + addressLower)) {
+      return false;
+    }
+    if (type === "pow") {
+      return `/address/${address}`;
+    }
+    if (type === "pos") {
+      return `/pos/accounts/${address}`;
+    }
+  }
+  return false;
+};
+var RenderAddress = ({
+  cfxAddress,
+  alias,
+  hoverValue,
+  hrefAddress,
+  content,
+  link = "",
+  isFull = false,
+  isFullNameTag = false,
+  style = {},
+  maxWidth,
+  prefix = null,
+  suffix = null,
+  type = "pow",
+  addressLabel = "",
+  ENSLabel = "",
+  nametag = "",
+  hideAliasPrefixInHover = false
+}) => {
+  const translations = getTranslations();
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const defaultStyle = {
+    maxWidth: `${name && isFullNameTag || isFull ? "auto" : (maxWidth || defaultPCMaxWidth) + "px"}`
+  };
+  const href = convertLink({ link, type, hrefAddress, cfxAddress });
+  const Wrapper = href ? "a" : "div";
+  const tooltipContent = {
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
+    },
+    nametag: {
+      label: translations?.nametag?.tip,
+      value: nametag
+    },
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
+    },
+    alias: {
+      label: translations?.profile.address.publicNameTag,
+      value: alias,
+      hideLabel: hideAliasPrefixInHover
+    }
+  };
+  const checksumAddress = convertCheckSum(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? shortenAddress(checksumAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        tag: "span",
+        hoverValue: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: "block relative align-bottom cursor-default truncate",
+            style: { ...defaultStyle, ...style },
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-OWAB7CCQ.js.map

package/dist/chunk-OWAB7CCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Text } from '../Text';\nimport { convertCheckSum } from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\n\nconst defaultPCMaxWidth = 138;\n\n// common\nconst renderTooltipContent = (tooltipContent: TooltipContent) => {\n  return Object.entries(tooltipContent)\n    .map(([key, { label, value, hideLabel }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            {!hideLabel && (\n              <span>\n                <Translation>{t => t(label)}</Translation>\n              </span>\n            )}\n            {value}\n          </div>\n        );\n      }\n      return null;\n    })\n    .filter(Boolean);\n};\n\n// common\nconst convertLink = ({\n  link,\n  type,\n  hrefAddress,\n  cfxAddress,\n}: RenderAddressProps) => {\n  if (typeof link === 'string') {\n    return link;\n  }\n\n  const address = hrefAddress || cfxAddress;\n\n  if (address && typeof address === 'string') {\n    const pathname = window.location.pathname.toLowerCase();\n    const addressLower = address.toLowerCase();\n    if (pathname.includes('/address/' + addressLower)) {\n      return false;\n    }\n\n    if (type === 'pow') {\n      return `/address/${address}`;\n    }\n\n    if (type === 'pos') {\n      return `/pos/accounts/${address}`;\n    }\n  }\n\n  return false;\n};\n\n// common\nexport const RenderAddress = ({\n  cfxAddress,\n  alias,\n  hoverValue,\n  hrefAddress,\n  content,\n  link = '',\n  isFull = false,\n  isFullNameTag = false,\n  style = {},\n  maxWidth,\n  prefix = null,\n  suffix = null,\n  type = 'pow',\n  addressLabel = '',\n  ENSLabel = '',\n  nametag = '',\n  hideAliasPrefixInHover = false,\n}: RenderAddressProps) => {\n  const translations = getTranslations();\n\n  const name = content || ENSLabel || nametag || addressLabel || alias;\n\n  const defaultStyle = {\n    maxWidth: `${(name && isFullNameTag) || isFull ? 'auto' : (maxWidth || defaultPCMaxWidth) + 'px'}`,\n  };\n\n  const href = convertLink({ link, type, hrefAddress, cfxAddress });\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const tooltipContent: TooltipContent = {\n    ENSLabel: {\n      label: (translations as any)?.ens?.tip,\n      value: ENSLabel,\n    },\n    nametag: {\n      label: translations?.nametag?.tip,\n      value: nametag,\n    },\n    addressLabel: {\n      label: translations?.profile.address.myNameTag,\n      value: addressLabel,\n    },\n    alias: {\n      label: translations?.profile.address.publicNameTag,\n      value: alias,\n      hideLabel: hideAliasPrefixInHover,\n    },\n  };\n\n  const checksumAddress = convertCheckSum(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof cfxAddress === 'string' && !isFull\n      ? shortenAddress(checksumAddress!)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix}\n      <Text\n        tag=\"span\"\n        hoverValue={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className=\"block relative align-bottom cursor-default truncate\"\n          style={{ ...defaultStyle, ...style }}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Text>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}