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

package/dist/chunk-7RLNWQIR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TransactionTrace/TraceDetail.tsx"],"sourcesContent":["import { Card } from '../Card';\nimport { Select } from '../Select';\nimport { useTranslation } from 'react-i18next';\nimport { getTranslations } from 'src/store';\nimport clsx from 'clsx';\nimport { useDecodeFunctionData } from 'src/utils/hooks/useDecodeFunctionData';\nimport {\n  DataType,\n  useDecodedDataType,\n} from 'src/utils/hooks/useDecodedDataType';\nimport { InputData } from '../InputData';\nimport { OutputData } from '../OutputData';\nimport { AbiFunctionWithoutGas } from 'src/utils/sdk';\nimport { useState } from 'react';\nimport { AbiWarning } from '../InputData/AbiWarning';\n\ninterface Props {\n  to?: string;\n  isContractCreated?: boolean;\n  input?: `0x${string}`;\n  output?: `0x${string}`;\n  abi?: AbiFunctionWithoutGas[];\n  outcome?: 'success' | 'fail' | 'reverted';\n  space: 'evm' | 'core';\n  implementation?: string;\n}\n\nconst CommonTraceDetail = ({\n  to,\n  input = '0x',\n  output,\n  outcome = 'success',\n  abi,\n  isContractCreated,\n  space,\n  implementation,\n}: Props) => {\n  const success = outcome === 'success';\n  const { t } = useTranslation();\n  const translations = getTranslations();\n  const [decodedData, isLoading] = useDecodeFunctionData({\n    to,\n    input,\n    output,\n    success,\n    space,\n    abi,\n    withOutput: true,\n  });\n  const { dataType, setDataType, dataTypeList, tip } = useDecodedDataType({\n    to,\n    input,\n    isContractCreated,\n    decodedData,\n  });\n  const isReturnDataEmpty = !output || output === '0x';\n  let outputDataType = dataType;\n  // when the transaction failed, the output is the error message, use utf8 as decode type\n  if (\n    (outputDataType === 'optimizationDecode' ||\n      outputDataType === 'generalDecode') &&\n    outcome === 'fail'\n  ) {\n    outputDataType = 'utf8';\n  }\n\n  return (\n    <Card className=\"!border-1 !border-#E8E9EA py-10px\">\n      <div className=\"flex gap-5px\">\n        <div className=\"w-150px shrink-0\"></div>\n        <Select\n          value={dataType}\n          onChange={setDataType}\n          disableMatchWidth\n          size=\"medium\"\n          className=\"mb-16px mt-0 bg-#fff border border-solid border-#ccc\"\n          disabled={dataTypeList.length === 1}\n          width={180}\n        >\n          {dataTypeList.map(dataTypeItem => {\n            return (\n              <Select.Option\n                className=\"data-[highlighted]:bg-[var(--theme-color-green2)] data-[highlighted]:text-#fff\"\n                key={dataTypeItem}\n                value={dataTypeItem}\n              >\n                {t(translations.transaction.select[dataTypeItem])}\n              </Select.Option>\n            );\n          })}\n        </Select>\n      </div>\n      <div className=\"flex gap-5px\">\n        {dataType !== 'optimizationDecode' && (\n          <div className=\"w-150px shrink-0\">\n            {dataType === 'json' ? 'In and Out Data' : 'Input Data'}\n          </div>\n        )}\n        <div className=\"flex-1\">\n          <InputData\n            dataType={dataType}\n            input={input}\n            decodedData={decodedData}\n            space={space}\n            labelClassName=\"text-#002257 w-150px\"\n            success={success}\n          />\n        </div>\n      </div>\n      {dataType !== 'json' && !isReturnDataEmpty && (\n        <div className=\"flex gap-5px mt-16px\">\n          {outputDataType !== 'optimizationDecode' && (\n            <div className={clsx('w-150px shrink-0', !success && 'text-red')}>\n              {outcome === 'success'\n                ? 'Output Data'\n                : outcome === 'fail'\n                  ? 'Failed'\n                  : 'Error'}\n            </div>\n          )}\n          <div className=\"flex-1\">\n            <OutputData\n              dataType={outputDataType}\n              output={output}\n              decodedData={decodedData}\n              space={space}\n              implementation={implementation}\n              success={success}\n              to={to}\n              labelClassName={clsx(\n                'w-150px',\n                !success ? 'text-red' : 'text-#002257',\n              )}\n            />\n          </div>\n        </div>\n      )}\n      {!isLoading && <AbiWarning tip={tip} className=\"ml-150px\" />}\n    </Card>\n  );\n};\n\n// create contract failed may return error data, but it's not standard, so we only show error info for it\nconst CreateContractFailedTraceDetail = ({\n  to,\n  output,\n  space,\n  implementation,\n  outcome,\n}: Props) => {\n  const [dataType, setDataType] = useState<DataType>('utf8');\n  const { t } = useTranslation();\n  const translations = getTranslations();\n  const dataTypeList = ['original', 'utf8'] as DataType[];\n\n  return (\n    <Card className=\"!border-1 !border-#E8E9EA py-10px\">\n      <div className=\"flex gap-5px\">\n        <div className=\"w-150px shrink-0\"></div>\n        <Select\n          value={dataType}\n          onChange={setDataType}\n          disableMatchWidth\n          size=\"medium\"\n          className=\"mb-16px mt-0 bg-#fff border border-solid border-#ccc\"\n          disabled={dataTypeList.length === 1}\n          width={180}\n        >\n          {dataTypeList.map(dataTypeItem => {\n            return (\n              <Select.Option\n                className=\"data-[highlighted]:bg-[var(--theme-color-green2)] data-[highlighted]:text-#fff\"\n                key={dataTypeItem}\n                value={dataTypeItem}\n              >\n                {t(translations.transaction.select[dataTypeItem])}\n              </Select.Option>\n            );\n          })}\n        </Select>\n      </div>\n      <div className=\"flex gap-5px mt-16px\">\n        <div className={clsx('w-150px shrink-0 text-red')}>\n          {outcome === 'fail' ? 'Failed' : 'Error'}\n        </div>\n        <div className=\"flex-1\">\n          <OutputData\n            dataType={dataType}\n            output={output}\n            space={space}\n            implementation={implementation}\n            success={false}\n            to={to}\n            labelClassName=\"w-150px text-red\"\n          />\n        </div>\n      </div>\n    </Card>\n  );\n};\n\nexport const TraceDetail = (props: Props) => {\n  const { outcome = 'success', isContractCreated } = props;\n  if (isContractCreated && outcome !== 'success')\n    return <CreateContractFailedTraceDetail {...props} />;\n  return <CommonTraceDetail {...props} />;\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-RUU22F7R.js → chunk-7VFOHX3W.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-LRCAKRPK.js";
 import {
   cn
-} from "./chunk-NM3BMITL.js";
+} from "./chunk-B5JCHBO3.js";
 
 // src/components/Select/select.tsx
 import * as React9 from "react";
@@ -3613,4 +3613,4 @@ export {
   SelectItem,
   SelectSeparator
 };
-//# sourceMappingURL=chunk-RUU22F7R.js.map
+//# sourceMappingURL=chunk-7VFOHX3W.js.map

package/dist/{chunk-BEI5TWJL.js → chunk-7WDLTRBN.js}

@@ -1,6 +1,6 @@
 import {
   reqAbiByMethodId
-} from "./chunk-VGYNHJFT.js";
+} from "./chunk-E7FB4S3X.js";
 
 // src/utils/hooks/useMethodAbi.ts
 import useSWRImmutable from "swr/immutable";
@@ -14,4 +14,4 @@ var useMethodAbi = (methodId, shouldFetch = true) => {
 export {
   useMethodAbi
 };
-//# sourceMappingURL=chunk-BEI5TWJL.js.map
+//# sourceMappingURL=chunk-7WDLTRBN.js.map

package/dist/{chunk-AYCHKB2Y.js → chunk-A3IT7RYO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XCKMXAL2.js";
 import {
   cn
-} from "./chunk-NM3BMITL.js";
+} from "./chunk-B5JCHBO3.js";
 
 // src/components/Modal/index.tsx
 import { useEffect, useCallback, useMemo } from "react";
@@ -137,4 +137,4 @@ var Modal = ({
 export {
   Modal
 };
-//# sourceMappingURL=chunk-AYCHKB2Y.js.map
+//# sourceMappingURL=chunk-A3IT7RYO.js.map

package/dist/{chunk-UF5BN4QN.js → chunk-A3VPSWVX.js}

@@ -1,6 +1,6 @@
 import {
   hex2utf8
-} from "./chunk-NM3BMITL.js";
+} from "./chunk-B5JCHBO3.js";
 
 // src/components/InputData/UTF8.tsx
 import { useMemo } from "react";
@@ -18,4 +18,4 @@ var UTF8 = ({ data }) => {
 export {
   UTF8
 };
-//# sourceMappingURL=chunk-UF5BN4QN.js.map
+//# sourceMappingURL=chunk-A3VPSWVX.js.map

package/dist/chunk-A46LVI25.js

@@ -0,0 +1,82 @@
+import {
+  TraceDetail
+} from "./chunk-7RLNWQIR.js";
+import {
+  Table
+} from "./chunk-XZ7IV2FF.js";
+
+// src/components/TransactionTrace/TreeTraceTable.tsx
+import { useMemo } from "react";
+import { concat, uniq } from "lodash";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TreeTraceTable = ({
+  data,
+  columns,
+  loading = false,
+  showHeader = true,
+  colorReverse,
+  treeExpandedKeys,
+  detailExpandedKeys,
+  space
+}) => {
+  const expandedRowKeys = useMemo(() => {
+    return uniq(concat(treeExpandedKeys, detailExpandedKeys));
+  }, [treeExpandedKeys, detailExpandedKeys]);
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      columns,
+      rowKey: "index",
+      data,
+      loading,
+      showHeader,
+      rowClassName: (record, index) => {
+        if (detailExpandedKeys.includes(record.index))
+          return "!bg-#f0f5ff";
+        return colorReverse ? index % 2 !== 0 ? "!bg-#f9fafb" : "!bg-transparent" : index % 2 !== 0 ? "!bg-transparent" : "!bg-#f9fafb";
+      },
+      expandable: {
+        showExpandColumn: false,
+        expandedRowKeys,
+        expandedRowRender: (record, index, indent, expanded) => {
+          if (!expanded)
+            return null;
+          const isDetailedExpanded = detailExpandedKeys.includes(record.index);
+          const isTreeExpanded = treeExpandedKeys.includes(record.index);
+          return /* @__PURE__ */ jsxs("div", { children: [
+            isDetailedExpanded && /* @__PURE__ */ jsx(
+              TraceDetail,
+              {
+                abi: record.abi,
+                input: record.input,
+                output: record.result?.returnData,
+                to: record.to,
+                outcome: record.result?.outcome,
+                isContractCreated: !!record.contractCreated,
+                space,
+                implementation: record.delegatedTo ?? record.proxy?.implAddress
+              }
+            ),
+            isTreeExpanded && /* @__PURE__ */ jsx(
+              TreeTraceTable,
+              {
+                data: record.calls,
+                columns,
+                showHeader: false,
+                colorReverse: colorReverse ? index % 2 !== 0 : index % 2 === 0,
+                treeExpandedKeys,
+                detailExpandedKeys,
+                space
+              }
+            )
+          ] });
+        }
+      }
+    }
+  );
+};
+
+export {
+  TreeTraceTable
+};
+//# sourceMappingURL=chunk-A46LVI25.js.map

package/dist/chunk-A46LVI25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TransactionTrace/TreeTraceTable.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Table, TableProps } from '../Table';\nimport { concat, uniq } from 'lodash';\nimport { TraceDetail } from './TraceDetail';\nimport { TreeTraceForUI } from 'src/utils/hooks/useTxTrace';\n\nexport const TreeTraceTable = ({\n  data,\n  columns,\n  loading = false,\n  showHeader = true,\n  colorReverse,\n  treeExpandedKeys,\n  detailExpandedKeys,\n  space,\n}: {\n  data?: TreeTraceForUI[];\n  columns: TableProps<TreeTraceForUI>['columns'];\n  loading?: boolean;\n  showHeader?: boolean;\n  colorReverse?: boolean;\n  treeExpandedKeys: string[];\n  detailExpandedKeys: string[];\n  space: 'evm' | 'core';\n}) => {\n  const expandedRowKeys = useMemo(() => {\n    return uniq(concat(treeExpandedKeys, detailExpandedKeys));\n  }, [treeExpandedKeys, detailExpandedKeys]);\n\n  return (\n    <Table\n      columns={columns}\n      rowKey=\"index\"\n      data={data}\n      loading={loading}\n      showHeader={showHeader}\n      rowClassName={(record, index) => {\n        if (detailExpandedKeys.includes(record.index)) return '!bg-#f0f5ff';\n        return colorReverse\n          ? index % 2 !== 0\n            ? '!bg-#f9fafb'\n            : '!bg-transparent'\n          : index % 2 !== 0\n            ? '!bg-transparent'\n            : '!bg-#f9fafb';\n      }}\n      expandable={{\n        showExpandColumn: false,\n        expandedRowKeys,\n        expandedRowRender: (\n          record: TreeTraceForUI,\n          index,\n          indent,\n          expanded,\n        ) => {\n          if (!expanded) return null;\n          const isDetailedExpanded = detailExpandedKeys.includes(record.index);\n          const isTreeExpanded = treeExpandedKeys.includes(record.index);\n          return (\n            <div>\n              {isDetailedExpanded && (\n                <TraceDetail\n                  abi={record.abi}\n                  input={record.input}\n                  output={record.result?.returnData}\n                  to={record.to}\n                  outcome={record.result?.outcome}\n                  isContractCreated={!!record.contractCreated}\n                  space={space}\n                  implementation={\n                    record.delegatedTo ?? record.proxy?.implAddress\n                  }\n                />\n              )}\n              {isTreeExpanded && (\n                <TreeTraceTable\n                  data={record.calls}\n                  columns={columns}\n                  showHeader={false}\n                  colorReverse={\n                    colorReverse ? index % 2 !== 0 : index % 2 === 0\n                  }\n                  treeExpandedKeys={treeExpandedKeys}\n                  detailExpandedKeys={detailExpandedKeys}\n                  space={space}\n                />\n              )}\n            </div>\n          );\n        },\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AAExB,SAAS,QAAQ,YAAY;AAyDjB,SAEI,KAFJ;AArDL,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MASM;AACJ,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO,KAAK,OAAO,kBAAkB,kBAAkB,CAAC;AAAA,EAC1D,GAAG,CAAC,kBAAkB,kBAAkB,CAAC;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,QAAQ,UAAU;AAC/B,YAAI,mBAAmB,SAAS,OAAO,KAAK;AAAG,iBAAO;AACtD,eAAO,eACH,QAAQ,MAAM,IACZ,gBACA,oBACF,QAAQ,MAAM,IACZ,oBACA;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,kBAAkB;AAAA,QAClB;AAAA,QACA,mBAAmB,CACjB,QACA,OACA,QACA,aACG;AACH,cAAI,CAAC;AAAU,mBAAO;AACtB,gBAAM,qBAAqB,mBAAmB,SAAS,OAAO,KAAK;AACnE,gBAAM,iBAAiB,iBAAiB,SAAS,OAAO,KAAK;AAC7D,iBACE,qBAAC,SACE;AAAA,kCACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,OAAO;AAAA,gBACZ,OAAO,OAAO;AAAA,gBACd,QAAQ,OAAO,QAAQ;AAAA,gBACvB,IAAI,OAAO;AAAA,gBACX,SAAS,OAAO,QAAQ;AAAA,gBACxB,mBAAmB,CAAC,CAAC,OAAO;AAAA,gBAC5B;AAAA,gBACA,gBACE,OAAO,eAAe,OAAO,OAAO;AAAA;AAAA,YAExC;AAAA,YAED,kBACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,OAAO;AAAA,gBACb;AAAA,gBACA,YAAY;AAAA,gBACZ,cACE,eAAe,QAAQ,MAAM,IAAI,QAAQ,MAAM;AAAA,gBAEjD;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,aAEJ;AAAA,QAEJ;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-A6B5V6XY.js

@@ -0,0 +1,140 @@
+import {
+  Spin
+} from "./chunk-XCKMXAL2.js";
+import {
+  cn
+} from "./chunk-SNUPCZY7.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 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
+  );
+  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-A6B5V6XY.js.map

package/dist/chunk-A6B5V6XY.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 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\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-ELF2EOGF.js → chunk-AQFNXW4W.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-65X53DMW.js";
 import {
   Tooltip
-} from "./chunk-GQRCW7WX.js";
+} from "./chunk-J536GL5G.js";
 
 // src/components/InfoIconWithTooltip/index.tsx
 import clsx from "clsx";
@@ -23,4 +23,4 @@ var InfoIconWithTooltip = ({
 export {
   InfoIconWithTooltip
 };
-//# sourceMappingURL=chunk-ELF2EOGF.js.map
+//# sourceMappingURL=chunk-AQFNXW4W.js.map

package/dist/chunk-ASS6TOFE.js

@@ -0,0 +1,72 @@
+import {
+  ErrorDecode
+} from "./chunk-HCEXWKMZ.js";
+import {
+  GeneralDecode
+} from "./chunk-OYESIV3F.js";
+import {
+  DecodedParameters
+} from "./chunk-MWSXXVVL.js";
+import {
+  Original
+} from "./chunk-5AM5HM3B.js";
+import {
+  UTF8
+} from "./chunk-UVRMLFMC.js";
+
+// src/components/OutputData/index.tsx
+import { jsx } from "react/jsx-runtime";
+var OutputData = ({
+  decodedData,
+  dataType,
+  output,
+  to,
+  space,
+  success,
+  implementation,
+  labelClassName
+}) => {
+  const isReturnDataEmpty = !output || output === "0x";
+  if (isReturnDataEmpty)
+    return null;
+  if (dataType === "utf8") {
+    return /* @__PURE__ */ jsx(UTF8, { data: output });
+  } else if (dataType === "generalDecode") {
+    if (!success)
+      return /* @__PURE__ */ jsx(Original, { data: output });
+    if (decodedData) {
+      return /* @__PURE__ */ jsx(GeneralDecode, { data: output, includeMethodID: false });
+    }
+  } else if (dataType === "optimizationDecode") {
+    if (!success) {
+      return /* @__PURE__ */ jsx(
+        ErrorDecode,
+        {
+          to,
+          space,
+          errorData: output,
+          implementation,
+          labelClassName
+        }
+      );
+    }
+    if (decodedData) {
+      return /* @__PURE__ */ jsx(
+        DecodedParameters,
+        {
+          args: decodedData.decodedResults,
+          params: decodedData.abiItem?.outputs ?? [],
+          label: "Return:",
+          labelClassName,
+          space
+        }
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(Original, { data: output });
+};
+
+export {
+  OutputData
+};
+//# sourceMappingURL=chunk-ASS6TOFE.js.map

package/dist/chunk-ASS6TOFE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OutputData/index.tsx"],"sourcesContent":["import { DataType } from 'src/utils/hooks/useDecodedDataType';\nimport { DecodedFunctionData } from 'src/utils/hooks/useDecodeFunctionData';\nimport { ErrorDecode } from './ErrorDecode';\nimport { Original } from '../InputData/Original';\nimport { UTF8 } from '../InputData/UTF8';\nimport { GeneralDecode } from '../InputData/GeneralDecode';\nimport { DecodedParameters } from '../InputData/OptimizationDecode';\n\nexport const OutputData = ({\n  decodedData,\n  dataType,\n  output,\n  to,\n  space,\n  success,\n  implementation,\n  labelClassName,\n}: {\n  decodedData?: DecodedFunctionData;\n  dataType: DataType;\n  output?: `0x${string}`;\n  space: 'evm' | 'core';\n  to?: string;\n  labelClassName?: string;\n  success?: boolean;\n  implementation?: string;\n}) => {\n  const isReturnDataEmpty = !output || output === '0x';\n  if (isReturnDataEmpty) return null;\n  if (dataType === 'utf8') {\n    return <UTF8 data={output}></UTF8>;\n  } else if (dataType === 'generalDecode') {\n    if (!success) return <Original data={output}></Original>;\n    if (decodedData) {\n      return (\n        <GeneralDecode data={output} includeMethodID={false}></GeneralDecode>\n      );\n    }\n  } else if (dataType === 'optimizationDecode') {\n    if (!success) {\n      return (\n        <ErrorDecode\n          to={to}\n          space={space}\n          errorData={output}\n          implementation={implementation}\n          labelClassName={labelClassName}\n        ></ErrorDecode>\n      );\n    }\n    if (decodedData) {\n      return (\n        <DecodedParameters\n          args={decodedData.decodedResults}\n          params={decodedData.abiItem?.outputs ?? []}\n          label=\"Return:\"\n          labelClassName={labelClassName}\n          space={space}\n        />\n      );\n    }\n  }\n  return <Original data={output}></Original>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AA8BW;AAtBJ,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MASM;AACJ,QAAM,oBAAoB,CAAC,UAAU,WAAW;AAChD,MAAI;AAAmB,WAAO;AAC9B,MAAI,aAAa,QAAQ;AACvB,WAAO,oBAAC,QAAK,MAAM,QAAQ;AAAA,EAC7B,WAAW,aAAa,iBAAiB;AACvC,QAAI,CAAC;AAAS,aAAO,oBAAC,YAAS,MAAM,QAAQ;AAC7C,QAAI,aAAa;AACf,aACE,oBAAC,iBAAc,MAAM,QAAQ,iBAAiB,OAAO;AAAA,IAEzD;AAAA,EACF,WAAW,aAAa,sBAAsB;AAC5C,QAAI,CAAC,SAAS;AACZ,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA;AAAA;AAAA,MACD;AAAA,IAEL;AACA,QAAI,aAAa;AACf,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY;AAAA,UAClB,QAAQ,YAAY,SAAS,WAAW,CAAC;AAAA,UACzC,OAAM;AAAA,UACN;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACA,SAAO,oBAAC,YAAS,MAAM,QAAQ;AACjC;","names":[]}

package/dist/{chunk-NM3BMITL.js → chunk-B5JCHBO3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WIB76E7O.js";
 import {
   fetch
-} from "./chunk-VGYNHJFT.js";
+} from "./chunk-SYWQ2T57.js";
 
 // src/utils/index.ts
 import BigNumber from "bignumber.js";
@@ -793,4 +793,4 @@ export {
   viewJson,
   formatABI
 };
-//# sourceMappingURL=chunk-NM3BMITL.js.map
+//# sourceMappingURL=chunk-B5JCHBO3.js.map

package/dist/{chunk-DCQANK66.js → chunk-BGNBKP5R.js}

@@ -1,6 +1,6 @@
 import {
   convertCheckSum
-} from "./chunk-6L4ZEJQI.js";
+} from "./chunk-BN3ATGHU.js";
 import {
   useGlobalData
 } from "./chunk-DQGLZCIG.js";
@@ -20,4 +20,4 @@ var useAddressLabel = (address, showAddressLabel = true) => {
 export {
   useAddressLabel
 };
-//# sourceMappingURL=chunk-DCQANK66.js.map
+//# sourceMappingURL=chunk-BGNBKP5R.js.map

package/dist/{chunk-6L4ZEJQI.js → chunk-BN3ATGHU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WIB76E7O.js";
 import {
   detectAccountType
-} from "./chunk-VGYNHJFT.js";
+} from "./chunk-SYWQ2T57.js";
 
 // src/utils/address.ts
 import SDK from "js-conflux-sdk";
@@ -281,4 +281,4 @@ export {
   formatAddressHexToBase32,
   isAddressEqual
 };
-//# sourceMappingURL=chunk-6L4ZEJQI.js.map
+//# sourceMappingURL=chunk-BN3ATGHU.js.map

package/dist/chunk-C6GUZVQ2.js

@@ -0,0 +1,130 @@
+import {
+  decodeErrorResult
+} from "./chunk-6SXAFSBF.js";
+import {
+  useContractDetail
+} from "./chunk-OFAM2QTT.js";
+import {
+  CommonError_default
+} from "./chunk-5TGK2EA2.js";
+import {
+  CommonPanic_default
+} from "./chunk-ADNS57X5.js";
+import {
+  COMMON_ERROR_OUTPUT_PREFIX,
+  COMMON_PANIC_OUTPUT_PREFIX
+} from "./chunk-WIB76E7O.js";
+
+// src/utils/hooks/useDecodeFunctionError.ts
+import { useMemo } from "react";
+var fields = ["abi"];
+var useDecodeFunctionError = ({
+  to,
+  implementation: _implementation,
+  errorData,
+  space
+}) => {
+  const standardErrorAbi = useMemo(() => {
+    if (!errorData)
+      return null;
+    if (errorData.startsWith(COMMON_ERROR_OUTPUT_PREFIX))
+      return CommonError_default;
+    if (errorData.startsWith(COMMON_PANIC_OUTPUT_PREFIX))
+      return CommonPanic_default;
+    return null;
+  }, [errorData]);
+  const { data, isLoading: contractLoading } = useContractDetail(
+    to,
+    fields,
+    !standardErrorAbi && !!errorData
+  );
+  const implementation = _implementation ?? data?.implementation?.address;
+  const { data: implementationData, isLoading: implementationLoading } = useContractDetail(implementation, fields, !standardErrorAbi && !!errorData);
+  const decodedByStandardError = useMemo(() => {
+    if (!standardErrorAbi || !errorData)
+      return null;
+    try {
+      const result = decodeErrorResult({
+        abi: standardErrorAbi,
+        data: errorData,
+        space
+      });
+      return result;
+    } catch (error) {
+      console.log("decode error data with standard error abi failed", error);
+      return {
+        errorName: "unknown",
+        failed: true
+      };
+    }
+  }, [errorData, standardErrorAbi, space]);
+  const decoded = useMemo(() => {
+    if (!data?.abi || !errorData)
+      return null;
+    try {
+      const result = decodeErrorResult({
+        abi: JSON.parse(data.abi),
+        data: errorData,
+        space
+      });
+      return result;
+    } catch (error) {
+      console.log("decode error data with contract abi failed", error);
+      return {
+        errorName: "unknown",
+        failed: true
+      };
+    }
+  }, [errorData, data, space]);
+  const decodedByImplementation = useMemo(() => {
+    if (!implementationData?.abi || !errorData)
+      return null;
+    try {
+      const result = decodeErrorResult({
+        abi: JSON.parse(implementationData.abi),
+        data: errorData,
+        space
+      });
+      return result;
+    } catch (error) {
+      console.log("decode error data with implementation abi failed", error);
+      return {
+        errorName: "unknown",
+        failed: true
+      };
+    }
+  }, [errorData, implementationData, space]);
+  return useMemo(() => {
+    if (!errorData)
+      return [null, false];
+    if (decodedByStandardError && !decodedByStandardError.failed)
+      return [decodedByStandardError, false];
+    if (decodedByImplementation && !decodedByImplementation.failed)
+      return [decodedByImplementation, implementationLoading];
+    if (decoded && !decoded.failed)
+      return [decoded, contractLoading];
+    if (contractLoading || implementationLoading)
+      return [null, true];
+    return [
+      {
+        errorName: "unknown",
+        noAbi: !decodedByStandardError && !decodedByImplementation && !decoded,
+        failed: decodedByImplementation?.failed || decoded?.failed || decodedByStandardError?.failed
+      },
+      false
+    ];
+  }, [
+    errorData,
+    decodedByStandardError,
+    decoded,
+    decodedByImplementation,
+    contractLoading,
+    implementationLoading,
+    space
+  ]);
+};
+
+export {
+  useDecodeFunctionError
+};
+//# sourceMappingURL=chunk-C6GUZVQ2.js.map

package/dist/chunk-C6GUZVQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useDecodeFunctionError.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { decodeErrorResult } from 'src/utils/sdk';\nimport type { AbiItem } from 'src/utils/sdk';\nimport { useContractDetail } from './useContractDetail';\nimport {\n  COMMON_ERROR_OUTPUT_PREFIX,\n  COMMON_PANIC_OUTPUT_PREFIX,\n} from '../constants';\nimport CommonError from 'src/abis/CommonError';\nimport CommonPanic from 'src/abis/CommonPanic';\n\nconst fields = ['abi' as const];\n\ninterface Result {\n  abiItem?: AbiItem;\n  args?: readonly unknown[];\n  errorName: string;\n  // no abi for decoded\n  noAbi?: boolean;\n  // decoded failed\n  failed?: boolean;\n}\n\nexport const useDecodeFunctionError = ({\n  to,\n  implementation: _implementation,\n  errorData,\n  space,\n}: {\n  errorData?: `0x${string}`;\n  to?: string;\n  implementation?: string;\n  space: 'evm' | 'core';\n}): [Result | null, boolean] => {\n  const standardErrorAbi = useMemo(() => {\n    if (!errorData) return null;\n    if (errorData.startsWith(COMMON_ERROR_OUTPUT_PREFIX)) return CommonError;\n    if (errorData.startsWith(COMMON_PANIC_OUTPUT_PREFIX)) return CommonPanic;\n    return null;\n  }, [errorData]);\n  const { data, isLoading: contractLoading } = useContractDetail(\n    to,\n    fields,\n    !standardErrorAbi && !!errorData,\n  );\n  const implementation = _implementation ?? data?.implementation?.address;\n  const { data: implementationData, isLoading: implementationLoading } =\n    useContractDetail(implementation, fields, !standardErrorAbi && !!errorData);\n  const decodedByStandardError = useMemo(() => {\n    if (!standardErrorAbi || !errorData) return null;\n    try {\n      const result = decodeErrorResult({\n        abi: standardErrorAbi,\n        data: errorData,\n        space,\n      });\n      return result as Result;\n    } catch (error) {\n      console.log('decode error data with standard error abi failed', error);\n      return {\n        errorName: 'unknown',\n        failed: true,\n      };\n    }\n  }, [errorData, standardErrorAbi, space]);\n  const decoded = useMemo(() => {\n    if (!data?.abi || !errorData) return null;\n    try {\n      const result = decodeErrorResult({\n        abi: JSON.parse(data.abi as string),\n        data: errorData,\n        space,\n      });\n      return result as Result;\n    } catch (error) {\n      console.log('decode error data with contract abi failed', error);\n      return {\n        errorName: 'unknown',\n        failed: true,\n      };\n    }\n  }, [errorData, data, space]);\n  const decodedByImplementation = useMemo(() => {\n    if (!implementationData?.abi || !errorData) return null;\n    try {\n      const result = decodeErrorResult({\n        abi: JSON.parse(implementationData.abi as string),\n        data: errorData,\n        space,\n      });\n      return result as Result;\n    } catch (error) {\n      console.log('decode error data with implementation abi failed', error);\n      return {\n        errorName: 'unknown',\n        failed: true,\n      };\n    }\n  }, [errorData, implementationData, space]);\n\n  return useMemo(() => {\n    if (!errorData) return [null, false];\n    if (decodedByStandardError && !decodedByStandardError.failed)\n      return [decodedByStandardError, false];\n    if (decodedByImplementation && !decodedByImplementation.failed)\n      return [decodedByImplementation, implementationLoading];\n    if (decoded && !decoded.failed) return [decoded, contractLoading];\n    if (contractLoading || implementationLoading) return [null, true];\n    return [\n      {\n        errorName: 'unknown',\n        noAbi: !decodedByStandardError && !decodedByImplementation && !decoded,\n        failed:\n          decodedByImplementation?.failed ||\n          decoded?.failed ||\n          decodedByStandardError?.failed,\n      },\n      false,\n    ];\n  }, [\n    errorData,\n    decodedByStandardError,\n    decoded,\n    decodedByImplementation,\n    contractLoading,\n    implementationLoading,\n    space,\n  ]);\n};\n"],"mappings":"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","names":[]}