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

package/dist/esm/chunk-KQCHHNUJ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/social.ts", "../../src/assets/toggle.tsx", "../../src/components/socialLogin/index.tsx", "../../src/components/wallets/index.tsx"],
-  "sourcesContent": ["const socialAuthTypes = [\n  'facebook',\n  'google',\n  'apple',\n  'twitter',\n  'discord',\n  'github',\n  'twitch',\n  'microsoft',\n  'linkedin',\n] as const;\n\nexport type SocialAuthType = (typeof socialAuthTypes)[number];\n\nexport const isSocialAuthType = (authType: string): authType is SocialAuthType => {\n  return (socialAuthTypes as readonly string[]).includes(authType);\n};\n", "import { motion } from 'framer-motion';\n\nconst ToggleIcon = () => {\n  return (\n    <motion.svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'>\n      <path\n        d='M5.20833 10.4167C4.0625 10.4167 3.125 11.3542 3.125 12.5C3.125 13.6459 4.0625 14.5834 5.20833 14.5834C6.35417 14.5834 7.29167 13.6459 7.29167 12.5C7.29167 11.3542 6.35417 10.4167 5.20833 10.4167ZM19.7917 10.4167C18.6458 10.4167 17.7083 11.3542 17.7083 12.5C17.7083 13.6459 18.6458 14.5834 19.7917 14.5834C20.9375 14.5834 21.875 13.6459 21.875 12.5C21.875 11.3542 20.9375 10.4167 19.7917 10.4167ZM12.5 10.4167C11.3542 10.4167 10.4167 11.3542 10.4167 12.5C10.4167 13.6459 11.3542 14.5834 12.5 14.5834C13.6458 14.5834 14.5833 13.6459 14.5833 12.5C14.5833 11.3542 13.6458 10.4167 12.5 10.4167Z'\n        fill='var(--pcm-body-action-color)'\n      />\n    </motion.svg>\n  );\n};\n\nexport default ToggleIcon;\n", "import { isEVMChain } from '@particle-network/connector-core';\nimport { Fragment, useMemo } from 'react';\nimport Forward from '../../assets/icons/Forward';\nimport ToggleIcon from '../../assets/toggle';\nimport { useContext } from '../../context';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport { useLastConnectorId } from '../../hooks/useLastConnectorId';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnector } from '../../hooks/useWalletConnectors';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport { RoutePath } from '../../pages';\nimport { isSocialAuthType } from '../../utils/social';\nimport { ForwardContainer, WalletLable } from '../wallets/styles';\nimport SocialIcon from './Icons';\nimport { SocialItem, SocialLoginContainer, ToggleContainer } from './styles';\n\nconst SocialLogin = ({ expandList }: { expandList?: boolean }) => {\n  const { config } = useContext();\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const { appearance } = useAppearance();\n  const wallet = useWalletProps(isEVMChain(config.chains[0]) ? 'particleEVM' : 'particleSolana');\n  const walletConnector = useWalletConnector('particleAuth');\n  const evmWalletConnector = useWalletConnector('evmWallet');\n\n  const { lastConnectorId } = useLastConnectorId();\n\n  const connectWallet = useConnectWithWallet();\n\n  const recentConnectSocialAuthType = useMemo(() => {\n    if (lastConnectorId !== 'particleSolana' && lastConnectorId !== 'particleEVM') {\n      return lastConnectorId;\n    }\n\n    const lastAuthType = walletConnector.auth.getLatestAuthType();\n    return lastAuthType;\n  }, [lastConnectorId, walletConnector.auth]);\n\n  const authTypes = useMemo(() => {\n    if (!walletConnector) {\n      return [];\n    }\n    const hasPasskeyConnector = evmWalletConnector?.connectors.some(\n      (connector) => connector.id === 'passkeySmartWallet'\n    );\n    const enablePasskey =\n      Boolean(config.plugins.some((plugin) => plugin.id === 'aa') && hasPasskeyConnector) &&\n      appearance.collapsePasskeyButton === 'as-social';\n    if (enablePasskey) {\n      return walletConnector.supportAuthTypes.concat('passkeySmartWallet');\n    }\n    return walletConnector.supportAuthTypes;\n  }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]);\n\n  const socialAuthTypes = useMemo(() => {\n    return authTypes.filter((item) => isSocialAuthType(item) || item === 'passkeySmartWallet');\n  }, [authTypes]);\n\n  const _expandList = useMemo(() => {\n    const evmConnector = config.getWalletConnector('evmWallet');\n    const solanaConnector = config.getWalletConnector('solanaWallet');\n    return (\n      expandList || (!authTypes.includes('email') && !authTypes.includes('phone') && !evmConnector && !solanaConnector)\n    );\n  }, [expandList, authTypes, config]);\n\n  const renderAuthTypes = useMemo(() => {\n    if (_expandList) {\n      return socialAuthTypes;\n    }\n\n    if (socialAuthTypes.length > 5) {\n      return socialAuthTypes.slice(0, 4);\n    }\n    return socialAuthTypes;\n  }, [_expandList, socialAuthTypes]);\n\n  const onSocialLogin = (authType: string) => {\n    if (wallet && isSocialAuthType(authType)) {\n      const name = authType.charAt(0).toUpperCase() + authType.slice(1);\n      connectWallet(\n        {\n          ...wallet,\n          name,\n          shortName: name,\n          iconShape: authType === 'microsoft' || authType === 'twitch' ? 'squircle' : 'circle',\n          icon: <SocialIcon authType={authType} />,\n        },\n        {\n          authParams: {\n            socialType: authType,\n            prompt: 'select_account',\n          },\n        }\n      );\n    } else if (authType === 'passkeySmartWallet') {\n      navigate(RoutePath.LoginPasskey);\n    }\n  };\n\n  const felxRow = useMemo(() => {\n    if (_expandList) {\n      return false;\n    }\n    return socialAuthTypes.length > 3;\n  }, [_expandList, socialAuthTypes]);\n\n  return (\n    <SocialLoginContainer $felxRow={felxRow}>\n      {renderAuthTypes.map((authType, index) => {\n        return (\n          <Fragment key={authType}>\n            <SocialItem $felxRow={felxRow} onClick={() => onSocialLogin(authType)}>\n              <SocialIcon authType={authType} />\n              <span>{authType === 'passkeySmartWallet' ? 'Passkey' : authType}</span>\n              {!felxRow && (\n                <>\n                  {recentConnectSocialAuthType === authType && <WalletLable>{locales.lastUsed}</WalletLable>}\n                  <ForwardContainer>\n                    <Forward />\n                  </ForwardContainer>\n                </>\n              )}\n            </SocialItem>\n            {!_expandList && index == 3 && socialAuthTypes.length > 5 && (\n              <ToggleContainer onClick={() => navigate(RoutePath.Connectors, { type: 'social' })}>\n                <ToggleIcon />\n              </ToggleContainer>\n            )}\n          </Fragment>\n        );\n      })}\n    </SocialLoginContainer>\n  );\n};\n\nexport default SocialLogin;\n", "import { useMemo } from 'react';\nimport Forward from '../../assets/icons/Forward';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport { useLastConnectorId } from '../../hooks/useLastConnectorId';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport useWalletsProps from '../../hooks/useWalletsProps';\nimport { RoutePath } from '../../pages';\nimport Button from '../button';\nimport { ForwardContainer, WalletIconContainer, WalletItem, WalletLable, WalletsContainer } from './styles';\nimport type { WalletData } from './types';\n\nconst Wallets = ({ expandList }: { expandList?: boolean }) => {\n  const { navigate } = useRouter();\n  const wallets = useWalletsProps();\n  const locales = useLocales();\n  const { lastConnectorId } = useLastConnectorId();\n  const connectWallet = useConnectWithWallet();\n  const { appearance } = useAppearance();\n\n  const walletData = useMemo(() => {\n    const _wallets = wallets.filter(\n      (wallet) => wallet.connector.type !== 'particleAuth' && wallet.connector.id !== 'passkeySmartWallet'\n    );\n    // merge wallet\n    const datas: WalletData[] = [];\n    for (const wallet of _wallets) {\n      const key = wallet.groupId || wallet.connector.id;\n      const itemData = datas.find((w) => w.key === key);\n      if (itemData) {\n        itemData.props.push(wallet);\n      } else {\n        datas.push({\n          key,\n          props: [wallet],\n          rankingWeight: 0,\n        });\n      }\n    }\n\n    // set lable\n    const recommendedWallets = appearance?.recommendedWallets || [];\n    datas.forEach((data) => {\n      const ids = data.key.split(',').map((id) => id.trim());\n      // multichain lable\n      if (data.props.length > 1) {\n        data.lable = locales.multichain;\n      }\n\n      // installed lable\n      if (data.props.some((item) => item.isInstalled)) {\n        data.lable = locales.installed;\n        data.rankingWeight = 100;\n      }\n\n      // custom lable\n      const recommended = recommendedWallets.find((item) => ids.includes(item.walletId));\n      if (recommended) {\n        if (recommended.label !== 'none') {\n          if (recommended.label?.toLowerCase() === 'recommended') {\n            data.lable = locales.recommended;\n          } else if (recommended.label?.toLowerCase() === 'popular') {\n            data.lable = locales.popular;\n          } else {\n            data.lable = recommended.label || locales.recommended;\n          }\n          data.customLable = true;\n        } else {\n          data.customLable = undefined;\n        }\n        const recommendedIndex = recommendedWallets.indexOf(recommended);\n        data.rankingWeight = 200 + (99 - recommendedIndex);\n      }\n\n      // last used lable\n      if (lastConnectorId && ids.includes(lastConnectorId)) {\n        data.lable = locales.lastUsed;\n        data.rankingWeight = 500;\n        data.customLable = undefined;\n      }\n    });\n\n    // sort items\n    datas.sort((a, b) => {\n      if (a.rankingWeight > b.rankingWeight) {\n        return -1;\n      }\n\n      if (a.rankingWeight < b.rankingWeight) {\n        return 1;\n      }\n\n      return 0;\n    });\n\n    return datas;\n  }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]);\n\n  const renderWallets = useMemo(() => {\n    if (expandList) {\n      return walletData;\n    }\n\n    if (appearance?.collapseWalletList) {\n      return [];\n    }\n\n    if (walletData.length > 3) {\n      return walletData.slice(0, 3);\n    }\n\n    return walletData;\n  }, [walletData, expandList, appearance?.collapseWalletList]);\n\n  const displayActionBtn = useMemo(() => {\n    return !expandList && (appearance?.collapseWalletList || walletData.length > 3);\n  }, [expandList, appearance?.collapseWalletList, walletData]);\n\n  const onWalletClick = (data: WalletData) => {\n    if (data.props.length > 1) {\n      // route to select chain\n      navigate(RoutePath.SelectChain, { walletData: data });\n    } else {\n      const walletProps = data.props[0];\n      connectWallet(walletProps);\n    }\n  };\n  // console.log('>>>renderWallets', renderWallets);\n\n  return (\n    <WalletsContainer>\n      {renderWallets.map((walletData) => {\n        return (\n          <WalletItem key={walletData.key} onClick={() => onWalletClick(walletData)}>\n            <WalletIconContainer>{walletData.props[0].icon}</WalletIconContainer>\n            {walletData.props[0].name}\n            {walletData.lable && <WalletLable $customLable={walletData.customLable}>{walletData.lable}</WalletLable>}\n            <ForwardContainer>\n              <Forward />\n            </ForwardContainer>\n          </WalletItem>\n        );\n      })}\n\n      {displayActionBtn && (\n        <Button\n          onClick={() => {\n            navigate(RoutePath.Connectors);\n          }}\n          color='secondary'\n        >\n          {appearance?.collapseWalletList ? locales.continueWithWallet : locales.viewAllWallets}\n        </Button>\n      )}\n    </WalletsContainer>\n  );\n};\n\nexport default Wallets;\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "init_styles", "socialAuthTypes", "useMemo", "jsx", "jsxs", "walletData"]
-}

package/dist/esm/chunk-KX2LIMZ4.mjs

@@ -1,113 +0,0 @@
-"use client";
-import {
-  Icons_default,
-  init_Icons
-} from "./chunk-V6ADMODA.mjs";
-import {
-  init_useLastConnectorId,
-  useLastConnectorId
-} from "./chunk-XV4TVGGP.mjs";
-import {
-  init_useWalletsProps,
-  useWalletsProps_default
-} from "./chunk-SVI2KEJQ.mjs";
-import {
-  init_context,
-  init_useAccount,
-  init_useConnections,
-  useAccount,
-  useConnections,
-  useContext
-} from "./chunk-4TIAGANX.mjs";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/hooks/useChains.ts
-import { useMemo } from "react";
-var useChains;
-var init_useChains = __esm({
-  "src/hooks/useChains.ts"() {
-    "use strict";
-    init_context();
-    init_useAccount();
-    useChains = () => {
-      const { config } = useContext();
-      const { connector } = useAccount();
-      const chains = useMemo(() => {
-        const walletConnectorType = connector?.walletConnectorType;
-        if (walletConnectorType) {
-          const walletConnector = config.getWalletConnector(walletConnectorType);
-          if (walletConnector) {
-            return walletConnector.chains;
-          }
-        }
-        return config.chains;
-      }, [connector, config]);
-      return chains;
-    };
-  }
-});
-
-// src/hooks/useWalletConnections.tsx
-import { useMemo as useMemo2 } from "react";
-import { jsx } from "react/jsx-runtime";
-var useWalletConnections;
-var init_useWalletConnections = __esm({
-  "src/hooks/useWalletConnections.tsx"() {
-    "use strict";
-    init_Icons();
-    init_context();
-    init_useConnections();
-    init_useLastConnectorId();
-    init_useWalletsProps();
-    useWalletConnections = () => {
-      const connections = useConnections();
-      const wallets = useWalletsProps_default();
-      const { config } = useContext();
-      const { lastConnectorId } = useLastConnectorId();
-      const walletConnections = useMemo2(() => {
-        const props = [];
-        for (const connection of connections) {
-          const id = connection.connector.id;
-          const wallet = wallets.find(
-            (wallet2) => wallet2.id === id || wallet2.groupId?.split(",").map((item) => item.trim()).includes(id)
-          );
-          if (!wallet) {
-            continue;
-          }
-          if (connection.connector.type === "particleAuth") {
-            const authType = config.getWalletConnector("particleAuth")?.auth.getLatestAuthType();
-            if (authType) {
-              wallet.icon = /* @__PURE__ */ jsx(Icons_default, { authType });
-            }
-          } else {
-            if (wallet.connector.id === "walletConnect" && lastConnectorId && lastConnectorId !== wallet.connector.id) {
-              const lastWallet = wallets.find(
-                (wallet2) => wallet2.id === lastConnectorId || wallet2.groupId?.split(",").map((item) => item.trim()).includes(lastConnectorId)
-              );
-              if (lastWallet?.icon) {
-                wallet.icon = lastWallet.icon;
-              }
-            }
-          }
-          props.push({
-            accounts: connection.accounts,
-            chainId: connection.chainId,
-            walletProps: wallet
-          });
-        }
-        return props;
-      }, [connections, wallets, config, lastConnectorId]);
-      return walletConnections;
-    };
-  }
-});
-
-export {
-  useChains,
-  init_useChains,
-  useWalletConnections,
-  init_useWalletConnections
-};
-//# sourceMappingURL=chunk-KX2LIMZ4.mjs.map

package/dist/esm/chunk-KX2LIMZ4.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useChains.ts", "../../src/hooks/useWalletConnections.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\nimport { useContext } from '../context';\nimport { useAccount } from './useAccount';\n\nexport const useChains = () => {\n  const { config } = useContext();\n  const { connector } = useAccount();\n\n  const chains = useMemo(() => {\n    const walletConnectorType = connector?.walletConnectorType;\n    if (walletConnectorType) {\n      const walletConnector = config.getWalletConnector(walletConnectorType);\n      if (walletConnector) {\n        return walletConnector.chains;\n      }\n    }\n    return config.chains;\n  }, [connector, config]);\n\n  return chains;\n};\n", "import { useMemo } from 'react';\nimport SocialIcon from '../components/socialLogin/Icons';\nimport { useContext } from '../context';\nimport type { AuthWalletConnectorProperties } from '../types/properties';\nimport { useConnections } from './useConnections';\nimport { useLastConnectorId } from './useLastConnectorId';\nimport useWalletsProps, { type WalletProps } from './useWalletsProps';\n\nexport type WalletConnection = {\n  accounts: readonly [string, ...string[]];\n  chainId: number;\n  walletProps: WalletProps;\n};\n\nexport const useWalletConnections = (): WalletConnection[] => {\n  const connections = useConnections();\n  const wallets = useWalletsProps();\n  const { config } = useContext();\n  const { lastConnectorId } = useLastConnectorId();\n\n  const walletConnections = useMemo(() => {\n    const props: WalletConnection[] = [];\n    for (const connection of connections) {\n      const id = connection.connector.id;\n      const wallet = wallets.find(\n        (wallet) =>\n          wallet.id === id ||\n          wallet.groupId\n            ?.split(',')\n            .map((item) => item.trim())\n            .includes(id)\n      );\n      if (!wallet) {\n        continue;\n      }\n\n      if (connection.connector.type === 'particleAuth') {\n        const authType = config\n          .getWalletConnector<AuthWalletConnectorProperties>('particleAuth')\n          ?.auth.getLatestAuthType();\n        if (authType) {\n          wallet.icon = <SocialIcon authType={authType} />;\n        }\n      } else {\n        // \u79FB\u52A8\u7AEFwallet\u90FD\u662F\u901A\u8FC7WalletConnect\u94FE\u63A5\u7684\uFF0C\u4F46\u662Ficon\u9700\u8981\u663E\u793A\u5177\u4F53\u70B9\u51FB\u7684wallet\n        if (wallet.connector.id === 'walletConnect' && lastConnectorId && lastConnectorId !== wallet.connector.id) {\n          const lastWallet = wallets.find(\n            (wallet) =>\n              wallet.id === lastConnectorId ||\n              wallet.groupId\n                ?.split(',')\n                .map((item) => item.trim())\n                .includes(lastConnectorId)\n          );\n          if (lastWallet?.icon) {\n            wallet.icon = lastWallet.icon;\n          }\n        }\n      }\n\n      props.push({\n        accounts: connection.accounts,\n        chainId: connection.chainId,\n        walletProps: wallet,\n      });\n    }\n\n    return props;\n  }, [connections, wallets, config, lastConnectorId]);\n\n  return walletConnections;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAAe;AAAxB,IAIa;AAJb;AAAA;AAAA;AACA;AACA;AAEO,IAAM,YAAY,MAAM;AAC7B,YAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,YAAM,EAAE,UAAU,IAAI,WAAW;AAEjC,YAAM,SAAS,QAAQ,MAAM;AAC3B,cAAM,sBAAsB,WAAW;AACvC,YAAI,qBAAqB;AACvB,gBAAM,kBAAkB,OAAO,mBAAmB,mBAAmB;AACrE,cAAI,iBAAiB;AACnB,mBAAO,gBAAgB;AAAA,UACzB;AAAA,QACF;AACA,eAAO,OAAO;AAAA,MAChB,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,aAAO;AAAA,IACT;AAAA;AAAA;;;ACpBA,SAAS,WAAAA,gBAAe;AAyCA;AAzCxB,IAca;AAdb;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAQO,IAAM,uBAAuB,MAA0B;AAC5D,YAAM,cAAc,eAAe;AACnC,YAAM,UAAU,wBAAgB;AAChC,YAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,YAAM,EAAE,gBAAgB,IAAI,mBAAmB;AAE/C,YAAM,oBAAoBA,SAAQ,MAAM;AACtC,cAAM,QAA4B,CAAC;AACnC,mBAAW,cAAc,aAAa;AACpC,gBAAM,KAAK,WAAW,UAAU;AAChC,gBAAM,SAAS,QAAQ;AAAA,YACrB,CAACC,YACCA,QAAO,OAAO,MACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,EAAE;AAAA,UAClB;AACA,cAAI,CAAC,QAAQ;AACX;AAAA,UACF;AAEA,cAAI,WAAW,UAAU,SAAS,gBAAgB;AAChD,kBAAM,WAAW,OACd,mBAAkD,cAAc,GAC/D,KAAK,kBAAkB;AAC3B,gBAAI,UAAU;AACZ,qBAAO,OAAO,oBAAC,iBAAW,UAAoB;AAAA,YAChD;AAAA,UACF,OAAO;AAEL,gBAAI,OAAO,UAAU,OAAO,mBAAmB,mBAAmB,oBAAoB,OAAO,UAAU,IAAI;AACzG,oBAAM,aAAa,QAAQ;AAAA,gBACzB,CAACA,YACCA,QAAO,OAAO,mBACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,eAAe;AAAA,cAC/B;AACA,kBAAI,YAAY,MAAM;AACpB,uBAAO,OAAO,WAAW;AAAA,cAC3B;AAAA,YACF;AAAA,UACF;AAEA,gBAAM,KAAK;AAAA,YACT,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,aAAa;AAAA,UACf,CAAC;AAAA,QACH;AAEA,eAAO;AAAA,MACT,GAAG,CAAC,aAAa,SAAS,QAAQ,eAAe,CAAC;AAElD,aAAO;AAAA,IACT;AAAA;AAAA;",
-  "names": ["useMemo", "wallet"]
-}

package/dist/esm/chunk-L5JVQLL4.mjs

@@ -1,19 +0,0 @@
-"use client";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/version.ts
-var version;
-var init_version = __esm({
-  "src/version.ts"() {
-    "use strict";
-    version = "2.1.3";
-  }
-});
-
-export {
-  version,
-  init_version
-};
-//# sourceMappingURL=chunk-L5JVQLL4.mjs.map

package/dist/esm/chunk-L5JVQLL4.mjs.map

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

package/dist/esm/chunk-L7PHO2RG.mjs

@@ -1,407 +0,0 @@
-"use client";
-import {
-  RetryButton,
-  RetryIconContainer,
-  init_styles
-} from "./chunk-75EHPGGI.mjs";
-import {
-  RetryIconCircle_default,
-  init_RetryIconCircle
-} from "./chunk-SUWDRJLB.mjs";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/components/CustomQRCode/QRCode.tsx
-import QRCodeUtil from "qrcode";
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-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
-      ]
-    }
-  );
-}
-var generateMatrix;
-var init_QRCode = __esm({
-  "src/components/CustomQRCode/QRCode.tsx"() {
-    "use strict";
-    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,
-        []
-      );
-    };
-  }
-});
-
-// src/components/CustomQRCode/styles.ts
-import { motion } from "framer-motion";
-import { css, keyframes, styled } from "styled-components";
-var QRCodeContainer, QRCodeContent, PlaceholderKeyframes, QRPlaceholder, LogoContainer, LogoIcon, StyleRetryButtonWrapper;
-var init_styles2 = __esm({
-  "src/components/CustomQRCode/styles.ts"() {
-    "use strict";
-    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;
-  }
-`;
-    QRCodeContent = styled(motion.div)`
-  position: absolute;
-  inset: 13px;
-  svg {
-    width: 100% !important;
-    height: auto !important;
-  }
-`;
-    PlaceholderKeyframes = keyframes`
-  0%{ background-position: 100% 0; }
-  100%{ background-position: -100% 0; }
-`;
-    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;
-      `}
-  }
-`;
-    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
-`;
-    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); */
-          }
-        `}
-`;
-    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 { AnimatePresence, motion as motion2 } from "framer-motion";
-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", {})
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-var CustomQRCode_default;
-var init_CustomQRCode = __esm({
-  "src/components/CustomQRCode/index.tsx"() {
-    "use strict";
-    init_RetryIconCircle();
-    init_styles();
-    init_QRCode();
-    init_styles2();
-    CustomQRCode.displayName = "CustomQRCode";
-    CustomQRCode_default = CustomQRCode;
-  }
-});
-
-export {
-  CustomQRCode_default,
-  init_CustomQRCode
-};
-//# sourceMappingURL=chunk-L7PHO2RG.mjs.map

package/dist/esm/chunk-L7PHO2RG.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/CustomQRCode/QRCode.tsx", "../../src/components/CustomQRCode/styles.ts", "../../src/components/CustomQRCode/index.tsx"],
-  "sourcesContent": ["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", "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"],
-  "mappings": "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",
-  "names": ["dots", "init_styles", "motion", "jsx", "jsxs", "init_styles"]
-}