@cfxjs/sirius-next-common 0.0.1 → 0.0.2-zg

package/dist/chunk-ILJFYWLB.js

@@ -0,0 +1,353 @@
+// src/components/Charts/config.ts
+import Highcharts from "highcharts/highstock";
+var defaultLimit = "365";
+var defaultIntervalType = "day";
+var scope = {
+  min: [
+    {
+      label: "1h",
+      limit: 60
+    },
+    {
+      label: "2h",
+      limit: 120
+    },
+    {
+      label: "4h",
+      limit: 240
+    },
+    {
+      label: "6h",
+      limit: 360
+    },
+    {
+      label: "12h",
+      limit: 720
+    },
+    {
+      label: "24h",
+      limit: 1440
+    }
+  ],
+  hour: [
+    {
+      label: "1d",
+      limit: 24
+    },
+    {
+      label: "3d",
+      limit: 72
+    },
+    {
+      label: "7d",
+      limit: 168
+    },
+    {
+      label: "14d",
+      limit: 336
+    }
+  ],
+  day: [
+    {
+      label: "1w",
+      limit: 7
+    },
+    {
+      label: "1m",
+      limit: 30
+    },
+    {
+      label: "3m",
+      limit: 91
+    },
+    {
+      label: "6m",
+      limit: 182
+    },
+    {
+      label: "1y",
+      limit: 365
+    },
+    {
+      label: "All",
+      limit: 2e3
+    }
+  ],
+  month: [
+    {
+      label: "6m",
+      limit: 6
+    },
+    {
+      label: "1y",
+      limit: 12
+    },
+    {
+      label: "All",
+      limit: 2e3
+    }
+  ]
+};
+var ConstructorType = ({ options }) => {
+  if (options?.chart?.type === "pie") {
+    return "";
+  }
+  if (options?.chart?.type === "column") {
+    return "";
+  }
+  return "stockChart";
+};
+var LineChart = ({ options, request, data }) => {
+  const list = request.formatter(data);
+  return {
+    chart: {
+      alignTicks: false,
+      height: 600,
+      animation: false,
+      backgroundColor: null
+    },
+    credits: {
+      enabled: false
+    },
+    colors: [
+      "#7cb5ec",
+      "#434348",
+      "#f7a35c",
+      "#2b908f",
+      "#91e8e1",
+      "#90ed7d",
+      "#8085e9",
+      "#f15c80",
+      "#e4d354",
+      "#f45b5b"
+    ],
+    navigator: {
+      enabled: true
+    },
+    rangeSelector: {
+      enabled: true,
+      buttons: []
+    },
+    scrollbar: {
+      enabled: true
+    },
+    plotOptions: {
+      series: {
+        dataGrouping: {
+          enabled: false
+          // dateTimeLabelFormats: {
+          //   week: ['%A, %b %e, %Y'],
+          // },
+        }
+      },
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      }
+    },
+    legend: {
+      enabled: options.series.length > 1
+    },
+    tooltip: {
+      split: false,
+      useHTML: true,
+      headerFormat: `<table>
+              <tr>
+                <th colspan="2" style="font-weight: normal;">{point.key}</th>
+              </tr>
+              <tr style="border-bottom: 1px solid #ccc;">
+                <th style="padding-bottom: 5px;"></th>
+              </tr>
+              `,
+      pointFormat: `
+            <tr><td style="padding-top: 5px;"></td></tr>
+            <tr>
+              <td style="color: {series.color}; padding-right: 10px;">[ {series.name} ]</td>
+              <td style="text-align: right"><b>{point.y}</b></td>  
+            </tr>`,
+      footerFormat: "</table>",
+      shape: "square",
+      shared: true
+    },
+    yAxis: {
+      opposite: false
+    },
+    series: options.series.map((_, i) => ({
+      data: list[i]
+    })),
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "viewFullscreen",
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var PieChart = ({ request, data }) => {
+  return {
+    chart: {
+      animation: false,
+      height: 600
+    },
+    credits: {
+      enabled: false
+    },
+    plotOptions: {
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      },
+      pie: {
+        allowPointSelect: true,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: false
+        },
+        showInLegend: true,
+        colorByPoint: true
+      }
+    },
+    tooltip: {
+      shape: "square"
+    },
+    series: [
+      {
+        data: request.formatter(data)
+      }
+    ],
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var optsOrigin = ({ options, request, data }) => {
+  if (options.chart.type === "pie") {
+    return PieChart({ options, request, data });
+  }
+  if (options.chart.type === "column") {
+    return PieChart({ options, request, data });
+  }
+  return LineChart({ options, request, data });
+};
+var previewOpts = {
+  title: "",
+  subtitle: "",
+  chart: {
+    height: 240,
+    zoomType: ""
+  },
+  exporting: {
+    enabled: false
+  },
+  navigator: {
+    enabled: false
+  },
+  rangeSelector: {
+    enabled: false
+  },
+  scrollbar: {
+    enabled: false
+  }
+};
+
+export {
+  defaultLimit,
+  defaultIntervalType,
+  scope,
+  ConstructorType,
+  optsOrigin,
+  previewOpts
+};
+//# sourceMappingURL=chunk-ILJFYWLB.js.map

package/dist/chunk-ILJFYWLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/config.ts"],"sourcesContent":["import Highcharts from 'highcharts/highstock';\n\nexport const defaultLimit: string = '365';\nexport const defaultIntervalType: string = 'day';\n\nexport interface ChildProps {\n  preview?: boolean;\n}\n\nexport interface ChartsProps {\n  request: {\n    url: string;\n    query?: {\n      limit: string;\n      intervalType: string;\n    };\n    formatter: (data: any) => any;\n  };\n  options: any;\n  data?: {\n    list: any[];\n  };\n}\n\nexport interface ScopeItemType {\n  label: string;\n  limit: number;\n}\n\nexport interface ScopeType {\n  min?: ScopeItemType[];\n  hour?: ScopeItemType[];\n  day: ScopeItemType[];\n  month?: ScopeItemType[];\n}\nexport type onCombination = (\n  type: keyof ScopeType,\n  limit: string | undefined,\n) => void;\nexport type ChartOptionsProps = {\n  intervalScope?: ScopeType;\n  intervalType: keyof ScopeType;\n  limit: string | undefined;\n  onCombination: onCombination;\n};\n\nexport const scope: ScopeType = {\n  min: [\n    {\n      label: '1h',\n      limit: 60,\n    },\n    {\n      label: '2h',\n      limit: 120,\n    },\n    {\n      label: '4h',\n      limit: 240,\n    },\n    {\n      label: '6h',\n      limit: 360,\n    },\n    {\n      label: '12h',\n      limit: 720,\n    },\n    {\n      label: '24h',\n      limit: 1440,\n    },\n  ],\n  hour: [\n    {\n      label: '1d',\n      limit: 24,\n    },\n    {\n      label: '3d',\n      limit: 72,\n    },\n    {\n      label: '7d',\n      limit: 168,\n    },\n    {\n      label: '14d',\n      limit: 336,\n    },\n  ],\n  day: [\n    {\n      label: '1w',\n      limit: 7,\n    },\n    {\n      label: '1m',\n      limit: 30,\n    },\n    {\n      label: '3m',\n      limit: 91,\n    },\n    {\n      label: '6m',\n      limit: 182,\n    },\n    {\n      label: '1y',\n      limit: 365,\n    },\n    {\n      label: 'All',\n      limit: 2000,\n    },\n  ],\n  month: [\n    {\n      label: '6m',\n      limit: 6,\n    },\n    {\n      label: '1y',\n      limit: 12,\n    },\n    {\n      label: 'All',\n      limit: 2000,\n    },\n  ],\n};\nexport const ConstructorType = ({ options }: ChartsProps) => {\n  if (options?.chart?.type === 'pie') {\n    return '';\n  }\n  if (options?.chart?.type === 'column') {\n    return '';\n  }\n  return 'stockChart';\n};\nconst LineChart = ({ options, request, data }: ChartsProps) => {\n  const list = request.formatter(data);\n  return {\n    chart: {\n      alignTicks: false,\n      height: 600,\n      animation: false,\n      backgroundColor: null,\n    },\n    credits: {\n      enabled: false,\n    },\n    colors: [\n      '#7cb5ec',\n      '#434348',\n      '#f7a35c',\n      '#2b908f',\n      '#91e8e1',\n      '#90ed7d',\n      '#8085e9',\n      '#f15c80',\n      '#e4d354',\n      '#f45b5b',\n    ],\n    navigator: {\n      enabled: true,\n    },\n    rangeSelector: {\n      enabled: true,\n      buttons: [],\n    },\n    scrollbar: {\n      enabled: true,\n    },\n    plotOptions: {\n      series: {\n        dataGrouping: {\n          enabled: false,\n          // dateTimeLabelFormats: {\n          //   week: ['%A, %b %e, %Y'],\n          // },\n        },\n      },\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n    },\n    legend: {\n      enabled: options.series.length > 1,\n    },\n    tooltip: {\n      split: false,\n      useHTML: true,\n      headerFormat: `<table>\n              <tr>\n                <th colspan=\"2\" style=\"font-weight: normal;\">{point.key}</th>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #ccc;\">\n                <th style=\"padding-bottom: 5px;\"></th>\n              </tr>\n              `,\n      pointFormat: `\n            <tr><td style=\"padding-top: 5px;\"></td></tr>\n            <tr>\n              <td style=\"color: {series.color}; padding-right: 10px;\">[ {series.name} ]</td>\n              <td style=\"text-align: right\"><b>{point.y}</b></td>  \n            </tr>`,\n      footerFormat: '</table>',\n      shape: 'square',\n      shared: true,\n    },\n    yAxis: {\n      opposite: false,\n    },\n    series: options.series.map((_: any, i: number) => ({\n      data: list[i],\n    })),\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'viewFullscreen',\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\nconst PieChart = ({ request, data }: ChartsProps) => {\n  return {\n    chart: {\n      animation: false,\n      height: 600,\n    },\n    credits: {\n      enabled: false,\n    },\n    plotOptions: {\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n      pie: {\n        allowPointSelect: true,\n        cursor: 'pointer',\n        dataLabels: {\n          enabled: false,\n        },\n        showInLegend: true,\n        colorByPoint: true,\n      },\n    },\n    tooltip: {\n      shape: 'square',\n    },\n    series: [\n      {\n        data: request.formatter(data),\n      },\n    ],\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\n\nexport const optsOrigin = ({ options, request, data }: ChartsProps) => {\n  if (options.chart.type === 'pie') {\n    return PieChart({ options, request, data });\n  }\n  if (options.chart.type === 'column') {\n    return PieChart({ options, request, data });\n  }\n  return LineChart({ options, request, data });\n};\nexport const previewOpts = {\n  title: '',\n  subtitle: '',\n  chart: {\n    height: 240,\n    zoomType: '',\n  },\n  exporting: {\n    enabled: false,\n  },\n  navigator: {\n    enabled: false,\n  },\n  rangeSelector: {\n    enabled: false,\n  },\n  scrollbar: {\n    enabled: false,\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-JUKLHM7G.js

@@ -0,0 +1,108 @@
+import {
+  ContractAddress,
+  ContractCreatedAddress,
+  InvalidAddress,
+  MyAddress
+} from "./chunk-RTUI55OW.js";
+import {
+  RenderAddress
+} from "./chunk-NQNVZ2Y2.js";
+import {
+  convertCheckSum,
+  formatAddress,
+  isEvmAddress,
+  isZeroAddress
+} from "./chunk-BSSE7DI3.js";
+import {
+  getLabelInfo
+} from "./chunk-DPSCMWIB.js";
+import {
+  getTranslations,
+  useGlobalData
+} from "./chunk-QKQG47IV.js";
+
+// src/components/AddressContainer/EVMAddressContainer.tsx
+import { memo } from "react";
+import { withTranslation } from "react-i18next";
+import _ from "lodash";
+import { Fragment, jsx } from "react/jsx-runtime";
+var parseProps = (props, globalData) => {
+  const { alias, t, showAddressLabel, showNametag, nametagInfo } = props;
+  const value = props.value || "";
+  const cfxAddress = formatAddress(value, "hex");
+  const translations = getTranslations();
+  let aliasLabel = alias;
+  if (!alias && isZeroAddress(cfxAddress)) {
+    aliasLabel = t(translations.general.zeroAddress);
+  }
+  let officalNametag = null;
+  let addressLabel = null;
+  if (cfxAddress && showAddressLabel) {
+    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
+    const gAddressLabel = addressLabels?.[convertCheckSum(cfxAddress)] || addressLabels?.[cfxAddress.toLowerCase()];
+    if (gAddressLabel) {
+      const { label } = getLabelInfo(gAddressLabel, "tag");
+      addressLabel = label;
+    }
+  }
+  if (cfxAddress && showNametag) {
+    const nametags = nametagInfo?.[convertCheckSum(cfxAddress)] || nametagInfo?.[cfxAddress.toLowerCase()];
+    if (nametags) {
+      const nametag = nametags?.nametag ?? "";
+      const { label } = getLabelInfo(nametag, "nametag");
+      officalNametag = label;
+    }
+  }
+  return {
+    alias: aliasLabel,
+    nametag: officalNametag,
+    addressLabel,
+    cfxAddress
+  };
+};
+var EVMAddressContainer = withTranslation()(
+  memo((props) => {
+    const { globalData } = useGlobalData();
+    if (!props.value && !props.contractCreated) {
+      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+    }
+    const defaultProps = {
+      isFull: false,
+      isFullNameTag: false,
+      link: true,
+      isMe: false,
+      showIcon: true,
+      verify: false,
+      showAddressLabel: true,
+      showENSLabel: true,
+      showNametag: true
+    };
+    const mergeDefaultProps = _.assign({}, defaultProps, props);
+    const mergeParseProps = _.merge(
+      {},
+      mergeDefaultProps,
+      parseProps(mergeDefaultProps, globalData)
+    );
+    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
+      return ContractCreatedAddress({
+        ...mergeParseProps,
+        outputType: "hex"
+      });
+    }
+    if (!isEvmAddress(mergeParseProps.value)) {
+      return InvalidAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isContract) {
+      return ContractAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isMe) {
+      return MyAddress(mergeParseProps);
+    }
+    return RenderAddress(mergeParseProps);
+  })
+);
+
+export {
+  EVMAddressContainer
+};
+//# sourceMappingURL=chunk-JUKLHM7G.js.map

package/dist/chunk-JUKLHM7G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/EVMAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isEvmAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { EVMAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: EVMAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const { alias, t, showAddressLabel, showNametag, nametagInfo } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'hex');\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel =\n      addressLabels?.[convertCheckSum(cfxAddress)] ||\n      addressLabels?.[cfxAddress.toLowerCase()];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags =\n      nametagInfo?.[convertCheckSum(cfxAddress)] ||\n      nametagInfo?.[cfxAddress.toLowerCase()];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  return {\n    alias: aliasLabel,\n    nametag: officalNametag,\n    addressLabel,\n    cfxAddress,\n  };\n};\n\nexport const EVMAddressContainer = withTranslation()(\n  memo((props: EVMAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'hex',\n      });\n    }\n\n    if (!isEvmAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isContract) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAA0B,uBAAuB;AACjD,OAAO,OAAO;AAgFD;AA3Db,IAAM,aAAa,CACjB,OACA,eACG;AACH,QAAM,EAAE,OAAO,GAAG,kBAAkB,aAAa,YAAY,IAAI;AACjE,QAAM,QAAgB,MAAM,SAAS;AACrC,QAAM,aAAa,cAAc,OAAO,KAAK;AAE7C,QAAM,eAAe,gBAAgB;AAErC,MAAI,aAAa;AACjB,MAAI,CAAC,SAAS,cAAc,UAAU,GAAG;AACvC,iBAAa,EAAE,aAAa,QAAQ,WAAW;AAAA,EACjD;AAGA,MAAI,iBAAkC;AAEtC,MAAI,eAAgC;AAEpC,MAAI,cAAc,kBAAkB;AAElC,UAAM,gBAAgB,6DAA+C;AACrE,UAAM,gBACJ,gBAAgB,gBAAgB,UAAU,CAAC,KAC3C,gBAAgB,WAAW,YAAY,CAAC;AAE1C,QAAI,eAAe;AACjB,YAAM,EAAE,MAAM,IAAI,aAAa,eAAe,KAAK;AACnD,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,cAAc,aAAa;AAC7B,UAAM,WACJ,cAAc,gBAAgB,UAAU,CAAC,KACzC,cAAc,WAAW,YAAY,CAAC;AAExC,QAAI,UAAU;AACZ,YAAM,UAAU,UAAU,WAAW;AACrC,YAAM,EAAE,MAAM,IAAI,aAAa,SAAS,SAAS;AACjD,uBAAiB;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAM,sBAAsB,gBAAgB;AAAA,EACjD,KAAK,CAAC,UAAsD;AAC1D,UAAM,EAAE,WAAW,IAAI,cAAc;AAGrC,QAAI,CAAC,MAAM,SAAS,CAAC,MAAM,iBAAiB;AAC1C,aAAO,gCAAE,gBAAE;AAAA,IACb;AAEA,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAEA,UAAM,oBAAoB,EAAE,OAAO,CAAC,GAAG,cAAc,KAAK;AAE1D,UAAM,kBAAkB,EAAE;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACA,WAAW,mBAAmB,UAAU;AAAA,IAC1C;AAEA,QAAI,CAAC,gBAAgB,SAAS,gBAAgB,iBAAiB;AAC7D,aAAO,uBAAuB;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,aAAa,gBAAgB,KAAK,GAAG;AACxC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,gBAAgB,YAAY;AAC9B,aAAO,gBAAgB,eAAe;AAAA,IACxC;AAEA,QAAI,gBAAgB,MAAM;AACxB,aAAO,UAAU,eAAe;AAAA,IAClC;AAEA,WAAO,cAAc,eAAe;AAAA,EACtC,CAAC;AACH;","names":[]}

package/dist/{chunk-DYCUWPED.js → chunk-K3I5KE22.js}

@@ -1,15 +1,15 @@
 import {
   sendRequestENSInfo
-} from "./chunk-54J4VH5Z.js";
+} from "./chunk-AA66QSDL.js";
 import {
-  isBase32Address
-} from "./chunk-2TNEFW2L.js";
+  isCoreMainOrTestAddress
+} from "./chunk-PH2C43JH.js";
 import {
   apiPrefix
-} from "./chunk-RLZTFLPD.js";
+} from "./chunk-ADPYV4OL.js";
 import {
   useENSStore
-} from "./chunk-WFCK7FPT.js";
+} from "./chunk-HRW4BUP4.js";
 
 // src/utils/hooks/useENS.ts
 import { useEffect } from "react";
@@ -20,10 +20,12 @@ var ensUrl = (ens, value) => {
   if (typeof value === "string" && ens[value])
     return null;
   let url = null;
-  if (typeof value === "string" && isBase32Address(value)) {
+  if (typeof value === "string" && isCoreMainOrTestAddress(value)) {
     url = `${apiPrefix}/ens/reverse/match?address=${value}`;
   } else if (Array.isArray(value) && value.length) {
-    const validAddresses = value.filter((v) => isBase32Address(v) && !ens[v]);
+    const validAddresses = value.filter(
+      (v) => typeof v === "string" && isCoreMainOrTestAddress(v) && !ens[v]
+    );
     if (validAddresses.length === 0)
       return null;
     const baseUrl = `${apiPrefix}/ens/reverse/match?`;
@@ -58,4 +60,4 @@ var useENS = (address) => {
 export {
   useENS
 };
-//# sourceMappingURL=chunk-DYCUWPED.js.map
+//# sourceMappingURL=chunk-K3I5KE22.js.map

package/dist/chunk-K3I5KE22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useENS.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport useSWR from 'swr';\nimport { sendRequestENSInfo } from 'src/utils/request';\nimport { useENSStore } from '../../store';\nimport { ENSType } from '../../store/types';\nimport { isCoreMainOrTestAddress } from '../address';\nimport { apiPrefix } from '../constants';\n\nconst ensUrl = (ens: ENSType, value: string | null | string[]) => {\n  if (!value) return null;\n  if (typeof value === 'string' && ens[value]) return null;\n\n  let url = null;\n\n  if (typeof value === 'string' && isCoreMainOrTestAddress(value)) {\n    url = `${apiPrefix}/ens/reverse/match?address=${value}`;\n  } else if (Array.isArray(value) && value.length) {\n    const validAddresses = value.filter(\n      v => typeof v === 'string' && isCoreMainOrTestAddress(v) && !ens[v],\n    );\n    if (validAddresses.length === 0) return null;\n\n    const baseUrl = `${apiPrefix}/ens/reverse/match?`;\n    const maxQueryLength = 1800 - baseUrl.length;\n\n    const query = validAddresses.reduce((acc, curr, index) => {\n      const newPart = `${index === 0 ? '' : '&'}address=${curr}`;\n      if (acc.length + newPart.length > maxQueryLength) {\n        return acc;\n      }\n      return acc + newPart;\n    }, '');\n\n    if (query) {\n      url = baseUrl + query;\n    }\n  }\n\n  return url;\n};\n\nexport const useENS = (address: string | null | string[]) => {\n  const { ens, setENS } = useENSStore();\n\n  const url = ensUrl(ens, address);\n\n  const { data } = useSWR(url, () => sendRequestENSInfo(url), {\n    revalidateOnFocus: false,\n  });\n\n  useEffect(() => {\n    if (data) {\n      setENS(data);\n    }\n  }, [data]);\n\n  return { ens };\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAOnB,IAAM,SAAS,CAAC,KAAc,UAAoC;AAChE,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,OAAO,UAAU,YAAY,IAAI,KAAK;AAAG,WAAO;AAEpD,MAAI,MAAM;AAEV,MAAI,OAAO,UAAU,YAAY,wBAAwB,KAAK,GAAG;AAC/D,UAAM,GAAG,uCAAuC;AAAA,EAClD,WAAW,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AAC/C,UAAM,iBAAiB,MAAM;AAAA,MAC3B,OAAK,OAAO,MAAM,YAAY,wBAAwB,CAAC,KAAK,CAAC,IAAI,CAAC;AAAA,IACpE;AACA,QAAI,eAAe,WAAW;AAAG,aAAO;AAExC,UAAM,UAAU,GAAG;AACnB,UAAM,iBAAiB,OAAO,QAAQ;AAEtC,UAAM,QAAQ,eAAe,OAAO,CAAC,KAAK,MAAM,UAAU;AACxD,YAAM,UAAU,GAAG,UAAU,IAAI,KAAK,cAAc;AACpD,UAAI,IAAI,SAAS,QAAQ,SAAS,gBAAgB;AAChD,eAAO;AAAA,MACT;AACA,aAAO,MAAM;AAAA,IACf,GAAG,EAAE;AAEL,QAAI,OAAO;AACT,YAAM,UAAU;AAAA,IAClB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,IAAM,SAAS,CAAC,YAAsC;AAC3D,QAAM,EAAE,KAAK,OAAO,IAAI,YAAY;AAEpC,QAAM,MAAM,OAAO,KAAK,OAAO;AAE/B,QAAM,EAAE,KAAK,IAAI,OAAO,KAAK,MAAM,mBAAmB,GAAG,GAAG;AAAA,IAC1D,mBAAmB;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,MAAM;AACR,aAAO,IAAI;AAAA,IACb;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,IAAI;AACf;","names":[]}