@cfxjs/sirius-next-common 0.0.8 → 0.0.9-patch.1

package/dist/chunk-VGCTU7HB.js

@@ -0,0 +1,127 @@
+import {
+  convertCheckSum
+} from "./chunk-A7RMNSCW.js";
+import {
+  Text
+} from "./chunk-CDYJDIZL.js";
+import {
+  getTranslations
+} from "./chunk-HRW4BUP4.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-VGCTU7HB.js.map

package/dist/chunk-VGCTU7HB.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":[]}

package/dist/chunk-VR7OODCZ.js

@@ -0,0 +1,150 @@
+import {
+  Spin
+} from "./chunk-XCKMXAL2.js";
+import {
+  cn
+} from "./chunk-OXSSHXEW.js";
+
+// src/components/Modal/index.tsx
+import { useEffect, useCallback, useMemo } from "react";
+import ReactDOM from "react-dom";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Backdrop = ({
+  onClick,
+  children,
+  className
+}) => /* @__PURE__ */ jsx("div", { className, onClick, children });
+var ModalContent = ({
+  containerClassName,
+  closable,
+  onClose,
+  children,
+  loading,
+  modalStyles
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("relative bg-[#FFF] rounded shadow-lg", containerClassName),
+    tabIndex: -1,
+    style: modalStyles,
+    children: /* @__PURE__ */ jsxs(Spin, { spinning: loading, children: [
+      closable && /* @__PURE__ */ jsx(X, { className: "h-4 w-4 absolute right-5 top-5", onClick: onClose }),
+      /* @__PURE__ */ jsx("div", { className: "p-4", children })
+    ] })
+  }
+);
+var useEventListener = (eventName, handler, active) => {
+  useEffect(() => {
+    if (active) {
+      const eventListener = (event) => handler(event);
+      document.addEventListener(eventName, eventListener);
+      return () => {
+        document.removeEventListener(eventName, eventListener);
+      };
+    }
+  }, [eventName, handler, active]);
+};
+var Modal = ({
+  open,
+  closeOnEsc = true,
+  closable = true,
+  preventScroll = true,
+  backdropClassName = "",
+  containerClassName = "",
+  onOpen = () => {
+  },
+  onClose,
+  children,
+  width = "600px",
+  maskClosable = true,
+  centered = true,
+  loading = false
+}) => {
+  useEffect(() => {
+    if (open) {
+      onOpen?.();
+      if (preventScroll) {
+        document.body.style.overflow = "hidden";
+      }
+    } else {
+      if (preventScroll) {
+        document.body.style.overflow = "";
+      }
+    }
+    return () => {
+      if (preventScroll) {
+        document.body.style.overflow = "";
+      }
+    };
+  }, [open, onOpen, preventScroll]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape" && closeOnEsc && onClose) {
+        onClose?.();
+      }
+    },
+    [closeOnEsc, onClose]
+  );
+  const handleClickOutside = useCallback(() => {
+    if (onClose && maskClosable) {
+      onClose?.();
+    }
+  }, [onClose, maskClosable]);
+  const handleBackdropClick = useCallback(
+    (event) => {
+      if (maskClosable && event.target === event.currentTarget && onClose) {
+        onClose?.();
+      }
+    },
+    [maskClosable, onClose]
+  );
+  const modalStyles = useMemo(
+    () => ({
+      width: typeof width === "string" ? width : `${width}px`,
+      margin: centered ? "auto" : void 0
+    }),
+    [width, centered]
+  );
+  useEventListener(
+    "keydown",
+    handleKeyDown,
+    open && closeOnEsc
+  );
+  useEventListener(
+    "mousedown",
+    handleClickOutside,
+    open && maskClosable
+  );
+  if (!open)
+    return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        onClick: handleBackdropClick,
+        className: cn(
+          "fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000",
+          backdropClassName
+        ),
+        children: /* @__PURE__ */ jsx(
+          ModalContent,
+          {
+            containerClassName,
+            closable,
+            onClose,
+            children,
+            loading,
+            modalStyles
+          }
+        )
+      }
+    ),
+    document.body
+  );
+};
+
+export {
+  Modal
+};
+//# sourceMappingURL=chunk-VR7OODCZ.js.map

package/dist/chunk-VR7OODCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Spin } from '../Spin';\nimport { cn } from '../../utils';\n\ninterface ModalProps {\n  open: boolean;\n  closeOnEsc?: boolean;\n  closable?: boolean;\n  preventScroll?: boolean;\n  backdropClassName?: string;\n  containerClassName?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  width?: string | number;\n  maskClosable?: boolean;\n  centered?: boolean;\n  loading?: boolean;\n}\n\ninterface ModalContentProps {\n  containerClassName: string;\n  closable: boolean;\n  onClose?: VoidFunction;\n  children?: React.ReactNode;\n  loading?: boolean;\n  modalStyles: React.CSSProperties;\n}\n\ninterface BackdropProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  className: string;\n  children?: React.ReactNode;\n}\n\nconst Backdrop: React.FC<BackdropProps> = ({\n  onClick,\n  children,\n  className,\n}) => (\n  <div className={className} onClick={onClick}>\n    {children}\n  </div>\n);\n\nconst ModalContent = ({\n  containerClassName,\n  closable,\n  onClose,\n  children,\n  loading,\n  modalStyles,\n}: ModalContentProps) => (\n  <div\n    className={cn('relative bg-[#FFF] rounded shadow-lg', containerClassName)}\n    tabIndex={-1}\n    style={modalStyles}\n  >\n    <Spin spinning={loading}>\n      {closable && (\n        <X className=\"h-4 w-4 absolute right-5 top-5\" onClick={onClose} />\n      )}\n      <div className=\"p-4\">{children}</div>\n    </Spin>\n  </div>\n);\n\nconst useEventListener = (\n  eventName: string,\n  handler: (event: Event) => void,\n  active: boolean,\n) => {\n  useEffect(() => {\n    if (active) {\n      const eventListener = (event: Event) => handler(event);\n\n      document.addEventListener(eventName, eventListener);\n      return () => {\n        document.removeEventListener(eventName, eventListener);\n      };\n    }\n  }, [eventName, handler, active]);\n};\n\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  closeOnEsc = true,\n  closable = true,\n  preventScroll = true,\n  backdropClassName = '',\n  containerClassName = '',\n  onOpen = () => {},\n  onClose,\n  children,\n  width = '600px',\n  maskClosable = true,\n  centered = true,\n  loading = false,\n}) => {\n  useEffect(() => {\n    if (open) {\n      onOpen?.();\n      if (preventScroll) {\n        document.body.style.overflow = 'hidden';\n      }\n    } else {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    }\n    return () => {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    };\n  }, [open, onOpen, preventScroll]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEsc && onClose) {\n        onClose?.();\n      }\n    },\n    [closeOnEsc, onClose],\n  );\n\n  const handleClickOutside = useCallback(() => {\n    if (onClose && maskClosable) {\n      onClose?.();\n    }\n  }, [onClose, maskClosable]);\n\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (maskClosable && event.target === event.currentTarget && onClose) {\n        onClose?.();\n      }\n    },\n    [maskClosable, onClose],\n  );\n\n  const modalStyles: React.CSSProperties = useMemo(\n    () => ({\n      width: typeof width === 'string' ? width : `${width}px`,\n      margin: centered ? 'auto' : undefined,\n    }),\n    [width, centered],\n  );\n\n  useEventListener(\n    'keydown',\n    handleKeyDown as (event: Event) => void,\n    open && closeOnEsc,\n  );\n  useEventListener(\n    'mousedown',\n    handleClickOutside as (event: Event) => void,\n    open && maskClosable,\n  );\n\n  if (!open) return null;\n\n  return ReactDOM.createPortal(\n    <Backdrop\n      onClick={handleBackdropClick}\n      className={cn(\n        'fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000',\n        backdropClassName,\n      )}\n    >\n      <ModalContent\n        containerClassName={containerClassName}\n        closable={closable}\n        onClose={onClose}\n        children={children}\n        loading={loading}\n        modalStyles={modalStyles}\n      />\n    </Backdrop>,\n    document.body,\n  );\n};\n\nexport { Modal };\n"],"mappings":"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","names":[]}

package/dist/chunk-VVJ7Z3KU.js

@@ -0,0 +1,143 @@
+import {
+  publishRequestError
+} from "./chunk-Z4Q3W7CZ.js";
+
+// src/utils/request.ts
+import qs from "qs";
+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");
+  if (contentType && contentType.includes("application/json")) {
+    return response.json();
+  } else {
+    return response;
+  }
+};
+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: 408, message: "Request timeout" },
+        "http"
+      );
+      reject(new Error("Request timeout"));
+    }, timeout);
+    window.fetch(url, opts).then(checkStatus).then(parseJSON).then((data) => resolve(data)).catch((error) => {
+      if (error.name === "AbortError") {
+        publishRequestError(
+          { url, code: 0, 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 compatibleResult = (res) => {
+  return res.data || res.result || {};
+};
+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(
+      `${config.url}?${qs.stringify(config.query)}`,
+      {
+        method: config.type || "GET",
+        body: config.body,
+        headers: config.headers,
+        signal: config.signal
+      }
+    );
+    const data = compatibleResult(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 compatibleResult(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 compatibleResult(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 compatibleResult(res)?.map;
+};
+var reqContractAndToken = async (address) => {
+  const query = queryAddress(address);
+  const res = await fetch(`/v1/contract-and-token?${query}`, {
+    method: "GET"
+  });
+  return compatibleResult(res)?.map;
+};
+
+export {
+  fetch,
+  sendRequestChart,
+  sendRequestENSInfo,
+  sendRequestGasPrice,
+  reqNametag,
+  reqContractAndToken
+};
+//# sourceMappingURL=chunk-VVJ7Z3KU.js.map

package/dist/chunk-VVJ7Z3KU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/request.ts"],"sourcesContent":["import qs from 'qs';\nimport { publishRequestError } from './index';\n\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\nconst parseJSON = async (response: Response) => {\n  const contentType = response.headers.get('content-type');\n  if (contentType && contentType.includes('application/json')) {\n    return response.json();\n  } else {\n    return response;\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: 408, 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(data => resolve(data as T))\n      .catch(error => {\n        if (error.name === 'AbortError') {\n          publishRequestError(\n            { url, code: 0, 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\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\ninterface CustomResponse {\n  code: number;\n  data: any;\n  result: any;\n  message: string;\n  status: string;\n}\n\nconst compatibleResult = (res: CustomResponse) => {\n  return res.data || res.result || {};\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: CustomResponse = await fetch(\n      `${config.url}?${qs.stringify(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 = compatibleResult(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: CustomResponse = await fetch(url, {\n      method: 'GET',\n    });\n\n    return compatibleResult(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: CustomResponse = await fetch(`/stat/gasprice/tracker`, {\n      method: 'GET',\n    });\n    return compatibleResult(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: CustomResponse = await fetch(`/v1/nametag?${query}`, {\n    method: 'GET',\n  });\n  return compatibleResult(res)?.map;\n};\n\nexport const reqContractAndToken = async (address: string[]) => {\n  const query = queryAddress(address);\n\n  const res: CustomResponse = await fetch(`/v1/contract-and-token?${query}`, {\n    method: 'GET',\n  });\n  return compatibleResult(res)?.map;\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-VVVHFBW7.js

@@ -0,0 +1,127 @@
+import {
+  convertCheckSum
+} from "./chunk-ACLZEBHM.js";
+import {
+  Text
+} from "./chunk-VCE2DP4V.js";
+import {
+  getTranslations
+} from "./chunk-QKQG47IV.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-VVVHFBW7.js.map

package/dist/chunk-VVVHFBW7.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":[]}

package/dist/chunk-VXOIIFIY.js

@@ -0,0 +1,37 @@
+import {
+  publishRequestError
+} from "./chunk-7SH3YCJ7.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;
+  }
+};
+
+export {
+  getAccount
+};
+//# sourceMappingURL=chunk-VXOIIFIY.js.map

package/dist/chunk-VXOIIFIY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/rpcRequest.ts"],"sourcesContent":["import { publishRequestError } from './index';\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: any[]) => {\n  try {\n    return request('cfx_getAccount', ...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,SAAgB;AAClD,MAAI;AACF,WAAO,QAAQ,kBAAkB,GAAG,IAAI;AAAA,EAC1C,SAAS,GAAP;AACA,UAAM;AAAA,EACR;AACF;","names":[]}