@cfxjs/sirius-next-common 0.1.33 → 0.1.35

package/dist/chunk-BR2HJ226.js.map

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

package/dist/chunk-BWWA4QW5.js

@@ -0,0 +1,63 @@
+import {
+  isCoreMainOrTestAddress
+} from "./chunk-NR6CZSCD.js";
+import {
+  apiPrefix
+} from "./chunk-7RH7LJYB.js";
+import {
+  sendRequestENSInfo
+} from "./chunk-ICC54A7E.js";
+import {
+  useENSStore
+} from "./chunk-DQGLZCIG.js";
+
+// src/utils/hooks/useENS.ts
+import { useEffect } from "react";
+import useSWR from "swr";
+var ensUrl = (ens, value) => {
+  if (!value)
+    return null;
+  if (typeof value === "string" && ens[value])
+    return null;
+  let url = null;
+  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) => typeof v === "string" && isCoreMainOrTestAddress(v) && !ens[v]
+    );
+    if (validAddresses.length === 0)
+      return null;
+    const baseUrl = `${apiPrefix}/ens/reverse/match?`;
+    const maxQueryLength = 1800 - baseUrl.length;
+    const query = validAddresses.reduce((acc, curr, index) => {
+      const newPart = `${index === 0 ? "" : "&"}address=${curr}`;
+      if (acc.length + newPart.length > maxQueryLength) {
+        return acc;
+      }
+      return acc + newPart;
+    }, "");
+    if (query) {
+      url = baseUrl + query;
+    }
+  }
+  return url;
+};
+var useENS = (address) => {
+  const { ens, setENS } = useENSStore();
+  const url = ensUrl(ens, address);
+  const { data } = useSWR(url, () => sendRequestENSInfo(url), {
+    revalidateOnFocus: false
+  });
+  useEffect(() => {
+    if (data) {
+      setENS(data);
+    }
+  }, [data]);
+  return { ens };
+};
+
+export {
+  useENS
+};
+//# sourceMappingURL=chunk-BWWA4QW5.js.map

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

package/dist/chunk-BY6TBBZC.js

@@ -0,0 +1,63 @@
+import {
+  isCoreMainOrTestAddress
+} from "./chunk-2MSHBEWL.js";
+import {
+  apiPrefix
+} from "./chunk-7RH7LJYB.js";
+import {
+  sendRequestENSInfo
+} from "./chunk-4OVKJTEK.js";
+import {
+  useENSStore
+} from "./chunk-DQGLZCIG.js";
+
+// src/utils/hooks/useENS.ts
+import { useEffect } from "react";
+import useSWR from "swr";
+var ensUrl = (ens, value) => {
+  if (!value)
+    return null;
+  if (typeof value === "string" && ens[value])
+    return null;
+  let url = null;
+  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) => typeof v === "string" && isCoreMainOrTestAddress(v) && !ens[v]
+    );
+    if (validAddresses.length === 0)
+      return null;
+    const baseUrl = `${apiPrefix}/ens/reverse/match?`;
+    const maxQueryLength = 1800 - baseUrl.length;
+    const query = validAddresses.reduce((acc, curr, index) => {
+      const newPart = `${index === 0 ? "" : "&"}address=${curr}`;
+      if (acc.length + newPart.length > maxQueryLength) {
+        return acc;
+      }
+      return acc + newPart;
+    }, "");
+    if (query) {
+      url = baseUrl + query;
+    }
+  }
+  return url;
+};
+var useENS = (address) => {
+  const { ens, setENS } = useENSStore();
+  const url = ensUrl(ens, address);
+  const { data } = useSWR(url, () => sendRequestENSInfo(url), {
+    revalidateOnFocus: false
+  });
+  useEffect(() => {
+    if (data) {
+      setENS(data);
+    }
+  }, [data]);
+  return { ens };
+};
+
+export {
+  useENS
+};
+//# sourceMappingURL=chunk-BY6TBBZC.js.map

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