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

package/dist/chunk-3SRTREZ2.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  isMobile
+} from "./chunk-RCHD3MLP.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-3SRTREZ2.js.map

package/dist/chunk-3SRTREZ2.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-4ARS4APF.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/assets/icons/MoreOptionsIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var MoreOptionsIcon = ({ ...props }) => {
+  const { color = "var(--pcm-body-color-secondary)" } = props;
+  return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_1501_1911)", children: [
+      /* @__PURE__ */ jsx("circle", { opacity: "0.01", cx: "9", cy: "9", r: "9", transform: "rotate(-90 9 9)", fill: "#8B8EA1" }),
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "5", r: "1", fill: color }),
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1", fill: color }),
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "13", r: "1", fill: color })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_1501_1911", children: /* @__PURE__ */ jsx("rect", { width: "18", height: "18", fill: "white", transform: "matrix(0 -1 1 0 0 18)" }) }) })
+  ] });
+};
+var MoreOptionsIcon_default = MoreOptionsIcon;
+
+export {
+  MoreOptionsIcon_default
+};
+//# sourceMappingURL=chunk-4ARS4APF.js.map

package/dist/chunk-4ARS4APF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/MoreOptionsIcon.tsx"],
+  "sourcesContent": ["const MoreOptionsIcon = ({ ...props }) => {\n  const { color = 'var(--pcm-body-color-secondary)' } = props;\n  return (\n    <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <g clipPath='url(#clip0_1501_1911)'>\n        <circle opacity='0.01' cx='9' cy='9' r='9' transform='rotate(-90 9 9)' fill='#8B8EA1' />\n        <circle cx='9' cy='5' r='1' fill={color} />\n        <circle cx='9' cy='9' r='1' fill={color} />\n        <circle cx='9' cy='13' r='1' fill={color} />\n      </g>\n      <defs>\n        <clipPath id='clip0_1501_1911'>\n          <rect width='18' height='18' fill='white' transform='matrix(0 -1 1 0 0 18)' />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default MoreOptionsIcon;\n"],
+  "mappings": ";;;AAIM,SACE,KADF;AAJN,IAAM,kBAAkB,CAAC,KAAK,MAAM,MAAM;AACxC,QAAM,EAAE,QAAQ,kCAAkC,IAAI;AACtD,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,yBAAC,OAAE,UAAS,yBACV;AAAA,0BAAC,YAAO,SAAQ,QAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,WAAU,mBAAkB,MAAK,WAAU;AAAA,MACtF,oBAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAM,OAAO;AAAA,MACzC,oBAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAM,OAAO;AAAA,MACzC,oBAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAM,OAAO;AAAA,OAC5C;AAAA,IACA,oBAAC,UACC,8BAAC,cAAS,IAAG,mBACX,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,yBAAwB,GAC9E,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/chunk-4LG4G5FM.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/assets/icons/Forward.tsx
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var Forward = ({ ...props }) => /* @__PURE__ */ jsx(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "7", height: "12", viewBox: "0 0 7 12", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M0.202807 10.872C-0.0674791 11.1292 -0.0674791 11.5499 0.202807 11.8071C0.473094 12.0643 0.915322 12.0643 1.18561 11.8071L6.79728 6.46761C7.06757 6.21043 7.06757 5.78965 6.79728 5.53248L6.79719 5.53239L1.18552 0.192883C0.91523 -0.0642945 0.473001 -0.0642945 0.202715 0.192883C-0.0675717 0.450061 -0.0675717 0.870841 0.202715 1.12802L5.32304 6L0.202807 10.872Z",
+    fill: "currentColor"
+  }
+) });
+var Forward_default = Forward;
+
+export {
+  Forward_default
+};
+//# sourceMappingURL=chunk-4LG4G5FM.js.map

package/dist/chunk-4LG4G5FM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/Forward.tsx"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\n\nconst Forward = ({ ...props }) => (\n  <motion.svg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none' {...props}>\n    <path\n      d='M0.202807 10.872C-0.0674791 11.1292 -0.0674791 11.5499 0.202807 11.8071C0.473094 12.0643 0.915322 12.0643 1.18561 11.8071L6.79728 6.46761C7.06757 6.21043 7.06757 5.78965 6.79728 5.53248L6.79719 5.53239L1.18552 0.192883C0.91523 -0.0642945 0.473001 -0.0642945 0.202715 0.192883C-0.0675717 0.450061 -0.0675717 0.870841 0.202715 1.12802L5.32304 6L0.202807 10.872Z'\n      fill='currentColor'\n    />\n  </motion.svg>\n);\n\nexport default Forward;\n"],
+  "mappings": ";;;AAAA,SAAS,cAAc;AAInB;AAFJ,IAAM,UAAU,CAAC,KAAK,MAAM,MAC1B,oBAAC,OAAO,KAAP,EAAW,OAAM,8BAA6B,OAAM,KAAI,QAAO,MAAK,SAAQ,YAAW,MAAK,QAAQ,GAAG,OACtG;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA;AACP,GACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/chunk-55UGY273.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  useIconColor_default
+} from "./chunk-YNLKWKSL.js";
+
+// src/assets/social/twitter.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Twitter = () => {
+  const { foreground, background } = useIconColor_default();
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("path", { d: "M20.7738 3.31128L6.10893 20.6888H3.22681L17.8069 3.31128H20.7738Z", fill: background }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19.8914 19.8411H16.1272L4.11694 4.15896H7.97682L19.8914 19.8411Z",
+        fill: foreground,
+        stroke: background,
+        strokeWidth: "1.69536"
+      }
+    )
+  ] });
+};
+var twitter_default = Twitter;
+
+export {
+  twitter_default
+};
+//# sourceMappingURL=chunk-55UGY273.js.map

package/dist/chunk-55UGY273.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/twitter.tsx"],
+  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Twitter = () => {\n  const { foreground, background } = useIconColor();\n\n  return (\n    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <path d='M20.7738 3.31128L6.10893 20.6888H3.22681L17.8069 3.31128H20.7738Z' fill={background} />\n      <path\n        d='M19.8914 19.8411H16.1272L4.11694 4.15896H7.97682L19.8914 19.8411Z'\n        fill={foreground}\n        stroke={background}\n        strokeWidth='1.69536'\n      />\n    </svg>\n  );\n};\n\nexport default Twitter;\n"],
+  "mappings": ";;;;;;AAMI,SACE,KADF;AAJJ,IAAM,UAAU,MAAM;AACpB,QAAM,EAAE,YAAY,WAAW,IAAI,qBAAa;AAEhD,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE;AAAA,wBAAC,UAAK,GAAE,qEAAoE,MAAM,YAAY;AAAA,IAC9F;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAY;AAAA;AAAA,IACd;AAAA,KACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/chunk-5S7Y5OFF.js

@@ -0,0 +1,9 @@
+"use client";
+
+// src/version.ts
+var version = "3.0.0-alpha.0";
+
+export {
+  version
+};
+//# sourceMappingURL=chunk-5S7Y5OFF.js.map

package/dist/chunk-5S7Y5OFF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/version.ts"],
+  "sourcesContent": ["export const version = '3.0.0-alpha.0';\n"],
+  "mappings": ";;;AAAO,IAAM,UAAU;",
+  "names": []
+}

package/dist/chunk-5SSXHNBO.js

@@ -0,0 +1,381 @@
+"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, { children: [
+    failed && /* @__PURE__ */ jsx2(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,
+        children: /* @__PURE__ */ jsx2(RetryIconContainer, { children: /* @__PURE__ */ jsx2(RetryIconCircle_default, {}) })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs2(QRCodeContent, { children: [
+      image && /* @__PURE__ */ jsx2(LogoContainer, { children: /* @__PURE__ */ jsx2(
+        LogoIcon,
+        {
+          $wcLogo: imagePosition !== "center",
+          style: {
+            background: imagePosition === "center" ? imageBackground : void 0
+          },
+          children: Logo
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, 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) })
+        },
+        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,
+          children: [
+            /* @__PURE__ */ jsx2("span", {}),
+            /* @__PURE__ */ jsx2("span", {}),
+            /* @__PURE__ */ jsx2("span", {}),
+            /* @__PURE__ */ jsx2("div", {})
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+CustomQRCode.displayName = "CustomQRCode";
+var CustomQRCode_default = CustomQRCode;
+
+export {
+  CustomQRCode_default
+};
+//# sourceMappingURL=chunk-5SSXHNBO.js.map

package/dist/chunk-5SSXHNBO.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>\n      {failed && (\n        <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          >\n            <RetryIconContainer>\n              <RetryIconCircle />\n            </RetryIconContainer>\n          </RetryButton>\n        </StyleRetryButtonWrapper>\n      )}\n\n      <QRCodeContent>\n        {image && (\n          <LogoContainer>\n            <LogoIcon\n              $wcLogo={imagePosition !== 'center'}\n              style={{\n                background: imagePosition === 'center' ? imageBackground : undefined,\n              }}\n            >\n              {Logo}\n            </LogoIcon>\n          </LogoContainer>\n        )}\n\n        <AnimatePresence initial={false}>\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)} />\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            >\n              <span />\n              <span />\n              <span />\n              <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-5SV7TXTD.js

@@ -0,0 +1,88 @@
+"use client";
+import {
+  walletConfigs
+} from "./chunk-R6XX6QLF.js";
+import {
+  useConnectors
+} from "./chunk-6XAHI6XP.js";
+import {
+  Injected_default
+} from "./chunk-G3GPVZMU.js";
+
+// src/hooks/useWalletsProps.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var useWalletsProps = () => {
+  const connectors = useConnectors();
+  const result = useMemo(
+    () => connectors.map((connector) => {
+      const rawId = connector.id.replace("solana_", "");
+      const groupId = Object.keys(walletConfigs).find(
+        (id) => id.split(",").map((i) => i.trim()).indexOf(rawId) !== -1
+      );
+      const props = {
+        id: connector.id,
+        name: connector.name ?? connector.id ?? connector.type,
+        icon: /* @__PURE__ */ jsx("img", { src: connector.icon, alt: connector.name, width: "100%", height: "100%" }),
+        connector,
+        iconShape: "squircle",
+        isInstalled: connector.isInstalled?.(),
+        getConnector: () => {
+          return connector;
+        }
+      };
+      if (groupId) {
+        const wallet = walletConfigs[groupId];
+        return { ...props, ...wallet, groupId };
+      } else {
+        if (!connector.icon) {
+          props.icon = /* @__PURE__ */ jsx(Injected_default, {});
+        }
+      }
+      return props;
+    }).filter(
+      (wallet, index, self) => self.findIndex((w) => w.id === wallet.id && w.connector.chainType === wallet.connector.chainType) === index
+    ).filter((wallet, index, self) => {
+      if (wallet.connector.chainType === "solana")
+        return true;
+      const groupId = wallet.groupId;
+      if (groupId && groupId.includes(",")) {
+        const isMipd = wallet.connector.id.includes(".");
+        if (isMipd)
+          return true;
+        const mipdIds = groupId.split(",").map((id) => id.trim()).filter((id) => id.includes("."));
+        const hasMipd = self.find((w) => mipdIds.includes(w.connector.id));
+        return Boolean(!hasMipd);
+      }
+      return true;
+    }).sort((a, b) => {
+      if (a.isInstalled && !b.isInstalled)
+        return -1;
+      if (!a.isInstalled && b.isInstalled)
+        return 1;
+      return 0;
+    }).sort((a, b) => {
+      if (a.id === "walletConnect")
+        return 1;
+      if (b.id === "walletConnect")
+        return -1;
+      return 0;
+    }),
+    [connectors]
+  );
+  return result;
+};
+var useWalletsProps_default = useWalletsProps;
+var useWalletProps = (id) => {
+  const wallets = useWalletsProps();
+  const wallet = wallets.find((c) => c.id === id);
+  if (!wallet)
+    return null;
+  return wallet;
+};
+
+export {
+  useWalletsProps_default,
+  useWalletProps
+};
+//# sourceMappingURL=chunk-5SV7TXTD.js.map