@particle-network/connectkit 2.1.2 → 3.0.0-alpha.0

package/dist/chunk-7JM7XR4C.js

@@ -0,0 +1,384 @@
+"use client";
+import {
+  RetryButton,
+  RetryIconContainer
+} from "./chunk-I25KOOCX.js";
+import {
+  RetryIconCircle_default
+} from "./chunk-A5T4WCC5.js";
+
+// src/components/CustomQRCode/index.tsx
+import { AnimatePresence, motion as motion2 } from "framer-motion";
+
+// src/components/CustomQRCode/QRCode.tsx
+import QRCodeUtil from "qrcode";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var generateMatrix = (value, errorCorrectionLevel) => {
+  const arr = Array.prototype.slice.call(QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data, 0);
+  const sqrt = Math.sqrt(arr.length);
+  return arr.reduce(
+    (rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows,
+    []
+  );
+};
+function QRCode({
+  ecl = "M",
+  size: sizeProp = 200,
+  uri,
+  clearArea = false,
+  image,
+  imageBackground = "transparent"
+}) {
+  const logoSize = clearArea ? 76 : 0;
+  const size = sizeProp - 10 * 2;
+  const dots = useMemo(() => {
+    const dots2 = [];
+    const matrix = generateMatrix(uri, ecl);
+    const cellSize = size / matrix.length;
+    const qrList = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 0, y: 1 }
+    ];
+    qrList.forEach(({ x, y }) => {
+      const x1 = (matrix.length - 7) * cellSize * x;
+      const y1 = (matrix.length - 7) * cellSize * y;
+      for (let i = 0; i < 3; i++) {
+        dots2.push(
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              fill: i % 2 !== 0 ? "var(--pcm-body-background)" : "var(--pcm-body-color)",
+              rx: (i - 2) * -5 + (i === 0 ? 2 : 3),
+              ry: (i - 2) * -5 + (i === 0 ? 2 : 3),
+              width: cellSize * (7 - i * 2),
+              height: cellSize * (7 - i * 2),
+              x: x1 + cellSize * i,
+              y: y1 + cellSize * i
+            },
+            `${i}-${x}-${y}`
+          )
+        );
+      }
+    });
+    if (image) {
+      const x1 = (matrix.length - 7) * cellSize * 1;
+      const y1 = (matrix.length - 7) * cellSize * 1;
+      dots2.push(
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              fill: imageBackground,
+              rx: (0 - 2) * -5 + 2,
+              ry: (0 - 2) * -5 + 2,
+              width: cellSize * (7 - 0 * 2),
+              height: cellSize * (7 - 0 * 2),
+              x: x1 + cellSize * 0,
+              y: y1 + cellSize * 0
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "foreignObject",
+            {
+              width: cellSize * (7 - 0 * 2),
+              height: cellSize * (7 - 0 * 2),
+              x: x1 + cellSize * 0,
+              y: y1 + cellSize * 0,
+              children: /* @__PURE__ */ jsx("div", { style: { borderRadius: (0 - 2) * -5 + 2, overflow: "hidden" }, children: image })
+            }
+          )
+        ] })
+      );
+    }
+    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    matrix.forEach((row, i) => {
+      row.forEach((_, j) => {
+        if (matrix[i][j]) {
+          if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
+            if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              dots2.push(
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: i * cellSize + cellSize / 2,
+                    cy: j * cellSize + cellSize / 2,
+                    fill: "var(--pcm-body-color)",
+                    r: cellSize / 3
+                  },
+                  `circle-${i}-${j}`
+                )
+              );
+            }
+          }
+        }
+      });
+    });
+    return dots2;
+  }, [ecl, size, uri]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: `0 0 ${size} ${size}`,
+      style: {
+        width: size,
+        height: size
+      },
+      children: [
+        /* @__PURE__ */ jsx("rect", { fill: "transparent", height: size, width: size }),
+        dots
+      ]
+    }
+  );
+}
+
+// src/components/CustomQRCode/styles.ts
+import { motion } from "framer-motion";
+import { css, keyframes, styled } from "styled-components";
+var QRCodeContainer = styled(motion.div)`
+  z-index: 3;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+  padding-bottom: 100% !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px 0 2px;
+  border-radius: var(--pcm-rounded-lg);
+  background: var(--pcm-body-background);
+  box-shadow: 0 0 0 1px var(--pcm-button-border-color);
+  backface-visibility: hidden;
+  svg {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+`;
+var QRCodeContent = styled(motion.div)`
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+var PlaceholderKeyframes = keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+var QRPlaceholder = styled(motion.div)`
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    z-index: 4;
+    position: relative;
+    width: 28%;
+    height: 28%;
+    border-radius: 20px;
+    background: #fff;
+    box-shadow: 0 0 0 7px #fff;
+  }
+  > span {
+    z-index: 4;
+    position: absolute;
+    background: var(--pcm-body-color-secondary);
+    border-radius: var(--pcm-rounded-lg);
+    width: 13.25%;
+    height: 13.25%;
+    box-shadow: 0 0 0 4px #fff;
+    &:before {
+      content: '';
+      position: absolute;
+      inset: 9px;
+      border-radius: 3px;
+      box-shadow: 0 0 0 4px #fff;
+    }
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+    }
+    &:nth-child(3) {
+      bottom: 0;
+      left: 0;
+    }
+  }
+  &:before {
+    z-index: 3;
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: repeat;
+    background-size: 1.888% 1.888%;
+    background-image: radial-gradient(var(--pcm-body-color-secondary) 41%, transparent 41%);
+  }
+  &:after {
+    z-index: 5;
+    content: '';
+    position: absolute;
+    inset: 0;
+    transform: scale(1.6) rotate(45deg);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 50%,
+      rgba(255, 255, 255, 1),
+      rgba(255, 255, 255, 0)
+    );
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+    ${(props) => props.$failed && css`
+        animation: none;
+      `}
+  }
+`;
+var LogoContainer = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%) scale(0.9999); // Shifting fix
+`;
+var LogoIcon = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+
+  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100% !important;
+  }
+
+  ${(props) => props.$wcLogo ? css`
+          width: 29%;
+          height: 20.5%;
+        ` : css`
+          width: 24%;
+          height: 24%;
+          border-radius: 17px;
+          &:before {
+            pointer-events: none;
+            z-index: 2;
+            content: '';
+            position: absolute;
+            inset: 0;
+            border-radius: inherit;
+            /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); */
+          }
+        `}
+`;
+var StyleRetryButtonWrapper = styled.div`
+  position: absolute;
+  width: 28px;
+  height: 28px;
+  top: 50%;
+  left: 50%;
+  transform: translate(12px, 12px);
+  z-index: 10;
+  border-radius: 9999px;
+  cursor: pointer;
+  button {
+    width: 100%;
+    height: 100%;
+  }
+`;
+
+// src/components/CustomQRCode/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function CustomQRCode({
+  value,
+  image,
+  imageBackground,
+  ecl = "M",
+  imagePosition = "center",
+  failed,
+  failedCallback
+}) {
+  const Logo = image;
+  return /* @__PURE__ */ jsxs2(QRCodeContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:27:5:QRCodeContainer", children: [
+    failed && /* @__PURE__ */ jsx2(StyleRetryButtonWrapper, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:29:9:StyleRetryButtonWrapper", children: /* @__PURE__ */ jsx2(
+      RetryButton,
+      {
+        "aria-label": "Retry",
+        initial: { opacity: 0, scale: 0.8 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.8 },
+        whileTap: { scale: 0.9 },
+        transition: { duration: 0.1 },
+        onClick: failedCallback,
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:30:11:RetryButton",
+        children: /* @__PURE__ */ jsx2(RetryIconContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:39:13:RetryIconContainer", children: /* @__PURE__ */ jsx2(RetryIconCircle_default, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:40:15:RetryIconCircle" }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs2(QRCodeContent, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:46:7:QRCodeContent", children: [
+      image && /* @__PURE__ */ jsx2(LogoContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:48:11:LogoContainer", children: /* @__PURE__ */ jsx2(
+        LogoIcon,
+        {
+          $wcLogo: imagePosition !== "center",
+          style: {
+            background: imagePosition === "center" ? imageBackground : void 0
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:49:13:LogoIcon",
+          children: Logo
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:60:9:AnimatePresence", children: value ? /* @__PURE__ */ jsx2(
+        motion2.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0, position: "absolute", inset: [0, 0] },
+          transition: {
+            duration: 0.2
+          },
+          children: /* @__PURE__ */ jsx2(QRCode, { uri: value, size: 288, ecl, clearArea: !!(imagePosition === "center" && image), "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:71:15:QRCode" })
+        },
+        value
+      ) : /* @__PURE__ */ jsxs2(
+        QRPlaceholder,
+        {
+          initial: { opacity: 0.2 },
+          animate: { opacity: 0.2 },
+          exit: { opacity: 0, position: "absolute", inset: [0, 0] },
+          transition: {
+            duration: 0.2
+          },
+          $failed: failed,
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:74:13:QRPlaceholder",
+          children: [
+            /* @__PURE__ */ jsx2("span", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:83:15:span" }),
+            /* @__PURE__ */ jsx2("span", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:84:15:span" }),
+            /* @__PURE__ */ jsx2("span", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:85:15:span" }),
+            /* @__PURE__ */ jsx2("div", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:86:15:div" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+CustomQRCode.displayName = "CustomQRCode";
+var CustomQRCode_default = CustomQRCode;
+
+export {
+  CustomQRCode_default
+};
+//# sourceMappingURL=chunk-7JM7XR4C.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/CustomQRCode/index.tsx", "../src/components/CustomQRCode/QRCode.tsx", "../src/components/CustomQRCode/styles.ts"],
+  "sourcesContent": ["import { AnimatePresence, motion } from 'framer-motion';\nimport RetryIconCircle from '../../assets/icons/RetryIconCircle';\nimport { RetryButton, RetryIconContainer } from '../../pages/connecting/styles';\nimport { QRCode } from './QRCode';\nimport {\n  LogoContainer,\n  LogoIcon,\n  QRCodeContainer,\n  QRCodeContent,\n  QRPlaceholder,\n  StyleRetryButtonWrapper,\n} from './styles';\nimport type { CustomQRCodeProps } from './types';\n\nfunction CustomQRCode({\n  value,\n  image,\n  imageBackground,\n  ecl = 'M',\n  imagePosition = 'center',\n  failed,\n  failedCallback,\n}: CustomQRCodeProps) {\n  const Logo = image;\n\n  return (\n    <QRCodeContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:27:5:QRCodeContainer\">\n      {failed && (\n        <StyleRetryButtonWrapper data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:29:9:StyleRetryButtonWrapper\">\n          <RetryButton\n            aria-label='Retry'\n            initial={{ opacity: 0, scale: 0.8 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.8 }}\n            whileTap={{ scale: 0.9 }}\n            transition={{ duration: 0.1 }}\n            onClick={failedCallback}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:30:11:RetryButton\" >\n            <RetryIconContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:39:13:RetryIconContainer\">\n              <RetryIconCircle  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:40:15:RetryIconCircle\"/>\n            </RetryIconContainer>\n          </RetryButton>\n        </StyleRetryButtonWrapper>\n      )}\n\n      <QRCodeContent data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:46:7:QRCodeContent\">\n        {image && (\n          <LogoContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:48:11:LogoContainer\">\n            <LogoIcon\n              $wcLogo={imagePosition !== 'center'}\n              style={{\n                background: imagePosition === 'center' ? imageBackground : undefined,\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:49:13:LogoIcon\" >\n              {Logo}\n            </LogoIcon>\n          </LogoContainer>\n        )}\n\n        <AnimatePresence initial={false} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:60:9:AnimatePresence\" >\n          {value ? (\n            <motion.div\n              key={value}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0, position: 'absolute', inset: [0, 0] }}\n              transition={{\n                duration: 0.2,\n              }}\n            >\n              <QRCode uri={value} size={288} ecl={ecl} clearArea={!!(imagePosition === 'center' && image)}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:71:15:QRCode\" />\n            </motion.div>\n          ) : (\n            <QRPlaceholder\n              initial={{ opacity: 0.2 }}\n              animate={{ opacity: 0.2 }}\n              exit={{ opacity: 0, position: 'absolute', inset: [0, 0] }}\n              transition={{\n                duration: 0.2,\n              }}\n              $failed={failed}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:74:13:QRPlaceholder\" >\n              <span  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:83:15:span\"/>\n              <span  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:84:15:span\"/>\n              <span  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:85:15:span\"/>\n              <div  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/CustomQRCode/index.tsx:86:15:div\"/>\n            </QRPlaceholder>\n          )}\n        </AnimatePresence>\n      </QRCodeContent>\n    </QRCodeContainer>\n  );\n}\nCustomQRCode.displayName = 'CustomQRCode';\n\nexport default CustomQRCode;\n", "import QRCodeUtil from 'qrcode';\nimport type { ReactElement } from 'react';\nimport React, { useMemo } from 'react';\n\nconst generateMatrix = (value: string, errorCorrectionLevel: QRCodeUtil.QRCodeErrorCorrectionLevel) => {\n  const arr = Array.prototype.slice.call(QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data, 0);\n  const sqrt = Math.sqrt(arr.length);\n  return arr.reduce(\n    (rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows,\n    []\n  );\n};\n\ntype Props = {\n  ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;\n  size?: number;\n  uri: string;\n  clearArea?: boolean;\n  image?: React.ReactNode;\n  imageBackground?: string;\n};\n\nexport function QRCode({\n  ecl = 'M',\n  size: sizeProp = 200,\n  uri,\n  clearArea = false,\n  image,\n  imageBackground = 'transparent',\n}: Props) {\n  const logoSize = clearArea ? 76 : 0;\n  const size = sizeProp - 10 * 2;\n\n  const dots = useMemo(() => {\n    const dots: ReactElement[] = [];\n    const matrix = generateMatrix(uri, ecl);\n    const cellSize = size / matrix.length;\n    const qrList = [\n      { x: 0, y: 0 },\n      { x: 1, y: 0 },\n      { x: 0, y: 1 },\n    ];\n\n    qrList.forEach(({ x, y }) => {\n      const x1 = (matrix.length - 7) * cellSize * x;\n      const y1 = (matrix.length - 7) * cellSize * y;\n      for (let i = 0; i < 3; i++) {\n        dots.push(\n          <rect\n            key={`${i}-${x}-${y}`}\n            fill={i % 2 !== 0 ? 'var(--pcm-body-background)' : 'var(--pcm-body-color)'}\n            rx={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n            ry={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n            width={cellSize * (7 - i * 2)}\n            height={cellSize * (7 - i * 2)}\n            x={x1 + cellSize * i}\n            y={y1 + cellSize * i}\n          />\n        );\n      }\n    });\n\n    if (image) {\n      const x1 = (matrix.length - 7) * cellSize * 1;\n      const y1 = (matrix.length - 7) * cellSize * 1;\n      dots.push(\n        <>\n          <rect\n            fill={imageBackground}\n            rx={(0 - 2) * -5 + 2}\n            ry={(0 - 2) * -5 + 2}\n            width={cellSize * (7 - 0 * 2)}\n            height={cellSize * (7 - 0 * 2)}\n            x={x1 + cellSize * 0}\n            y={y1 + cellSize * 0}\n          />\n          <foreignObject\n            width={cellSize * (7 - 0 * 2)}\n            height={cellSize * (7 - 0 * 2)}\n            x={x1 + cellSize * 0}\n            y={y1 + cellSize * 0}\n          >\n            <div style={{ borderRadius: (0 - 2) * -5 + 2, overflow: 'hidden' }}>{image}</div>\n          </foreignObject>\n        </>\n      );\n    }\n\n    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);\n    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;\n    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;\n\n    matrix.forEach((row: QRCodeUtil.QRCode[], i: number) => {\n      row.forEach((_: any, j: number) => {\n        if (matrix[i][j]) {\n          // Do not render dots under position squares\n          if (!((i < 7 && j < 7) || (i > matrix.length - 8 && j < 7) || (i < 7 && j > matrix.length - 8))) {\n            //if (image && i > matrix.length - 9 && j > matrix.length - 9) return;\n            if (\n              image ||\n              !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)\n            ) {\n              dots.push(\n                <circle\n                  key={`circle-${i}-${j}`}\n                  cx={i * cellSize + cellSize / 2}\n                  cy={j * cellSize + cellSize / 2}\n                  fill='var(--pcm-body-color)'\n                  r={cellSize / 3}\n                />\n              );\n            }\n          }\n        }\n      });\n    });\n\n    return dots;\n  }, [ecl, size, uri]);\n\n  return (\n    <svg\n      height={size}\n      width={size}\n      viewBox={`0 0 ${size} ${size}`}\n      style={{\n        width: size,\n        height: size,\n      }}\n    >\n      <rect fill='transparent' height={size} width={size} />\n      {dots}\n    </svg>\n  );\n}\n", "import { motion } from 'framer-motion';\nimport { css, keyframes, styled } from 'styled-components';\n\nexport const QRCodeContainer = styled(motion.div)`\n  z-index: 3;\n  position: relative;\n  overflow: hidden;\n  height: 0;\n  padding-bottom: 100% !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 1px 0 2px;\n  border-radius: var(--pcm-rounded-lg);\n  background: var(--pcm-body-background);\n  box-shadow: 0 0 0 1px var(--pcm-button-border-color);\n  backface-visibility: hidden;\n  svg {\n    display: block;\n    max-width: 100%;\n    width: 100%;\n    height: auto;\n  }\n`;\nexport const QRCodeContent = styled(motion.div)`\n  position: absolute;\n  inset: 13px;\n  svg {\n    width: 100% !important;\n    height: auto !important;\n  }\n`;\nexport const PlaceholderKeyframes = keyframes`\n  0%{ background-position: 100% 0; }\n  100%{ background-position: -100% 0; }\n`;\nexport const QRPlaceholder = styled(motion.div)<{ $failed?: boolean }>`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  > div {\n    z-index: 4;\n    position: relative;\n    width: 28%;\n    height: 28%;\n    border-radius: 20px;\n    background: #fff;\n    box-shadow: 0 0 0 7px #fff;\n  }\n  > span {\n    z-index: 4;\n    position: absolute;\n    background: var(--pcm-body-color-secondary);\n    border-radius: var(--pcm-rounded-lg);\n    width: 13.25%;\n    height: 13.25%;\n    box-shadow: 0 0 0 4px #fff;\n    &:before {\n      content: '';\n      position: absolute;\n      inset: 9px;\n      border-radius: 3px;\n      box-shadow: 0 0 0 4px #fff;\n    }\n    &:nth-child(1) {\n      top: 0;\n      left: 0;\n    }\n    &:nth-child(2) {\n      top: 0;\n      right: 0;\n    }\n    &:nth-child(3) {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  &:before {\n    z-index: 3;\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: repeat;\n    background-size: 1.888% 1.888%;\n    background-image: radial-gradient(var(--pcm-body-color-secondary) 41%, transparent 41%);\n  }\n  &:after {\n    z-index: 5;\n    content: '';\n    position: absolute;\n    inset: 0;\n    transform: scale(1.6) rotate(45deg);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 50%,\n      rgba(255, 255, 255, 1),\n      rgba(255, 255, 255, 0)\n    );\n    background-size: 200% 100%;\n    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;\n    ${(props) =>\n      props.$failed &&\n      css`\n        animation: none;\n      `}\n  }\n`;\n\nexport const LogoContainer = styled(motion.div)`\n  z-index: 6;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transform: translateY(50%) scale(0.9999); // Shifting fix\n`;\nexport const LogoIcon = styled(motion.div)<{ $wcLogo?: boolean }>`\n  z-index: 6;\n  position: absolute;\n  left: 50%;\n  overflow: hidden;\n\n  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix\n\n  svg {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100% !important;\n  }\n\n  ${(props) =>\n    props.$wcLogo\n      ? css`\n          width: 29%;\n          height: 20.5%;\n        `\n      : css`\n          width: 24%;\n          height: 24%;\n          border-radius: 17px;\n          &:before {\n            pointer-events: none;\n            z-index: 2;\n            content: '';\n            position: absolute;\n            inset: 0;\n            border-radius: inherit;\n            /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); */\n          }\n        `}\n`;\n\nexport const StyleRetryButtonWrapper = styled.div`\n  position: absolute;\n  width: 28px;\n  height: 28px;\n  top: 50%;\n  left: 50%;\n  transform: translate(12px, 12px);\n  z-index: 10;\n  border-radius: 9999px;\n  cursor: pointer;\n  button {\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],
+  "mappings": "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",
+  "names": ["motion", "dots", "jsx", "jsxs", "motion"]
+}

package/dist/chunk-7KPX575A.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  useIsMobile
+} from "./chunk-PTM4FN4I.js";
+import {
+  useConnector
+} from "./chunk-AYSQPTGH.js";
+import {
+  hasPCDownloadUrl,
+  openMobileUrl,
+  useRouter
+} from "./chunk-OWHSDWQK.js";
+
+// src/hooks/useConnectWithWallet.ts
+var useConnectWithWallet = () => {
+  const { navigate } = useRouter();
+  const isMobile = useIsMobile();
+  const connector = useConnector("walletConnect");
+  const connectWallet = (walletProps, params) => {
+    if (walletProps.isInstalled) {
+      navigate("connecting" /* Connecting */, {
+        wallet: walletProps,
+        passkeyParams: params?.passkeyParams,
+        authParams: params?.authParams
+      });
+    } else if (walletProps.connector.id === "walletConnect") {
+      if (isMobile) {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      } else {
+        navigate("walletconnect" /* Walletconnect */, { wallet: walletProps });
+      }
+    } else if (walletProps.connector.chainType === "evm" && walletProps.getWalletConnectDeeplink && connector) {
+      if (isMobile) {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      } else {
+        navigate("walletconnect" /* Walletconnect */, { wallet: walletProps });
+      }
+    } else {
+      if (walletProps.getDAppBrowserDeeplink && isMobile) {
+        const url = walletProps.getDAppBrowserDeeplink(window.location.href);
+        openMobileUrl(url);
+      } else if (!isMobile && (hasPCDownloadUrl(walletProps) || walletProps.id === "braveWallet")) {
+        navigate("download-app" /* DownloadApp */, { wallet: walletProps });
+      } else {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      }
+    }
+  };
+  return connectWallet;
+};
+
+export {
+  useConnectWithWallet
+};
+//# sourceMappingURL=chunk-7KPX575A.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useConnectWithWallet.ts"],
+  "sourcesContent": ["import type { AuthConnectParams, PasskeyParams } from '../actions/connect';\nimport { RoutePath } from '../pages';\nimport { hasPCDownloadUrl, openMobileUrl } from '../utils';\nimport { useConnector } from './useConnectors';\nimport useIsMobile from './useIsMobile';\nimport { useRouter } from './useRouter';\nimport type { WalletProps } from './useWalletsProps';\n\nexport const useConnectWithWallet = () => {\n  const { navigate } = useRouter();\n  const isMobile = useIsMobile();\n  const connector = useConnector('walletConnect');\n\n  const connectWallet = (\n    walletProps: WalletProps,\n    params?: { passkeyParams?: PasskeyParams; authParams?: AuthConnectParams }\n  ) => {\n    console.log(`connect wallet, id: ${walletProps.connector.id}, isInstalled: ${walletProps.isInstalled}`);\n    if (walletProps.isInstalled) {\n      navigate(RoutePath.Connecting, {\n        wallet: walletProps,\n        passkeyParams: params?.passkeyParams,\n        authParams: params?.authParams,\n      });\n    } else if (walletProps.connector.id === 'walletConnect') {\n      if (isMobile) {\n        // loading, show w3m and close modal\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      } else {\n        // walletconnect, show qrcode.\n        navigate(RoutePath.Walletconnect, { wallet: walletProps });\n      }\n    } else if (walletProps.connector.chainType === 'evm' && walletProps.getWalletConnectDeeplink && connector) {\n      if (isMobile) {\n        // \u8DF3\u8F6Cloading\uFF0C \u83B7\u53D6\u5230uri\u540E\u8DF3\u8F6C\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      } else {\n        // show qrcode.\n        navigate(RoutePath.Walletconnect, { wallet: walletProps });\n      }\n    } else {\n      // solana/evm wallets, unsupport walletconnect.\n      if (walletProps.getDAppBrowserDeeplink && isMobile) {\n        // deeplink -> dapp browser\n        const url = walletProps.getDAppBrowserDeeplink(window.location.href);\n        openMobileUrl(url);\n      } else if (!isMobile && (hasPCDownloadUrl(walletProps) || walletProps.id === 'braveWallet')) {\n        // download\n        navigate(RoutePath.DownloadApp, { wallet: walletProps });\n      } else {\n        // unavailable, need to download wallet if has url.\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      }\n    }\n  };\n\n  return connectWallet;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;AAQO,IAAM,uBAAuB,MAAM;AACxC,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,WAAW,YAAY;AAC7B,QAAM,YAAY,aAAa,eAAe;AAE9C,QAAM,gBAAgB,CACpB,aACA,WACG;AAEH,QAAI,YAAY,aAAa;AAC3B,8CAA+B;AAAA,QAC7B,QAAQ;AAAA,QACR,eAAe,QAAQ;AAAA,QACvB,YAAY,QAAQ;AAAA,MACtB,CAAC;AAAA,IACH,WAAW,YAAY,UAAU,OAAO,iBAAiB;AACvD,UAAI,UAAU;AAEZ,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD,OAAO;AAEL,sDAAkC,EAAE,QAAQ,YAAY,CAAC;AAAA,MAC3D;AAAA,IACF,WAAW,YAAY,UAAU,cAAc,SAAS,YAAY,4BAA4B,WAAW;AACzG,UAAI,UAAU;AAEZ,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD,OAAO;AAEL,sDAAkC,EAAE,QAAQ,YAAY,CAAC;AAAA,MAC3D;AAAA,IACF,OAAO;AAEL,UAAI,YAAY,0BAA0B,UAAU;AAElD,cAAM,MAAM,YAAY,uBAAuB,OAAO,SAAS,IAAI;AACnE,sBAAc,GAAG;AAAA,MACnB,WAAW,CAAC,aAAa,iBAAiB,WAAW,KAAK,YAAY,OAAO,gBAAgB;AAE3F,mDAAgC,EAAE,QAAQ,YAAY,CAAC;AAAA,MACzD,OAAO;AAEL,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-7MXGWFMR.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  useIconColor_default
+} from "./chunk-GI5CBVZH.js";
+
+// src/assets/social/github.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Github = () => {
+  const { foreground, background } = useIconColor_default();
+  return /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("rect", { width: "22", height: "22", rx: "11", fill: foreground }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.999 0C4.92483 0 0 4.92483 0 11.0003C0 15.8603 3.15154 19.9829 7.52264 21.4382C8.07299 21.5388 8.27355 21.1991 8.27355 20.9074C8.27355 20.6467 8.2641 19.9546 8.25869 19.0369C5.19899 19.7013 4.55342 17.562 4.55342 17.562C4.05304 16.2918 3.33184 15.9535 3.33184 15.9535C2.3331 15.2708 3.40747 15.2843 3.40747 15.2843C4.51156 15.3627 5.0923 16.4181 5.0923 16.4181C6.07348 18.0989 7.66715 17.6134 8.29381 17.3325C8.39375 16.6214 8.67737 16.1365 8.99205 15.8617C6.54956 15.5841 3.98146 14.6401 3.98146 10.425C3.98146 9.22435 4.41026 8.24249 5.11391 7.47334C5.00046 7.19512 4.62298 6.07686 5.22128 4.5622C5.22128 4.5622 6.14506 4.26643 8.24654 5.68992C9.12373 5.44614 10.0651 5.32392 11.0003 5.31987C11.9343 5.32392 12.8756 5.44614 13.7541 5.68992C15.8543 4.26643 16.776 4.5622 16.776 4.5622C17.3763 6.07686 16.9989 7.19512 16.8854 7.47334C17.5904 8.24249 18.0165 9.22435 18.0165 10.425C18.0165 14.6509 15.4444 15.5808 12.9938 15.8529C13.3888 16.1926 13.7406 16.8638 13.7406 17.8902C13.7406 19.3603 13.7271 20.5468 13.7271 20.9074C13.7271 21.2018 13.925 21.5442 14.4834 21.4368C18.8512 19.9789 22 15.859 22 11.0003C22 4.92483 17.0745 0 10.999 0Z",
+        fill: background
+      }
+    )
+  ] });
+};
+var github_default = Github;
+
+export {
+  github_default
+};
+//# sourceMappingURL=chunk-7MXGWFMR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/github.tsx"],
+  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Github = () => {\n  const { foreground, background } = useIconColor();\n\n  return (\n    <svg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <rect width='22' height='22' rx='11' fill={foreground} />\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M10.999 0C4.92483 0 0 4.92483 0 11.0003C0 15.8603 3.15154 19.9829 7.52264 21.4382C8.07299 21.5388 8.27355 21.1991 8.27355 20.9074C8.27355 20.6467 8.2641 19.9546 8.25869 19.0369C5.19899 19.7013 4.55342 17.562 4.55342 17.562C4.05304 16.2918 3.33184 15.9535 3.33184 15.9535C2.3331 15.2708 3.40747 15.2843 3.40747 15.2843C4.51156 15.3627 5.0923 16.4181 5.0923 16.4181C6.07348 18.0989 7.66715 17.6134 8.29381 17.3325C8.39375 16.6214 8.67737 16.1365 8.99205 15.8617C6.54956 15.5841 3.98146 14.6401 3.98146 10.425C3.98146 9.22435 4.41026 8.24249 5.11391 7.47334C5.00046 7.19512 4.62298 6.07686 5.22128 4.5622C5.22128 4.5622 6.14506 4.26643 8.24654 5.68992C9.12373 5.44614 10.0651 5.32392 11.0003 5.31987C11.9343 5.32392 12.8756 5.44614 13.7541 5.68992C15.8543 4.26643 16.776 4.5622 16.776 4.5622C17.3763 6.07686 16.9989 7.19512 16.8854 7.47334C17.5904 8.24249 18.0165 9.22435 18.0165 10.425C18.0165 14.6509 15.4444 15.5808 12.9938 15.8529C13.3888 16.1926 13.7406 16.8638 13.7406 17.8902C13.7406 19.3603 13.7271 20.5468 13.7271 20.9074C13.7271 21.2018 13.925 21.5442 14.4834 21.4368C18.8512 19.9789 22 15.859 22 11.0003C22 4.92483 17.0745 0 10.999 0Z'\n        fill={background}\n      />\n    </svg>\n  );\n};\n\nexport default Github;\n"],
+  "mappings": ";;;;;;AAMI,SACE,KADF;AAJJ,IAAM,SAAS,MAAM;AACnB,QAAM,EAAE,YAAY,WAAW,IAAI,qBAAa;AAEhD,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE;AAAA,wBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,MAAK,MAAM,YAAY;AAAA,IACvD;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR;AAAA,KACF;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/chunk-7U3THH6T.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  isMobile
+} from "./chunk-LGU3FSI5.js";
+
+// src/hooks/useIsMobile.ts
+import { useEffect, useState } from "react";
+function useIsMobile() {
+  const [mobile, setMobile] = useState(isMobile());
+  useEffect(() => {
+    const handleResize = () => {
+      setMobile(isMobile());
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return mobile;
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-7U3THH6T.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useIsMobile.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { isMobile } from '../utils';\n\nexport default function useIsMobile() {\n  const [mobile, setMobile] = useState(isMobile());\n\n  useEffect(() => {\n    const handleResize = () => {\n      setMobile(isMobile());\n    };\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return mobile;\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,WAAW,gBAAgB;AAGrB,SAAR,cAA+B;AACpC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,SAAS,CAAC;AAE/C,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-7UCSXQQ6.js

@@ -0,0 +1,51 @@
+"use client";
+
+// src/assets/wallets/Brave.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Brave = ({ ...props }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", ...props, children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M20.522 5.75747L21.0808 4.3761C21.0808 4.3761 20.3638 3.60633 19.4991 2.74165C18.6239 1.87698 16.7891 2.38313 16.7891 2.38313L14.6801 0H7.30932L5.2109 2.38313C5.2109 2.38313 3.36556 1.86643 2.50088 2.74165C1.62566 3.60633 0.919159 4.3761 0.919159 4.3761L1.47803 5.75747L0.760986 7.80316C0.760986 7.80316 2.86995 15.7856 3.11248 16.7557C3.59754 18.6749 3.93498 19.413 5.31635 20.3831C6.69772 21.3533 9.20738 23.0404 9.61863 23.304C10.0299 23.5571 10.536 24 11 24C11.464 24 11.9701 23.5677 12.3814 23.304C12.7926 23.051 15.3023 21.3638 16.6837 20.3831C18.065 19.413 18.4025 18.6643 18.8875 16.7557C19.1301 15.7856 21.239 7.80316 21.239 7.80316L20.522 5.75747Z",
+      fill: "url(#paint0_linear_1218_131)"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.6046 4.32337C13.9104 4.32337 16.1881 3.89103 16.1881 3.89103C16.1881 3.89103 18.8875 7.14938 18.8875 7.84534C18.8875 8.54129 18.6555 8.64674 18.3814 8.91036C18.3287 8.96309 18.2654 9.02635 18.2021 9.08962L16.1775 11.2408C16.1564 11.2619 16.1353 11.2829 16.1142 11.304C15.9139 11.5044 15.6186 11.8102 15.8295 12.3058C15.8401 12.3374 15.8612 12.3691 15.8717 12.4112C16.1037 12.949 16.3884 13.6133 16.0193 14.2882C15.6397 15.0053 14.9754 15.4798 14.5536 15.406C14.1318 15.3322 13.1406 14.8049 12.7715 14.5729C12.4025 14.3409 11.2531 13.3814 11.2531 13.0228C11.2531 12.6643 12.0861 12.2109 12.4868 11.9684C12.5712 11.9156 12.6345 11.884 12.6661 11.8524C12.7083 11.8207 12.7821 11.7786 12.8664 11.7258C13.2355 11.4938 13.8998 11.0826 13.9209 10.9033C13.942 10.6819 13.9315 10.6081 13.6362 10.0492C13.5729 9.93321 13.4991 9.80667 13.4253 9.66959C13.1406 9.18453 12.8243 8.6362 12.8981 8.24604C12.9824 7.80316 13.6679 7.55008 14.2478 7.33918C14.3216 7.30755 14.3954 7.28646 14.4587 7.26537C14.6274 7.2021 14.8489 7.11774 15.0703 7.03338C15.6503 6.81194 16.3041 6.56941 16.4095 6.52723C16.5571 6.46396 16.515 6.39015 16.0721 6.34797C16.0088 6.34797 15.935 6.33743 15.8506 6.32688C15.2918 6.26361 14.2689 6.15816 13.7733 6.29525C13.6784 6.32688 13.5624 6.34797 13.4464 6.37961C12.8875 6.52723 12.2021 6.71704 12.1389 6.82249C12.1283 6.84358 12.1178 6.85412 12.1072 6.87521C12.044 6.95957 12.0018 7.02284 12.0756 7.40245C12.0967 7.51845 12.1389 7.73989 12.1916 8.01405C12.3498 8.826 12.5923 10.0808 12.6134 10.3655C12.6134 10.4077 12.6134 10.4394 12.6239 10.4815C12.6661 10.7979 12.6872 11.0088 12.3181 11.0931C12.2865 11.0931 12.2548 11.1037 12.2232 11.1142C11.812 11.2091 11.2004 11.3462 10.9789 11.3462C10.7575 11.3462 10.1564 11.2091 9.73464 11.1142C9.703 11.1142 9.67137 11.1037 9.63973 11.0931C9.27066 11.0088 9.3023 10.7979 9.33393 10.4815C9.33393 10.4499 9.33393 10.4077 9.34448 10.3655C9.37611 10.0808 9.61864 8.826 9.76627 8.01405C9.81899 7.73989 9.86117 7.51845 9.88226 7.40245C9.95608 7.02284 9.9139 6.95957 9.85063 6.87521C9.84008 6.86467 9.82954 6.84358 9.81899 6.82249C9.75573 6.71704 9.07031 6.52723 8.51144 6.37961C8.39544 6.34797 8.29 6.31634 8.18455 6.29525C7.68894 6.15816 6.66609 6.26361 6.10722 6.32688C6.02286 6.32688 5.94905 6.34797 5.88578 6.34797C5.43235 6.39015 5.40072 6.45342 5.54834 6.52723C5.65379 6.57996 6.30757 6.82249 6.88754 7.03338C7.10898 7.11774 7.33042 7.2021 7.49914 7.26537C7.5624 7.28646 7.63622 7.31809 7.71003 7.33918C8.29 7.55008 8.98595 7.80316 9.05977 8.24604C9.13358 8.6362 8.81724 9.18453 8.53253 9.66959C8.45871 9.79613 8.3849 9.93321 8.32163 10.0492C8.02638 10.6081 8.01583 10.6713 8.03692 10.9033C8.05801 11.0826 8.72233 11.5044 9.0914 11.7258C9.17576 11.7786 9.24957 11.8207 9.29175 11.8524C9.32339 11.8735 9.38666 11.9156 9.47102 11.9684C9.87172 12.2109 10.7048 12.717 10.7048 13.0228C10.7048 13.3286 9.54483 14.3409 9.18631 14.5729C8.81724 14.8049 7.82602 15.3322 7.40423 15.406C6.98244 15.4798 6.31812 15.0053 5.9385 14.2882C5.57998 13.6133 5.86469 12.949 6.08613 12.4112C6.09667 12.3796 6.11776 12.348 6.12831 12.3058C6.33921 11.8102 6.04395 11.5149 5.8436 11.304C5.82251 11.2829 5.80142 11.2619 5.78033 11.2408L3.75573 9.08962C3.69246 9.02635 3.63973 8.97363 3.57646 8.91036C3.3023 8.64674 3.07031 8.41476 3.07031 7.84534C3.07031 7.27592 5.76979 3.89103 5.76979 3.89103C5.76979 3.89103 8.04747 4.32337 8.35327 4.32337C8.65907 4.32337 9.07031 4.16519 9.56592 3.98593C9.69246 3.94375 9.81899 3.90157 9.94553 3.85939C10.5571 3.65904 10.9684 3.6485 10.9684 3.6485C10.9684 3.6485 11.3796 3.6485 11.9912 3.85939C12.1178 3.90157 12.2443 3.94375 12.3708 3.98593C12.8664 4.15465 13.341 4.32337 13.5835 4.32337H13.6046Z",
+      fill: "white"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.2144 15.8594C13.6995 16.1125 14.0369 16.2812 14.1634 16.3656C14.3321 16.471 14.2267 16.6714 14.0791 16.7768C13.9314 16.8823 11.8858 18.464 11.6854 18.6432C11.6643 18.6643 11.6327 18.6854 11.601 18.7171C11.4112 18.8858 11.1687 19.1072 10.9894 19.1072C10.8102 19.1072 10.5677 18.8858 10.3778 18.7171C10.3462 18.696 10.3251 18.6643 10.2935 18.6432C10.0931 18.464 8.04744 16.8823 7.89981 16.7768C7.75218 16.6714 7.64674 16.471 7.81545 16.3656C7.94199 16.2812 8.28997 16.1125 8.76449 15.8594C8.90157 15.7856 9.05974 15.7118 9.21791 15.6274C9.93496 15.2584 10.8418 14.942 10.9789 14.942C11.116 14.942 12.0228 15.2584 12.7399 15.6274C12.9086 15.7118 13.0562 15.7961 13.2039 15.8594H13.2144Z",
+      fill: "white"
+    }
+  ),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+    "linearGradient",
+    {
+      id: "paint0_linear_1218_131",
+      x1: "0.760986",
+      y1: "12",
+      x2: "21.239",
+      y2: "12",
+      gradientUnits: "userSpaceOnUse",
+      children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#FF5601" }),
+        /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#FF4000" }),
+        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF1F01" })
+      ]
+    }
+  ) })
+] });
+var Brave_default = Brave;
+
+export {
+  Brave_default
+};
+//# sourceMappingURL=chunk-7UCSXQQ6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Brave.tsx"],
+  "sourcesContent": ["const Brave = ({ ...props }) => (\n  <svg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none' {...props}>\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M20.522 5.75747L21.0808 4.3761C21.0808 4.3761 20.3638 3.60633 19.4991 2.74165C18.6239 1.87698 16.7891 2.38313 16.7891 2.38313L14.6801 0H7.30932L5.2109 2.38313C5.2109 2.38313 3.36556 1.86643 2.50088 2.74165C1.62566 3.60633 0.919159 4.3761 0.919159 4.3761L1.47803 5.75747L0.760986 7.80316C0.760986 7.80316 2.86995 15.7856 3.11248 16.7557C3.59754 18.6749 3.93498 19.413 5.31635 20.3831C6.69772 21.3533 9.20738 23.0404 9.61863 23.304C10.0299 23.5571 10.536 24 11 24C11.464 24 11.9701 23.5677 12.3814 23.304C12.7926 23.051 15.3023 21.3638 16.6837 20.3831C18.065 19.413 18.4025 18.6643 18.8875 16.7557C19.1301 15.7856 21.239 7.80316 21.239 7.80316L20.522 5.75747Z'\n      fill='url(#paint0_linear_1218_131)'\n    />\n    <path\n      d='M13.6046 4.32337C13.9104 4.32337 16.1881 3.89103 16.1881 3.89103C16.1881 3.89103 18.8875 7.14938 18.8875 7.84534C18.8875 8.54129 18.6555 8.64674 18.3814 8.91036C18.3287 8.96309 18.2654 9.02635 18.2021 9.08962L16.1775 11.2408C16.1564 11.2619 16.1353 11.2829 16.1142 11.304C15.9139 11.5044 15.6186 11.8102 15.8295 12.3058C15.8401 12.3374 15.8612 12.3691 15.8717 12.4112C16.1037 12.949 16.3884 13.6133 16.0193 14.2882C15.6397 15.0053 14.9754 15.4798 14.5536 15.406C14.1318 15.3322 13.1406 14.8049 12.7715 14.5729C12.4025 14.3409 11.2531 13.3814 11.2531 13.0228C11.2531 12.6643 12.0861 12.2109 12.4868 11.9684C12.5712 11.9156 12.6345 11.884 12.6661 11.8524C12.7083 11.8207 12.7821 11.7786 12.8664 11.7258C13.2355 11.4938 13.8998 11.0826 13.9209 10.9033C13.942 10.6819 13.9315 10.6081 13.6362 10.0492C13.5729 9.93321 13.4991 9.80667 13.4253 9.66959C13.1406 9.18453 12.8243 8.6362 12.8981 8.24604C12.9824 7.80316 13.6679 7.55008 14.2478 7.33918C14.3216 7.30755 14.3954 7.28646 14.4587 7.26537C14.6274 7.2021 14.8489 7.11774 15.0703 7.03338C15.6503 6.81194 16.3041 6.56941 16.4095 6.52723C16.5571 6.46396 16.515 6.39015 16.0721 6.34797C16.0088 6.34797 15.935 6.33743 15.8506 6.32688C15.2918 6.26361 14.2689 6.15816 13.7733 6.29525C13.6784 6.32688 13.5624 6.34797 13.4464 6.37961C12.8875 6.52723 12.2021 6.71704 12.1389 6.82249C12.1283 6.84358 12.1178 6.85412 12.1072 6.87521C12.044 6.95957 12.0018 7.02284 12.0756 7.40245C12.0967 7.51845 12.1389 7.73989 12.1916 8.01405C12.3498 8.826 12.5923 10.0808 12.6134 10.3655C12.6134 10.4077 12.6134 10.4394 12.6239 10.4815C12.6661 10.7979 12.6872 11.0088 12.3181 11.0931C12.2865 11.0931 12.2548 11.1037 12.2232 11.1142C11.812 11.2091 11.2004 11.3462 10.9789 11.3462C10.7575 11.3462 10.1564 11.2091 9.73464 11.1142C9.703 11.1142 9.67137 11.1037 9.63973 11.0931C9.27066 11.0088 9.3023 10.7979 9.33393 10.4815C9.33393 10.4499 9.33393 10.4077 9.34448 10.3655C9.37611 10.0808 9.61864 8.826 9.76627 8.01405C9.81899 7.73989 9.86117 7.51845 9.88226 7.40245C9.95608 7.02284 9.9139 6.95957 9.85063 6.87521C9.84008 6.86467 9.82954 6.84358 9.81899 6.82249C9.75573 6.71704 9.07031 6.52723 8.51144 6.37961C8.39544 6.34797 8.29 6.31634 8.18455 6.29525C7.68894 6.15816 6.66609 6.26361 6.10722 6.32688C6.02286 6.32688 5.94905 6.34797 5.88578 6.34797C5.43235 6.39015 5.40072 6.45342 5.54834 6.52723C5.65379 6.57996 6.30757 6.82249 6.88754 7.03338C7.10898 7.11774 7.33042 7.2021 7.49914 7.26537C7.5624 7.28646 7.63622 7.31809 7.71003 7.33918C8.29 7.55008 8.98595 7.80316 9.05977 8.24604C9.13358 8.6362 8.81724 9.18453 8.53253 9.66959C8.45871 9.79613 8.3849 9.93321 8.32163 10.0492C8.02638 10.6081 8.01583 10.6713 8.03692 10.9033C8.05801 11.0826 8.72233 11.5044 9.0914 11.7258C9.17576 11.7786 9.24957 11.8207 9.29175 11.8524C9.32339 11.8735 9.38666 11.9156 9.47102 11.9684C9.87172 12.2109 10.7048 12.717 10.7048 13.0228C10.7048 13.3286 9.54483 14.3409 9.18631 14.5729C8.81724 14.8049 7.82602 15.3322 7.40423 15.406C6.98244 15.4798 6.31812 15.0053 5.9385 14.2882C5.57998 13.6133 5.86469 12.949 6.08613 12.4112C6.09667 12.3796 6.11776 12.348 6.12831 12.3058C6.33921 11.8102 6.04395 11.5149 5.8436 11.304C5.82251 11.2829 5.80142 11.2619 5.78033 11.2408L3.75573 9.08962C3.69246 9.02635 3.63973 8.97363 3.57646 8.91036C3.3023 8.64674 3.07031 8.41476 3.07031 7.84534C3.07031 7.27592 5.76979 3.89103 5.76979 3.89103C5.76979 3.89103 8.04747 4.32337 8.35327 4.32337C8.65907 4.32337 9.07031 4.16519 9.56592 3.98593C9.69246 3.94375 9.81899 3.90157 9.94553 3.85939C10.5571 3.65904 10.9684 3.6485 10.9684 3.6485C10.9684 3.6485 11.3796 3.6485 11.9912 3.85939C12.1178 3.90157 12.2443 3.94375 12.3708 3.98593C12.8664 4.15465 13.341 4.32337 13.5835 4.32337H13.6046Z'\n      fill='white'\n    />\n    <path\n      d='M13.2144 15.8594C13.6995 16.1125 14.0369 16.2812 14.1634 16.3656C14.3321 16.471 14.2267 16.6714 14.0791 16.7768C13.9314 16.8823 11.8858 18.464 11.6854 18.6432C11.6643 18.6643 11.6327 18.6854 11.601 18.7171C11.4112 18.8858 11.1687 19.1072 10.9894 19.1072C10.8102 19.1072 10.5677 18.8858 10.3778 18.7171C10.3462 18.696 10.3251 18.6643 10.2935 18.6432C10.0931 18.464 8.04744 16.8823 7.89981 16.7768C7.75218 16.6714 7.64674 16.471 7.81545 16.3656C7.94199 16.2812 8.28997 16.1125 8.76449 15.8594C8.90157 15.7856 9.05974 15.7118 9.21791 15.6274C9.93496 15.2584 10.8418 14.942 10.9789 14.942C11.116 14.942 12.0228 15.2584 12.7399 15.6274C12.9086 15.7118 13.0562 15.7961 13.2039 15.8594H13.2144Z'\n      fill='white'\n    />\n    <defs>\n      <linearGradient\n        id='paint0_linear_1218_131'\n        x1='0.760986'\n        y1='12'\n        x2='21.239'\n        y2='12'\n        gradientUnits='userSpaceOnUse'\n      >\n        <stop stopColor='#FF5601' />\n        <stop offset='0.5' stopColor='#FF4000' />\n        <stop offset='1' stopColor='#FF1F01' />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n\nexport default Brave;\n"],
+  "mappings": ";;;AAEI,cAeE,YAfF;AAFJ,IAAM,QAAQ,CAAC,KAAK,MAAM,MACxB,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACjG;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,EACA,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,eAAc;AAAA,MAEd;AAAA,4BAAC,UAAK,WAAU,WAAU;AAAA,QAC1B,oBAAC,UAAK,QAAO,OAAM,WAAU,WAAU;AAAA,QACvC,oBAAC,UAAK,QAAO,KAAI,WAAU,WAAU;AAAA;AAAA;AAAA,EACvC,GACF;AAAA,GACF;AAGF,IAAO,gBAAQ;",
+  "names": []
+}