@cfxjs/sirius-next-common 0.2.19 → 0.2.21-fix-error-publish

package/dist/chunk-E7FB4S3X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/request.ts"],"sourcesContent":["import qs from 'query-string';\nimport { publishRequestError } from './pubsub';\nimport {\n  AddressNameMap,\n  BaseContractInfo,\n  DetectAccountTypeResponse,\n  MethodAbiItemResponse,\n} 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  showErrorMessage?: boolean;\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    (error as any).response = response;\n    (error as any).status = 20001;\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: FetchOptions,\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    const error: Partial<ErrorEvent> & {\n      response?: ResponseType;\n      status?: number;\n    } = new Error(data.message);\n    error.response = data;\n    error.status = code;\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 showErrorMessage = options.showErrorMessage ?? true;\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      showErrorMessage &&\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 resolve({} as T);\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          showErrorMessage && publishRequestError({ url, code: 20004 }, 'http');\n          reject(new Error('Network error'));\n        } else if (error.name === 'AbortError') {\n          showErrorMessage &&\n            publishRequestError(\n              { url, code: 20003, message: 'Fetch aborted' },\n              'http',\n            );\n          reject(new Error('Fetch aborted'));\n        } else {\n          showErrorMessage &&\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\ntype RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';\ninterface QueryParams {\n  [key: string]: string | undefined;\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 = fetchWithCache(\n  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;\n  },\n  {\n    key: 'contract-and-token',\n    maxAge: 1000 * 60 * 60,\n  },\n);\n\nexport const getContractDetail = fetchWithCache(\n  <T extends string>(contractAddress?: string, fields: T[] = []) => {\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  {\n    key: 'contract-detail',\n    maxAge: 1000 * 60 * 60,\n  },\n);\n\nexport const detectAccountType = fetchWithCache(\n  (address: string) => {\n    return fetchWithOpenApi<DetectAccountTypeResponse>(\n      `/util/detectAccountType?hex=${address}`,\n      {\n        method: 'GET',\n      },\n    );\n  },\n  {\n    // 10 seconds\n    maxAge: 1000 * 10,\n  },\n);\n\nexport const reqAbiByMethodId = (methodId: string) => {\n  return fetchWithPrefix<{\n    list: MethodAbiItemResponse[];\n  }>(\n    qs.stringifyUrl({\n      url: '/stat/list-abi-method',\n      query: {\n        id: methodId,\n      },\n    }),\n  );\n};\n\nexport const fetchAddressNameMap = (\n  addresses: string[],\n  params: {\n    withContractInfo?: 'true' | 'false';\n    withNameTagInfo?: 'true' | 'false';\n    withENSInfo?: 'true' | 'false';\n  } = {},\n) => {\n  const url = qs.stringifyUrl({\n    url: '/account/infos',\n    query: {\n      accounts: addresses.join(','),\n      ...params,\n    },\n  });\n  return fetchWithOpenApi<Record<string, AddressNameMap>>(url, {\n    method: 'GET',\n  });\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-BHAXBHVC.js → chunk-EHRGH3HS.js}

@@ -1,12 +1,12 @@
 import {
   useAddressLabel
-} from "./chunk-DCQANK66.js";
+} from "./chunk-VEK5DLFI.js";
 import {
   useENS
-} from "./chunk-CMOP3BKX.js";
+} from "./chunk-O6BP54O6.js";
 import {
   Text
-} from "./chunk-C7OIVXE3.js";
+} from "./chunk-4B7BV62E.js";
 import {
   getTranslations
 } from "./chunk-DQGLZCIG.js";
@@ -48,4 +48,4 @@ var AddressLabel = ({
 export {
   AddressLabel
 };
-//# sourceMappingURL=chunk-BHAXBHVC.js.map
+//# sourceMappingURL=chunk-EHRGH3HS.js.map

package/dist/chunk-EOSVUB2G.js

@@ -0,0 +1,51 @@
+import {
+  useAddressLabel
+} from "./chunk-BGNBKP5R.js";
+import {
+  useENS
+} from "./chunk-225VMTCA.js";
+import {
+  Text
+} from "./chunk-YOVNVFY2.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/InputData/AddressLabel.tsx
+import { Bookmark } from "@zeit-ui/react-icons";
+import { useTranslation } from "react-i18next";
+import ICON_ENS from "./logo-cns-7CXISC6I.svg";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ENSIcon = () => /* @__PURE__ */ jsx("img", { src: ICON_ENS, className: "w-[16px] h-[16px] mb-[3px] mr-[2px]", alt: "" });
+var AddressLabel = ({
+  address,
+  space
+}) => {
+  const translations = getTranslations();
+  const { ens } = useENS(space === "core" ? address : null);
+  const { t } = useTranslation();
+  const addressLabel = useAddressLabel(address);
+  const label = ens[address]?.name ?? "";
+  const addressLabelIcon = /* @__PURE__ */ jsx(Text, { tag: "span", hoverValue: t(translations.profile.tip.label), children: /* @__PURE__ */ jsx(Bookmark, { color: "var(--theme-color-gray2)", size: 16 }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      "(",
+      /* @__PURE__ */ jsx(ENSIcon, {}),
+      label,
+      ")"
+    ] }),
+    addressLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      "(",
+      addressLabelIcon,
+      addressLabel,
+      ")"
+    ] })
+  ] });
+};
+
+export {
+  AddressLabel
+};
+//# sourceMappingURL=chunk-EOSVUB2G.js.map

package/dist/chunk-EOSVUB2G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputData/AddressLabel.tsx"],"sourcesContent":["import { Bookmark } from '@zeit-ui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { Text } from '../Text';\nimport { getTranslations } from 'src/store';\nimport { useENS } from 'src/utils/hooks/useENS';\nimport { useAddressLabel } from 'src/utils/hooks/useAddressLabel';\nimport ICON_ENS from '../../images/logo-cns.svg';\n\nconst ENSIcon = () => (\n  <img src={ICON_ENS} className=\"w-[16px] h-[16px] mb-[3px] mr-[2px]\" alt=\"\" />\n);\n\nexport const AddressLabel = ({\n  address,\n  space,\n}: {\n  address: string;\n  space: 'evm' | 'core';\n}) => {\n  const translations = getTranslations();\n  // ENS is only for core space, and we don't want to request ENS info for evm space to avoid unnecessary requests\n  const { ens } = useENS(space === 'core' ? address : null);\n  const { t } = useTranslation();\n\n  const addressLabel = useAddressLabel(address);\n\n  const label = ens[address]?.name ?? '';\n\n  const addressLabelIcon = (\n    <Text tag=\"span\" hoverValue={t(translations.profile.tip.label)}>\n      <Bookmark color=\"var(--theme-color-gray2)\" size={16} />\n    </Text>\n  );\n\n  return (\n    <>\n      {label && (\n        <>\n          {' '}\n          (<ENSIcon />\n          {label})\n        </>\n      )}\n      {addressLabel && (\n        <>\n          {' '}\n          ({addressLabelIcon}\n          {addressLabel})\n        </>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAK/B,OAAO,cAAc;AAGnB,SA4BM,UA5BN,KA4BM,YA5BN;AADF,IAAM,UAAU,MACd,oBAAC,SAAI,KAAK,UAAU,WAAU,uCAAsC,KAAI,IAAG;AAGtE,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,eAAe,gBAAgB;AAErC,QAAM,EAAE,IAAI,IAAI,OAAO,UAAU,SAAS,UAAU,IAAI;AACxD,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,QAAM,eAAe,gBAAgB,OAAO;AAE5C,QAAM,QAAQ,IAAI,OAAO,GAAG,QAAQ;AAEpC,QAAM,mBACJ,oBAAC,QAAK,KAAI,QAAO,YAAY,EAAE,aAAa,QAAQ,IAAI,KAAK,GAC3D,8BAAC,YAAS,OAAM,4BAA2B,MAAM,IAAI,GACvD;AAGF,SACE,iCACG;AAAA,aACC,iCACG;AAAA;AAAA,MAAI;AAAA,MACJ,oBAAC,WAAQ;AAAA,MACT;AAAA,MAAM;AAAA,OACT;AAAA,IAED,gBACC,iCACG;AAAA;AAAA,MAAI;AAAA,MACH;AAAA,MACD;AAAA,MAAa;AAAA,OAChB;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-FGPRA3A4.js

@@ -0,0 +1,80 @@
+import {
+  useAddressNameMap
+} from "./chunk-4BS66NNM.js";
+import {
+  Link
+} from "./chunk-2Y57U43P.js";
+import {
+  getAddressNameInfo
+} from "./chunk-OTSNM4CR.js";
+import {
+  DefaultTokenIcon
+} from "./chunk-MWAD4CIG.js";
+import {
+  formatAddress
+} from "./chunk-MQY7EQPG.js";
+
+// src/components/InputData/ContractDetail.tsx
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Icon = ({ icon, className }) => {
+  return icon ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: icon,
+      alt: "icon",
+      className: clsx("w-1.1429rem mr-2px mb-3px", className)
+    }
+  ) : /* @__PURE__ */ jsx(
+    DefaultTokenIcon,
+    {
+      className: clsx("w-1.1429rem mr-2px mb-3px", className)
+    }
+  );
+};
+var ContractDetail = ({ address, addressType }) => {
+  const { data: nameMap } = useAddressNameMap([address]);
+  const nameInfo = getAddressNameInfo(address, nameMap);
+  if (nameInfo) {
+    const {
+      tokenName,
+      tokenSymbol,
+      tokenIconUrl,
+      contractName,
+      verificationName
+    } = nameInfo;
+    let child = null;
+    if (tokenName || tokenSymbol) {
+      const name = tokenName || "--";
+      const symbol = `(${tokenSymbol ? tokenSymbol : "--"})`;
+      const icon = tokenIconUrl;
+      child = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Icon, { icon }),
+        /* @__PURE__ */ jsxs(Link, { href: `/token/${formatAddress(address, addressType)}`, children: [
+          name,
+          " ",
+          symbol
+        ] }),
+        " "
+      ] });
+    } else if (contractName || verificationName) {
+      const name = contractName || verificationName;
+      const icon = tokenIconUrl;
+      child = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Icon, { icon }),
+        /* @__PURE__ */ jsx(Link, { href: `/address/${formatAddress(address, addressType)}`, children: name }),
+        " "
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      child
+    ] });
+  }
+  return null;
+};
+
+export {
+  ContractDetail
+};
+//# sourceMappingURL=chunk-FGPRA3A4.js.map

package/dist/chunk-FGPRA3A4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputData/ContractDetail.tsx"],"sourcesContent":["import React from 'react';\nimport { formatAddress } from '../../utils/address';\nimport { Link } from '../Link';\nimport { DefaultTokenIcon } from '../Icons';\nimport clsx from 'clsx';\nimport { useAddressNameMap } from 'src/utils/hooks/useAddressNameMap';\nimport { getAddressNameInfo } from '../AddressContainer/utils';\n\nconst Icon = ({ icon, className }: { icon?: string; className?: string }) => {\n  return icon ? (\n    <img\n      src={icon}\n      alt=\"icon\"\n      className={clsx('w-1.1429rem mr-2px mb-3px', className)}\n    />\n  ) : (\n    <DefaultTokenIcon\n      className={clsx('w-1.1429rem mr-2px mb-3px', className)}\n    />\n  );\n};\n\ninterface Props {\n  address: string;\n  addressType: 'hex' | 'base32';\n}\n\nexport const ContractDetail = ({ address, addressType }: Props) => {\n  const { data: nameMap } = useAddressNameMap([address]);\n  const nameInfo = getAddressNameInfo(address, nameMap);\n  if (nameInfo) {\n    const {\n      tokenName,\n      tokenSymbol,\n      tokenIconUrl,\n      contractName,\n      verificationName,\n    } = nameInfo;\n    let child: React.ReactNode = null;\n\n    if (tokenName || tokenSymbol) {\n      const name = tokenName || '--';\n      const symbol = `(${tokenSymbol ? tokenSymbol : '--'})`;\n      const icon = tokenIconUrl;\n\n      child = (\n        <>\n          <Icon icon={icon} />\n          <Link href={`/token/${formatAddress(address, addressType)}`}>\n            {name} {symbol}\n          </Link>{' '}\n        </>\n      );\n    } else if (contractName || verificationName) {\n      const name = contractName || verificationName;\n      const icon = tokenIconUrl;\n\n      child = (\n        <>\n          <Icon icon={icon} />\n          <Link href={`/address/${formatAddress(address, addressType)}`}>\n            {name}\n          </Link>{' '}\n        </>\n      );\n    }\n\n    return <> {child}</>;\n  }\n  return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,OAAO,UAAU;AAMb,SAoCI,UApCJ,KAsCM,YAtCN;AAFJ,IAAM,OAAO,CAAC,EAAE,MAAM,UAAU,MAA6C;AAC3E,SAAO,OACL;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAI;AAAA,MACJ,WAAW,KAAK,6BAA6B,SAAS;AAAA;AAAA,EACxD,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,6BAA6B,SAAS;AAAA;AAAA,EACxD;AAEJ;AAOO,IAAM,iBAAiB,CAAC,EAAE,SAAS,YAAY,MAAa;AACjE,QAAM,EAAE,MAAM,QAAQ,IAAI,kBAAkB,CAAC,OAAO,CAAC;AACrD,QAAM,WAAW,mBAAmB,SAAS,OAAO;AACpD,MAAI,UAAU;AACZ,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,QAAyB;AAE7B,QAAI,aAAa,aAAa;AAC5B,YAAM,OAAO,aAAa;AAC1B,YAAM,SAAS,IAAI,cAAc,cAAc;AAC/C,YAAM,OAAO;AAEb,cACE,iCACE;AAAA,4BAAC,QAAK,MAAY;AAAA,QAClB,qBAAC,QAAK,MAAM,UAAU,cAAc,SAAS,WAAW,KACrD;AAAA;AAAA,UAAK;AAAA,UAAE;AAAA,WACV;AAAA,QAAQ;AAAA,SACV;AAAA,IAEJ,WAAW,gBAAgB,kBAAkB;AAC3C,YAAM,OAAO,gBAAgB;AAC7B,YAAM,OAAO;AAEb,cACE,iCACE;AAAA,4BAAC,QAAK,MAAY;AAAA,QAClB,oBAAC,QAAK,MAAM,YAAY,cAAc,SAAS,WAAW,KACvD,gBACH;AAAA,QAAQ;AAAA,SACV;AAAA,IAEJ;AAEA,WAAO,iCAAE;AAAA;AAAA,MAAE;AAAA,OAAM;AAAA,EACnB;AACA,SAAO;AACT;","names":[]}

package/dist/{chunk-UZALXR3J.js → chunk-FJMV3UA7.js}

@@ -1,18 +1,18 @@
 import {
   ErrorDecode
-} from "./chunk-H5ZJBRIK.js";
+} from "./chunk-6PKWA444.js";
 import {
   GeneralDecode
 } from "./chunk-OYESIV3F.js";
 import {
   DecodedParameters
-} from "./chunk-DYNSSHD5.js";
+} from "./chunk-J7UQ2R3H.js";
 import {
   Original
 } from "./chunk-YBQQ72FQ.js";
 import {
   UTF8
-} from "./chunk-UF5BN4QN.js";
+} from "./chunk-A3VPSWVX.js";
 
 // src/components/OutputData/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ var OutputData = ({
 export {
   OutputData
 };
-//# sourceMappingURL=chunk-UZALXR3J.js.map
+//# sourceMappingURL=chunk-FJMV3UA7.js.map

package/dist/{chunk-YVV32ON3.js → chunk-FSYB23NA.js}

@@ -29,7 +29,7 @@ import {
 } from "./chunk-BMO4IZHV.js";
 import {
   cn
-} from "./chunk-NM3BMITL.js";
+} from "./chunk-SNUPCZY7.js";
 
 // src/components/Popover/index.tsx
 import { useRef } from "react";
@@ -2146,4 +2146,4 @@ focus-trap/dist/focus-trap.esm.js:
   * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
   *)
 */
-//# sourceMappingURL=chunk-YVV32ON3.js.map
+//# sourceMappingURL=chunk-FSYB23NA.js.map

package/dist/{chunk-TC4445WV.js → chunk-FTAFV6RE.js}

@@ -1,21 +1,21 @@
 import {
   getAddressNameInfo
-} from "./chunk-WZIT54AU.js";
+} from "./chunk-OTSNM4CR.js";
 import {
   ContractAddress,
   ContractCreatedAddress,
   InvalidAddress,
   MyAddress
-} from "./chunk-GPQN2P32.js";
+} from "./chunk-FW5ON36S.js";
 import {
   RenderAddress
-} from "./chunk-C3E5EA6J.js";
+} from "./chunk-UX6IRX2M.js";
 import {
   convertCheckSum,
   formatAddress,
   isEvmAddress,
   isZeroAddress
-} from "./chunk-6L4ZEJQI.js";
+} from "./chunk-MQY7EQPG.js";
 import {
   getTranslations,
   useGlobalData
@@ -109,4 +109,4 @@ var EVMAddressContainer = withTranslation()(
 export {
   EVMAddressContainer
 };
-//# sourceMappingURL=chunk-TC4445WV.js.map
+//# sourceMappingURL=chunk-FTAFV6RE.js.map

package/dist/chunk-FW5ON36S.js

@@ -0,0 +1,212 @@
+import {
+  ContractCreated
+} from "./chunk-MWAD4CIG.js";
+import {
+  RenderAddress
+} from "./chunk-UX6IRX2M.js";
+import {
+  formatAddress,
+  isInnerContractAddress
+} from "./chunk-MQY7EQPG.js";
+import {
+  Tooltip
+} from "./chunk-J536GL5G.js";
+import {
+  coreCorrespondsToEspace,
+  getNetwork
+} from "./chunk-SNUPCZY7.js";
+import {
+  getEnvConfig,
+  getTranslations,
+  useGlobalData
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressSwitcher.tsx
+import { AlertTriangle, File } from "@zeit-ui/react-icons";
+import InternalContractIcon from "./internal-contract-icon-ZH2RG3CU.png";
+import ContractIcon from "./contract-icon-P3W2HUAA.png";
+import VerifiedIcon from "./verified-VJRHZNN7.png";
+import isMeIcon from "./me-SIV36SR7.png";
+import { isPosAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ContractCreatedAddress = (props) => {
+  const { contractCreated = "", outputType, t, isFull } = props;
+  const translations = getTranslations();
+  const contractAddress = formatAddress(contractCreated, outputType);
+  const customProps = {
+    contractName: t(translations.transaction.contractCreation),
+    hrefAddress: contractAddress,
+    cfxAddress: contractAddress,
+    maxWidth: 160
+  };
+  const mergedProps = { ...props, ...customProps };
+  return RenderAddress({
+    ...mergedProps,
+    prefix: /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0 ${isFull ? "icon" : ""}`, children: /* @__PURE__ */ jsx(Tooltip, { title: mergedProps.contractName, children: /* @__PURE__ */ jsx("div", { className: "relative w-[16px] h-[16px]", children: /* @__PURE__ */ jsx(ContractCreated, { className: "w-[16px] h-[16px] align-bottom mb-[3px]" }) }) }) })
+  });
+};
+var CoreHexAddress = (props) => {
+  const { value, t, isFull, maxWidth } = props;
+  const { globalData } = useGlobalData();
+  const ENV_CONFIG = getEnvConfig();
+  const translations = getTranslations();
+  const hexAddress = formatAddress(value, "hex");
+  const network = getNetwork(
+    globalData?.networks,
+    coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID)
+  );
+  const url = `${network.url}/address/${hexAddress}`;
+  return RenderAddress({
+    cfxAddress: hexAddress,
+    hoverValue: hexAddress,
+    link: url,
+    isFull,
+    maxWidth,
+    suffixSize: 0,
+    prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: t(translations.general.eSpaceAddress), children: /* @__PURE__ */ jsx(File, { size: 16, color: "#17B38A" }) }) })
+  });
+};
+var InvalidAddress = (props) => {
+  const {
+    value,
+    tokenName,
+    contractName,
+    verificationName,
+    t,
+    isFull,
+    maxWidth,
+    isFullNameTag,
+    hideAliasPrefixInHover
+  } = props;
+  const translations = getTranslations();
+  const tip = t(translations.general.invalidAddress);
+  return RenderAddress({
+    cfxAddress: value,
+    contractName,
+    tokenName,
+    verificationName,
+    hoverValue: `${tip}: ${value}`,
+    link: false,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    style: { color: "#e00909" },
+    prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: tip, children: /* @__PURE__ */ jsx(AlertTriangle, { size: 16, color: "#e00909" }) }) }),
+    hideAliasPrefixInHover
+  });
+};
+var ContractAddress = (props) => {
+  const { showIcon, verify, t, cfxAddress, isFull } = props;
+  const translations = getTranslations();
+  const isInnerContract = cfxAddress && isInnerContractAddress(cfxAddress);
+  const typeText = t(
+    isInnerContract ? translations.general.internalContract : verify ? translations.general.verifiedContract : translations.general.unverifiedContract
+  );
+  return RenderAddress({
+    ...props,
+    prefix: showIcon ? /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0 ${isFull ? "icon" : ""}`, children: /* @__PURE__ */ jsx(Tooltip, { title: typeText, children: /* @__PURE__ */ jsx("div", { className: "relative w-[16px] h-[16px]", children: isInnerContract ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] align-bottom mb-[5px]",
+        src: InternalContractIcon,
+        alt: typeText
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "w-[16px] h-[16px] align-bottom mb-[5px]",
+          src: ContractIcon,
+          alt: typeText
+        }
+      ),
+      verify ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "w-[8px] h-[8px] absolute bottom-[-1px] right-[1px]",
+          src: VerifiedIcon,
+          alt: ""
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, {})
+    ] }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {})
+  });
+};
+var MyAddress = (props) => {
+  const { isFull } = props;
+  return RenderAddress({
+    ...props,
+    suffix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[38.5px] h-[16px] ml-[3px] align-bottom",
+        src: isMeIcon,
+        alt: "is me",
+        style: {
+          marginBottom: isFull ? "6px" : "4px"
+        }
+      }
+    ) })
+  });
+};
+var PosAddress = (props) => {
+  const {
+    tokenName,
+    contractName,
+    verificationName,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    t,
+    link,
+    isMe,
+    hideAliasPrefixInHover
+  } = props;
+  const value = props.value;
+  if (!value) {
+    return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+  }
+  if (isMe) {
+    return MyAddress(props);
+  }
+  const translations = getTranslations();
+  if (!isPosAddress(value)) {
+    const tip = t(translations.general.invalidPosAddress);
+    return RenderAddress({
+      cfxAddress: value,
+      tokenName,
+      contractName,
+      verificationName,
+      hoverValue: `${tip}: ${value}`,
+      link: false,
+      isFull,
+      isFullNameTag,
+      maxWidth,
+      style: { color: "#e00909" },
+      prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: tip, children: /* @__PURE__ */ jsx(AlertTriangle, { size: 16, color: "#e00909" }) }) }),
+      type: "pos",
+      hideAliasPrefixInHover
+    });
+  }
+  return RenderAddress({
+    cfxAddress: value,
+    tokenName,
+    contractName,
+    verificationName,
+    link,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    type: "pos",
+    hideAliasPrefixInHover
+  });
+};
+
+export {
+  ContractCreatedAddress,
+  CoreHexAddress,
+  InvalidAddress,
+  ContractAddress,
+  MyAddress,
+  PosAddress
+};
+//# sourceMappingURL=chunk-FW5ON36S.js.map

package/dist/chunk-FW5ON36S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressSwitcher.tsx"],"sourcesContent":["import { WithTranslation } from 'react-i18next';\nimport { AlertTriangle, File } from '@zeit-ui/react-icons';\nimport InternalContractIcon from '../../images/internal-contract-icon.png';\nimport ContractIcon from '../../images/contract-icon.png';\nimport VerifiedIcon from '../../images/verified.png';\nimport isMeIcon from '../../images/me.png';\nimport { Tooltip } from '../Tooltip';\nimport { isPosAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { formatAddress, isInnerContractAddress } from '../../utils/address';\nimport { getTranslations, getEnvConfig, useGlobalData } from '../../store';\nimport { getNetwork, coreCorrespondsToEspace } from 'src/utils';\nimport { Props } from './types';\nimport { RenderAddress } from './addressView';\nimport { ContractCreated } from '../Icons';\n\n// common\nexport const ContractCreatedAddress = (\n  props: Props & WithTranslation & { outputType: 'hex' | 'base32' },\n) => {\n  const { contractCreated = '', outputType, t, isFull } = props;\n\n  const translations = getTranslations();\n\n  const contractAddress = formatAddress(contractCreated, outputType);\n\n  const customProps = {\n    contractName: t(translations.transaction.contractCreation),\n    hrefAddress: contractAddress,\n    cfxAddress: contractAddress,\n    maxWidth: 160,\n  };\n\n  const mergedProps = { ...props, ...customProps };\n  return RenderAddress({\n    ...mergedProps,\n    prefix: (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\n        <Tooltip title={mergedProps.contractName}>\n          <div className=\"relative w-[16px] h-[16px]\">\n            <ContractCreated className=\"w-[16px] h-[16px] align-bottom mb-[3px]\" />\n          </div>\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// core\nexport const CoreHexAddress = (props: Props & WithTranslation) => {\n  const { value, t, isFull, maxWidth } = props;\n  const { globalData } = useGlobalData();\n\n  const ENV_CONFIG = getEnvConfig();\n  const translations = getTranslations();\n  const hexAddress = formatAddress(value, 'hex');\n  const network = getNetwork(\n    globalData?.networks,\n    coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID),\n  );\n  const url = `${network.url}/address/${hexAddress}`;\n\n  return RenderAddress({\n    cfxAddress: hexAddress,\n    hoverValue: hexAddress,\n    link: url,\n    isFull,\n    maxWidth,\n    suffixSize: 0,\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={t((translations as any).general.eSpaceAddress)}>\n          <File size={16} color=\"#17B38A\" />\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// common\nexport const InvalidAddress = (props: Props & WithTranslation) => {\n  const {\n    value,\n    tokenName,\n    contractName,\n    verificationName,\n    t,\n    isFull,\n    maxWidth,\n    isFullNameTag,\n    hideAliasPrefixInHover,\n  } = props;\n\n  const translations = getTranslations();\n\n  const tip = t(translations.general.invalidAddress);\n\n  return RenderAddress({\n    cfxAddress: value,\n    contractName,\n    tokenName,\n    verificationName,\n    hoverValue: `${tip}: ${value}`,\n    link: false,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    style: { color: '#e00909' },\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={tip}>\n          <AlertTriangle size={16} color=\"#e00909\" />\n        </Tooltip>\n      </div>\n    ),\n    hideAliasPrefixInHover,\n  });\n};\n\n// common\nexport const ContractAddress = (props: Props & WithTranslation) => {\n  const { showIcon, verify, t, cfxAddress, isFull } = props;\n\n  const translations = getTranslations();\n\n  const isInnerContract = cfxAddress && isInnerContractAddress(cfxAddress);\n\n  const typeText = t(\n    isInnerContract\n      ? translations.general.internalContract\n      : verify\n        ? translations.general.verifiedContract\n        : translations.general.unverifiedContract,\n  );\n\n  return RenderAddress({\n    ...props,\n    prefix: showIcon ? (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\n        <Tooltip title={typeText}>\n          <div className=\"relative w-[16px] h-[16px]\">\n            {isInnerContract ? (\n              <img\n                className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                src={InternalContractIcon}\n                alt={typeText}\n              />\n            ) : (\n              <>\n                <img\n                  className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                  src={ContractIcon}\n                  alt={typeText}\n                />\n                {verify ? (\n                  <img\n                    className=\"w-[8px] h-[8px] absolute bottom-[-1px] right-[1px]\"\n                    src={VerifiedIcon}\n                    alt={''}\n                  />\n                ) : (\n                  <></>\n                )}\n              </>\n            )}\n          </div>\n        </Tooltip>\n      </div>\n    ) : (\n      <></>\n    ),\n  });\n};\n\n// common\nexport const MyAddress = (props: Props & WithTranslation) => {\n  const { isFull } = props;\n  return RenderAddress({\n    ...props,\n    suffix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <img\n          className=\"w-[38.5px] h-[16px] ml-[3px] align-bottom\"\n          src={isMeIcon}\n          alt=\"is me\"\n          style={{\n            marginBottom: isFull ? '6px' : '4px',\n          }}\n        />\n      </div>\n    ),\n  });\n};\n\n// core\nexport const PosAddress = (props: Props & WithTranslation) => {\n  const {\n    tokenName,\n    contractName,\n    verificationName,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    t,\n    link,\n    isMe,\n    hideAliasPrefixInHover,\n  } = props;\n  const value = props.value;\n  if (!value) {\n    return <>--</>;\n  }\n  if (isMe) {\n    return MyAddress(props);\n  }\n  const translations = getTranslations();\n  if (!isPosAddress(value)) {\n    const tip = t(translations.general.invalidPosAddress);\n    return RenderAddress({\n      cfxAddress: value,\n      tokenName,\n      contractName,\n      verificationName,\n      hoverValue: `${tip}: ${value}`,\n      link: false,\n      isFull,\n      isFullNameTag,\n      maxWidth,\n      style: { color: '#e00909' },\n      prefix: (\n        <div className=\"mr-[2px] flex-shrink-0\">\n          <Tooltip title={tip}>\n            <AlertTriangle size={16} color=\"#e00909\" />\n          </Tooltip>\n        </div>\n      ),\n      type: 'pos',\n      hideAliasPrefixInHover,\n    });\n  }\n\n  return RenderAddress({\n    cfxAddress: value,\n    tokenName,\n    contractName,\n    verificationName,\n    link,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    type: 'pos',\n    hideAliasPrefixInHover,\n  });\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-HCEXWKMZ.js

@@ -0,0 +1,90 @@
+import {
+  DecodedParameters
+} from "./chunk-MWSXXVVL.js";
+import {
+  FunctionName
+} from "./chunk-FYLAXC3R.js";
+import {
+  Original
+} from "./chunk-5AM5HM3B.js";
+import {
+  AbiWarning
+} from "./chunk-XBEBAU77.js";
+import {
+  useDecodeFunctionError
+} from "./chunk-C6GUZVQ2.js";
+import {
+  cn
+} from "./chunk-SNUPCZY7.js";
+
+// src/components/OutputData/ErrorDecode.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ErrorDecode = ({
+  to,
+  errorData,
+  space,
+  labelClassName,
+  implementation
+}) => {
+  const [decodedError, isLoading] = useDecodeFunctionError({
+    to,
+    implementation,
+    errorData,
+    space
+  });
+  if (isLoading || !decodedError || !decodedError.abiItem || decodedError.abiItem.type !== "error")
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-h-32px", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-100px shrink-0 grow-0 text-14px lh-18px pt-6px text-#6a737d",
+            labelClassName
+          ),
+          children: "Error:"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx(Original, { data: errorData ?? "" }),
+        !isLoading && /* @__PURE__ */ jsx(
+          AbiWarning,
+          {
+            tip: decodedError?.failed ? "contract.abiError" : decodedError?.noAbi ? "contract.abiNotUploaded" : void 0
+          }
+        )
+      ] })
+    ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-32px", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "w-100px shrink-0 grow-0 text-14px lh-18px text-#6a737d pt-1px",
+            labelClassName
+          ),
+          children: [
+            "Error:",
+            " "
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FunctionName, { abiItem: decodedError.abiItem }) })
+    ] }),
+    decodedError.args && decodedError.args.length > 0 && /* @__PURE__ */ jsx(
+      DecodedParameters,
+      {
+        args: decodedError.args,
+        params: decodedError.abiItem.inputs,
+        label: "Parameters:",
+        labelClassName,
+        space
+      }
+    )
+  ] });
+};
+
+export {
+  ErrorDecode
+};
+//# sourceMappingURL=chunk-HCEXWKMZ.js.map

package/dist/chunk-HCEXWKMZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OutputData/ErrorDecode.tsx"],"sourcesContent":["import { cn } from 'src/utils';\nimport { useDecodeFunctionError } from 'src/utils/hooks/useDecodeFunctionError';\nimport { Original } from '../InputData/Original';\nimport { DecodedParameters } from '../InputData/OptimizationDecode';\nimport { FunctionName } from '../InputData/FunctionName';\nimport { AbiWarning } from '../InputData/AbiWarning';\n\nexport const ErrorDecode = ({\n  to,\n  errorData,\n  space,\n  labelClassName,\n  implementation,\n}: {\n  errorData?: `0x${string}`;\n  to?: string;\n  space: 'evm' | 'core';\n  labelClassName?: string;\n  implementation?: string;\n}) => {\n  const [decodedError, isLoading] = useDecodeFunctionError({\n    to,\n    implementation,\n    errorData,\n    space,\n  });\n\n  if (\n    isLoading ||\n    !decodedError ||\n    !decodedError.abiItem ||\n    decodedError.abiItem.type !== 'error'\n  )\n    return (\n      <div className=\"flex min-h-32px\">\n        <div\n          className={cn(\n            'w-100px shrink-0 grow-0 text-14px lh-18px pt-6px text-#6a737d',\n            labelClassName,\n          )}\n        >\n          Error:\n        </div>\n        <div className=\"flex-1\">\n          <Original data={errorData ?? ''} />\n          {!isLoading && (\n            <AbiWarning\n              tip={\n                decodedError?.failed\n                  ? 'contract.abiError'\n                  : decodedError?.noAbi\n                    ? 'contract.abiNotUploaded'\n                    : undefined\n              }\n            />\n          )}\n        </div>\n      </div>\n    );\n  return (\n    <>\n      <div className=\"flex min-h-32px\">\n        <div\n          className={cn(\n            'w-100px shrink-0 grow-0 text-14px lh-18px text-#6a737d pt-1px',\n            labelClassName,\n          )}\n        >\n          Error:{' '}\n        </div>\n        <div>\n          <FunctionName abiItem={decodedError.abiItem}></FunctionName>\n        </div>\n      </div>\n      {decodedError.args && decodedError.args.length > 0 && (\n        <DecodedParameters\n          args={decodedError.args}\n          params={decodedError.abiItem.inputs}\n          label=\"Parameters:\"\n          labelClassName={labelClassName}\n          space={space}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCQ,SAyBJ,UAzBI,KAQA,YARA;AA5BD,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,CAAC,cAAc,SAAS,IAAI,uBAAuB;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MACE,aACA,CAAC,gBACD,CAAC,aAAa,WACd,aAAa,QAAQ,SAAS;AAE9B,WACE,qBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACD;AAAA;AAAA,MAED;AAAA,MACA,qBAAC,SAAI,WAAU,UACb;AAAA,4BAAC,YAAS,MAAM,aAAa,IAAI;AAAA,QAChC,CAAC,aACA;AAAA,UAAC;AAAA;AAAA,YACC,KACE,cAAc,SACV,sBACA,cAAc,QACZ,4BACA;AAAA;AAAA,QAEV;AAAA,SAEJ;AAAA,OACF;AAEJ,SACE,iCACE;AAAA,yBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACD;AAAA;AAAA,YACQ;AAAA;AAAA;AAAA,MACT;AAAA,MACA,oBAAC,SACC,8BAAC,gBAAa,SAAS,aAAa,SAAS,GAC/C;AAAA,OACF;AAAA,IACC,aAAa,QAAQ,aAAa,KAAK,SAAS,KAC/C;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAa;AAAA,QACnB,QAAQ,aAAa,QAAQ;AAAA,QAC7B,OAAM;AAAA,QACN;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-HW5VD7EO.js

@@ -0,0 +1,17 @@
+import {
+  reqAbiByMethodId
+} from "./chunk-SYWQ2T57.js";
+
+// src/utils/hooks/useMethodAbi.ts
+import useSWRImmutable from "swr/immutable";
+var useMethodAbi = (methodId, shouldFetch = true) => {
+  return useSWRImmutable(
+    shouldFetch && methodId ? `method-abi-${methodId}` : null,
+    () => reqAbiByMethodId(methodId ?? "")
+  );
+};
+
+export {
+  useMethodAbi
+};
+//# sourceMappingURL=chunk-HW5VD7EO.js.map

package/dist/chunk-HW5VD7EO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useMethodAbi.ts"],"sourcesContent":["import useSWRImmutable from 'swr/immutable';\nimport { reqAbiByMethodId } from '../request';\n\nexport const useMethodAbi = (methodId?: string, shouldFetch = true) => {\n  return useSWRImmutable(\n    shouldFetch && methodId ? `method-abi-${methodId}` : null,\n    () => reqAbiByMethodId(methodId ?? ''),\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,qBAAqB;AAGrB,IAAM,eAAe,CAAC,UAAmB,cAAc,SAAS;AACrE,SAAO;AAAA,IACL,eAAe,WAAW,cAAc,aAAa;AAAA,IACrD,MAAM,iBAAiB,YAAY,EAAE;AAAA,EACvC;AACF;","names":[]}

package/dist/{chunk-GQRCW7WX.js → chunk-J536GL5G.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-BMO4IZHV.js";
 import {
   cn
-} from "./chunk-NM3BMITL.js";
+} from "./chunk-SNUPCZY7.js";
 
 // src/components/Tooltip/index.tsx
 import {
@@ -531,4 +531,4 @@ var Tooltip2 = ({
 export {
   Tooltip2 as Tooltip
 };
-//# sourceMappingURL=chunk-GQRCW7WX.js.map
+//# sourceMappingURL=chunk-J536GL5G.js.map