@cfxjs/sirius-next-common 0.2.10 → 0.2.12

package/dist/components/ProxyContractAddress/index.js

@@ -0,0 +1,120 @@
+import {
+  useAddressLabel
+} from "../../chunk-6H5A42YS.js";
+import {
+  isInnerContractAddress
+} from "../../chunk-CNF26YY7.js";
+import {
+  Tooltip
+} from "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import {
+  cn
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import {
+  getTranslations
+} from "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+
+// src/components/ProxyContractAddress/index.tsx
+import { useTranslation } from "react-i18next";
+import InternalContractIcon from "../../internal-contract-icon-ZH2RG3CU.png";
+import ContractIcon from "../../contract-icon-P3W2HUAA.png";
+import VerifiedIcon from "../../verified-VJRHZNN7.png";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ProxyContractAddress = (props) => {
+  const {
+    showIcon = true,
+    showAddressLabel = true,
+    verify,
+    address,
+    alias,
+    isFull = false,
+    proxy,
+    className,
+    style
+  } = props;
+  const { t } = useTranslation();
+  const translations = getTranslations();
+  const addressLabel = useAddressLabel(address, showAddressLabel);
+  const text = addressLabel || alias || (isFull ? address : shortenAddress(address));
+  const isInnerContract = address && isInnerContractAddress(address);
+  const typeText = t(
+    isInnerContract ? translations.general.internalContract : verify ? translations.general.verifiedContract : translations.general.unverifiedContract
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    showIcon && /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0`, 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(
+      Tooltip,
+      {
+        title: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5px", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            proxy.type,
+            ": ",
+            address
+          ] }),
+          proxy.beaconAddress && /* @__PURE__ */ jsxs("div", { children: [
+            "Beacon: ",
+            proxy.beaconAddress
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            "Impl: ",
+            proxy.implAddress
+          ] })
+        ] }),
+        containerClassName: "max-w-unset",
+        children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: cn(
+              "block relative align-bottom cursor-pointer truncate max-w-220px",
+              className
+            ),
+            href: `/address/${address}`,
+            style,
+            children: [
+              text,
+              "(",
+              proxy.type,
+              ")"
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ProxyContractAddress
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ProxyContractAddress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ProxyContractAddress/index.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { getTranslations } from 'src/store';\nimport { isInnerContractAddress } from 'src/utils/address';\nimport { Tooltip } from '../Tooltip';\nimport InternalContractIcon from '../../images/internal-contract-icon.png';\nimport ContractIcon from '../../images/contract-icon.png';\nimport VerifiedIcon from '../../images/verified.png';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { cn } from 'src/utils';\nimport { ProxyType } from 'src/utils/hooks/useTxTrace';\nimport { useAddressLabel } from 'src/utils/hooks/useAddressLabel';\n\nexport const ProxyContractAddress = (props: {\n  address: string;\n  alias?: string;\n  isFull?: boolean;\n  verify?: boolean;\n  showIcon?: boolean;\n  showAddressLabel?: boolean;\n  proxy: {\n    type: ProxyType;\n    implAddress: string;\n    beaconAddress?: string;\n  };\n  style?: React.CSSProperties;\n  className?: string;\n}) => {\n  const {\n    showIcon = true,\n    showAddressLabel = true,\n    verify,\n    address,\n    alias,\n    isFull = false,\n    proxy,\n    className,\n    style,\n  } = props;\n\n  const { t } = useTranslation();\n  const translations = getTranslations();\n  const addressLabel = useAddressLabel(address, showAddressLabel);\n  const text =\n    addressLabel || alias || (isFull ? address : shortenAddress(address));\n\n  const isInnerContract = address && isInnerContractAddress(address);\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 (\n    <div className=\"inline-flex\">\n      {showIcon && (\n        <div className={`mr-[2px] flex-shrink-0`}>\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      <Tooltip\n        title={\n          <div className=\"flex flex-col gap-5px\">\n            <div>\n              {proxy.type}: {address}\n            </div>\n            {proxy.beaconAddress && <div>Beacon: {proxy.beaconAddress}</div>}\n            <div>Impl: {proxy.implAddress}</div>\n          </div>\n        }\n        containerClassName=\"max-w-unset\"\n      >\n        <a\n          className={cn(\n            'block relative align-bottom cursor-pointer truncate max-w-220px',\n            className,\n          )}\n          href={`/address/${address}`}\n          style={style}\n        >\n          {text}({proxy.type})\n        </a>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,sBAAsB;AAI/B,OAAO,0BAA0B;AACjC,OAAO,kBAAkB;AACzB,OAAO,kBAAkB;AACzB,SAAS,sBAAsB;AAuDf,SAmBI,UAnBJ,KAMA,YANA;AAlDT,IAAM,uBAAuB,CAAC,UAc/B;AACJ,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,gBAAgB,SAAS,gBAAgB;AAC9D,QAAM,OACJ,gBAAgB,UAAU,SAAS,UAAU,eAAe,OAAO;AAErE,QAAM,kBAAkB,WAAW,uBAAuB,OAAO;AAEjE,QAAM,WAAW;AAAA,IACf,kBACI,aAAa,QAAQ,mBACrB,SACE,aAAa,QAAQ,mBACrB,aAAa,QAAQ;AAAA,EAC7B;AAEA,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA,gBACC,oBAAC,SAAI,WAAW,0BACd,8BAAC,WAAQ,OAAO,UACd,8BAAC,SAAI,WAAU,8BACZ,4BACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,KAAK;AAAA;AAAA,IACP,IAEA,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA;AAAA,MACP;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA;AAAA,MACP,IAEA,gCAAE;AAAA,OAEN,GAEJ,GACF,GACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,OACE,qBAAC,SAAI,WAAU,yBACb;AAAA,+BAAC,SACE;AAAA,kBAAM;AAAA,YAAK;AAAA,YAAG;AAAA,aACjB;AAAA,UACC,MAAM,iBAAiB,qBAAC,SAAI;AAAA;AAAA,YAAS,MAAM;AAAA,aAAc;AAAA,UAC1D,qBAAC,SAAI;AAAA;AAAA,YAAO,MAAM;AAAA,aAAY;AAAA,WAChC;AAAA,QAEF,oBAAmB;AAAA,QAEnB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,MAAM,YAAY;AAAA,YAClB;AAAA,YAEC;AAAA;AAAA,cAAK;AAAA,cAAE,MAAM;AAAA,cAAK;AAAA;AAAA;AAAA,QACrB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Radio/index.js

@@ -1,11 +1,12 @@
 import {
   cn
-} from "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // ../../node_modules/.pnpm/@radix-ui+react-radio-group@1.2.3_@types+react-dom@18.2.22_@types+react@18.2.67_react-dom@18._7hoofqvtnex5636yqbwyqoruey/node_modules/@radix-ui/react-radio-group/dist/index.mjs
 import * as React23 from "react";