@velora-dex/widget 0.8.1 → 0.8.2

package/dist/components/web3/ConnectWallets/WalletConnectButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletConnectButtons.js","names":["Button","Globe","CreditCard","Waves","AtSign","ChevronRight","getWalletIcon","getWalletName","cn","PrivyLogInButtonProps","PrivyIds","PrivyConnectButton","MinConnector","useSafeInfo","wallets","key","label","icon","WalletConnectButtons","t0","$","_c","activeKey","onSelect","t1","Symbol","for","t2","map","wallet","t3","ConnectWalletButtonProps","onActivate","isActive","compact","name","iconURI","React","ComponentProps","ConnectWalletButton","props","onClick","t4","t5","t6","t7","t8","ConnectWalletButtonsProps","connectorObject","connector","C","connectors","activeConnectorId","BasicConnectorsButtons","data","safeInfo","type","connectorIcon","id","connectorName","undefined","PrivyWalletButtonProps","PrivyWalletButton","privyAppId","privyClientId"],"sources":["../../../../src/components/web3/ConnectWallets/WalletConnectButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { Globe, CreditCard, Waves, AtSign, ChevronRight } from \"lucide-react\";\nimport { getWalletIcon, getWalletName } from \"./walletIcons\";\nimport { cn } from \"@/lib/utils\";\nimport { type PrivyLogInButtonProps, type PrivyIds } from \"./privy/types\";\nimport { PrivyConnectButton } from \"./privy/button\";\nimport type { MinConnector } from \"./types\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\n\nconst wallets = [\n  {\n    key: \"browser\",\n    label: \"Browser Wallet\",\n    icon: <Globe className=\"size-6\" />,\n  },\n  {\n    key: \"ledger\",\n    label: \"Ledger\",\n    icon: <CreditCard className=\"size-6\" />,\n  },\n  {\n    key: \"walletconnect\",\n    label: \"Wallet Connect\",\n    icon: <Waves className=\"size-6\" />,\n  },\n  {\n    key: \"email\",\n    label: \"Connect with Email\",\n    icon: <AtSign className=\"size-6\" />,\n  },\n];\n\nexport function WalletConnectButtons({\n  activeKey,\n  onSelect,\n}: {\n  activeKey?: string;\n  onSelect?: (key: string) => void;\n}) {\n  return (\n    <div className=\"bg-background/90 rounded-2xl p-6 w-full max-w-md mx-auto flex flex-col gap-4 shadow-xl\">\n      <h2 className=\"text-xl font-semibold mb-2 text-contrast-7\">\n        Connect Your Wallet\n      </h2>\n      <div className=\"flex flex-col gap-3\">\n        {wallets.map((wallet) => (\n          <Button\n            key={wallet.key}\n            variant={activeKey === wallet.key ? \"secondary\" : \"outline\"}\n            size=\"lg\"\n            radius=\"xl\"\n            className={`justify-start gap-4 px-5 ${activeKey === wallet.key ? \"ring-2 ring-primary-azul-1\" : \"\"}`}\n            onClick={() => onSelect?.(wallet.key)}\n          >\n            {wallet.icon}\n            <span className=\"text-base font-medium\">{wallet.label}</span>\n            {wallet.key === \"ledger\" && activeKey === \"ledger\" && (\n              <span className=\"ml-auto animate-spin text-muted-foreground\">\n                ●\n              </span>\n            )}\n          </Button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\ntype ConnectWalletButtonProps = {\n  onActivate?: () => void;\n  isActive?: boolean;\n  compact?: boolean;\n  name?: string;\n  iconURI?: string;\n} & React.ComponentProps<typeof Button>;\n\nexport function ConnectWalletButton({\n  onActivate,\n  isActive,\n  compact,\n  name,\n  iconURI,\n  ...props\n}: ConnectWalletButtonProps) {\n  return (\n    <Button\n      {...props}\n      variant=\"secondary\"\n      size=\"lg\"\n      className={cn(\n        \"h-[72px] px-[16px] dark:bg-contrast-2 dark:text-contrast-8\",\n        { \"border-primary-azul-1 border-1\": isActive },\n        { \"min-h-[92px] w-[120px]\": compact }\n      )}\n      radius=\"sm\"\n      onClick={props.onClick ?? onActivate}\n    >\n      <div className=\"flex items-center justify-between w-full\">\n        <div\n          className={cn(\"flex items-center gap-[12px]\", {\n            \"flex-col m-auto\": compact,\n          })}\n        >\n          {iconURI && <img width={24} height={24} src={iconURI} alt={name} />}\n          {name}\n        </div>\n        {!compact && (\n          <div className=\"flex items-center\">\n            <ChevronRight className=\"size-6 dark:text-contrast-4 text-brand-4\" />\n          </div>\n        )}\n      </div>\n    </Button>\n  );\n}\n\ntype ConnectWalletButtonsProps<C extends MinConnector> = {\n  onActivate?: (connectorObject: { connector: C }) => void;\n  connectors: readonly C[];\n  activeConnectorId?: string;\n  compact?: boolean;\n};\n\n// to connect injected (if only one) + others(coinbase, walletconnect, etc.) + privy\nexport function BasicConnectorsButtons<C extends MinConnector>({\n  onActivate,\n  connectors,\n  activeConnectorId,\n  compact,\n}: ConnectWalletButtonsProps<C>) {\n  const { data: safeInfo } = useSafeInfo();\n\n  return (\n    <>\n      {connectors.map((connector) => {\n        if (connector.type === \"safe\" && !safeInfo) {\n          // only show Connect Safe button if we are inside Safe iframe\n          return null;\n        }\n\n        const connectorIcon = getWalletIcon({\n          id: connector.id,\n          icon: connector.icon,\n        });\n\n        const connectorName = getWalletName({\n          id: connector.id,\n          name: connector.name,\n        });\n\n        return (\n          <ConnectWalletButton\n            key={connector.id}\n            onActivate={() => onActivate?.({ connector })}\n            isActive={activeConnectorId === connector.id}\n            compact={compact}\n            name={connectorName ?? undefined}\n            iconURI={connectorIcon ?? undefined}\n          />\n        );\n      })}\n    </>\n  );\n}\n\ntype PrivyWalletButtonProps = PrivyIds & {\n  onActivate: PrivyLogInButtonProps[\"onSuccess\"];\n  connector: MinConnector;\n  activeConnectorId?: string;\n  compact?: boolean;\n};\n\nexport function PrivyWalletButton({\n  onActivate,\n  connector,\n  activeConnectorId,\n  compact,\n  privyAppId,\n  privyClientId,\n}: PrivyWalletButtonProps) {\n  const connectorIcon = getWalletIcon({\n    id: connector.id,\n    icon: connector.icon,\n  });\n\n  const connectorName = getWalletName({\n    id: connector.id,\n    name: connector.name,\n  });\n\n  const isActive = activeConnectorId === connector.id;\n\n  return (\n    <PrivyConnectButton\n      asChild\n      onSuccess={onActivate}\n      // Privy gets reactivated when it's already active because of useEffect() setup,\n      // disable when active to avoid that\n      disabled={isActive}\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    >\n      <ConnectWalletButton\n        name={connectorName ?? undefined}\n        iconURI={connectorIcon ?? undefined}\n        isActive={isActive}\n        compact={compact}\n      />\n    </PrivyConnectButton>\n  );\n}\n"],"mappings":";;;;;;;;;AA4EA,SAAOuC,EAAApB,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAa,GAAAE,GAAAH,GAAAE,GAAAH,GAAAQ;AAAA,CAAApB,EAAA,OAAAD,KAOoBe,IAAAd,EAAA,IAAAgB,IAAAhB,EAAA,IAAAa,IAAAb,EAAA,IAAAe,IAAAf,EAAA,IAAAY,IAAAZ,EAAA,IAAAoB,IAAApB,EAAA,OAPS,iEAAAoB,KAAArB,GAOTC,EAAA,KAAAD,GAAAC,EAAA,KAAAc,GAAAd,EAAA,KAAAgB,GAAAhB,EAAA,KAAAa,GAAAb,EAAA,KAAAe,GAAAf,EAAA,KAAAY,GAAAZ,EAAA,KAAAoB;CAAA,IAAAhB;AAAA,CAAAJ,EAAA,OAAAc,KAAAd,EAAA,OAAAa,KAMVT,IAAAhB,EACT,8DACA,EAAA,kCAAoCyB,GAAU,EAC9C,EAAA,0BAA4BC,GAC9B,CAAC,EAAAd,EAAA,KAAAc,GAAAd,EAAA,KAAAa,GAAAb,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAEQ,IAAAO,IAAAa,EAAKC,WAALT,GAA2BF;AAAA,CAAAV,EAAA,QAAAc,IAM9BJ,IAAAV,EAAA,OAFSU,IAAAtB,EAAG,gCAAgC,EAAA,mBACzB0B,GACpB,CAAC,EAAAd,EAAA,MAAAc,GAAAd,EAAA,MAAAU;CAAA,IAAAY;AAAA,CAAAtB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAe,KAEDO,IAAAN,KAAW,kBAAA,OAAA;EAAY,OAAA;EAAY,QAAA;EAASA,KAAAA;EAAcD,KAAAA;EAAQ,CAAA,EAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAe,GAAAf,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA;CAAA,IAAAuB;AAAA,CAAAvB,EAAA,QAAAe,KAAAf,EAAA,QAAAU,KAAAV,EAAA,QAAAsB,KALrEC,IAAA,kBAAA,OAAA;EACa,WAAAb;YADb,CAKGY,GACAP,EACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAU,GAAAV,EAAA,MAAAsB,GAAAtB,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAwB;AAAA,CAAAxB,EAAA,QAAAc,IAKLU,IAAAxB,EAAA,OAJAwB,IAAA,CAACV,KACA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD,EAAwB,WAAA,4CAC1B,CAAA;EACD,CAAA,EAAAd,EAAA,MAAAc,GAAAd,EAAA,MAAAwB;CAAA,IAAAC;AAAA,CAAAzB,EAAA,QAAAuB,KAAAvB,EAAA,QAAAwB,KAbHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAQCC,EAKG;KAAAxB,EAAA,MAAAuB,GAAAvB,EAAA,MAAAwB,GAAAxB,EAAA,MAAAyB,KAAAA,IAAAzB,EAAA;CAAA,IAAA0B;AACC,QADD1B,EAAA,QAAAoB,KAAApB,EAAA,QAAAI,KAAAJ,EAAA,QAAAO,KAAAP,EAAA,QAAAyB,KA1BRC,IAAA,kBAAC,GAAD;EAAO,GACDN;EACI,SAAA;EACH,MAAA;EACM,WAAAhB;EAKJ,QAAA;EACE,SAAAG;YAETkB;EAeO,CAAA,EAAAzB,EAAA,MAAAoB,GAAApB,EAAA,MAAAI,GAAAJ,EAAA,MAAAO,GAAAP,EAAA,MAAAyB,GAAAzB,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA,KA3BT0B;;AAuCJ,SAAOO,EAAAlC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAwD,EAAAW,eAAAmB,eAAAC,sBAAAlB,eAAAf,GAM7D,EAAAmC,MAAAC,MAA2B1C,GAAa,EAACW;AAAA,KAAAJ,EAAA,OAAAgC,KAAAhC,EAAA,OAAAc,KAAAd,EAAA,OAAA+B,KAAA/B,EAAA,OAAAY,KAAAZ,EAAA,OAAAmC,GAAA;EAAA,IAAA5B;AA8BnCP,EA9BmCA,EAAA,OAAAgC,KAAAhC,EAAA,OAAAc,KAAAd,EAAA,OAAAY,KAAAZ,EAAA,OAAAmC,KAIrB5B,KAAAsB,MAAA;AACd,OAAIA,EAASO,SAAU,UAAnB,CAA8BD,EAAQ,QAEjC;GAGT,IAAAE,IAAsBnD,EAAc;IAAAoD,IAC9BT,EAASS;IAAGzC,MACVgC,EAAShC;IAChB,CAAC,EAEF0C,IAAsBpD,EAAc;IAAAmD,IAC9BT,EAASS;IAAGvB,MACVc,EAASd;IAChB,CAAC;AAAC,UAGD,kBAAC,GAAD;IAEc,kBAAMH,IAAa,EAAAiB,cAAa,CAAA;IAClC,UAAAG,MAAsBH,EAASS;IAChCxB;IACH,MAAAyB,KAAAC,KAAAA;IACG,SAAAH,KAAAG,KAAAA;IACT,EANKX,EAASS,GAMd;KAELtC,EAAA,KAAAgC,GAAAhC,EAAA,KAAAc,GAAAd,EAAA,KAAAY,GAAAZ,EAAA,KAAAmC,GAAAnC,EAAA,MAAAO,KAAAA,IAAAP,EAAA,KA1BAI,IAAA2B,EAAUvB,IAAKD,EA0Bd,EAAAP,EAAA,KAAAgC,GAAAhC,EAAA,KAAAc,GAAAd,EAAA,KAAA+B,GAAA/B,EAAA,KAAAY,GAAAZ,EAAA,KAAAmC,GAAAnC,EAAA,KAAAI;OAAAA,KAAAJ,EAAA;CAAA,IAAAO;AACD,QADCP,EAAA,QAAAI,IACDG,IAAAP,EAAA,OA5BHO,IAAA,kBAAA,GAAA,EAAA,UACGH,GA2BA,CAAA,EAAAJ,EAAA,MAAAI,GAAAJ,EAAA,MAAAO,IA5BHA;;AAuCJ,SAAOmC,EAAA3C,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA2B,EAAAW,eAAAiB,cAAAG,sBAAAlB,YAAA6B,eAAAC,qBAAA7C,GAOTK;AAAA,CAAAJ,EAAA,OAAA6B,EAAAhC,QAAAG,EAAA,OAAA6B,EAAAS,MACDlC,IAAAlB,EAAc;EAAAoD,IAC9BT,EAASS;EAAGzC,MACVgC,EAAShC;EAChB,CAAC,EAAAG,EAAA,KAAA6B,EAAAhC,MAAAG,EAAA,KAAA6B,EAAAS,IAAAtC,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAHF,IAAAqC,IAAsBjC,GAGnBG;AAAA,CAAAP,EAAA,OAAA6B,EAAAS,MAAAtC,EAAA,OAAA6B,EAAAd,QAEmBR,IAAApB,EAAc;EAAAmD,IAC9BT,EAASS;EAAGvB,MACVc,EAASd;EAChB,CAAC,EAAAf,EAAA,KAAA6B,EAAAS,IAAAtC,EAAA,KAAA6B,EAAAd,MAAAf,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAHF,IAAAuC,IAAsBhC,GAKtBM,IAAiBmB,MAAsBH,EAASS,IAapC5B,IAAA6B,KAAAC,KAAAA,GACGlB,IAAAe,KAAAG,KAAAA,GAA0BjB;AAAA,CAAAvB,EAAA,OAAAc,KAAAd,EAAA,OAAAa,KAAAb,EAAA,OAAAU,KAAAV,EAAA,OAAAsB,KAFrCC,IAAA,kBAAC,GAAD;EACQ,MAAAb;EACG,SAAAY;EACCT;EACDC;EACT,CAAA,EAAAd,EAAA,KAAAc,GAAAd,EAAA,KAAAa,GAAAb,EAAA,KAAAU,GAAAV,EAAA,KAAAsB,GAAAtB,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAwB;AACiB,QADjBxB,EAAA,QAAAa,KAAAb,EAAA,QAAAY,KAAAZ,EAAA,QAAA2C,KAAA3C,EAAA,QAAA4C,KAAA5C,EAAA,QAAAuB,KAdJC,IAAA,kBAAC,GAAD;EACE,SAAA;EACWZ,WAAAA;EAGDC,UAAAA;EACE8B;EACGC;YAEfrB;EAMmB,CAAA,EAAAvB,EAAA,MAAAa,GAAAb,EAAA,MAAAY,GAAAZ,EAAA,MAAA2C,GAAA3C,EAAA,MAAA4C,GAAA5C,EAAA,MAAAuB,GAAAvB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA,KAfrBwB"}
+{"version":3,"file":"WalletConnectButtons.js","names":["Button","Globe","CreditCard","Waves","AtSign","ChevronRight","getWalletIcon","getWalletName","cn","PrivyLogInButtonProps","PrivyIds","PrivyConnectButton","MinConnector","useSafeInfo","wallets","key","label","icon","WalletConnectButtons","t0","$","_c","activeKey","onSelect","t1","Symbol","for","t2","map","wallet","t3","ConnectWalletButtonProps","onActivate","isActive","compact","name","iconURI","React","ComponentProps","ConnectWalletButton","props","onClick","t4","t5","t6","t7","t8","ConnectWalletButtonsProps","connectorObject","connector","C","connectors","activeConnectorId","BasicConnectorsButtons","data","safeInfo","type","connectorIcon","id","connectorName","undefined","PrivyWalletButtonProps","PrivyWalletButton","privyAppId","privyClientId"],"sources":["../../../../src/components/web3/ConnectWallets/WalletConnectButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { Globe, CreditCard, Waves, AtSign, ChevronRight } from \"lucide-react\";\nimport { getWalletIcon, getWalletName } from \"./walletIcons\";\nimport { cn } from \"@/lib/utils\";\nimport { type PrivyLogInButtonProps, type PrivyIds } from \"./privy/types\";\nimport { PrivyConnectButton } from \"./privy/button\";\nimport type { MinConnector } from \"./types\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\n\nconst wallets = [\n  {\n    key: \"browser\",\n    label: \"Browser Wallet\",\n    icon: <Globe className=\"size-6\" />,\n  },\n  {\n    key: \"ledger\",\n    label: \"Ledger\",\n    icon: <CreditCard className=\"size-6\" />,\n  },\n  {\n    key: \"walletconnect\",\n    label: \"Wallet Connect\",\n    icon: <Waves className=\"size-6\" />,\n  },\n  {\n    key: \"email\",\n    label: \"Connect with Email\",\n    icon: <AtSign className=\"size-6\" />,\n  },\n];\n\nexport function WalletConnectButtons({\n  activeKey,\n  onSelect,\n}: {\n  activeKey?: string;\n  onSelect?: (key: string) => void;\n}) {\n  return (\n    <div className=\"bg-background/90 rounded-2xl p-6 w-full max-w-md mx-auto flex flex-col gap-4 shadow-xl\">\n      <h2 className=\"text-xl font-semibold mb-2 text-contrast-7\">\n        Connect Your Wallet\n      </h2>\n      <div className=\"flex flex-col gap-3\">\n        {wallets.map((wallet) => (\n          <Button\n            key={wallet.key}\n            variant={activeKey === wallet.key ? \"secondary\" : \"outline\"}\n            size=\"lg\"\n            radius=\"xl\"\n            className={`justify-start gap-4 px-5 ${activeKey === wallet.key ? \"ring-2 ring-primary-azul-1\" : \"\"}`}\n            onClick={() => onSelect?.(wallet.key)}\n          >\n            {wallet.icon}\n            <span className=\"text-base font-medium\">{wallet.label}</span>\n            {wallet.key === \"ledger\" && activeKey === \"ledger\" && (\n              <span className=\"ml-auto animate-spin text-muted-foreground\">\n                ●\n              </span>\n            )}\n          </Button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\ntype ConnectWalletButtonProps = {\n  onActivate?: () => void;\n  isActive?: boolean;\n  compact?: boolean;\n  name?: string;\n  iconURI?: string;\n} & React.ComponentProps<typeof Button>;\n\nexport function ConnectWalletButton({\n  onActivate,\n  isActive,\n  compact,\n  name,\n  iconURI,\n  ...props\n}: ConnectWalletButtonProps) {\n  return (\n    <Button\n      {...props}\n      variant=\"secondary\"\n      size=\"lg\"\n      className={cn(\n        \"h-[72px] px-[16px] dark:bg-contrast-2 dark:text-contrast-8\",\n        { \"border-primary-azul-1 border-1\": isActive },\n        { \"min-h-[92px] w-[120px]\": compact }\n      )}\n      radius=\"sm\"\n      onClick={props.onClick ?? onActivate}\n    >\n      <div className=\"flex items-center justify-between w-full\">\n        <div\n          className={cn(\"flex items-center gap-[12px]\", {\n            \"flex-col m-auto\": compact,\n          })}\n        >\n          {iconURI && <img width={24} height={24} src={iconURI} alt={name} />}\n          {name}\n        </div>\n        {!compact && (\n          <div className=\"flex items-center\">\n            <ChevronRight className=\"size-6 dark:text-contrast-4 text-brand-4\" />\n          </div>\n        )}\n      </div>\n    </Button>\n  );\n}\n\ntype ConnectWalletButtonsProps<C extends MinConnector> = {\n  onActivate?: (connectorObject: { connector: C }) => void;\n  connectors: readonly C[];\n  activeConnectorId?: string;\n  compact?: boolean;\n};\n\n// to connect injected (if only one) + others(coinbase, walletconnect, etc.) + privy\nexport function BasicConnectorsButtons<C extends MinConnector>({\n  onActivate,\n  connectors,\n  activeConnectorId,\n  compact,\n}: ConnectWalletButtonsProps<C>) {\n  const { data: safeInfo } = useSafeInfo();\n\n  return (\n    <>\n      {connectors.map((connector) => {\n        if (connector.type === \"safe\" && !safeInfo) {\n          // only show Connect Safe button if we are inside Safe iframe\n          return null;\n        }\n\n        const connectorIcon = getWalletIcon({\n          id: connector.id,\n          icon: connector.icon,\n        });\n\n        const connectorName = getWalletName({\n          id: connector.id,\n          name: connector.name,\n        });\n\n        return (\n          <ConnectWalletButton\n            key={connector.id}\n            onActivate={() => onActivate?.({ connector })}\n            isActive={activeConnectorId === connector.id}\n            compact={compact}\n            name={connectorName ?? undefined}\n            iconURI={connectorIcon ?? undefined}\n          />\n        );\n      })}\n    </>\n  );\n}\n\ntype PrivyWalletButtonProps = PrivyIds & {\n  onActivate: PrivyLogInButtonProps[\"onSuccess\"];\n  connector: MinConnector;\n  activeConnectorId?: string;\n  compact?: boolean;\n};\n\nexport function PrivyWalletButton({\n  onActivate,\n  connector,\n  activeConnectorId,\n  compact,\n  privyAppId,\n  privyClientId,\n}: PrivyWalletButtonProps) {\n  const connectorIcon = getWalletIcon({\n    id: connector.id,\n    icon: connector.icon,\n  });\n\n  const connectorName = getWalletName({\n    id: connector.id,\n    name: connector.name,\n  });\n\n  const isActive = activeConnectorId === connector.id;\n\n  return (\n    <PrivyConnectButton\n      asChild\n      onSuccess={onActivate}\n      // Privy gets reactivated when it's already active because of useEffect() setup,\n      // disable when active to avoid that\n      disabled={isActive}\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    >\n      <ConnectWalletButton\n        name={connectorName ?? undefined}\n        iconURI={connectorIcon ?? undefined}\n        isActive={isActive}\n        compact={compact}\n      />\n    </PrivyConnectButton>\n  );\n}\n"],"mappings":"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"}

package/dist/components/web3/ConnectWallets/index.js

@@ -82,7 +82,7 @@ var v = {
 	type: "injected"
 };
 function y(e) {
-	return e.slice().sort((e, t) => e.type === "walletConnect" ? -1 : t.type === "walletConnect" ? 1 : e.type === "injected" ? -1 : t.type === "injected" ? 1 : e.type === "coinbaseWallet" ? -1 : t.type === "coinbaseWallet" ? 1 : e.type === "privy" ? -1 : t.type === "privy" ? 1 : 0);
+	return e.slice().sort((e, t) => e.type === "walletConnect" ? -1 : t.type === "walletConnect" ? 1 : e.type === "injected" ? -1 : t.type === "injected" ? 1 : e.type === "coinbaseWallet" ? -1 : t.type === "coinbaseWallet" ? 1 : e.type === "privy" ? -1 : +(t.type === "privy"));
 }
 function b(i) {
 	let s = r(17), { connectors: c, activeConnectorId: l, handleActivate: d } = i, f;

package/dist/components/web3/ConnectWallets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useState","BasicConnectorsButtons","PrivyWalletButton","useAccount","useConnect","useDisconnect","Connector","ActivateConnectionObject","MinConnector","useWidgetConfig","ConnectWalletsProps","children","React","ReactNode","ConnectWalletsInitial","t0","$","_c","t1","ConnectWalletsMultiInjected","ConnectWalletSteps","ConnectWalletsContainerProps","onComplete","connector","ConnectWalletsContainer","step","setStep","connectAsync","connectors","currentConnector","disconnect","activeConnectorId","id","connectorObject","connectorForChecks","connectorForConnection","minConnector","connectorFunction","isAlreadyActive","isMainInjectedConnector","handleActivate","t2","t3","t4","isInjectedConnector","Pick","type","isUniqueInjectedConnector","isDistinctWalletOrMainInjectedConnector","isDistinctWalletExceptMainInjectedConnector","ConnectStepProps","privyWalletFauxConnector","name","sortConnectors","slice","sort","a","b","InitialStep","filter","injectedConnectors","onlyOneInjectedWalletDetected","length","displayedConnectors","sortedConnectors","widgetConfig","privyAppId","privyClientId","t5","MultiInjectedStep"],"sources":["../../../../src/components/web3/ConnectWallets/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  BasicConnectorsButtons,\n  PrivyWalletButton,\n} from \"./WalletConnectButtons\";\nimport { useAccount, useConnect, useDisconnect, type Connector } from \"wagmi\";\nimport type { ActivateConnectionObject, MinConnector } from \"./types\";\nimport { useWidgetConfig } from \"@/core/state/configAtom\";\n\ntype ConnectWalletsProps = {\n  children: React.ReactNode;\n};\n\nfunction ConnectWalletsInitial({ children }: ConnectWalletsProps) {\n  return (\n    <div className=\"flex flex-col gap-[16px] pr-[24px] pl-[24px] pb-[32px] w-full\">\n      {children}\n    </div>\n  );\n}\n\nfunction ConnectWalletsMultiInjected({ children }: ConnectWalletsProps) {\n  return (\n    <div className=\"p-[16px] pb-[32px] w-full grid grid-cols-[repeat(auto-fit,minmax(120px,1fr))] justify-items-center gap-[16px]\">\n      {children}\n    </div>\n  );\n}\n\ntype ConnectWalletSteps = \"initial\" | \"multiinjected\";\n\ntype ConnectWalletsContainerProps = {\n  onComplete?: (connector?: Connector | MinConnector) => void;\n};\n\nexport function ConnectWalletsContainer({\n  onComplete,\n}: ConnectWalletsContainerProps) {\n  const [step, setStep] = useState<ConnectWalletSteps>(\"initial\");\n\n  const { connectAsync, connectors } = useConnect();\n  const { connector: currentConnector } = useAccount();\n  const { disconnect } = useDisconnect();\n\n  const activeConnectorId = currentConnector?.id;\n\n  const handleActivate = async (connectorObject?: ActivateConnectionObject) => {\n    if (!connectorObject) {\n      onComplete?.();\n      return;\n    }\n\n    const { connectorForChecks, connectorForConnection } =\n      \"connectorFunction\" in connectorObject\n        ? {\n            // connectorFunction only comes from Privy so far\n            connectorForChecks: connectorObject.minConnector,\n            connectorForConnection: connectorObject.connectorFunction,\n          }\n        : {\n            connectorForChecks: connectorObject.connector,\n            connectorForConnection: connectorObject.connector,\n          };\n\n    const isAlreadyActive = activeConnectorId === connectorForChecks.id;\n    if (isAlreadyActive) {\n      onComplete?.(connectorForChecks);\n      return;\n    }\n\n    if (isMainInjectedConnector(connectorForChecks)) {\n      setStep(\"multiinjected\");\n      return;\n    }\n\n    if (currentConnector) {\n      disconnect({ connector: currentConnector });\n    }\n\n    await connectAsync({ connector: connectorForConnection });\n    onComplete?.(connectorForChecks);\n  };\n\n  return (\n    <div className=\"max-w-[460px]\">\n      {step === \"initial\" && (\n        <InitialStep\n          connectors={connectors}\n          activeConnectorId={activeConnectorId}\n          handleActivate={handleActivate}\n        />\n      )}\n      {step === \"multiinjected\" && (\n        <MultiInjectedStep\n          connectors={connectors}\n          activeConnectorId={activeConnectorId}\n          handleActivate={handleActivate}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isInjectedConnector(connector: Pick<Connector, \"type\">) {\n  return connector.type === \"injected\";\n}\n\nfunction isUniqueInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n  // detected by injected() connector but not injected() itself\n  return isInjectedConnector(connector) && connector.id !== \"injected\";\n}\n\nfunction isMainInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n  return isInjectedConnector(connector) && connector.id === \"injected\";\n}\n\nfunction isDistinctWalletOrMainInjectedConnector(\n  connector: Pick<Connector, \"type\" | \"id\">\n) {\n  return connector.type !== \"injected\" || isMainInjectedConnector(connector);\n}\n\nfunction isDistinctWalletExceptMainInjectedConnector(\n  connector: Pick<Connector, \"type\" | \"id\">\n) {\n  return !isMainInjectedConnector(connector);\n}\n\ntype ConnectStepProps = {\n  connectors: readonly Connector[];\n  activeConnectorId?: string;\n  handleActivate: (connector?: ActivateConnectionObject) => void;\n};\n\nconst privyWalletFauxConnector = {\n  id: \"io.privy.wallet\", // real id getting assigned to injectd({target: privyProvider}) on connection\n  name: \"Privy Wallet\", // real name getting assigned to injectd({target: privyProvider}) on connection\n  type: \"injected\", // real type that comes from injected() connector\n};\n\nfunction sortConnectors(\n  connectors: readonly Connector[]\n): readonly Connector[] {\n  /**\n   * walletConnect first, then all injected, then coinbaseWallet, then Privy\n   */\n  return connectors.slice().sort((a, b) => {\n    // walletConnect first\n    if (a.type === \"walletConnect\") return -1;\n    if (b.type === \"walletConnect\") return 1;\n\n    // injected wallets second\n    if (a.type === \"injected\") return -1;\n    if (b.type === \"injected\") return 1;\n\n    // coinbaseWallet third\n    if (a.type === \"coinbaseWallet\") return -1;\n    if (b.type === \"coinbaseWallet\") return 1;\n\n    // Privy fourth\n    if (a.type === \"privy\") return -1;\n    if (b.type === \"privy\") return 1;\n\n    // Keep other connectors in their original order\n    return 0;\n  });\n}\n\nfunction InitialStep({\n  connectors,\n  activeConnectorId,\n  handleActivate,\n}: ConnectStepProps) {\n  const injectedConnectors = connectors.filter(isInjectedConnector);\n  // 1 of them is injected(), second is metamask() or some other if available\n  // injected() is always there\n  const onlyOneInjectedWalletDetected = injectedConnectors.length === 2;\n\n  const displayedConnectors = connectors.filter(\n    onlyOneInjectedWalletDetected\n      ? // only MetaMask (or any other single injected wallet) detected among injected? use it right away\n        isDistinctWalletExceptMainInjectedConnector\n      : // injected wallets>1? show BrowserWallets and go to next step onClick\n        isDistinctWalletOrMainInjectedConnector\n  );\n\n  const sortedConnectors = sortConnectors(displayedConnectors);\n\n  const widgetConfig = useWidgetConfig();\n\n  return (\n    <ConnectWalletsInitial>\n      <BasicConnectorsButtons\n        connectors={sortedConnectors}\n        activeConnectorId={activeConnectorId}\n        onActivate={handleActivate}\n      />\n      {widgetConfig.privyAppId && (\n        <PrivyWalletButton\n          onActivate={handleActivate}\n          connector={privyWalletFauxConnector}\n          activeConnectorId={activeConnectorId}\n          privyAppId={widgetConfig.privyAppId}\n          privyClientId={widgetConfig.privyClientId}\n        />\n      )}\n    </ConnectWalletsInitial>\n  );\n}\n\nfunction MultiInjectedStep({\n  connectors,\n  activeConnectorId,\n  handleActivate,\n}: ConnectStepProps) {\n  const displayedConnectors = connectors.filter(isUniqueInjectedConnector);\n\n  return (\n    <ConnectWalletsMultiInjected>\n      <BasicConnectorsButtons\n        connectors={displayedConnectors}\n        activeConnectorId={activeConnectorId}\n        onActivate={handleActivate}\n        compact\n      />\n    </ConnectWalletsMultiInjected>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useState","BasicConnectorsButtons","PrivyWalletButton","useAccount","useConnect","useDisconnect","Connector","ActivateConnectionObject","MinConnector","useWidgetConfig","ConnectWalletsProps","children","React","ReactNode","ConnectWalletsInitial","t0","$","_c","t1","ConnectWalletsMultiInjected","ConnectWalletSteps","ConnectWalletsContainerProps","onComplete","connector","ConnectWalletsContainer","step","setStep","connectAsync","connectors","currentConnector","disconnect","activeConnectorId","id","connectorObject","connectorForChecks","connectorForConnection","minConnector","connectorFunction","isAlreadyActive","isMainInjectedConnector","handleActivate","t2","t3","t4","isInjectedConnector","Pick","type","isUniqueInjectedConnector","isDistinctWalletOrMainInjectedConnector","isDistinctWalletExceptMainInjectedConnector","ConnectStepProps","privyWalletFauxConnector","name","sortConnectors","slice","sort","a","b","InitialStep","filter","injectedConnectors","onlyOneInjectedWalletDetected","length","displayedConnectors","sortedConnectors","widgetConfig","privyAppId","privyClientId","t5","MultiInjectedStep"],"sources":["../../../../src/components/web3/ConnectWallets/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  BasicConnectorsButtons,\n  PrivyWalletButton,\n} from \"./WalletConnectButtons\";\nimport { useAccount, useConnect, useDisconnect, type Connector } from \"wagmi\";\nimport type { ActivateConnectionObject, MinConnector } from \"./types\";\nimport { useWidgetConfig } from \"@/core/state/configAtom\";\n\ntype ConnectWalletsProps = {\n  children: React.ReactNode;\n};\n\nfunction ConnectWalletsInitial({ children }: ConnectWalletsProps) {\n  return (\n    <div className=\"flex flex-col gap-[16px] pr-[24px] pl-[24px] pb-[32px] w-full\">\n      {children}\n    </div>\n  );\n}\n\nfunction ConnectWalletsMultiInjected({ children }: ConnectWalletsProps) {\n  return (\n    <div className=\"p-[16px] pb-[32px] w-full grid grid-cols-[repeat(auto-fit,minmax(120px,1fr))] justify-items-center gap-[16px]\">\n      {children}\n    </div>\n  );\n}\n\ntype ConnectWalletSteps = \"initial\" | \"multiinjected\";\n\ntype ConnectWalletsContainerProps = {\n  onComplete?: (connector?: Connector | MinConnector) => void;\n};\n\nexport function ConnectWalletsContainer({\n  onComplete,\n}: ConnectWalletsContainerProps) {\n  const [step, setStep] = useState<ConnectWalletSteps>(\"initial\");\n\n  const { connectAsync, connectors } = useConnect();\n  const { connector: currentConnector } = useAccount();\n  const { disconnect } = useDisconnect();\n\n  const activeConnectorId = currentConnector?.id;\n\n  const handleActivate = async (connectorObject?: ActivateConnectionObject) => {\n    if (!connectorObject) {\n      onComplete?.();\n      return;\n    }\n\n    const { connectorForChecks, connectorForConnection } =\n      \"connectorFunction\" in connectorObject\n        ? {\n            // connectorFunction only comes from Privy so far\n            connectorForChecks: connectorObject.minConnector,\n            connectorForConnection: connectorObject.connectorFunction,\n          }\n        : {\n            connectorForChecks: connectorObject.connector,\n            connectorForConnection: connectorObject.connector,\n          };\n\n    const isAlreadyActive = activeConnectorId === connectorForChecks.id;\n    if (isAlreadyActive) {\n      onComplete?.(connectorForChecks);\n      return;\n    }\n\n    if (isMainInjectedConnector(connectorForChecks)) {\n      setStep(\"multiinjected\");\n      return;\n    }\n\n    if (currentConnector) {\n      disconnect({ connector: currentConnector });\n    }\n\n    await connectAsync({ connector: connectorForConnection });\n    onComplete?.(connectorForChecks);\n  };\n\n  return (\n    <div className=\"max-w-[460px]\">\n      {step === \"initial\" && (\n        <InitialStep\n          connectors={connectors}\n          activeConnectorId={activeConnectorId}\n          handleActivate={handleActivate}\n        />\n      )}\n      {step === \"multiinjected\" && (\n        <MultiInjectedStep\n          connectors={connectors}\n          activeConnectorId={activeConnectorId}\n          handleActivate={handleActivate}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isInjectedConnector(connector: Pick<Connector, \"type\">) {\n  return connector.type === \"injected\";\n}\n\nfunction isUniqueInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n  // detected by injected() connector but not injected() itself\n  return isInjectedConnector(connector) && connector.id !== \"injected\";\n}\n\nfunction isMainInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n  return isInjectedConnector(connector) && connector.id === \"injected\";\n}\n\nfunction isDistinctWalletOrMainInjectedConnector(\n  connector: Pick<Connector, \"type\" | \"id\">\n) {\n  return connector.type !== \"injected\" || isMainInjectedConnector(connector);\n}\n\nfunction isDistinctWalletExceptMainInjectedConnector(\n  connector: Pick<Connector, \"type\" | \"id\">\n) {\n  return !isMainInjectedConnector(connector);\n}\n\ntype ConnectStepProps = {\n  connectors: readonly Connector[];\n  activeConnectorId?: string;\n  handleActivate: (connector?: ActivateConnectionObject) => void;\n};\n\nconst privyWalletFauxConnector = {\n  id: \"io.privy.wallet\", // real id getting assigned to injectd({target: privyProvider}) on connection\n  name: \"Privy Wallet\", // real name getting assigned to injectd({target: privyProvider}) on connection\n  type: \"injected\", // real type that comes from injected() connector\n};\n\nfunction sortConnectors(\n  connectors: readonly Connector[]\n): readonly Connector[] {\n  /**\n   * walletConnect first, then all injected, then coinbaseWallet, then Privy\n   */\n  return connectors.slice().sort((a, b) => {\n    // walletConnect first\n    if (a.type === \"walletConnect\") return -1;\n    if (b.type === \"walletConnect\") return 1;\n\n    // injected wallets second\n    if (a.type === \"injected\") return -1;\n    if (b.type === \"injected\") return 1;\n\n    // coinbaseWallet third\n    if (a.type === \"coinbaseWallet\") return -1;\n    if (b.type === \"coinbaseWallet\") return 1;\n\n    // Privy fourth\n    if (a.type === \"privy\") return -1;\n    if (b.type === \"privy\") return 1;\n\n    // Keep other connectors in their original order\n    return 0;\n  });\n}\n\nfunction InitialStep({\n  connectors,\n  activeConnectorId,\n  handleActivate,\n}: ConnectStepProps) {\n  const injectedConnectors = connectors.filter(isInjectedConnector);\n  // 1 of them is injected(), second is metamask() or some other if available\n  // injected() is always there\n  const onlyOneInjectedWalletDetected = injectedConnectors.length === 2;\n\n  const displayedConnectors = connectors.filter(\n    onlyOneInjectedWalletDetected\n      ? // only MetaMask (or any other single injected wallet) detected among injected? use it right away\n        isDistinctWalletExceptMainInjectedConnector\n      : // injected wallets>1? show BrowserWallets and go to next step onClick\n        isDistinctWalletOrMainInjectedConnector\n  );\n\n  const sortedConnectors = sortConnectors(displayedConnectors);\n\n  const widgetConfig = useWidgetConfig();\n\n  return (\n    <ConnectWalletsInitial>\n      <BasicConnectorsButtons\n        connectors={sortedConnectors}\n        activeConnectorId={activeConnectorId}\n        onActivate={handleActivate}\n      />\n      {widgetConfig.privyAppId && (\n        <PrivyWalletButton\n          onActivate={handleActivate}\n          connector={privyWalletFauxConnector}\n          activeConnectorId={activeConnectorId}\n          privyAppId={widgetConfig.privyAppId}\n          privyClientId={widgetConfig.privyClientId}\n        />\n      )}\n    </ConnectWalletsInitial>\n  );\n}\n\nfunction MultiInjectedStep({\n  connectors,\n  activeConnectorId,\n  handleActivate,\n}: ConnectStepProps) {\n  const displayedConnectors = connectors.filter(isUniqueInjectedConnector);\n\n  return (\n    <ConnectWalletsMultiInjected>\n      <BasicConnectorsButtons\n        connectors={displayedConnectors}\n        activeConnectorId={activeConnectorId}\n        onActivate={handleActivate}\n        compact\n      />\n    </ConnectWalletsMultiInjected>\n  );\n}\n"],"mappings":"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"}

package/dist/components/web3/ConnectWallets/privy/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["useLogin","useWallets","Button","useState","Slot","PrivyConnectorRunner","PrivyConnectorProvider","PrivyConnectButtonProps","PrivyLogInButtonProps","useLogger","PrivyConnectButton","t0","$","_c","onSuccess","onError","onComplete","children","asChild","disabled","privyAppId","privyClientId","logger","t1","wallet","log","t2","error","t3","t4","t5","t6","PrivyUtilLogInButton","wallets","params","login","Comp","explicitlyActivated","setExplicitlyActivated","t7"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/button.tsx"],"sourcesContent":["import { useLogin, useWallets } from \"@privy-io/react-auth\";\nimport { Button } from \"@/components/ui/button\";\nimport { useState } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { PrivyConnectorRunner } from \"./connectRunner\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport type { PrivyConnectButtonProps, PrivyLogInButtonProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport function PrivyConnectButton({\n  onSuccess,\n  onError,\n  onComplete,\n  children,\n  asChild,\n  disabled,\n  privyAppId,\n  privyClientId,\n}: PrivyConnectButtonProps) {\n  const logger = useLogger(\"PrivyConnectButton\");\n  if (disabled) {\n    // skip the whole PrivyProvider initialization\n    return <Button asChild={asChild}>{children}</Button>;\n  }\n\n  // the idea is to wrap PrivyProvider around the minimum necessary components,\n  // and then wagmi.connect(injected(privy provider))\n  return (\n    <PrivyConnectorProvider\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    >\n      <PrivyUtilLogInButton\n        onSuccess={(wallet) => {\n          logger.log(\"PrivyConnectButton::success\");\n          onSuccess?.(wallet);\n        }}\n        onError={(error) => {\n          logger.error(\"PrivyConnectButton::error\", error);\n          onError?.(error);\n        }}\n        onComplete={() => {\n          logger.log(\"PrivyConnectButton::complete\");\n          onComplete?.();\n        }}\n        asChild={asChild}\n      >\n        {children ?? \"Log in with Privy\"}\n      </PrivyUtilLogInButton>\n    </PrivyConnectorProvider>\n  );\n}\n\n// must be inside both a PrivyProvider and WagmiProvider\nfunction PrivyUtilLogInButton({\n  onSuccess,\n  onError,\n  onComplete,\n  children,\n  asChild,\n}: PrivyLogInButtonProps) {\n  // if Privy is configured to pick up injected wallets, then wallets[0] is the injected wallet,\n  // and it will be auto re-activated. So need to filter requered wallet from the list.\n  // if Privy is configured for email wallets only, then no other wallets will be picked up.\n  const { wallets } = useWallets();\n  // if allowing multiple Piryv wallet connectors, be sure to pick up what you need\n  const wallet = wallets[0];\n\n  const logger = useLogger(\"PrivyUtilLogInButton\");\n\n  const { login } = useLogin({\n    onComplete: (params) => {\n      logger.log(\"ConnectOrCreateWallet::success\", params);\n    },\n    onError: (error) => {\n      logger.error(\"ConnectOrCreateWallet::error\", error);\n      onError?.(error);\n    },\n  });\n\n  const Comp = asChild ? Slot : Button;\n\n  // don't autoconnect wagmi to Privy wallet, just because a wallet is available,\n  // otherwise when switching wallets, Privy hijacks the connection as long as PrivyUtilLogInButton is simply rendered\n  const [explicitlyActivated, setExplicitlyActivated] = useState(false);\n\n  return (\n    <>\n      <Comp\n        // instead of firing up the Privy modal\n        // can even use our own inputs for email + code with useLoginWithEmail()\n        // https://docs.privy.io/authentication/user-authentication/login-methods/email#usage\n        onClick={() => {\n          login();\n          setExplicitlyActivated(true);\n        }}\n      >\n        {children}\n      </Comp>\n      {wallet && explicitlyActivated && (\n        <PrivyConnectorRunner\n          onComplete={onComplete}\n          onError={onError}\n          onSuccess={onSuccess}\n          wallet={wallet}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["useLogin","useWallets","Button","useState","Slot","PrivyConnectorRunner","PrivyConnectorProvider","PrivyConnectButtonProps","PrivyLogInButtonProps","useLogger","PrivyConnectButton","t0","$","_c","onSuccess","onError","onComplete","children","asChild","disabled","privyAppId","privyClientId","logger","t1","wallet","log","t2","error","t3","t4","t5","t6","PrivyUtilLogInButton","wallets","params","login","Comp","explicitlyActivated","setExplicitlyActivated","t7"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/button.tsx"],"sourcesContent":["import { useLogin, useWallets } from \"@privy-io/react-auth\";\nimport { Button } from \"@/components/ui/button\";\nimport { useState } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { PrivyConnectorRunner } from \"./connectRunner\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport type { PrivyConnectButtonProps, PrivyLogInButtonProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport function PrivyConnectButton({\n  onSuccess,\n  onError,\n  onComplete,\n  children,\n  asChild,\n  disabled,\n  privyAppId,\n  privyClientId,\n}: PrivyConnectButtonProps) {\n  const logger = useLogger(\"PrivyConnectButton\");\n  if (disabled) {\n    // skip the whole PrivyProvider initialization\n    return <Button asChild={asChild}>{children}</Button>;\n  }\n\n  // the idea is to wrap PrivyProvider around the minimum necessary components,\n  // and then wagmi.connect(injected(privy provider))\n  return (\n    <PrivyConnectorProvider\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    >\n      <PrivyUtilLogInButton\n        onSuccess={(wallet) => {\n          logger.log(\"PrivyConnectButton::success\");\n          onSuccess?.(wallet);\n        }}\n        onError={(error) => {\n          logger.error(\"PrivyConnectButton::error\", error);\n          onError?.(error);\n        }}\n        onComplete={() => {\n          logger.log(\"PrivyConnectButton::complete\");\n          onComplete?.();\n        }}\n        asChild={asChild}\n      >\n        {children ?? \"Log in with Privy\"}\n      </PrivyUtilLogInButton>\n    </PrivyConnectorProvider>\n  );\n}\n\n// must be inside both a PrivyProvider and WagmiProvider\nfunction PrivyUtilLogInButton({\n  onSuccess,\n  onError,\n  onComplete,\n  children,\n  asChild,\n}: PrivyLogInButtonProps) {\n  // if Privy is configured to pick up injected wallets, then wallets[0] is the injected wallet,\n  // and it will be auto re-activated. So need to filter requered wallet from the list.\n  // if Privy is configured for email wallets only, then no other wallets will be picked up.\n  const { wallets } = useWallets();\n  // if allowing multiple Piryv wallet connectors, be sure to pick up what you need\n  const wallet = wallets[0];\n\n  const logger = useLogger(\"PrivyUtilLogInButton\");\n\n  const { login } = useLogin({\n    onComplete: (params) => {\n      logger.log(\"ConnectOrCreateWallet::success\", params);\n    },\n    onError: (error) => {\n      logger.error(\"ConnectOrCreateWallet::error\", error);\n      onError?.(error);\n    },\n  });\n\n  const Comp = asChild ? Slot : Button;\n\n  // don't autoconnect wagmi to Privy wallet, just because a wallet is available,\n  // otherwise when switching wallets, Privy hijacks the connection as long as PrivyUtilLogInButton is simply rendered\n  const [explicitlyActivated, setExplicitlyActivated] = useState(false);\n\n  return (\n    <>\n      <Comp\n        // instead of firing up the Privy modal\n        // can even use our own inputs for email + code with useLoginWithEmail()\n        // https://docs.privy.io/authentication/user-authentication/login-methods/email#usage\n        onClick={() => {\n          login();\n          setExplicitlyActivated(true);\n        }}\n      >\n        {children}\n      </Comp>\n      {wallet && explicitlyActivated && (\n        <PrivyConnectorRunner\n          onComplete={onComplete}\n          onError={onError}\n          onSuccess={onSuccess}\n          wallet={wallet}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/web3/ConnectWallets/privy/connectRunner.js.map

@@ -1 +1 @@
-{"version":3,"file":"connectRunner.js","names":["useLogout","ConnectedWallet","injected","EIP1193Provider","useEffect","PrivyLogInButtonProps","useLogger","PrivyConnectorRunnerProps","Omit","wallet","PrivyConnectorRunner","onComplete","onError","onSuccess","logout","logger","type","createConnector","log","provider","getEthereumProvider","connectorWithPrivyFactory","target","id","meta","name","icon","extendedConnectorFactory","config","connector","oldDisconnect","disconnect","args","result","apply","minConnector","connectorFunction","error","Error"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/connectRunner.tsx"],"sourcesContent":["import { useLogout, type ConnectedWallet } from \"@privy-io/react-auth\";\nimport { injected } from \"wagmi\";\nimport type { EIP1193Provider } from \"viem\";\nimport { useEffect } from \"react\";\nimport type { PrivyLogInButtonProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\ntype PrivyConnectorRunnerProps = Omit<PrivyLogInButtonProps, \"children\"> & {\n  wallet: ConnectedWallet;\n};\n\nexport function PrivyConnectorRunner({\n  onComplete,\n  onError,\n  onSuccess,\n  wallet,\n}: PrivyConnectorRunnerProps): null {\n  const { logout } = useLogout();\n  const logger = useLogger(\"PrivyConnectorRunner\");\n\n  useEffect(() => {\n    if (!wallet) return;\n    if (wallet.type === \"ethereum\") {\n      async function createConnector() {\n        if (wallet?.type !== \"ethereum\") return;\n        logger.log(\"Connecting to wallet\", wallet);\n        try {\n          const provider = await wallet.getEthereumProvider();\n\n          const connectorWithPrivyFactory = injected({\n            target: {\n              id: wallet.meta.id,\n              name: wallet.meta.name,\n              icon: wallet.meta.icon,\n              provider: provider as EIP1193Provider,\n            },\n          });\n\n          // wrap original connector factory to detect when it is called\n          const extendedConnectorFactory: typeof connectorWithPrivyFactory = (\n            config\n          ) => {\n            const connector = connectorWithPrivyFactory(config);\n\n            const oldDisconnect = connector.disconnect;\n            // wrap original disconnect method to detect when it is called\n            connector.disconnect = async (...args) => {\n              logger.log(\"connector.disconnect\");\n              const result = await oldDisconnect.apply(connector, args);\n\n              // will no-op with email wallet,\n              // but just in case we ever need use any other wallet\n              wallet.disconnect();\n              logout();\n\n              return result;\n            };\n\n            return connector;\n          };\n\n          onSuccess?.({\n            minConnector: {\n              id: wallet.meta.id,\n              name: wallet.meta.name,\n              icon: wallet.meta.icon,\n              type: \"injected\",\n            },\n            connectorFunction: extendedConnectorFactory,\n            wallet,\n          });\n        } catch (error) {\n          logger.error(\"Error getting Privy Wallet Provider\", error);\n          onError?.(error);\n        } finally {\n          onComplete?.();\n        }\n      }\n      createConnector();\n    } else {\n      onError?.(new Error(\"Wallet is not an Ethereum wallet\"));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [wallet]);\n\n  return null;\n}\n"],"mappings":";;;;;AAWA,SAAgBU,EAAqB,EACnCC,eACAC,YACAC,cACAJ,aACkC;CAClC,IAAM,EAAEK,cAAWd,GAAW,EACxBe,IAAST,EAAU,uBAAuB;AAmEhD,QAjEAF,QAAgB;AACTK,QACL,KAAIA,EAAOO,SAAS,YAAY;GAC9B,eAAeC,IAAkB;AAC3BR,WAAQO,SAAS,YACrBD;OAAOG,IAAI,wBAAwBT,EAAO;AAC1C,SAAI;MACF,IAAMU,IAAW,MAAMV,EAAOW,qBAAqB,EAE7CC,IAA4BnB,EAAS,EACzCoB,QAAQ;OACNC,IAAId,EAAOe,KAAKD;OAChBE,MAAMhB,EAAOe,KAAKC;OAClBC,MAAMjB,EAAOe,KAAKE;OACRP;OACZ,EACD,CAAC;AAyBFN,UAAY;OACVsB,cAAc;QACZZ,IAAId,EAAOe,KAAKD;QAChBE,MAAMhB,EAAOe,KAAKC;QAClBC,MAAMjB,EAAOe,KAAKE;QAClBV,MAAM;QACP;OACDoB,oBA5BAR,MACG;QACH,IAAMC,IAAYR,EAA0BO,EAAO,EAE7CE,IAAgBD,EAAUE;AAchC,eAZAF,EAAUE,aAAa,OAAO,GAAGC,MAAS;AACxCjB,WAAOG,IAAI,uBAAuB;SAClC,IAAMe,IAAS,MAAMH,EAAcI,MAAML,GAAWG,EAAK;AAOzD,gBAHAvB,EAAOsB,YAAY,EACnBjB,GAAQ,EAEDmB;WAGFJ;;OAWPpB;OACD,CAAC;cACK4B,GAAO;AAEdzB,MADAG,EAAOsB,MAAM,uCAAuCA,EAAM,EAC1DzB,IAAUyB,EAAM;eACR;AACR1B,WAAc;;;;AAGlBM,MAAiB;QAEjBL,KAAU,gBAAI0B,MAAM,mCAAmC,CAAC;IAGzD,CAAC7B,EAAO,CAAC,EAEL"}
+{"version":3,"file":"connectRunner.js","names":["useLogout","ConnectedWallet","injected","EIP1193Provider","useEffect","PrivyLogInButtonProps","useLogger","PrivyConnectorRunnerProps","Omit","wallet","PrivyConnectorRunner","onComplete","onError","onSuccess","logout","logger","type","createConnector","log","provider","getEthereumProvider","connectorWithPrivyFactory","target","id","meta","name","icon","extendedConnectorFactory","config","connector","oldDisconnect","disconnect","args","result","apply","minConnector","connectorFunction","error","Error"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/connectRunner.tsx"],"sourcesContent":["import { useLogout, type ConnectedWallet } from \"@privy-io/react-auth\";\nimport { injected } from \"wagmi\";\nimport type { EIP1193Provider } from \"viem\";\nimport { useEffect } from \"react\";\nimport type { PrivyLogInButtonProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\ntype PrivyConnectorRunnerProps = Omit<PrivyLogInButtonProps, \"children\"> & {\n  wallet: ConnectedWallet;\n};\n\nexport function PrivyConnectorRunner({\n  onComplete,\n  onError,\n  onSuccess,\n  wallet,\n}: PrivyConnectorRunnerProps): null {\n  const { logout } = useLogout();\n  const logger = useLogger(\"PrivyConnectorRunner\");\n\n  useEffect(() => {\n    if (!wallet) return;\n    if (wallet.type === \"ethereum\") {\n      async function createConnector() {\n        if (wallet?.type !== \"ethereum\") return;\n        logger.log(\"Connecting to wallet\", wallet);\n        try {\n          const provider = await wallet.getEthereumProvider();\n\n          const connectorWithPrivyFactory = injected({\n            target: {\n              id: wallet.meta.id,\n              name: wallet.meta.name,\n              icon: wallet.meta.icon,\n              provider: provider as EIP1193Provider,\n            },\n          });\n\n          // wrap original connector factory to detect when it is called\n          const extendedConnectorFactory: typeof connectorWithPrivyFactory = (\n            config\n          ) => {\n            const connector = connectorWithPrivyFactory(config);\n\n            const oldDisconnect = connector.disconnect;\n            // wrap original disconnect method to detect when it is called\n            connector.disconnect = async (...args) => {\n              logger.log(\"connector.disconnect\");\n              const result = await oldDisconnect.apply(connector, args);\n\n              // will no-op with email wallet,\n              // but just in case we ever need use any other wallet\n              wallet.disconnect();\n              logout();\n\n              return result;\n            };\n\n            return connector;\n          };\n\n          onSuccess?.({\n            minConnector: {\n              id: wallet.meta.id,\n              name: wallet.meta.name,\n              icon: wallet.meta.icon,\n              type: \"injected\",\n            },\n            connectorFunction: extendedConnectorFactory,\n            wallet,\n          });\n        } catch (error) {\n          logger.error(\"Error getting Privy Wallet Provider\", error);\n          onError?.(error);\n        } finally {\n          onComplete?.();\n        }\n      }\n      createConnector();\n    } else {\n      onError?.(new Error(\"Wallet is not an Ethereum wallet\"));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [wallet]);\n\n  return null;\n}\n"],"mappings":";;;;;AAWA,SAAgBU,EAAqB,EACnCC,eACAC,YACAC,cACAJ,aACkC;CAClC,IAAM,EAAEK,cAAWd,GAAW,EACxBe,IAAST,EAAU,uBAAuB;CAmEhD,OAjEAF,QAAgB;EACTK,OACL,IAAIA,EAAOO,SAAS,YAAY;GAC9B,eAAeC,IAAkB;IAC3BR,OAAQO,SAAS,YACrBD;OAAOG,IAAI,wBAAwBT,EAAO;KAC1C,IAAI;MACF,IAAMU,IAAW,MAAMV,EAAOW,qBAAqB,EAE7CC,IAA4BnB,EAAS,EACzCoB,QAAQ;OACNC,IAAId,EAAOe,KAAKD;OAChBE,MAAMhB,EAAOe,KAAKC;OAClBC,MAAMjB,EAAOe,KAAKE;OACRP;OACZ,EACD,CAAC;MAyBFN,IAAY;OACVsB,cAAc;QACZZ,IAAId,EAAOe,KAAKD;QAChBE,MAAMhB,EAAOe,KAAKC;QAClBC,MAAMjB,EAAOe,KAAKE;QAClBV,MAAM;QACP;OACDoB,oBA5BAR,MACG;QACH,IAAMC,IAAYR,EAA0BO,EAAO,EAE7CE,IAAgBD,EAAUE;QAchC,OAZAF,EAAUE,aAAa,OAAO,GAAGC,MAAS;SACxCjB,EAAOG,IAAI,uBAAuB;SAClC,IAAMe,IAAS,MAAMH,EAAcI,MAAML,GAAWG,EAAK;SAOzD,OAHAvB,EAAOsB,YAAY,EACnBjB,GAAQ,EAEDmB;WAGFJ;;OAWPpB;OACD,CAAC;cACK4B,GAAO;MAEdzB,AADAG,EAAOsB,MAAM,uCAAuCA,EAAM,EAC1DzB,IAAUyB,EAAM;eACR;MACR1B,KAAc;;;;GAGlBM,GAAiB;SAEjBL,IAAU,gBAAI0B,MAAM,mCAAmC,CAAC;IAGzD,CAAC7B,EAAO,CAAC,EAEL"}

package/dist/components/web3/ConnectWallets/privy/iframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.js","names":["useAccount","PrivyConnectorProvider","useWidgetConfig","PrivyIframeDependency","$","_c","connector","privyAppId","privyClientId","isPrivyConnected","id","t0"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/iframe.tsx"],"sourcesContent":["import { useAccount } from \"wagmi\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport { useWidgetConfig } from \"@/core/state/configAtom\";\n\nexport function PrivyIframeDependency() {\n  const { connector } = useAccount();\n\n  const { privyAppId, privyClientId } = useWidgetConfig();\n\n  const isPrivyConnected = connector?.id === \"io.privy.wallet\";\n\n  if (!isPrivyConnected || !privyAppId) return null;\n  // for Privy wallet to be used after connecting its Povider needs to be rendered,\n  // as it sets up an iframe and communicates with Privy API through it\n  return (\n    <PrivyConnectorProvider\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAOG,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACL,EAAAC,iBAAsBN,GAAY,EAElC,EAAAO,eAAAC,qBAAsCN,GAAiB;AAIvD,KAFyBI,GAASI,OAAS,qBAEvC,CAAsBH,EAAU,QAAS;CAAK,IAAAI;AAO9C,QAP8CP,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAIhDG,IAAA,kBAAC,GAAD;EACcJ;EACGC;EACf,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHFO"}
+{"version":3,"file":"iframe.js","names":["useAccount","PrivyConnectorProvider","useWidgetConfig","PrivyIframeDependency","$","_c","connector","privyAppId","privyClientId","isPrivyConnected","id","t0"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/iframe.tsx"],"sourcesContent":["import { useAccount } from \"wagmi\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport { useWidgetConfig } from \"@/core/state/configAtom\";\n\nexport function PrivyIframeDependency() {\n  const { connector } = useAccount();\n\n  const { privyAppId, privyClientId } = useWidgetConfig();\n\n  const isPrivyConnected = connector?.id === \"io.privy.wallet\";\n\n  if (!isPrivyConnected || !privyAppId) return null;\n  // for Privy wallet to be used after connecting its Povider needs to be rendered,\n  // as it sets up an iframe and communicates with Privy API through it\n  return (\n    <PrivyConnectorProvider\n      privyAppId={privyAppId}\n      privyClientId={privyClientId}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAOG,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACL,EAAAC,iBAAsBN,GAAY,EAElC,EAAAO,eAAAC,qBAAsCN,GAAiB;CAIvD,IAFyBI,GAASI,OAAS,qBAEvC,CAAsBH,GAAU,OAAS;CAAK,IAAAI;CAO9C,OAP8CP,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAIhDG,IAAA,kBAAC,GAAD;EACcJ;EACGC;EACf,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHFO"}

package/dist/components/web3/ConnectWallets/privy/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":["privyConfig","PrivyProvider","PrivyIds","PrivyConnectorProvider","t0","$","_c","children","privyAppId","privyClientId","t1"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/provider.tsx"],"sourcesContent":["import { privyConfig } from \"@/lib/web3/privy/config\";\nimport { PrivyProvider } from \"@privy-io/react-auth\";\nimport type { PrivyIds } from \"./types\";\n\nexport function PrivyConnectorProvider({\n  children,\n  privyAppId,\n  privyClientId,\n}: {\n  children?: React.ReactNode;\n} & PrivyIds) {\n  return (\n    <PrivyProvider\n      appId={privyAppId}\n      clientId={privyClientId}\n      config={privyConfig}\n    >\n      {children}\n    </PrivyProvider>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAOG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAgC,EAAAC,aAAAC,eAAAC,qBAAAL,GAM3BM;AAQQ,QARRL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAERC,IAAA,kBAAC,GAAD;EACSF,OAAAA;EACGC,UAAAA;EACFT,QAAAA;EAEPO;EACa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANhBK"}
+{"version":3,"file":"provider.js","names":["privyConfig","PrivyProvider","PrivyIds","PrivyConnectorProvider","t0","$","_c","children","privyAppId","privyClientId","t1"],"sources":["../../../../../src/components/web3/ConnectWallets/privy/provider.tsx"],"sourcesContent":["import { privyConfig } from \"@/lib/web3/privy/config\";\nimport { PrivyProvider } from \"@privy-io/react-auth\";\nimport type { PrivyIds } from \"./types\";\n\nexport function PrivyConnectorProvider({\n  children,\n  privyAppId,\n  privyClientId,\n}: {\n  children?: React.ReactNode;\n} & PrivyIds) {\n  return (\n    <PrivyProvider\n      appId={privyAppId}\n      clientId={privyClientId}\n      config={privyConfig}\n    >\n      {children}\n    </PrivyProvider>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAOG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAgC,EAAAC,aAAAC,eAAAC,qBAAAL,GAM3BM;CAQQ,OARRL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAERC,IAAA,kBAAC,GAAD;EACSF,OAAAA;EACGC,UAAAA;EACFT,QAAAA;EAEPO;EACa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANhBK"}

package/dist/components/web3/ConnectWallets/walletFlags.js.map

@@ -1 +1 @@
-{"version":3,"file":"walletFlags.js","names":["EIP1193Provider","providerFlag2Name","__XDEFI","isAlphaWallet","isAToken","isApexWallet","isAvalanche","isBackpack","isBinance","isBifrost","isBitgetWallet","isBitKeep","isBitpie","isBitski","isBlockWallet","isBraveWallet","isCoin98","isCoinbaseWallet","isCTRL","isDawn","isDcentWallet","isDefiant","isDeficonnectProvider","isDesig","isEnkrypt","isExodus","isFordefi","isFrame","isFrontier","isGamestop","isHaqqWallet","isHaloWallet","isHbWallet","isHyperPay","isImToken","isInfinityWallet","isKayros","isKrakenWallet","isKuCoinWallet","isLedgerButton","isLedgerLive","isLiquality","isLux","isMathWallet","isMeCoWallet","isMetaMask","isMEWwallet","isMYKEY","isNestWallet","isNovaWallet","isOkxWallet","isOKExWallet","isOneInchAndroidWallet","isOneInchIOSWallet","isOneKey","isOpera","isOwnbit","isPhantom","isPortal","isRabby","isRainbow","isSafeheron","isSafePal","isSequence","isStatus","isSubWallet","isTalisman","isTally","isTokenary","isTokenPocket","isTp","isToshi","isTrust","isTrustWallet","isTTWallet","isUniswapWallet","isWalletIO","isWigwam","isxPortal","isXDEFI","isZeal","isZerion","isZilPay","const","ProviderFlag","ProviderName","knownProviderFlags","Object","keys","ProviderWithFlags","Partial","Record","getProviderNameFromFlag","provider","isMaybeMetaMask","flag"],"sources":["../../../../src/components/web3/ConnectWallets/walletFlags.ts"],"sourcesContent":["import type { EIP1193Provider } from \"viem\";\n\nexport const providerFlag2Name = {\n  __XDEFI: \"XDEFI Wallet\",\n  isAlphaWallet: \"AlphaWallet\",\n  isAToken: \"AToken Wallet\",\n  isApexWallet: \"Apex Wallet\",\n  isAvalanche: \"Core Wallet\",\n  isBackpack: \"Backpack\",\n  isBinance: \"Binance Wallet\",\n  isBifrost: \"Bifrost Wallet\",\n  isBitgetWallet: \"Bitget Wallet\",\n  isBitKeep: \"Bitget Wallet\", // under old name\n  isBitpie: \"Bitpie Wallet\",\n  isBitski: \"Bitski\",\n  isBlockWallet: \"BlockWallet\",\n  isBraveWallet: \"Brave Wallet\",\n  isCoin98: \"Coin98 Wallet\",\n  isCoinbaseWallet: \"Coinbase Wallet\",\n  isCTRL: \"CTRL Wallet\",\n  isDawn: \"Dawn Wallet\",\n  isDcentWallet: \"D'CENT Wallet\",\n  isDefiant: \"Defiant\",\n  isDeficonnectProvider: \"DeFi Connect\",\n  isDesig: \"Desig Wallet\",\n  isEnkrypt: \"Enkrypt\",\n  isExodus: \"Exodus\",\n  isFordefi: \"Fordefi\",\n  isFrame: \"Frame\",\n  isFrontier: \"Frontier Wallet\",\n  isGamestop: \"GameStop Wallet\",\n  isHaqqWallet: \"HAQQ Wallet\",\n  isHaloWallet: \"Halo Wallet\",\n  isHbWallet: \"HB Wallet\",\n  isHyperPay: \"HyperPay Wallet\",\n  isImToken: \"ImToken\",\n  isInfinityWallet: \"Infinity Wallet\",\n  isKayros: \"Kayros Wallet\",\n  isKrakenWallet: \"Kraken Wallet\",\n  isKuCoinWallet: \"KuCoin Wallet\",\n  isLedgerButton: \"Ledger Wallet\",\n  isLedgerLive: \"Ledger Live\",\n  isLiquality: \"Liquality\",\n  isLux: \"Lux Wallet\",\n  isMathWallet: \"MathWallet\",\n  isMeCoWallet: \"MeCo Wallet\",\n  isMetaMask: \"MetaMask\",\n  isMEWwallet: \"MEW\",\n  isMYKEY: \"MYKEY\",\n  isNestWallet: \"Nest Wallet\",\n  isNovaWallet: \"Nova Wallet\",\n  isOkxWallet: \"OKX Wallet\",\n  isOKExWallet: \"OKX Wallet\",\n  isOneInchAndroidWallet: \"1inch Wallet\",\n  isOneInchIOSWallet: \"1inch Wallet\",\n  isOneKey: \"OneKey\",\n  isOpera: \"Opera\",\n  isOwnbit: \"Ownbit\",\n  isPhantom: \"Phantom\",\n  isPortal: \"Ripio Portal\",\n  isRabby: \"Rabby Wallet\",\n  isRainbow: \"Rainbow\",\n  isSafeheron: \"Safeheron\",\n  isSafePal: \"SafePal Wallet\",\n  isSequence: \"Sequence\",\n  isStatus: \"Status\",\n  isSubWallet: \"SubWallet\",\n  isTalisman: \"Talisman\",\n  isTally: \"Taho\",\n  isTokenary: \"Tokenary\",\n  isTokenPocket: \"TokenPocket\",\n  isTp: \"TokenPocket\",\n  isToshi: \"Toshi\",\n  isTrust: \"Trust Wallet\",\n  isTrustWallet: \"Trust Wallet\",\n  isTTWallet: \"TTWallet\",\n  isUniswapWallet: \"Uniswap Wallet\",\n  isWalletIO: \"Wallet.io\",\n  isWigwam: \"Wigwam\",\n  isxPortal: \"MultiversX xPortal\",\n  isXDEFI: \"XDEFI Wallet\",\n  isZeal: \"Zeal\",\n  isZerion: \"Zerion\",\n  isZilPay: \"ZilPay\",\n} as const;\n\ntype ProviderFlag = keyof typeof providerFlag2Name;\ntype ProviderName = (typeof providerFlag2Name)[ProviderFlag];\n\nconst knownProviderFlags = Object.keys(providerFlag2Name) as ProviderFlag[];\n\nexport type ProviderWithFlags = EIP1193Provider &\n  Partial<Record<ProviderFlag, boolean>>;\n\nexport function getProviderNameFromFlag(\n  provider: ProviderWithFlags\n): ProviderName | null {\n  let isMaybeMetaMask = false;\n  for (const flag of knownProviderFlags) {\n    if (provider[flag]) {\n      if (flag === \"isMetaMask\") {\n        isMaybeMetaMask = true;\n        // many providers pretend to be MetaMask, so we need to check if they have one of the other flags\n        continue;\n      }\n      return providerFlag2Name[flag];\n    }\n  }\n  if (isMaybeMetaMask) {\n    return providerFlag2Name.isMetaMask;\n  }\n  return null;\n}\n"],"mappings":";AAEA,IAAaC,IAAoB;CAC/BC,SAAS;CACTC,eAAe;CACfC,UAAU;CACVC,cAAc;CACdC,aAAa;CACbC,YAAY;CACZC,WAAW;CACXC,WAAW;CACXC,gBAAgB;CAChBC,WAAW;CACXC,UAAU;CACVC,UAAU;CACVC,eAAe;CACfC,eAAe;CACfC,UAAU;CACVC,kBAAkB;CAClBC,QAAQ;CACRC,QAAQ;CACRC,eAAe;CACfC,WAAW;CACXC,uBAAuB;CACvBC,SAAS;CACTC,WAAW;CACXC,UAAU;CACVC,WAAW;CACXC,SAAS;CACTC,YAAY;CACZC,YAAY;CACZC,cAAc;CACdC,cAAc;CACdC,YAAY;CACZC,YAAY;CACZC,WAAW;CACXC,kBAAkB;CAClBC,UAAU;CACVC,gBAAgB;CAChBC,gBAAgB;CAChBC,gBAAgB;CAChBC,cAAc;CACdC,aAAa;CACbC,OAAO;CACPC,cAAc;CACdC,cAAc;CACdC,YAAY;CACZC,aAAa;CACbC,SAAS;CACTC,cAAc;CACdC,cAAc;CACdC,aAAa;CACbC,cAAc;CACdC,wBAAwB;CACxBC,oBAAoB;CACpBC,UAAU;CACVC,SAAS;CACTC,UAAU;CACVC,WAAW;CACXC,UAAU;CACVC,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,WAAW;CACXC,YAAY;CACZC,UAAU;CACVC,aAAa;CACbC,YAAY;CACZC,SAAS;CACTC,YAAY;CACZC,eAAe;CACfC,MAAM;CACNC,SAAS;CACTC,SAAS;CACTC,eAAe;CACfC,YAAY;CACZC,iBAAiB;CACjBC,YAAY;CACZC,UAAU;CACVC,WAAW;CACXC,SAAS;CACTC,QAAQ;CACRC,UAAU;CACVC,UAAU;CACX,EAKKI,IAAqBC,OAAOC,KAAKvF,EAAkB;AAKzD,SAAgB2F,EACdC,GACqB;CACrB,IAAIC,IAAkB;AACtB,MAAK,IAAMC,KAAQT,EACjB,KAAIO,EAASE,IAAO;AAClB,MAAIA,MAAS,cAAc;AACzBD,OAAkB;AAElB;;AAEF,SAAO7F,EAAkB8F;;AAM7B,QAHID,IACK7F,EAAkB4C,aAEpB"}
+{"version":3,"file":"walletFlags.js","names":["EIP1193Provider","providerFlag2Name","__XDEFI","isAlphaWallet","isAToken","isApexWallet","isAvalanche","isBackpack","isBinance","isBifrost","isBitgetWallet","isBitKeep","isBitpie","isBitski","isBlockWallet","isBraveWallet","isCoin98","isCoinbaseWallet","isCTRL","isDawn","isDcentWallet","isDefiant","isDeficonnectProvider","isDesig","isEnkrypt","isExodus","isFordefi","isFrame","isFrontier","isGamestop","isHaqqWallet","isHaloWallet","isHbWallet","isHyperPay","isImToken","isInfinityWallet","isKayros","isKrakenWallet","isKuCoinWallet","isLedgerButton","isLedgerLive","isLiquality","isLux","isMathWallet","isMeCoWallet","isMetaMask","isMEWwallet","isMYKEY","isNestWallet","isNovaWallet","isOkxWallet","isOKExWallet","isOneInchAndroidWallet","isOneInchIOSWallet","isOneKey","isOpera","isOwnbit","isPhantom","isPortal","isRabby","isRainbow","isSafeheron","isSafePal","isSequence","isStatus","isSubWallet","isTalisman","isTally","isTokenary","isTokenPocket","isTp","isToshi","isTrust","isTrustWallet","isTTWallet","isUniswapWallet","isWalletIO","isWigwam","isxPortal","isXDEFI","isZeal","isZerion","isZilPay","const","ProviderFlag","ProviderName","knownProviderFlags","Object","keys","ProviderWithFlags","Partial","Record","getProviderNameFromFlag","provider","isMaybeMetaMask","flag"],"sources":["../../../../src/components/web3/ConnectWallets/walletFlags.ts"],"sourcesContent":["import type { EIP1193Provider } from \"viem\";\n\nexport const providerFlag2Name = {\n  __XDEFI: \"XDEFI Wallet\",\n  isAlphaWallet: \"AlphaWallet\",\n  isAToken: \"AToken Wallet\",\n  isApexWallet: \"Apex Wallet\",\n  isAvalanche: \"Core Wallet\",\n  isBackpack: \"Backpack\",\n  isBinance: \"Binance Wallet\",\n  isBifrost: \"Bifrost Wallet\",\n  isBitgetWallet: \"Bitget Wallet\",\n  isBitKeep: \"Bitget Wallet\", // under old name\n  isBitpie: \"Bitpie Wallet\",\n  isBitski: \"Bitski\",\n  isBlockWallet: \"BlockWallet\",\n  isBraveWallet: \"Brave Wallet\",\n  isCoin98: \"Coin98 Wallet\",\n  isCoinbaseWallet: \"Coinbase Wallet\",\n  isCTRL: \"CTRL Wallet\",\n  isDawn: \"Dawn Wallet\",\n  isDcentWallet: \"D'CENT Wallet\",\n  isDefiant: \"Defiant\",\n  isDeficonnectProvider: \"DeFi Connect\",\n  isDesig: \"Desig Wallet\",\n  isEnkrypt: \"Enkrypt\",\n  isExodus: \"Exodus\",\n  isFordefi: \"Fordefi\",\n  isFrame: \"Frame\",\n  isFrontier: \"Frontier Wallet\",\n  isGamestop: \"GameStop Wallet\",\n  isHaqqWallet: \"HAQQ Wallet\",\n  isHaloWallet: \"Halo Wallet\",\n  isHbWallet: \"HB Wallet\",\n  isHyperPay: \"HyperPay Wallet\",\n  isImToken: \"ImToken\",\n  isInfinityWallet: \"Infinity Wallet\",\n  isKayros: \"Kayros Wallet\",\n  isKrakenWallet: \"Kraken Wallet\",\n  isKuCoinWallet: \"KuCoin Wallet\",\n  isLedgerButton: \"Ledger Wallet\",\n  isLedgerLive: \"Ledger Live\",\n  isLiquality: \"Liquality\",\n  isLux: \"Lux Wallet\",\n  isMathWallet: \"MathWallet\",\n  isMeCoWallet: \"MeCo Wallet\",\n  isMetaMask: \"MetaMask\",\n  isMEWwallet: \"MEW\",\n  isMYKEY: \"MYKEY\",\n  isNestWallet: \"Nest Wallet\",\n  isNovaWallet: \"Nova Wallet\",\n  isOkxWallet: \"OKX Wallet\",\n  isOKExWallet: \"OKX Wallet\",\n  isOneInchAndroidWallet: \"1inch Wallet\",\n  isOneInchIOSWallet: \"1inch Wallet\",\n  isOneKey: \"OneKey\",\n  isOpera: \"Opera\",\n  isOwnbit: \"Ownbit\",\n  isPhantom: \"Phantom\",\n  isPortal: \"Ripio Portal\",\n  isRabby: \"Rabby Wallet\",\n  isRainbow: \"Rainbow\",\n  isSafeheron: \"Safeheron\",\n  isSafePal: \"SafePal Wallet\",\n  isSequence: \"Sequence\",\n  isStatus: \"Status\",\n  isSubWallet: \"SubWallet\",\n  isTalisman: \"Talisman\",\n  isTally: \"Taho\",\n  isTokenary: \"Tokenary\",\n  isTokenPocket: \"TokenPocket\",\n  isTp: \"TokenPocket\",\n  isToshi: \"Toshi\",\n  isTrust: \"Trust Wallet\",\n  isTrustWallet: \"Trust Wallet\",\n  isTTWallet: \"TTWallet\",\n  isUniswapWallet: \"Uniswap Wallet\",\n  isWalletIO: \"Wallet.io\",\n  isWigwam: \"Wigwam\",\n  isxPortal: \"MultiversX xPortal\",\n  isXDEFI: \"XDEFI Wallet\",\n  isZeal: \"Zeal\",\n  isZerion: \"Zerion\",\n  isZilPay: \"ZilPay\",\n} as const;\n\ntype ProviderFlag = keyof typeof providerFlag2Name;\ntype ProviderName = (typeof providerFlag2Name)[ProviderFlag];\n\nconst knownProviderFlags = Object.keys(providerFlag2Name) as ProviderFlag[];\n\nexport type ProviderWithFlags = EIP1193Provider &\n  Partial<Record<ProviderFlag, boolean>>;\n\nexport function getProviderNameFromFlag(\n  provider: ProviderWithFlags\n): ProviderName | null {\n  let isMaybeMetaMask = false;\n  for (const flag of knownProviderFlags) {\n    if (provider[flag]) {\n      if (flag === \"isMetaMask\") {\n        isMaybeMetaMask = true;\n        // many providers pretend to be MetaMask, so we need to check if they have one of the other flags\n        continue;\n      }\n      return providerFlag2Name[flag];\n    }\n  }\n  if (isMaybeMetaMask) {\n    return providerFlag2Name.isMetaMask;\n  }\n  return null;\n}\n"],"mappings":";AAEA,IAAaC,IAAoB;CAC/BC,SAAS;CACTC,eAAe;CACfC,UAAU;CACVC,cAAc;CACdC,aAAa;CACbC,YAAY;CACZC,WAAW;CACXC,WAAW;CACXC,gBAAgB;CAChBC,WAAW;CACXC,UAAU;CACVC,UAAU;CACVC,eAAe;CACfC,eAAe;CACfC,UAAU;CACVC,kBAAkB;CAClBC,QAAQ;CACRC,QAAQ;CACRC,eAAe;CACfC,WAAW;CACXC,uBAAuB;CACvBC,SAAS;CACTC,WAAW;CACXC,UAAU;CACVC,WAAW;CACXC,SAAS;CACTC,YAAY;CACZC,YAAY;CACZC,cAAc;CACdC,cAAc;CACdC,YAAY;CACZC,YAAY;CACZC,WAAW;CACXC,kBAAkB;CAClBC,UAAU;CACVC,gBAAgB;CAChBC,gBAAgB;CAChBC,gBAAgB;CAChBC,cAAc;CACdC,aAAa;CACbC,OAAO;CACPC,cAAc;CACdC,cAAc;CACdC,YAAY;CACZC,aAAa;CACbC,SAAS;CACTC,cAAc;CACdC,cAAc;CACdC,aAAa;CACbC,cAAc;CACdC,wBAAwB;CACxBC,oBAAoB;CACpBC,UAAU;CACVC,SAAS;CACTC,UAAU;CACVC,WAAW;CACXC,UAAU;CACVC,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,WAAW;CACXC,YAAY;CACZC,UAAU;CACVC,aAAa;CACbC,YAAY;CACZC,SAAS;CACTC,YAAY;CACZC,eAAe;CACfC,MAAM;CACNC,SAAS;CACTC,SAAS;CACTC,eAAe;CACfC,YAAY;CACZC,iBAAiB;CACjBC,YAAY;CACZC,UAAU;CACVC,WAAW;CACXC,SAAS;CACTC,QAAQ;CACRC,UAAU;CACVC,UAAU;CACX,EAKKI,IAAqBC,OAAOC,KAAKvF,EAAkB;AAKzD,SAAgB2F,EACdC,GACqB;CACrB,IAAIC,IAAkB;CACtB,KAAK,IAAMC,KAAQT,GACjB,IAAIO,EAASE,IAAO;EAClB,IAAIA,MAAS,cAAc;GACzBD,IAAkB;GAElB;;EAEF,OAAO7F,EAAkB8F;;CAM7B,OAHID,IACK7F,EAAkB4C,aAEpB"}

package/dist/components/web3/ConnectWallets/walletIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"walletIcons.js","names":["TrezorSVG","WalletConnectSVG","LedgerSVG","MetamaskSVG","ParaswapSVG","BrowserWalletSVG","BscWalletSVG","CoinbaseWalletSVG","EmailSVG","SafeSVG","useQuery","assert","walletConnect","useAccount","Connector","isExternalConnector","getProviderNameFromFlag","ProviderWithFlags","connectorId2Icon","Record","privy","trezor","walletconnect","ledger","metamask","metaMaskSDK","paraswap","injected","bscwallet","coinbasewallet","coinbaseWalletSDK","safe","connectorId2Name","GetWalletIconProps","id","icon","name","provider","getWalletIcon","getWalletName","walletNameFromConnector","providerName","getWalletConnectMetadata","wconnectProvider","Metadata","isWConnectProvider","session","peer","metadata","description","url","icons","verifyUrl","redirect","native","universal","linkMode","MinSession","publicKey","MinWConnectProvider","isWalletConnect","WalletMeta","connectorId","connectorUid","connectorName","connectorType","isExternal","useWatchWalletMetadata","connector","walletMetadata","useWalletMetadata","$","_c","t0","uid","t1","walletMetadataQueryKey","t2","getWalletMetadata","t3","t4","queryKey","queryFn","enabled","gcTime","Infinity","data","const","Promise","connectorIsWConnect","isWalletConnectConnector","fallbackIcon","fallbackName","connectorIsExternal","type","getProvider","Pick","T"],"sources":["../../../../src/components/web3/ConnectWallets/walletIcons.ts"],"sourcesContent":["// import PrivySVG from \"./assets/privy.svg?url\";\nimport TrezorSVG from \"./assets/trezor.svg?url\";\nimport WalletConnectSVG from \"./assets/walletconnect.svg?url\";\nimport LedgerSVG from \"./assets/ledger.svg?url\";\nimport MetamaskSVG from \"./assets/metamask.svg?url\";\nimport ParaswapSVG from \"./assets/paraswap.svg?url\";\nimport BrowserWalletSVG from \"./assets/browser-wallet.svg?url\";\nimport BscWalletSVG from \"./assets/bscwallet.svg?url\";\nimport CoinbaseWalletSVG from \"./assets/coinbasewallet.svg?url\";\nimport EmailSVG from \"./assets/email.svg?url\";\nimport SafeSVG from \"./assets/safe.svg?url\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { assert } from \"ts-essentials\";\nimport { walletConnect } from \"wagmi/connectors\";\nimport { useAccount, type Connector } from \"wagmi\";\nimport { isExternalConnector } from \"../ConnectExternalProvider/utils\";\nimport { getProviderNameFromFlag, type ProviderWithFlags } from \"./walletFlags\";\n\nconst connectorId2Icon: Record<string, string> = {\n  privy: EmailSVG,\n  \"io.privy.wallet\": EmailSVG,\n  trezor: TrezorSVG,\n  walletconnect: WalletConnectSVG,\n  walletConnect: WalletConnectSVG,\n  ledger: LedgerSVG,\n  metamask: MetamaskSVG,\n  metaMaskSDK: MetamaskSVG,\n  paraswap: ParaswapSVG,\n  injected: BrowserWalletSVG,\n  bscwallet: BscWalletSVG,\n  coinbasewallet: CoinbaseWalletSVG,\n  coinbaseWalletSDK: CoinbaseWalletSVG,\n  safe: SafeSVG,\n};\n\nconst connectorId2Name: Record<string, string> = {\n  privy: \"Connect with Email\",\n  \"io.privy.wallet\": \"Connect with Email\",\n  walletconnect: \"Wallet Connect\",\n  walletConnect: \"Wallet Connect\",\n  ledger: \"Ledger\",\n  metamask: \"MetaMask\",\n  injected: \"Browser Wallet\",\n  safe: \"Safe Wallet\",\n};\n\ntype GetWalletIconProps = {\n  id: string;\n  icon?: string;\n  name?: string;\n  provider?: ProviderWithFlags;\n};\n\nexport function getWalletIcon({ id, icon }: GetWalletIconProps) {\n  return connectorId2Icon[id] || icon || null;\n}\n\nexport function getWalletName({ id, name, provider }: GetWalletIconProps) {\n  const walletNameFromConnector = connectorId2Name[id];\n  if (walletNameFromConnector) {\n    return walletNameFromConnector;\n  }\n  if (provider) {\n    const providerName = getProviderNameFromFlag(provider);\n    if (providerName) {\n      return providerName;\n    }\n  }\n  return name || null;\n}\n\nexport function getWalletConnectMetadata(\n  wconnectProvider: unknown\n): Metadata | null {\n  if (!isWConnectProvider(wconnectProvider)) {\n    return null;\n  }\n  return wconnectProvider?.session?.peer?.metadata || null;\n}\n\ninterface Metadata {\n  name: string;\n  description: string;\n  url: string;\n  icons: string[];\n  verifyUrl?: string;\n  redirect?: {\n    native?: string;\n    universal?: string;\n    linkMode?: boolean;\n  };\n}\n\ninterface MinSession {\n  peer: {\n    publicKey: string;\n    metadata: Metadata;\n  };\n}\n\ntype MinWConnectProvider = {\n  isWalletConnect: true;\n  session: MinSession;\n};\n\nexport function isWConnectProvider(\n  provider: unknown\n): provider is MinWConnectProvider {\n  return (\n    !!provider &&\n    typeof provider === \"object\" &&\n    \"isWalletConnect\" in provider &&\n    !!provider.isWalletConnect\n  );\n}\n\nexport type WalletMeta = {\n  icon: string | null;\n  name: string | null;\n  connectorId: string;\n  connectorUid: string;\n  connectorName: string;\n  connectorType: string;\n  isWalletConnect: boolean;\n  isExternal: boolean;\n};\n\nexport function useWatchWalletMetadata(): WalletMeta | undefined {\n  const { connector } = useAccount();\n  const walletMetadata = useWalletMetadata(connector);\n\n  return walletMetadata;\n}\n\nexport function useWalletMetadata(\n  connector?: Connector\n): WalletMeta | undefined {\n  const { data: walletMetadata } = useQuery<WalletMeta>({\n    queryKey: walletMetadataQueryKey(connector?.uid),\n    queryFn: async () => {\n      assert(connector, \"Connector must be provided to fetch wallet metadata\");\n\n      return getWalletMetadata(connector);\n    },\n    enabled: !!connector,\n    gcTime: Infinity,\n    // without staleTime, because WalletConnect connector keeps same id even if underlying wallet is changed,\n    // safer to retry\n  });\n\n  return walletMetadata;\n}\n\nexport function walletMetadataQueryKey(connectorUid?: string) {\n  return [\"wallet-metadata\", connectorUid] as const;\n}\n\nexport async function getWalletMetadata(\n  connector: Connector\n): Promise<WalletMeta> {\n  const connectorIsWConnect = isWalletConnectConnector(connector);\n  const fallbackIcon = getWalletIcon({\n    id: connector.id,\n    icon: connector.icon,\n  });\n  const fallbackName = getWalletName({\n    id: connector.id,\n    name: connector.name,\n  });\n\n  const connectorIsExternal = isExternalConnector(connector);\n\n  if (!connectorIsWConnect && !connectorIsExternal) {\n    // non-WalletConnect connectors use their own icon and name, when available,\n    // except for external provider that may also be a WalletConnect provider\n    return {\n      icon: fallbackIcon,\n      name: fallbackName,\n      connectorId: connector.id,\n      connectorUid: connector.uid,\n      connectorType: connector.type,\n      connectorName: connector.name,\n      isWalletConnect: false,\n      isExternal: false,\n    };\n  }\n\n  // connector here is either a WalletConnect connector or an external connector (injected connector with external provider)\n  const provider = await connector.getProvider();\n  // provider is either WalletConnect provider or external provider (may or may not be a WalletConnect provider)\n\n  // WalletConnect provider has icon and name in their metadata\n  if (isWConnectProvider(provider)) {\n    const metadata = getWalletConnectMetadata(provider);\n    return {\n      // Wallet-specific WalletConnect icon, or default WalletConnect icon\n      icon: metadata?.icons?.[0] ?? fallbackIcon,\n      name: metadata?.name ?? fallbackName,\n      connectorId: connector.id,\n      connectorUid: connector.uid,\n      connectorType: connector.type,\n      connectorName: connector.name,\n      isWalletConnect: true,\n      isExternal: connectorIsExternal,\n    };\n  }\n  return {\n    icon: fallbackIcon,\n    name: fallbackName,\n    connectorId: connector.id,\n    connectorUid: connector.uid,\n    connectorType: connector.type,\n    connectorName: connector.name,\n    isWalletConnect: false,\n    isExternal: connectorIsExternal,\n  };\n}\n\nexport function isWalletConnectConnector<T extends Pick<Connector, \"type\">>(\n  connector: T\n): connector is T & { type: typeof walletConnect.type } {\n  return connector.type === walletConnect.type;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAMkB,IAA2C;CAC/CE,OAAOZ;CACP,mBAAmBA;CACnBa,QAAQrB;CACRsB,eAAerB;CACfW,eAAeX;CACfsB,QAAQrB;CACRsB,UAAUrB;CACVsB,aAAatB;CACbuB,UAAUtB;CACVuB,UAAUtB;CACVuB,WAAWtB;CACXuB,gBAAgBtB;CAChBuB,mBAAmBvB;CACnBwB,MAAMtB;CACP,EAEKuB,IAA2C;CAC/CZ,OAAO;CACP,mBAAmB;CACnBE,eAAe;CACfV,eAAe;CACfW,QAAQ;CACRC,UAAU;CACVG,UAAU;CACVI,MAAM;CACP;AASD,SAAgBO,EAAc,EAAEJ,OAAIC,WAA4B;AAC9D,QAAOjB,EAAiBgB,MAAOC,KAAQ;;AAGzC,SAAgBI,EAAc,EAAEL,OAAIE,SAAMC,eAAgC;CACxE,IAAMG,IAA0BR,EAAiBE;AACjD,KAAIM,EACF,QAAOA;AAET,KAAIH,GAAU;EACZ,IAAMI,IAAezB,EAAwBqB,EAAS;AACtD,MAAII,EACF,QAAOA;;AAGX,QAAOL,KAAQ;;AAGjB,SAAgBM,EACdC,GACiB;AAIjB,QAHKE,EAAmBF,EAAiB,IAGlCA,GAAkBG,SAASC,MAAMC,YAF/B;;AA8BX,SAAgBH,EACdR,GACiC;AACjC,QACE,CAAC,CAACA,KACF,OAAOA,KAAa,YACpB,qBAAqBA,KACrB,CAAC,CAACA,EAASuB;;AAef,SAAOO,IAAA;CACL,IAAA,EAAAC,iBAAsBvD,GAAY;AACkB,QAA7ByD,EAAkBF,EAAU;;AAKrD,SAAOE,EAAAF,GAAA;CAAA,IAAAG,IAAAC,EAAA,EAAA,EAI8BC,IAAAL,GAASM,KAAKC;AAAA,CAAAJ,EAAA,OAAAE,IAACE,IAAAJ,EAAA,MAAtCI,IAAAC,EAAuBH,EAAe,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAE;AAAA,CAAAN,EAAA,OAAAH,IAK/CS,IAAAN,EAAA,MAJQM,IAAA,aACPlE,EAAOyD,GAAW,sDAAsD,EAEjEU,EAAkBV,EAAU,GACpCG,EAAA,KAAAH,GAAAG,EAAA,KAAAM;CACQ,IAAAE,IAAA,CAAC,CAACX,GAASY;AAAA,CAAAT,EAAA,OAAAI,KAAAJ,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAPgCC,IAAA;EAAAC,UAC1CN;EAAsCO,SACvCL;EAIRM,SACQJ;EAAWK,QACZC;EAGT,EAAAd,EAAA,KAAAI,GAAAJ,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAXD,IAAA,EAAAe,MAAAjB,MAAiC3D,EAAqBsE,EAWpD;AAAC,QAEIX;;AAGT,SAAgBO,EAAuBb,GAAuB;AAC5D,QAAO,CAAC,mBAAmBA,EAAa;;AAG1C,eAAsBe,EACpBV,GACqB;CACrB,IAAMqB,IAAsBC,EAAyBtB,EAAU,EACzDuB,IAAerD,EAAc;EACjCJ,IAAIkC,EAAUlC;EACdC,MAAMiC,EAAUjC;EACjB,CAAC,EACIyD,IAAerD,EAAc;EACjCL,IAAIkC,EAAUlC;EACdE,MAAMgC,EAAUhC;EACjB,CAAC,EAEIyD,IAAsB9E,EAAoBqD,EAAU;AAE1D,KAAI,CAACqB,KAAuB,CAACI,EAG3B,QAAO;EACL1D,MAAMwD;EACNvD,MAAMwD;EACN9B,aAAaM,EAAUlC;EACvB6B,cAAcK,EAAUM;EACxBT,eAAeG,EAAU0B;EACzB9B,eAAeI,EAAUhC;EACzBwB,iBAAiB;EACjBM,YAAY;EACb;CAIH,IAAM7B,IAAW,MAAM+B,EAAU2B,aAAa;AAI9C,KAAIlD,EAAmBR,EAAS,EAAE;EAChC,IAAMW,IAAWN,EAAyBL,EAAS;AACnD,SAAO;GAELF,MAAMa,GAAUG,QAAQ,MAAMwC;GAC9BvD,MAAMY,GAAUZ,QAAQwD;GACxB9B,aAAaM,EAAUlC;GACvB6B,cAAcK,EAAUM;GACxBT,eAAeG,EAAU0B;GACzB9B,eAAeI,EAAUhC;GACzBwB,iBAAiB;GACjBM,YAAY2B;GACb;;AAEH,QAAO;EACL1D,MAAMwD;EACNvD,MAAMwD;EACN9B,aAAaM,EAAUlC;EACvB6B,cAAcK,EAAUM;EACxBT,eAAeG,EAAU0B;EACzB9B,eAAeI,EAAUhC;EACzBwB,iBAAiB;EACjBM,YAAY2B;EACb;;AAGH,SAAgBH,EACdtB,GACsD;AACtD,QAAOA,EAAU0B,SAASlF,EAAckF"}
+{"version":3,"file":"walletIcons.js","names":["TrezorSVG","WalletConnectSVG","LedgerSVG","MetamaskSVG","ParaswapSVG","BrowserWalletSVG","BscWalletSVG","CoinbaseWalletSVG","EmailSVG","SafeSVG","useQuery","assert","walletConnect","useAccount","Connector","isExternalConnector","getProviderNameFromFlag","ProviderWithFlags","connectorId2Icon","Record","privy","trezor","walletconnect","ledger","metamask","metaMaskSDK","paraswap","injected","bscwallet","coinbasewallet","coinbaseWalletSDK","safe","connectorId2Name","GetWalletIconProps","id","icon","name","provider","getWalletIcon","getWalletName","walletNameFromConnector","providerName","getWalletConnectMetadata","wconnectProvider","Metadata","isWConnectProvider","session","peer","metadata","description","url","icons","verifyUrl","redirect","native","universal","linkMode","MinSession","publicKey","MinWConnectProvider","isWalletConnect","WalletMeta","connectorId","connectorUid","connectorName","connectorType","isExternal","useWatchWalletMetadata","connector","walletMetadata","useWalletMetadata","$","_c","t0","uid","t1","walletMetadataQueryKey","t2","getWalletMetadata","t3","t4","queryKey","queryFn","enabled","gcTime","Infinity","data","const","Promise","connectorIsWConnect","isWalletConnectConnector","fallbackIcon","fallbackName","connectorIsExternal","type","getProvider","Pick","T"],"sources":["../../../../src/components/web3/ConnectWallets/walletIcons.ts"],"sourcesContent":["// import PrivySVG from \"./assets/privy.svg?url\";\nimport TrezorSVG from \"./assets/trezor.svg?url\";\nimport WalletConnectSVG from \"./assets/walletconnect.svg?url\";\nimport LedgerSVG from \"./assets/ledger.svg?url\";\nimport MetamaskSVG from \"./assets/metamask.svg?url\";\nimport ParaswapSVG from \"./assets/paraswap.svg?url\";\nimport BrowserWalletSVG from \"./assets/browser-wallet.svg?url\";\nimport BscWalletSVG from \"./assets/bscwallet.svg?url\";\nimport CoinbaseWalletSVG from \"./assets/coinbasewallet.svg?url\";\nimport EmailSVG from \"./assets/email.svg?url\";\nimport SafeSVG from \"./assets/safe.svg?url\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { assert } from \"ts-essentials\";\nimport { walletConnect } from \"wagmi/connectors\";\nimport { useAccount, type Connector } from \"wagmi\";\nimport { isExternalConnector } from \"../ConnectExternalProvider/utils\";\nimport { getProviderNameFromFlag, type ProviderWithFlags } from \"./walletFlags\";\n\nconst connectorId2Icon: Record<string, string> = {\n  privy: EmailSVG,\n  \"io.privy.wallet\": EmailSVG,\n  trezor: TrezorSVG,\n  walletconnect: WalletConnectSVG,\n  walletConnect: WalletConnectSVG,\n  ledger: LedgerSVG,\n  metamask: MetamaskSVG,\n  metaMaskSDK: MetamaskSVG,\n  paraswap: ParaswapSVG,\n  injected: BrowserWalletSVG,\n  bscwallet: BscWalletSVG,\n  coinbasewallet: CoinbaseWalletSVG,\n  coinbaseWalletSDK: CoinbaseWalletSVG,\n  safe: SafeSVG,\n};\n\nconst connectorId2Name: Record<string, string> = {\n  privy: \"Connect with Email\",\n  \"io.privy.wallet\": \"Connect with Email\",\n  walletconnect: \"Wallet Connect\",\n  walletConnect: \"Wallet Connect\",\n  ledger: \"Ledger\",\n  metamask: \"MetaMask\",\n  injected: \"Browser Wallet\",\n  safe: \"Safe Wallet\",\n};\n\ntype GetWalletIconProps = {\n  id: string;\n  icon?: string;\n  name?: string;\n  provider?: ProviderWithFlags;\n};\n\nexport function getWalletIcon({ id, icon }: GetWalletIconProps) {\n  return connectorId2Icon[id] || icon || null;\n}\n\nexport function getWalletName({ id, name, provider }: GetWalletIconProps) {\n  const walletNameFromConnector = connectorId2Name[id];\n  if (walletNameFromConnector) {\n    return walletNameFromConnector;\n  }\n  if (provider) {\n    const providerName = getProviderNameFromFlag(provider);\n    if (providerName) {\n      return providerName;\n    }\n  }\n  return name || null;\n}\n\nexport function getWalletConnectMetadata(\n  wconnectProvider: unknown\n): Metadata | null {\n  if (!isWConnectProvider(wconnectProvider)) {\n    return null;\n  }\n  return wconnectProvider?.session?.peer?.metadata || null;\n}\n\ninterface Metadata {\n  name: string;\n  description: string;\n  url: string;\n  icons: string[];\n  verifyUrl?: string;\n  redirect?: {\n    native?: string;\n    universal?: string;\n    linkMode?: boolean;\n  };\n}\n\ninterface MinSession {\n  peer: {\n    publicKey: string;\n    metadata: Metadata;\n  };\n}\n\ntype MinWConnectProvider = {\n  isWalletConnect: true;\n  session: MinSession;\n};\n\nexport function isWConnectProvider(\n  provider: unknown\n): provider is MinWConnectProvider {\n  return (\n    !!provider &&\n    typeof provider === \"object\" &&\n    \"isWalletConnect\" in provider &&\n    !!provider.isWalletConnect\n  );\n}\n\nexport type WalletMeta = {\n  icon: string | null;\n  name: string | null;\n  connectorId: string;\n  connectorUid: string;\n  connectorName: string;\n  connectorType: string;\n  isWalletConnect: boolean;\n  isExternal: boolean;\n};\n\nexport function useWatchWalletMetadata(): WalletMeta | undefined {\n  const { connector } = useAccount();\n  const walletMetadata = useWalletMetadata(connector);\n\n  return walletMetadata;\n}\n\nexport function useWalletMetadata(\n  connector?: Connector\n): WalletMeta | undefined {\n  const { data: walletMetadata } = useQuery<WalletMeta>({\n    queryKey: walletMetadataQueryKey(connector?.uid),\n    queryFn: async () => {\n      assert(connector, \"Connector must be provided to fetch wallet metadata\");\n\n      return getWalletMetadata(connector);\n    },\n    enabled: !!connector,\n    gcTime: Infinity,\n    // without staleTime, because WalletConnect connector keeps same id even if underlying wallet is changed,\n    // safer to retry\n  });\n\n  return walletMetadata;\n}\n\nexport function walletMetadataQueryKey(connectorUid?: string) {\n  return [\"wallet-metadata\", connectorUid] as const;\n}\n\nexport async function getWalletMetadata(\n  connector: Connector\n): Promise<WalletMeta> {\n  const connectorIsWConnect = isWalletConnectConnector(connector);\n  const fallbackIcon = getWalletIcon({\n    id: connector.id,\n    icon: connector.icon,\n  });\n  const fallbackName = getWalletName({\n    id: connector.id,\n    name: connector.name,\n  });\n\n  const connectorIsExternal = isExternalConnector(connector);\n\n  if (!connectorIsWConnect && !connectorIsExternal) {\n    // non-WalletConnect connectors use their own icon and name, when available,\n    // except for external provider that may also be a WalletConnect provider\n    return {\n      icon: fallbackIcon,\n      name: fallbackName,\n      connectorId: connector.id,\n      connectorUid: connector.uid,\n      connectorType: connector.type,\n      connectorName: connector.name,\n      isWalletConnect: false,\n      isExternal: false,\n    };\n  }\n\n  // connector here is either a WalletConnect connector or an external connector (injected connector with external provider)\n  const provider = await connector.getProvider();\n  // provider is either WalletConnect provider or external provider (may or may not be a WalletConnect provider)\n\n  // WalletConnect provider has icon and name in their metadata\n  if (isWConnectProvider(provider)) {\n    const metadata = getWalletConnectMetadata(provider);\n    return {\n      // Wallet-specific WalletConnect icon, or default WalletConnect icon\n      icon: metadata?.icons?.[0] ?? fallbackIcon,\n      name: metadata?.name ?? fallbackName,\n      connectorId: connector.id,\n      connectorUid: connector.uid,\n      connectorType: connector.type,\n      connectorName: connector.name,\n      isWalletConnect: true,\n      isExternal: connectorIsExternal,\n    };\n  }\n  return {\n    icon: fallbackIcon,\n    name: fallbackName,\n    connectorId: connector.id,\n    connectorUid: connector.uid,\n    connectorType: connector.type,\n    connectorName: connector.name,\n    isWalletConnect: false,\n    isExternal: connectorIsExternal,\n  };\n}\n\nexport function isWalletConnectConnector<T extends Pick<Connector, \"type\">>(\n  connector: T\n): connector is T & { type: typeof walletConnect.type } {\n  return connector.type === walletConnect.type;\n}\n"],"mappings":"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"}

package/dist/components/web3/ConnectedWallet/ConnectedWallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectedWallet.js","names":["isTruthy","shortenAddress","useDisconnect","Connector","ReactComponent","CopySVG","ExternalLingSVG","LogoutSVG","Address","Button","constructExplorerUserDetailsLink","copyToClipboard","Tooltip","TooltipContent","TooltipTrigger","useWalletMetadata","useIsDappMode","ConnectedWallet","t0","$","_c","account","activeConnector","onDismiss","onConnectAnother","disconnect","isDappMode","t1","Symbol","for","t2","t3","comp","tooltip","onClick","filter","icons","walletMetadata","t4","icon","undefined","t5","name","t6","t7","t8","t9","t10","map","_temp","t11","t12","t13","t14","t15","index"],"sources":["../../../../src/components/web3/ConnectedWallet/ConnectedWallet.tsx"],"sourcesContent":["import { isTruthy, shortenAddress } from \"@/lib/utils\";\nimport { useDisconnect, type Connector } from \"wagmi\";\nimport { ReactComponent as CopySVG } from \"@/assets/copy.svg\";\nimport { ReactComponent as ExternalLingSVG } from \"@/assets/external-url.svg\";\nimport { ReactComponent as LogoutSVG } from \"@/assets/logout.svg\";\nimport type { Address } from \"viem\";\nimport { Button } from \"@/components/ui/button\";\nimport { constructExplorerUserDetailsLink } from \"@/lib/utils/explorer\";\nimport { copyToClipboard } from \"@/lib/utils/copyToClipboard\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { useWalletMetadata } from \"../ConnectWallets/walletIcons\";\nimport { useIsDappMode } from \"@/core/state/externalProviderAtom\";\n\nexport const ConnectedWallet = ({\n  account,\n  activeConnector,\n  onDismiss,\n  onConnectAnother,\n}: {\n  account: Address;\n  activeConnector: Connector;\n  onDismiss?: () => void;\n  onConnectAnother?: () => void;\n}) => {\n  const { disconnect } = useDisconnect();\n  const isDappMode = useIsDappMode();\n\n  const icons = [\n    {\n      comp: (\n        <div>\n          <CopySVG />\n        </div>\n      ),\n      tooltip: \"Copy address\",\n      onClick: async () => {\n        await copyToClipboard(account);\n      },\n    },\n    {\n      comp: (\n        <a\n          href={constructExplorerUserDetailsLink(account)}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <ExternalLingSVG />\n        </a>\n      ),\n      tooltip: \"View on Explorer\",\n    },\n    !isDappMode && {\n      comp: (\n        <div>\n          <LogoutSVG />\n        </div>\n      ),\n      tooltip: \"Disconnect wallet\",\n      onClick: () => {\n        disconnect();\n      },\n    },\n  ].filter(isTruthy);\n\n  const walletMetadata = useWalletMetadata(activeConnector);\n\n  return (\n    <div className=\"px-6 pb-8 pt-4 flex flex-col gap-10\">\n      <div className=\"bg-contrast-7 dark:bg-contrast-3 rounded-sm py-6 px-4 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <img\n            src={walletMetadata?.icon ?? undefined}\n            alt={walletMetadata?.name ?? undefined}\n            width={32}\n            height={32}\n          />\n          <div className=\"dark:text-contrast-7\">{shortenAddress(account)}</div>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {icons.map(({ comp, onClick, tooltip }, index) => (\n            <Tooltip key={index}>\n              <TooltipTrigger asChild>\n                <Button\n                  onClick={onClick}\n                  asChild\n                  variant=\"outline\"\n                  className=\"border-none size-[32px] shadow-none dark:bg-contrast-4\"\n                  radius=\"sm\"\n                >\n                  {comp}\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>{tooltip}</TooltipContent>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {!isDappMode && (\n          <Button\n            variant=\"default\"\n            radius=\"sm\"\n            className=\"h-[40px]\"\n            onClick={onConnectAnother}\n          >\n            Connect Another Wallet\n          </Button>\n        )}\n        <Button\n          variant=\"secondary\"\n          radius=\"sm\"\n          className=\"h-[40px]\"\n          onClick={onDismiss}\n        >\n          Dismiss\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ConnectedWallet.js","names":["isTruthy","shortenAddress","useDisconnect","Connector","ReactComponent","CopySVG","ExternalLingSVG","LogoutSVG","Address","Button","constructExplorerUserDetailsLink","copyToClipboard","Tooltip","TooltipContent","TooltipTrigger","useWalletMetadata","useIsDappMode","ConnectedWallet","t0","$","_c","account","activeConnector","onDismiss","onConnectAnother","disconnect","isDappMode","t1","Symbol","for","t2","t3","comp","tooltip","onClick","filter","icons","walletMetadata","t4","icon","undefined","t5","name","t6","t7","t8","t9","t10","map","_temp","t11","t12","t13","t14","t15","index"],"sources":["../../../../src/components/web3/ConnectedWallet/ConnectedWallet.tsx"],"sourcesContent":["import { isTruthy, shortenAddress } from \"@/lib/utils\";\nimport { useDisconnect, type Connector } from \"wagmi\";\nimport { ReactComponent as CopySVG } from \"@/assets/copy.svg\";\nimport { ReactComponent as ExternalLingSVG } from \"@/assets/external-url.svg\";\nimport { ReactComponent as LogoutSVG } from \"@/assets/logout.svg\";\nimport type { Address } from \"viem\";\nimport { Button } from \"@/components/ui/button\";\nimport { constructExplorerUserDetailsLink } from \"@/lib/utils/explorer\";\nimport { copyToClipboard } from \"@/lib/utils/copyToClipboard\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { useWalletMetadata } from \"../ConnectWallets/walletIcons\";\nimport { useIsDappMode } from \"@/core/state/externalProviderAtom\";\n\nexport const ConnectedWallet = ({\n  account,\n  activeConnector,\n  onDismiss,\n  onConnectAnother,\n}: {\n  account: Address;\n  activeConnector: Connector;\n  onDismiss?: () => void;\n  onConnectAnother?: () => void;\n}) => {\n  const { disconnect } = useDisconnect();\n  const isDappMode = useIsDappMode();\n\n  const icons = [\n    {\n      comp: (\n        <div>\n          <CopySVG />\n        </div>\n      ),\n      tooltip: \"Copy address\",\n      onClick: async () => {\n        await copyToClipboard(account);\n      },\n    },\n    {\n      comp: (\n        <a\n          href={constructExplorerUserDetailsLink(account)}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <ExternalLingSVG />\n        </a>\n      ),\n      tooltip: \"View on Explorer\",\n    },\n    !isDappMode && {\n      comp: (\n        <div>\n          <LogoutSVG />\n        </div>\n      ),\n      tooltip: \"Disconnect wallet\",\n      onClick: () => {\n        disconnect();\n      },\n    },\n  ].filter(isTruthy);\n\n  const walletMetadata = useWalletMetadata(activeConnector);\n\n  return (\n    <div className=\"px-6 pb-8 pt-4 flex flex-col gap-10\">\n      <div className=\"bg-contrast-7 dark:bg-contrast-3 rounded-sm py-6 px-4 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <img\n            src={walletMetadata?.icon ?? undefined}\n            alt={walletMetadata?.name ?? undefined}\n            width={32}\n            height={32}\n          />\n          <div className=\"dark:text-contrast-7\">{shortenAddress(account)}</div>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {icons.map(({ comp, onClick, tooltip }, index) => (\n            <Tooltip key={index}>\n              <TooltipTrigger asChild>\n                <Button\n                  onClick={onClick}\n                  asChild\n                  variant=\"outline\"\n                  className=\"border-none size-[32px] shadow-none dark:bg-contrast-4\"\n                  radius=\"sm\"\n                >\n                  {comp}\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>{tooltip}</TooltipContent>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {!isDappMode && (\n          <Button\n            variant=\"default\"\n            radius=\"sm\"\n            className=\"h-[40px]\"\n            onClick={onConnectAnother}\n          >\n            Connect Another Wallet\n          </Button>\n        )}\n        <Button\n          variant=\"secondary\"\n          radius=\"sm\"\n          className=\"h-[40px]\"\n          onClick={onDismiss}\n        >\n          Dismiss\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/web3/providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.js","names":["QueryClientProvider","_QueryClientProvider","wagmiConfig","WagmiProvider","queryClient","jotaiStore","Provider","Web3Providers","t0","$","_c","children","reconnectOnMount","t1","JotaiProvider"],"sources":["../../../src/components/web3/providers.tsx"],"sourcesContent":["import { QueryClientProvider as _QueryClientProvider } from \"@tanstack/react-query\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { WagmiProvider } from \"wagmi\";\nimport { queryClient } from \"@/lib/queryClient\";\nimport { jotaiStore, Provider } from \"@/core/store\";\n\nexport function Web3Providers({\n  children,\n  reconnectOnMount,\n}: {\n  children: React.ReactNode;\n  reconnectOnMount?: boolean;\n}) {\n  return (\n    /* connect on mount (eager-connect) should be controlled by the App that uses the widget\n       otherwise we can get different wallets connected between the App and the widget */\n    <WagmiProvider config={wagmiConfig} reconnectOnMount={reconnectOnMount}>\n      {/* @TODO: check if reconnectOnMount is necessary even with externalProvider in Dapp mode */}\n      {children}\n    </WagmiProvider>\n  );\n}\n\nexport function QueryClientProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  return (\n    <_QueryClientProvider client={queryClient}>{children}</_QueryClientProvider>\n  );\n}\n\nexport function JotaiProvider({ children }: { children: React.ReactNode }) {\n  return <Provider store={jotaiStore}>{children}</Provider>;\n}\n"],"mappings":";;;;;;;;AAMA,SAAOO,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAuB,EAAAC,aAAAC,wBAAAJ,GAM7BK;AAOmB,QAPnBJ,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAIGC,IAAA,kBAAC,GAAD;EAAuBX,QAAAA;EAA+BU;EAEnDD;EACa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHhBI;;AAOJ,SAAOb,EAAAQ,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAA6B,EAAAC,gBAAAH,GAInCK;AAE+E,QAF/EJ,EAAA,OAAAE,IAE+EE,IAAAJ,EAAA,MAA5EI,IAAA,kBAAA,GAAA;EAA8BT,QAAAA;EAAcO;EAAgC,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI,IAA5EA;;AAIJ,SAAOC,EAAAN,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAuB,EAAAC,gBAAAH,GAA2CK;AACd,QADcJ,EAAA,OAAAE,IACdE,IAAAJ,EAAA,MAAlDI,IAAA,kBAAC,GAAD;EAAiBR,OAAAA;EAAaM;EAAoB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI,IAAlDA"}
+{"version":3,"file":"providers.js","names":["QueryClientProvider","_QueryClientProvider","wagmiConfig","WagmiProvider","queryClient","jotaiStore","Provider","Web3Providers","t0","$","_c","children","reconnectOnMount","t1","JotaiProvider"],"sources":["../../../src/components/web3/providers.tsx"],"sourcesContent":["import { QueryClientProvider as _QueryClientProvider } from \"@tanstack/react-query\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { WagmiProvider } from \"wagmi\";\nimport { queryClient } from \"@/lib/queryClient\";\nimport { jotaiStore, Provider } from \"@/core/store\";\n\nexport function Web3Providers({\n  children,\n  reconnectOnMount,\n}: {\n  children: React.ReactNode;\n  reconnectOnMount?: boolean;\n}) {\n  return (\n    /* connect on mount (eager-connect) should be controlled by the App that uses the widget\n       otherwise we can get different wallets connected between the App and the widget */\n    <WagmiProvider config={wagmiConfig} reconnectOnMount={reconnectOnMount}>\n      {/* @TODO: check if reconnectOnMount is necessary even with externalProvider in Dapp mode */}\n      {children}\n    </WagmiProvider>\n  );\n}\n\nexport function QueryClientProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  return (\n    <_QueryClientProvider client={queryClient}>{children}</_QueryClientProvider>\n  );\n}\n\nexport function JotaiProvider({ children }: { children: React.ReactNode }) {\n  return <Provider store={jotaiStore}>{children}</Provider>;\n}\n"],"mappings":";;;;;;;;AAMA,SAAOO,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAuB,EAAAC,aAAAC,wBAAAJ,GAM7BK;CAOmB,OAPnBJ,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAIGC,IAAA,kBAAC,GAAD;EAAuBX,QAAAA;EAA+BU;EAEnDD;EACa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHhBI;;AAOJ,SAAOb,EAAAQ,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAA6B,EAAAC,gBAAAH,GAInCK;CAE+E,OAF/EJ,EAAA,OAAAE,IAE+EE,IAAAJ,EAAA,MAA5EI,IAAA,kBAAA,GAAA;EAA8BT,QAAAA;EAAcO;EAAgC,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI,IAA5EA;;AAIJ,SAAOC,EAAAN,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAuB,EAAAC,gBAAAH,GAA2CK;CACd,OADcJ,EAAA,OAAAE,IACdE,IAAAJ,EAAA,MAAlDI,IAAA,kBAAC,GAAD;EAAiBR,OAAAA;EAAaM;EAAoB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI,IAAlDA"}

package/dist/components/widget/AppHeader/Activities/Activities.js.map

@@ -1 +1 @@
-{"version":3,"file":"Activities.js","names":["Tabs","SupportedChainId","OrderItem","ActivityItems","useOrderItems","tabsClasses","root","listRoot","list","trigger","content","const","Activities","t0","$","_c","onItemClick","selectedNetwork","t1","asMaker","asTaker","t2","activeOrders","isLoading","orders","t3","completedOrders","t4","value","label","t5","t6","t7","t8","tabContents"],"sources":["../../../../../src/components/widget/AppHeader/Activities/Activities.tsx"],"sourcesContent":["import { Tabs } from \"../../Tabs/Tabs\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nimport { type OrderItem } from \"./utils\";\nimport { ActivityItems } from \"./ActivityItems\";\n\nimport { useOrderItems } from \"./hooks\";\n\nconst tabsClasses = {\n  root: \"pt-2\",\n  listRoot: \"px-6 pb-6\",\n  list: \"dark:bg-contrast-3 grid grid-cols-2 h-10\",\n  trigger: \"text-xs\",\n  content: \"pb-6\",\n} as const;\n\nexport const Activities = ({\n  onItemClick,\n  selectedNetwork,\n}: {\n  onItemClick: (auction: OrderItem) => void;\n  selectedNetwork: SupportedChainId | \"all\";\n}) => {\n  const { asMaker, asTaker } = useOrderItems({\n    selectedNetwork,\n  });\n\n  const tabContents = [\n    {\n      value: \"as_maker\" as const,\n      content: (\n        <ActivityItems\n          activeOrders={{\n            orders: asMaker.activeOrders,\n            isLoading: asMaker.isLoading,\n          }}\n          orderHistory={{\n            orders: asMaker.completedOrders,\n            isLoading: asMaker.isLoading,\n          }}\n          relation=\"asMaker\"\n          onItemClick={onItemClick}\n        />\n      ),\n      label: \"Created Orders\",\n    },\n    {\n      value: \"as_taker\" as const,\n      content: (\n        <ActivityItems\n          activeOrders={{\n            orders: asTaker.activeOrders,\n            isLoading: asTaker.isLoading,\n          }}\n          orderHistory={{\n            orders: asTaker.completedOrders,\n            isLoading: asTaker.isLoading,\n          }}\n          relation=\"asTaker\"\n          onItemClick={onItemClick}\n        />\n      ),\n      label: \"Received Orders\",\n    },\n  ];\n\n  return (\n    <Tabs\n      tabContents={tabContents}\n      classes={tabsClasses}\n      defaultValue=\"as_maker\"\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAMK,IAAc;CAClBC,MAAM;CACNC,UAAU;CACVC,MAAM;CACNC,SAAS;CACTC,SAAS;CACV,EAEYE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,gBAAAC,uBAAAJ,GAM1BK;AAAA,CAAAJ,EAAA,OAAAG,IAGEC,IAAAJ,EAAA,MAF0CI,IAAA,EAAAD,oBAE1C,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAFD,IAAA,EAAAC,YAAAC,eAA6BhB,EAAcc,EAEzC,EAACG;AAAA,CAAAP,EAAA,OAAAK,EAAAG,gBAAAR,EAAA,OAAAK,EAAAI,aAOmBF,IAAA;EAAAG,QACJL,EAAOG;EAAaC,WACjBJ,EAAOI;EACnB,EAAAT,EAAA,KAAAK,EAAAG,cAAAR,EAAA,KAAAK,EAAAI,WAAAT,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAK,EAAAO,mBAAAZ,EAAA,OAAAK,EAAAI,aACaE,IAAA;EAAAD,QACJL,EAAOO;EAAgBH,WACpBJ,EAAOI;EACnB,EAAAT,EAAA,KAAAK,EAAAO,iBAAAZ,EAAA,KAAAK,EAAAI,WAAAT,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAAAP,EAAA,QAAAW,KAXPE,IAAA;EAAAC,OACS;EAAmBlB,SAExB,kBAAC,GAAD;GACgB,cAAAW;GAIA,cAAAI;GAIL,UAAA;GACIT;GACb,CAAA;EAAAa,OAEG;EACR,EAAAf,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,MAAAW,GAAAX,EAAA,MAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAgB;AAAA,CAAAhB,EAAA,QAAAM,EAAAE,gBAAAR,EAAA,QAAAM,EAAAG,aAKmBO,IAAA;EAAAN,QACJJ,EAAOE;EAAaC,WACjBH,EAAOG;EACnB,EAAAT,EAAA,MAAAM,EAAAE,cAAAR,EAAA,MAAAM,EAAAG,WAAAT,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAiB;AAAA,CAAAjB,EAAA,QAAAM,EAAAM,mBAAAZ,EAAA,QAAAM,EAAAG,aACaQ,IAAA;EAAAP,QACJJ,EAAOM;EAAgBH,WACpBH,EAAOG;EACnB,EAAAT,EAAA,MAAAM,EAAAM,iBAAAZ,EAAA,MAAAM,EAAAG,WAAAT,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,QAAAE,KAAAF,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAXPC,IAAA;EAAAJ,OACS;EAAmBlB,SAExB,kBAAC,GAAD;GACgB,cAAAoB;GAIA,cAAAC;GAIL,UAAA;GACIf;GACb,CAAA;EAAAa,OAEG;EACR,EAAAf,EAAA,MAAAE,GAAAF,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA;CAAA,IAAAmB;AAQC,QARDnB,EAAA,QAAAa,KAAAb,EAAA,QAAAkB,KAIDC,IAAA,kBAAC,GAAD;EACeC,aAzCG,CAClBP,GAkBAK,EAkBD;EAKY3B,SAAAA;EACI,cAAA;EACb,CAAA,EAAAS,EAAA,MAAAa,GAAAb,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA,KAJFmB"}
+{"version":3,"file":"Activities.js","names":["Tabs","SupportedChainId","OrderItem","ActivityItems","useOrderItems","tabsClasses","root","listRoot","list","trigger","content","const","Activities","t0","$","_c","onItemClick","selectedNetwork","t1","asMaker","asTaker","t2","activeOrders","isLoading","orders","t3","completedOrders","t4","value","label","t5","t6","t7","t8","tabContents"],"sources":["../../../../../src/components/widget/AppHeader/Activities/Activities.tsx"],"sourcesContent":["import { Tabs } from \"../../Tabs/Tabs\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nimport { type OrderItem } from \"./utils\";\nimport { ActivityItems } from \"./ActivityItems\";\n\nimport { useOrderItems } from \"./hooks\";\n\nconst tabsClasses = {\n  root: \"pt-2\",\n  listRoot: \"px-6 pb-6\",\n  list: \"dark:bg-contrast-3 grid grid-cols-2 h-10\",\n  trigger: \"text-xs\",\n  content: \"pb-6\",\n} as const;\n\nexport const Activities = ({\n  onItemClick,\n  selectedNetwork,\n}: {\n  onItemClick: (auction: OrderItem) => void;\n  selectedNetwork: SupportedChainId | \"all\";\n}) => {\n  const { asMaker, asTaker } = useOrderItems({\n    selectedNetwork,\n  });\n\n  const tabContents = [\n    {\n      value: \"as_maker\" as const,\n      content: (\n        <ActivityItems\n          activeOrders={{\n            orders: asMaker.activeOrders,\n            isLoading: asMaker.isLoading,\n          }}\n          orderHistory={{\n            orders: asMaker.completedOrders,\n            isLoading: asMaker.isLoading,\n          }}\n          relation=\"asMaker\"\n          onItemClick={onItemClick}\n        />\n      ),\n      label: \"Created Orders\",\n    },\n    {\n      value: \"as_taker\" as const,\n      content: (\n        <ActivityItems\n          activeOrders={{\n            orders: asTaker.activeOrders,\n            isLoading: asTaker.isLoading,\n          }}\n          orderHistory={{\n            orders: asTaker.completedOrders,\n            isLoading: asTaker.isLoading,\n          }}\n          relation=\"asTaker\"\n          onItemClick={onItemClick}\n        />\n      ),\n      label: \"Received Orders\",\n    },\n  ];\n\n  return (\n    <Tabs\n      tabContents={tabContents}\n      classes={tabsClasses}\n      defaultValue=\"as_maker\"\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAMK,IAAc;CAClBC,MAAM;CACNC,UAAU;CACVC,MAAM;CACNC,SAAS;CACTC,SAAS;CACV,EAEYE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,gBAAAC,uBAAAJ,GAM1BK;CAAA,AAAAJ,EAAA,OAAAG,IAGEC,IAAAJ,EAAA,MAF0CI,IAAA,EAAAD,oBAE1C,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAFD,IAAA,EAAAC,YAAAC,eAA6BhB,EAAcc,EAEzC,EAACG;CAAA,AAAAP,EAAA,OAAAK,EAAAG,gBAAAR,EAAA,OAAAK,EAAAI,aAOmBF,IAAA;EAAAG,QACJL,EAAOG;EAAaC,WACjBJ,EAAOI;EACnB,EAAAT,EAAA,KAAAK,EAAAG,cAAAR,EAAA,KAAAK,EAAAI,WAAAT,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAW;CAAA,AAAAX,EAAA,OAAAK,EAAAO,mBAAAZ,EAAA,OAAAK,EAAAI,aACaE,IAAA;EAAAD,QACJL,EAAOO;EAAgBH,WACpBJ,EAAOI;EACnB,EAAAT,EAAA,KAAAK,EAAAO,iBAAAZ,EAAA,KAAAK,EAAAI,WAAAT,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAAAP,EAAA,QAAAW,KAXPE,IAAA;EAAAC,OACS;EAAmBlB,SAExB,kBAAC,GAAD;GACgB,cAAAW;GAIA,cAAAI;GAIL,UAAA;GACIT;GACb,CAAA;EAAAa,OAEG;EACR,EAAAf,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,MAAAW,GAAAX,EAAA,MAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,QAAAM,EAAAE,gBAAAR,EAAA,QAAAM,EAAAG,aAKmBO,IAAA;EAAAN,QACJJ,EAAOE;EAAaC,WACjBH,EAAOG;EACnB,EAAAT,EAAA,MAAAM,EAAAE,cAAAR,EAAA,MAAAM,EAAAG,WAAAT,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAiB;CAAA,AAAAjB,EAAA,QAAAM,EAAAM,mBAAAZ,EAAA,QAAAM,EAAAG,aACaQ,IAAA;EAAAP,QACJJ,EAAOM;EAAgBH,WACpBH,EAAOG;EACnB,EAAAT,EAAA,MAAAM,EAAAM,iBAAAZ,EAAA,MAAAM,EAAAG,WAAAT,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;CAAA,AAAAlB,EAAA,QAAAE,KAAAF,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAXPC,IAAA;EAAAJ,OACS;EAAmBlB,SAExB,kBAAC,GAAD;GACgB,cAAAoB;GAIA,cAAAC;GAIL,UAAA;GACIf;GACb,CAAA;EAAAa,OAEG;EACR,EAAAf,EAAA,MAAAE,GAAAF,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA;CAAA,IAAAmB;CAQC,OARDnB,EAAA,QAAAa,KAAAb,EAAA,QAAAkB,KAIDC,IAAA,kBAAC,GAAD;EACeC,aAAAA,CAxCfP,GAkBAK,EAsBeE;EACJ7B,SAAAA;EACI,cAAA;EACb,CAAA,EAAAS,EAAA,MAAAa,GAAAb,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA,KAJFmB"}

package/dist/components/widget/AppHeader/Activities/ActivitiesScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitiesScreen.js","names":["useSetScreen","isFillableOrderItem","GenericScreen","OrderDetailsDrawer","ReviewAndConfirmDrawer","useActivityProps","isOtcOrderItem","useAllEnabledChains","CompactNetworkSwitcher","Activities","ActivitiesScreen","$","_c","closeScreen","showTradeOverviewScreen","showActivitiesScreen","enabledChains","selectedNetwork","setSelectedNetwork","selectedOrder","setSelectedOrder","onSelectOrder","orderDetailsDrawerControls","reviewAndConfirmDrawerControls","isOtcOrderSelected","t0","undefined","fillableOrder","t1","orderDetailsDrawer","t2","onClose","flowType","flowProps","reviewAndConfirmDrawer","t3","drawers","t4","length","t5","Symbol","for","align","t6","t7","t8"],"sources":["../../../../../src/components/widget/AppHeader/Activities/ActivitiesScreen.tsx"],"sourcesContent":["import { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { isFillableOrderItem } from \"../../OtcOrderItem/utils\";\nimport { GenericScreen } from \"../../Screen/GenericScreen\";\nimport { OrderDetailsDrawer, ReviewAndConfirmDrawer } from \"./Drawers\";\nimport { useActivityProps } from \"./hooks\";\nimport { isOtcOrderItem } from \"./utils\";\nimport { useAllEnabledChains } from \"@/core/state/enabledChainsAtom\";\nimport { CompactNetworkSwitcher } from \"../../NetworkSwitcher/CompactNetworkSwitcher\";\nimport { Activities } from \"./Activities\";\n\nexport const ActivitiesScreen = () => {\n  const { closeScreen, showTradeOverviewScreen, showActivitiesScreen } =\n    useSetScreen();\n  const enabledChains = useAllEnabledChains();\n  const {\n    selectedNetwork,\n    setSelectedNetwork,\n    selectedOrder,\n    setSelectedOrder,\n    onSelectOrder,\n    orderDetailsDrawerControls,\n    reviewAndConfirmDrawerControls,\n  } = useActivityProps();\n\n  const isOtcOrderSelected = selectedOrder && isOtcOrderItem(selectedOrder);\n  const fillableOrder =\n    selectedOrder && isOtcOrderSelected && isFillableOrderItem(selectedOrder)\n      ? selectedOrder\n      : undefined;\n\n  const orderDetailsDrawer = selectedOrder ? (\n    <OrderDetailsDrawer\n      key={\"order-details-drawer\"}\n      selectedOrder={selectedOrder}\n      setSelectedOrder={setSelectedOrder}\n      drawerControls={orderDetailsDrawerControls}\n      onDismiss={closeScreen}\n    />\n  ) : null;\n\n  const reviewAndConfirmDrawer = fillableOrder ? (\n    <ReviewAndConfirmDrawer\n      key={\"review-and-confirm-drawer\"}\n      fillableOrder={fillableOrder}\n      drawerControls={reviewAndConfirmDrawerControls}\n      onFlowStart={() => {\n        reviewAndConfirmDrawerControls.onClose();\n        showTradeOverviewScreen({\n          flowType: \"fillOtcOrder\",\n          flowProps: {\n            fillableOrder,\n            onClose: showActivitiesScreen,\n          },\n        });\n      }}\n    />\n  ) : null;\n\n  const drawers = [orderDetailsDrawer, reviewAndConfirmDrawer];\n\n  return (\n    <GenericScreen\n      title=\"Activities\"\n      onGoBack={closeScreen}\n      showBackButton\n      closeButtonReplacement={\n        <CompactNetworkSwitcher\n          networks={enabledChains}\n          selectedNetwork={selectedNetwork}\n          onSelect={setSelectedNetwork}\n          allOption={enabledChains.length > 1}\n          dropdownProps={{\n            align: \"end\",\n          }}\n        />\n      }\n    >\n      <Activities\n        onItemClick={onSelectOrder}\n        selectedNetwork={selectedNetwork}\n      />\n      {drawers}\n    </GenericScreen>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActivitiesScreen.js","names":["useSetScreen","isFillableOrderItem","GenericScreen","OrderDetailsDrawer","ReviewAndConfirmDrawer","useActivityProps","isOtcOrderItem","useAllEnabledChains","CompactNetworkSwitcher","Activities","ActivitiesScreen","$","_c","closeScreen","showTradeOverviewScreen","showActivitiesScreen","enabledChains","selectedNetwork","setSelectedNetwork","selectedOrder","setSelectedOrder","onSelectOrder","orderDetailsDrawerControls","reviewAndConfirmDrawerControls","isOtcOrderSelected","t0","undefined","fillableOrder","t1","orderDetailsDrawer","t2","onClose","flowType","flowProps","reviewAndConfirmDrawer","t3","drawers","t4","length","t5","Symbol","for","align","t6","t7","t8"],"sources":["../../../../../src/components/widget/AppHeader/Activities/ActivitiesScreen.tsx"],"sourcesContent":["import { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { isFillableOrderItem } from \"../../OtcOrderItem/utils\";\nimport { GenericScreen } from \"../../Screen/GenericScreen\";\nimport { OrderDetailsDrawer, ReviewAndConfirmDrawer } from \"./Drawers\";\nimport { useActivityProps } from \"./hooks\";\nimport { isOtcOrderItem } from \"./utils\";\nimport { useAllEnabledChains } from \"@/core/state/enabledChainsAtom\";\nimport { CompactNetworkSwitcher } from \"../../NetworkSwitcher/CompactNetworkSwitcher\";\nimport { Activities } from \"./Activities\";\n\nexport const ActivitiesScreen = () => {\n  const { closeScreen, showTradeOverviewScreen, showActivitiesScreen } =\n    useSetScreen();\n  const enabledChains = useAllEnabledChains();\n  const {\n    selectedNetwork,\n    setSelectedNetwork,\n    selectedOrder,\n    setSelectedOrder,\n    onSelectOrder,\n    orderDetailsDrawerControls,\n    reviewAndConfirmDrawerControls,\n  } = useActivityProps();\n\n  const isOtcOrderSelected = selectedOrder && isOtcOrderItem(selectedOrder);\n  const fillableOrder =\n    selectedOrder && isOtcOrderSelected && isFillableOrderItem(selectedOrder)\n      ? selectedOrder\n      : undefined;\n\n  const orderDetailsDrawer = selectedOrder ? (\n    <OrderDetailsDrawer\n      key={\"order-details-drawer\"}\n      selectedOrder={selectedOrder}\n      setSelectedOrder={setSelectedOrder}\n      drawerControls={orderDetailsDrawerControls}\n      onDismiss={closeScreen}\n    />\n  ) : null;\n\n  const reviewAndConfirmDrawer = fillableOrder ? (\n    <ReviewAndConfirmDrawer\n      key={\"review-and-confirm-drawer\"}\n      fillableOrder={fillableOrder}\n      drawerControls={reviewAndConfirmDrawerControls}\n      onFlowStart={() => {\n        reviewAndConfirmDrawerControls.onClose();\n        showTradeOverviewScreen({\n          flowType: \"fillOtcOrder\",\n          flowProps: {\n            fillableOrder,\n            onClose: showActivitiesScreen,\n          },\n        });\n      }}\n    />\n  ) : null;\n\n  const drawers = [orderDetailsDrawer, reviewAndConfirmDrawer];\n\n  return (\n    <GenericScreen\n      title=\"Activities\"\n      onGoBack={closeScreen}\n      showBackButton\n      closeButtonReplacement={\n        <CompactNetworkSwitcher\n          networks={enabledChains}\n          selectedNetwork={selectedNetwork}\n          onSelect={setSelectedNetwork}\n          allOption={enabledChains.length > 1}\n          dropdownProps={{\n            align: \"end\",\n          }}\n        />\n      }\n    >\n      <Activities\n        onItemClick={onSelectOrder}\n        selectedNetwork={selectedNetwork}\n      />\n      {drawers}\n    </GenericScreen>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/AppHeader/Activities/ActivityItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityItems.js","names":["useState","cn","OtcOrdersListItem","LimitOrdersListItem","Skeleton","emptyArray","isLimitOrderItem","isOtcOrderItem","isTransactionListItem","OrderItem","Button","ReactComponent","EyeSVG","EyeCrossedSVG","ordersCountAtomMap","useAtom","TransactionListItemComp","heightClassName","titleClassName","OrdersData","orders","isLoading","ActivityItems","t0","$","_c","activeOrders","orderHistory","onItemClick","relation","t1","t2","status","areHidden","activeOrdersHidden","toggleHidden","toggleActiveOrdersHidden","notEmpty","activeOrdersNotEmpty","showMoreProps","activeOrdersShowMore","EyeIcon","ActiveOrdersIcon","countToShow","activeOrdersCountToShow","useOrderItemsProps","t3","t4","orderHistoryHidden","toggleOrderHistoryHidden","orderHistoryNotEmpty","orderHistoryShowMore","OrderHistoryIcon","orderHistoryCountToShow","activeOrdersIsLoading","orderHistoryIsLoading","t5","Symbol","for","Array","from","length","map","_temp","order","orderHash","id","renderer","t6","t7","paginatedItems","hasMore","showMore","nextShowMoreCount","t8","t9","undefined","items","useShowMoreProps","setAreHidden","props","ITEMS_PER_PAGE","itemsPerPage","itemsCount","setItemsCount","specificStatusCount","slice","prev","Math","min","_","i"],"sources":["../../../../../src/components/widget/AppHeader/Activities/ActivityItems.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nimport { OtcOrdersListItem } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport { LimitOrdersListItem } from \"../../LimitOrderItem/LimitOrderListItem\";\n\nimport { Skeleton } from \"@/components/ui/skeleton\";\n\nimport { emptyArray } from \"@/lib/constants\";\nimport {\n  isLimitOrderItem,\n  isOtcOrderItem,\n  isTransactionListItem,\n  type OrderItem,\n} from \"./utils\";\nimport { Button } from \"@/components/ui/button\";\n\nimport { ReactComponent as EyeSVG } from \"./assets/eye.svg\";\nimport { ReactComponent as EyeCrossedSVG } from \"./assets/eye-crossed.svg\";\nimport { ordersCountAtomMap } from \"../state/showMoreAtom\";\nimport { useAtom } from \"@/core/store\";\nimport { TransactionListItemComp } from \"../../TransactionDetails/TransactionListItem\";\n\nconst heightClassName = \"h-[420px]\";\nconst titleClassName = \"text-contrast-5 dark:text-contrast-6 text-xs pb-2\";\n\ntype OrdersData = {\n  orders?: OrderItem[];\n  isLoading: boolean;\n};\n\nexport const ActivityItems = ({\n  activeOrders,\n  orderHistory,\n  onItemClick,\n  relation,\n}: {\n  activeOrders?: OrdersData;\n  orderHistory?: OrdersData;\n  onItemClick: (item: OrderItem) => void;\n  relation: \"asMaker\" | \"asTaker\";\n}) => {\n  const {\n    areHidden: activeOrdersHidden,\n    toggleHidden: toggleActiveOrdersHidden,\n    notEmpty: activeOrdersNotEmpty,\n    showMoreProps: activeOrdersShowMore,\n    EyeIcon: ActiveOrdersIcon,\n    countToShow: activeOrdersCountToShow,\n  } = useOrderItemsProps({\n    orders: activeOrders?.orders,\n    status: \"active\",\n    relation,\n  });\n  const {\n    areHidden: orderHistoryHidden,\n    toggleHidden: toggleOrderHistoryHidden,\n    notEmpty: orderHistoryNotEmpty,\n    showMoreProps: orderHistoryShowMore,\n    EyeIcon: OrderHistoryIcon,\n    countToShow: orderHistoryCountToShow,\n  } = useOrderItemsProps({\n    orders: orderHistory?.orders,\n    status: \"history\",\n    relation,\n  });\n\n  const activeOrdersIsLoading = activeOrders?.isLoading;\n  const orderHistoryIsLoading = orderHistory?.isLoading;\n\n  if (\n    activeOrdersIsLoading &&\n    orderHistoryIsLoading &&\n    !activeOrdersNotEmpty &&\n    !orderHistoryNotEmpty\n  )\n    return (\n      <div className={cn(\"flex flex-col gap-4 px-6\", heightClassName)}>\n        {Array.from({ length: 3 }).map((_, i) => (\n          <Skeleton className=\"h-[116px]\" key={i} />\n        ))}\n      </div>\n    );\n\n  if (!activeOrdersNotEmpty && !orderHistoryNotEmpty)\n    return <div className={heightClassName} />;\n\n  const renderer = (order: OrderItem) =>\n    isOtcOrderItem(order) ? (\n      <OtcOrdersListItem\n        orderItem={order}\n        key={`otc_${order.orderHash}`}\n        onClick={onItemClick}\n      />\n    ) : isLimitOrderItem(order) ? (\n      <LimitOrdersListItem\n        auction={order}\n        key={`limit_${order.id}`}\n        onClick={onItemClick}\n      />\n    ) : isTransactionListItem(order) ? (\n      <TransactionListItemComp\n        txItem={order}\n        key={`tx_${order.id}`}\n        onClick={onItemClick}\n      />\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"overflow-auto [scrollbar-gutter:stable_both-edges]\",\n        heightClassName\n      )}\n    >\n      {activeOrdersNotEmpty && (\n        <div className={cn(\"px-5\", { \"pb-6\": !orderHistoryNotEmpty })}>\n          <div\n            className={cn(titleClassName, \"flex justify-between items-center\")}\n          >\n            ACTIVE ORDERS ({activeOrdersCountToShow})\n            {orderHistoryNotEmpty && (\n              <ActiveOrdersIcon\n                onClick={toggleActiveOrdersHidden}\n                className=\"cursor-pointer size-4\"\n              />\n            )}\n          </div>\n          {!activeOrdersHidden && (\n            <>\n              <div className=\"flex flex-col gap-y-4\">\n                {activeOrdersShowMore.paginatedItems.map(renderer)}\n              </div>\n              {activeOrdersShowMore.hasMore && (\n                <Button\n                  variant=\"ghost\"\n                  className=\"mt-4 w-full h-4 text-xs text-center text-primary-azul-1 cursor-pointer hover:text-primary-azul-1 hover:bg-contrast-7\"\n                  onClick={activeOrdersShowMore.showMore}\n                >\n                  Show more (+{activeOrdersShowMore.nextShowMoreCount})\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      )}\n      {orderHistoryNotEmpty && (\n        <div className={cn(\"px-5 pb-6\", { \"pt-4\": activeOrdersNotEmpty })}>\n          <div\n            className={cn(titleClassName, \"flex justify-between items-center\")}\n          >\n            ORDER HISTORY ({orderHistoryCountToShow})\n            {activeOrdersNotEmpty && (\n              <OrderHistoryIcon\n                onClick={toggleOrderHistoryHidden}\n                className=\"cursor-pointer size-4\"\n              />\n            )}\n          </div>\n          {!orderHistoryHidden && (\n            <>\n              <div className=\"flex flex-col gap-y-4\">\n                {orderHistoryShowMore.paginatedItems.map(renderer)}\n              </div>\n              {orderHistoryShowMore.hasMore && (\n                <Button\n                  variant=\"ghost\"\n                  className=\"mt-4 w-full h-4 text-xs text-center text-primary-azul-1 cursor-pointer hover:text-primary-azul-1 hover:bg-contrast-7\"\n                  onClick={orderHistoryShowMore.showMore}\n                >\n                  Show more (+{orderHistoryShowMore.nextShowMoreCount})\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nfunction useOrderItemsProps({\n  orders = emptyArray,\n  status,\n  relation,\n}: {\n  orders?: OrderItem[];\n  status: \"active\" | \"history\";\n  relation: \"asMaker\" | \"asTaker\";\n}) {\n  const showMoreProps = useShowMoreProps({\n    items: orders,\n    status,\n    relation,\n  });\n  const [areHidden, setAreHidden] = useState(false);\n\n  const toggleHidden = () => {\n    setAreHidden(!areHidden);\n  };\n\n  const EyeIcon = areHidden ? EyeSVG : EyeCrossedSVG;\n  const countToShow = orders.length >= 99 ? \"+99\" : orders.length;\n  const notEmpty = orders.length > 0;\n\n  const props = {\n    showMoreProps,\n    areHidden,\n    setAreHidden,\n    toggleHidden,\n    countToShow,\n    notEmpty,\n    EyeIcon,\n  };\n\n  return props;\n}\n\nconst ITEMS_PER_PAGE = 15;\n\nfunction useShowMoreProps<T = unknown>({\n  items = [],\n  itemsPerPage = ITEMS_PER_PAGE,\n  status,\n  relation,\n}: {\n  items: T[];\n  itemsPerPage?: number;\n  status: \"active\" | \"history\";\n  relation: \"asMaker\" | \"asTaker\";\n}) {\n  const [itemsCount, setItemsCount] = useAtom(ordersCountAtomMap[relation]);\n  const specificStatusCount = itemsCount[status];\n\n  const paginatedItems = items.slice(0, specificStatusCount);\n\n  const showMore = () => {\n    setItemsCount((prev) => ({\n      ...prev,\n      [status]: prev[status] + itemsPerPage,\n    }));\n  };\n\n  const hasMore = items.length > specificStatusCount;\n  const nextShowMoreCount = Math.min(\n    itemsPerPage,\n    items.length - specificStatusCount\n  );\n\n  return {\n    paginatedItems,\n    showMore,\n    hasMore,\n    nextShowMoreCount: nextShowMoreCount < 0 ? 0 : nextShowMoreCount,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActivityItems.js","names":["useState","cn","OtcOrdersListItem","LimitOrdersListItem","Skeleton","emptyArray","isLimitOrderItem","isOtcOrderItem","isTransactionListItem","OrderItem","Button","ReactComponent","EyeSVG","EyeCrossedSVG","ordersCountAtomMap","useAtom","TransactionListItemComp","heightClassName","titleClassName","OrdersData","orders","isLoading","ActivityItems","t0","$","_c","activeOrders","orderHistory","onItemClick","relation","t1","t2","status","areHidden","activeOrdersHidden","toggleHidden","toggleActiveOrdersHidden","notEmpty","activeOrdersNotEmpty","showMoreProps","activeOrdersShowMore","EyeIcon","ActiveOrdersIcon","countToShow","activeOrdersCountToShow","useOrderItemsProps","t3","t4","orderHistoryHidden","toggleOrderHistoryHidden","orderHistoryNotEmpty","orderHistoryShowMore","OrderHistoryIcon","orderHistoryCountToShow","activeOrdersIsLoading","orderHistoryIsLoading","t5","Symbol","for","Array","from","length","map","_temp","order","orderHash","id","renderer","t6","t7","paginatedItems","hasMore","showMore","nextShowMoreCount","t8","t9","undefined","items","useShowMoreProps","setAreHidden","props","ITEMS_PER_PAGE","itemsPerPage","itemsCount","setItemsCount","specificStatusCount","slice","prev","Math","min","_","i"],"sources":["../../../../../src/components/widget/AppHeader/Activities/ActivityItems.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nimport { OtcOrdersListItem } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport { LimitOrdersListItem } from \"../../LimitOrderItem/LimitOrderListItem\";\n\nimport { Skeleton } from \"@/components/ui/skeleton\";\n\nimport { emptyArray } from \"@/lib/constants\";\nimport {\n  isLimitOrderItem,\n  isOtcOrderItem,\n  isTransactionListItem,\n  type OrderItem,\n} from \"./utils\";\nimport { Button } from \"@/components/ui/button\";\n\nimport { ReactComponent as EyeSVG } from \"./assets/eye.svg\";\nimport { ReactComponent as EyeCrossedSVG } from \"./assets/eye-crossed.svg\";\nimport { ordersCountAtomMap } from \"../state/showMoreAtom\";\nimport { useAtom } from \"@/core/store\";\nimport { TransactionListItemComp } from \"../../TransactionDetails/TransactionListItem\";\n\nconst heightClassName = \"h-[420px]\";\nconst titleClassName = \"text-contrast-5 dark:text-contrast-6 text-xs pb-2\";\n\ntype OrdersData = {\n  orders?: OrderItem[];\n  isLoading: boolean;\n};\n\nexport const ActivityItems = ({\n  activeOrders,\n  orderHistory,\n  onItemClick,\n  relation,\n}: {\n  activeOrders?: OrdersData;\n  orderHistory?: OrdersData;\n  onItemClick: (item: OrderItem) => void;\n  relation: \"asMaker\" | \"asTaker\";\n}) => {\n  const {\n    areHidden: activeOrdersHidden,\n    toggleHidden: toggleActiveOrdersHidden,\n    notEmpty: activeOrdersNotEmpty,\n    showMoreProps: activeOrdersShowMore,\n    EyeIcon: ActiveOrdersIcon,\n    countToShow: activeOrdersCountToShow,\n  } = useOrderItemsProps({\n    orders: activeOrders?.orders,\n    status: \"active\",\n    relation,\n  });\n  const {\n    areHidden: orderHistoryHidden,\n    toggleHidden: toggleOrderHistoryHidden,\n    notEmpty: orderHistoryNotEmpty,\n    showMoreProps: orderHistoryShowMore,\n    EyeIcon: OrderHistoryIcon,\n    countToShow: orderHistoryCountToShow,\n  } = useOrderItemsProps({\n    orders: orderHistory?.orders,\n    status: \"history\",\n    relation,\n  });\n\n  const activeOrdersIsLoading = activeOrders?.isLoading;\n  const orderHistoryIsLoading = orderHistory?.isLoading;\n\n  if (\n    activeOrdersIsLoading &&\n    orderHistoryIsLoading &&\n    !activeOrdersNotEmpty &&\n    !orderHistoryNotEmpty\n  )\n    return (\n      <div className={cn(\"flex flex-col gap-4 px-6\", heightClassName)}>\n        {Array.from({ length: 3 }).map((_, i) => (\n          <Skeleton className=\"h-[116px]\" key={i} />\n        ))}\n      </div>\n    );\n\n  if (!activeOrdersNotEmpty && !orderHistoryNotEmpty)\n    return <div className={heightClassName} />;\n\n  const renderer = (order: OrderItem) =>\n    isOtcOrderItem(order) ? (\n      <OtcOrdersListItem\n        orderItem={order}\n        key={`otc_${order.orderHash}`}\n        onClick={onItemClick}\n      />\n    ) : isLimitOrderItem(order) ? (\n      <LimitOrdersListItem\n        auction={order}\n        key={`limit_${order.id}`}\n        onClick={onItemClick}\n      />\n    ) : isTransactionListItem(order) ? (\n      <TransactionListItemComp\n        txItem={order}\n        key={`tx_${order.id}`}\n        onClick={onItemClick}\n      />\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"overflow-auto [scrollbar-gutter:stable_both-edges]\",\n        heightClassName\n      )}\n    >\n      {activeOrdersNotEmpty && (\n        <div className={cn(\"px-5\", { \"pb-6\": !orderHistoryNotEmpty })}>\n          <div\n            className={cn(titleClassName, \"flex justify-between items-center\")}\n          >\n            ACTIVE ORDERS ({activeOrdersCountToShow})\n            {orderHistoryNotEmpty && (\n              <ActiveOrdersIcon\n                onClick={toggleActiveOrdersHidden}\n                className=\"cursor-pointer size-4\"\n              />\n            )}\n          </div>\n          {!activeOrdersHidden && (\n            <>\n              <div className=\"flex flex-col gap-y-4\">\n                {activeOrdersShowMore.paginatedItems.map(renderer)}\n              </div>\n              {activeOrdersShowMore.hasMore && (\n                <Button\n                  variant=\"ghost\"\n                  className=\"mt-4 w-full h-4 text-xs text-center text-primary-azul-1 cursor-pointer hover:text-primary-azul-1 hover:bg-contrast-7\"\n                  onClick={activeOrdersShowMore.showMore}\n                >\n                  Show more (+{activeOrdersShowMore.nextShowMoreCount})\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      )}\n      {orderHistoryNotEmpty && (\n        <div className={cn(\"px-5 pb-6\", { \"pt-4\": activeOrdersNotEmpty })}>\n          <div\n            className={cn(titleClassName, \"flex justify-between items-center\")}\n          >\n            ORDER HISTORY ({orderHistoryCountToShow})\n            {activeOrdersNotEmpty && (\n              <OrderHistoryIcon\n                onClick={toggleOrderHistoryHidden}\n                className=\"cursor-pointer size-4\"\n              />\n            )}\n          </div>\n          {!orderHistoryHidden && (\n            <>\n              <div className=\"flex flex-col gap-y-4\">\n                {orderHistoryShowMore.paginatedItems.map(renderer)}\n              </div>\n              {orderHistoryShowMore.hasMore && (\n                <Button\n                  variant=\"ghost\"\n                  className=\"mt-4 w-full h-4 text-xs text-center text-primary-azul-1 cursor-pointer hover:text-primary-azul-1 hover:bg-contrast-7\"\n                  onClick={orderHistoryShowMore.showMore}\n                >\n                  Show more (+{orderHistoryShowMore.nextShowMoreCount})\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nfunction useOrderItemsProps({\n  orders = emptyArray,\n  status,\n  relation,\n}: {\n  orders?: OrderItem[];\n  status: \"active\" | \"history\";\n  relation: \"asMaker\" | \"asTaker\";\n}) {\n  const showMoreProps = useShowMoreProps({\n    items: orders,\n    status,\n    relation,\n  });\n  const [areHidden, setAreHidden] = useState(false);\n\n  const toggleHidden = () => {\n    setAreHidden(!areHidden);\n  };\n\n  const EyeIcon = areHidden ? EyeSVG : EyeCrossedSVG;\n  const countToShow = orders.length >= 99 ? \"+99\" : orders.length;\n  const notEmpty = orders.length > 0;\n\n  const props = {\n    showMoreProps,\n    areHidden,\n    setAreHidden,\n    toggleHidden,\n    countToShow,\n    notEmpty,\n    EyeIcon,\n  };\n\n  return props;\n}\n\nconst ITEMS_PER_PAGE = 15;\n\nfunction useShowMoreProps<T = unknown>({\n  items = [],\n  itemsPerPage = ITEMS_PER_PAGE,\n  status,\n  relation,\n}: {\n  items: T[];\n  itemsPerPage?: number;\n  status: \"active\" | \"history\";\n  relation: \"asMaker\" | \"asTaker\";\n}) {\n  const [itemsCount, setItemsCount] = useAtom(ordersCountAtomMap[relation]);\n  const specificStatusCount = itemsCount[status];\n\n  const paginatedItems = items.slice(0, specificStatusCount);\n\n  const showMore = () => {\n    setItemsCount((prev) => ({\n      ...prev,\n      [status]: prev[status] + itemsPerPage,\n    }));\n  };\n\n  const hasMore = items.length > specificStatusCount;\n  const nextShowMoreCount = Math.min(\n    itemsPerPage,\n    items.length - specificStatusCount\n  );\n\n  return {\n    paginatedItems,\n    showMore,\n    hasMore,\n    nextShowMoreCount: nextShowMoreCount < 0 ? 0 : nextShowMoreCount,\n  };\n}\n"],"mappings":"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"}