@liberfi.io/ui-chain-select 0.1.25 → 0.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +6 -6
package/dist/index.d.mts CHANGED
@@ -14,7 +14,7 @@ declare global {
14
14
  };
15
15
  }
16
16
  }
17
- declare const _default: "0.1.25";
17
+ declare const _default: "0.1.26";
18
18
 
19
19
  type ChainAtoms = {
20
20
  chainAtom: ReturnType<typeof atomWithStorage<Chain>>;
package/dist/index.d.ts CHANGED
@@ -14,7 +14,7 @@ declare global {
14
14
  };
15
15
  }
16
16
  }
17
- declare const _default: "0.1.25";
17
+ declare const _default: "0.1.26";
18
18
 
19
19
  type ChainAtoms = {
20
20
  chainAtom: ReturnType<typeof atomWithStorage<Chain>>;
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var react=require('react'),utils=require('jotai/utils'),types=require('@liberfi.io/types'),jsxRuntime=require('react/jsx-runtime'),ui=require('@liberfi.io/ui'),utils$1=require('@liberfi.io/utils'),jotai=require('jotai');typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-chain-select"]="0.1.25");var B="0.1.25";var A={getOnInit:true};function l(e=""){let t=`${e}chain`,o=`${e}chainNamespace`;return {chainAtom:utils.atomWithStorage(t,types.Chain.SOLANA,void 0,A),chainNamespaceAtom:utils.atomWithStorage(o,types.ChainNamespace.SOLANA,void 0,A)}}var C=l(""),g=C,fe=C.chainAtom,Se=C.chainNamespaceAtom;var h=react.createContext(g);function ge({storageKeyPrefix:e="",children:t}){let o=react.useMemo(()=>l(e),[e]);return jsxRuntime.jsx(h.Provider,{value:o,children:t})}var Q={[types.Chain.SOLANA]:ui.SolanaIcon,[types.Chain.ETHEREUM]:ui.EthereumIcon,[types.Chain.BINANCE]:ui.BinanceIcon};function p({chain:e,className:t}){let o=Q[e];return o?jsxRuntime.jsx(o,{className:t}):jsxRuntime.jsx(ui.Avatar,{className:t,src:utils$1.chainIcon(e),name:utils$1.capitalize(utils$1.chainSlug(e)??"")})}var x=[types.Chain.SOLANA,types.Chain.ETHEREUM,types.Chain.BINANCE];function b({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let n=i=>{a?.(i);},m=ui.cn(e==="sm"?"w-4 h-4":e==="lg"?"w-6 h-6":"w-5 h-5");return jsxRuntime.jsxs(ui.Dropdown,{placement:"bottom-end",className:c,classNames:{content:"w-38 bg-content1 border border-border"},children:[jsxRuntime.jsx(ui.DropdownTrigger,{children:jsxRuntime.jsx(ui.Button,{isLoading:r,size:e,variant:"bordered",radius:"full",style:{borderColor:utils$1.chainColor(o)?`${utils$1.chainColor(o)}60`:void 0},startContent:jsxRuntime.jsx(p,{chain:o,className:m}),children:utils$1.chainDisplayName(o)})}),jsxRuntime.jsx(ui.DropdownMenu,{"aria-label":"Select chain",selectionMode:"single",selectedKeys:o?[o]:[],onAction:n,classNames:{list:"gap-1"},itemClasses:{base:ui.cn("rounded-md px-3",e==="sm"?"h-8":e==="lg"?"h-12":"h-10")},children:t.map(i=>jsxRuntime.jsx(ui.DropdownItem,{startContent:jsxRuntime.jsx(p,{chain:i,className:m}),className:i===o?"bg-content2 text-foreground":"text-neutral",children:utils$1.chainDisplayName(i)},i))})]})}function P({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){return jsxRuntime.jsx("div",{role:"group","aria-label":"Select chain",className:ui.cn("flex items-center gap-1",c),children:t.map(n=>jsxRuntime.jsx(ui.Button,{isIconOnly:true,"aria-label":utils$1.chainDisplayName(n),isDisabled:r,radius:"full",className:ui.cn("min-w-0 min-h-0 border",e==="sm"?"w-6 h-6":e==="md"||e===void 0?"w-7 h-7":"w-8 h-8",n===o?"bg-content1 scale-110 hover:opacity-100":"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent"),style:n===o&&utils$1.chainColor(n)?{borderColor:`${utils$1.chainColor(n)}60`}:void 0,onPress:()=>a?.(n),children:jsxRuntime.jsx(p,{chain:n,className:ui.cn(e==="sm"?"w-4 h-4":e==="md"||e===void 0?"w-5 h-5":"w-6 h-6")})},n))})}function D({size:e,candidates:t=x,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let{isMobile:n}=ui.useScreen();return n?jsxRuntime.jsx(P,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c}):jsxRuntime.jsx(b,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c})}function R(e){let{chainAtom:t,chainNamespaceAtom:o}=react.useContext(h),a=jotai.useSetAtom(t),r=jotai.useSetAtom(o),[c,n]=react.useState(false);return {selectChain:react.useCallback(async i=>{try{n(!0),await e?.onSwitchChain?.(i),r(utils$1.chainToNamespace(i)),a(i),e?.onSuccess?.(i);}catch(M){e?.onError?.(M);}finally{n(false);}},[a,r,e?.onSwitchChain,e?.onSuccess,e?.onError]),isSwitching:c}}function T(){let{chainAtom:e,chainNamespaceAtom:t}=react.useContext(h),o=jotai.useAtomValue(e),a=jotai.useAtomValue(t);return react.useMemo(()=>({chain:o,chainNamespace:a}),[o,a])}function ro({size:e,className:t,candidates:o,onSwitchChain:a,onSuccess:r,onError:c}){let{chain:n}=T(),{selectChain:m,isSwitching:i}=R({onSwitchChain:a,onSuccess:r,onError:c});return jsxRuntime.jsx(D,{chain:n,candidates:o,onSelectChain:m,isSwitching:i,size:e,className:t})}exports.ChainAvatar=p;exports.ChainSelectProvider=ge;exports.ChainSelectStateContext=h;exports.ChainSelectUI=D;exports.ChainSelectWidget=ro;exports.chainAtom=fe;exports.chainNamespaceAtom=Se;exports.createChainAtoms=l;exports.defaultChainAtoms=g;exports.useCurrentChain=T;exports.useSelectChain=R;exports.version=B;//# sourceMappingURL=index.js.map
1
+ 'use strict';var react=require('react'),utils=require('jotai/utils'),types=require('@liberfi.io/types'),jsxRuntime=require('react/jsx-runtime'),ui=require('@liberfi.io/ui'),utils$1=require('@liberfi.io/utils'),jotai=require('jotai');typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-chain-select"]="0.1.26");var B="0.1.26";var A={getOnInit:true};function l(e=""){let t=`${e}chain`,o=`${e}chainNamespace`;return {chainAtom:utils.atomWithStorage(t,types.Chain.SOLANA,void 0,A),chainNamespaceAtom:utils.atomWithStorage(o,types.ChainNamespace.SOLANA,void 0,A)}}var C=l(""),g=C,fe=C.chainAtom,Se=C.chainNamespaceAtom;var h=react.createContext(g);function ge({storageKeyPrefix:e="",children:t}){let o=react.useMemo(()=>l(e),[e]);return jsxRuntime.jsx(h.Provider,{value:o,children:t})}var Q={[types.Chain.SOLANA]:ui.SolanaIcon,[types.Chain.ETHEREUM]:ui.EthereumIcon,[types.Chain.BINANCE]:ui.BinanceIcon};function p({chain:e,className:t}){let o=Q[e];return o?jsxRuntime.jsx(o,{className:t}):jsxRuntime.jsx(ui.Avatar,{className:t,src:utils$1.chainIcon(e),name:utils$1.capitalize(utils$1.chainSlug(e)??"")})}var x=[types.Chain.SOLANA,types.Chain.ETHEREUM,types.Chain.BINANCE];function b({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let n=i=>{a?.(i);},m=ui.cn(e==="sm"?"w-4 h-4":e==="lg"?"w-6 h-6":"w-5 h-5");return jsxRuntime.jsxs(ui.Dropdown,{placement:"bottom-end",className:c,classNames:{content:"w-38 bg-content1 border border-border"},children:[jsxRuntime.jsx(ui.DropdownTrigger,{children:jsxRuntime.jsx(ui.Button,{isLoading:r,size:e,variant:"bordered",radius:"full",style:{borderColor:utils$1.chainColor(o)?`${utils$1.chainColor(o)}60`:void 0},startContent:jsxRuntime.jsx(p,{chain:o,className:m}),children:utils$1.chainDisplayName(o)})}),jsxRuntime.jsx(ui.DropdownMenu,{"aria-label":"Select chain",selectionMode:"single",selectedKeys:o?[o]:[],onAction:n,classNames:{list:"gap-1"},itemClasses:{base:ui.cn("rounded-md px-3",e==="sm"?"h-8":e==="lg"?"h-12":"h-10")},children:t.map(i=>jsxRuntime.jsx(ui.DropdownItem,{startContent:jsxRuntime.jsx(p,{chain:i,className:m}),className:i===o?"bg-content2 text-foreground":"text-neutral",children:utils$1.chainDisplayName(i)},i))})]})}function P({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){return jsxRuntime.jsx("div",{role:"group","aria-label":"Select chain",className:ui.cn("flex items-center gap-1",c),children:t.map(n=>jsxRuntime.jsx(ui.Button,{isIconOnly:true,"aria-label":utils$1.chainDisplayName(n),isDisabled:r,radius:"full",className:ui.cn("min-w-0 min-h-0 border",e==="sm"?"w-6 h-6":e==="md"||e===void 0?"w-7 h-7":"w-8 h-8",n===o?"bg-content1 scale-110 hover:opacity-100":"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent"),style:n===o&&utils$1.chainColor(n)?{borderColor:`${utils$1.chainColor(n)}60`}:void 0,onPress:()=>a?.(n),children:jsxRuntime.jsx(p,{chain:n,className:ui.cn(e==="sm"?"w-4 h-4":e==="md"||e===void 0?"w-5 h-5":"w-6 h-6")})},n))})}function D({size:e,candidates:t=x,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let{isMobile:n}=ui.useScreen();return n?jsxRuntime.jsx(P,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c}):jsxRuntime.jsx(b,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c})}function R(e){let{chainAtom:t,chainNamespaceAtom:o}=react.useContext(h),a=jotai.useSetAtom(t),r=jotai.useSetAtom(o),[c,n]=react.useState(false);return {selectChain:react.useCallback(async i=>{try{n(!0),await e?.onSwitchChain?.(i),r(utils$1.chainToNamespace(i)),a(i),e?.onSuccess?.(i);}catch(M){e?.onError?.(M);}finally{n(false);}},[a,r,e?.onSwitchChain,e?.onSuccess,e?.onError]),isSwitching:c}}function T(){let{chainAtom:e,chainNamespaceAtom:t}=react.useContext(h),o=jotai.useAtomValue(e),a=jotai.useAtomValue(t);return react.useMemo(()=>({chain:o,chainNamespace:a}),[o,a])}function ro({size:e,className:t,candidates:o,onSwitchChain:a,onSuccess:r,onError:c}){let{chain:n}=T(),{selectChain:m,isSwitching:i}=R({onSwitchChain:a,onSuccess:r,onError:c});return jsxRuntime.jsx(D,{chain:n,candidates:o,onSelectChain:m,isSwitching:i,size:e,className:t})}exports.ChainAvatar=p;exports.ChainSelectProvider=ge;exports.ChainSelectStateContext=h;exports.ChainSelectUI=D;exports.ChainSelectWidget=ro;exports.chainAtom=fe;exports.chainNamespaceAtom=Se;exports.createChainAtoms=l;exports.defaultChainAtoms=g;exports.useCurrentChain=T;exports.useSelectChain=R;exports.version=B;//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/version.ts","../src/states.ts","../src/chain-select.context.tsx","../src/components/chain-avatar.tsx","../src/constants.ts","../src/components/chain-select.desktop.ui.tsx","../src/components/chain-select.mobile.ui.tsx","../src/components/chain-select.ui.tsx","../src/hooks/useSelectChain.tsx","../src/hooks/useCurrentChain.tsx","../src/components/chain-select.widget.tsx"],"names":["version_default","storageOptions","createChainAtoms","storageKeyPrefix","chainKey","chainNamespaceKey","atomWithStorage","Chain","ChainNamespace","defaultAtoms","defaultChainAtoms","chainAtom","chainNamespaceAtom","ChainSelectStateContext","createContext","ChainSelectProvider","children","value","useMemo","jsx","CHAIN_ICON_MAP","SolanaIcon","EthereumIcon","BinanceIcon","ChainAvatar","chain","className","Icon","Avatar","chainIcon","capitalize","chainSlug","DEFAULT_CANDIDATES","ChainSelectDesktopUI","size","candidates","onSelectChain","isSwitching","handleAction","key","avatarSize","cn","jsxs","Dropdown","DropdownTrigger","Button","chainColor","chainDisplayName","DropdownMenu","it","DropdownItem","ChainSelectMobileUI","ChainSelectUI","isMobile","useScreen","useSelectChain","options","useContext","setChain","useSetAtom","setChainNamespace","setIsSwitching","useState","useCallback","chainToNamespace","e","useCurrentChain","useAtomValue","chainNamespace","ChainSelectWidget","onSwitchChain","onSuccess","onError","selectChain"],"mappings":"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","file":"index.js","sourcesContent":["declare global {\n interface Window {\n __LIBERFI_VERSION__?: {\n [key: string]: string;\n };\n }\n}\nif (typeof window !== \"undefined\") {\n window.__LIBERFI_VERSION__ = window.__LIBERFI_VERSION__ || {};\n window.__LIBERFI_VERSION__[\"@liberfi.io/ui-chain-select\"] = \"0.1.25\";\n}\n\nexport default \"0.1.25\";\n","import { atomWithStorage } from \"jotai/utils\";\nimport { Chain, ChainNamespace } from \"@liberfi.io/types\";\n\nconst storageOptions = { getOnInit: true as const };\n\nexport type ChainAtoms = {\n chainAtom: ReturnType<typeof atomWithStorage<Chain>>;\n chainNamespaceAtom: ReturnType<typeof atomWithStorage<ChainNamespace>>;\n};\n\n/**\n * Creates chain state atoms with optional storage key prefix.\n * Use a prefix when multiple independent chain selectors must coexist on the same origin.\n */\nexport function createChainAtoms(storageKeyPrefix: string = \"\"): ChainAtoms {\n const chainKey = `${storageKeyPrefix}chain`;\n const chainNamespaceKey = `${storageKeyPrefix}chainNamespace`;\n return {\n chainAtom: atomWithStorage<Chain>(\n chainKey,\n Chain.SOLANA,\n undefined,\n storageOptions,\n ),\n chainNamespaceAtom: atomWithStorage<ChainNamespace>(\n chainNamespaceKey,\n ChainNamespace.SOLANA,\n undefined,\n storageOptions,\n ),\n };\n}\n\nconst defaultAtoms = createChainAtoms(\"\");\n\n/** Default atoms (used when not inside ChainSelectProvider) */\nexport const defaultChainAtoms = defaultAtoms;\n\n/** Current chain (default instance, key \"chain\") */\nexport const chainAtom = defaultAtoms.chainAtom;\n\n/** Current chain namespace (default instance, key \"chainNamespace\") */\nexport const chainNamespaceAtom = defaultAtoms.chainNamespaceAtom;\n","import { createContext, useMemo, type ReactNode } from \"react\";\nimport { createChainAtoms, defaultChainAtoms } from \"./states\";\n\nexport type ChainSelectStateContextValue = ReturnType<typeof createChainAtoms>;\n\nexport const ChainSelectStateContext =\n createContext<ChainSelectStateContextValue>(defaultChainAtoms);\n\nexport type ChainSelectProviderProps = {\n /** Optional storage key prefix so multiple instances can coexist (e.g. \"app1_\") */\n storageKeyPrefix?: string;\n children: ReactNode;\n};\n\nexport function ChainSelectProvider({\n storageKeyPrefix = \"\",\n children,\n}: ChainSelectProviderProps) {\n const value = useMemo(\n () => createChainAtoms(storageKeyPrefix),\n [storageKeyPrefix],\n );\n return (\n <ChainSelectStateContext.Provider value={value}>\n {children}\n </ChainSelectStateContext.Provider>\n );\n}\n","import type { ComponentType } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { Avatar, BinanceIcon, EthereumIcon, SolanaIcon } from \"@liberfi.io/ui\";\nimport { capitalize, chainIcon, chainSlug } from \"@liberfi.io/utils\";\n\nexport type ChainAvatarProps = {\n chain: Chain;\n className?: string;\n};\n\nconst CHAIN_ICON_MAP: Partial<\n Record<Chain, ComponentType<{ className?: string }>>\n> = {\n [Chain.SOLANA]: SolanaIcon,\n [Chain.ETHEREUM]: EthereumIcon,\n [Chain.BINANCE]: BinanceIcon,\n};\n\nexport function ChainAvatar({ chain, className }: ChainAvatarProps) {\n const Icon = CHAIN_ICON_MAP[chain];\n if (Icon) return <Icon className={className} />;\n return (\n <Avatar\n className={className}\n src={chainIcon(chain)}\n name={capitalize(chainSlug(chain) ?? \"\")}\n />\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\n\n/** Default chain list when candidates are not provided */\nexport const DEFAULT_CANDIDATES: Chain[] = [\n Chain.SOLANA,\n Chain.ETHEREUM,\n Chain.BINANCE,\n];\n","import { type Key } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport {\n Button,\n cn,\n Dropdown,\n DropdownItem,\n DropdownMenu,\n DropdownTrigger,\n} from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectDesktopUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectDesktopUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectDesktopUIProps) {\n const handleAction = (key: Key) => {\n onSelectChain?.(key as Chain);\n };\n\n const avatarSize = cn(\n size === \"sm\" ? \"w-4 h-4\" : size === \"lg\" ? \"w-6 h-6\" : \"w-5 h-5\",\n );\n\n return (\n <Dropdown\n placement=\"bottom-end\"\n className={className}\n classNames={{ content: \"w-38 bg-content1 border border-border\" }}\n >\n <DropdownTrigger>\n <Button\n isLoading={isSwitching}\n size={size}\n variant=\"bordered\"\n radius=\"full\"\n style={{\n borderColor: chainColor(chain)\n ? `${chainColor(chain)}60`\n : undefined,\n }}\n startContent={<ChainAvatar chain={chain} className={avatarSize} />}\n >\n {chainDisplayName(chain)}\n </Button>\n </DropdownTrigger>\n <DropdownMenu\n aria-label=\"Select chain\"\n selectionMode=\"single\"\n selectedKeys={chain ? [chain] : []}\n onAction={handleAction}\n classNames={{ list: \"gap-1\" }}\n itemClasses={{\n base: cn(\n \"rounded-md px-3\",\n size === \"sm\" ? \"h-8\" : size === \"lg\" ? \"h-12\" : \"h-10\",\n ),\n }}\n >\n {candidates.map((it) => (\n <DropdownItem\n key={it}\n startContent={<ChainAvatar chain={it} className={avatarSize} />}\n className={\n it === chain ? \"bg-content2 text-foreground\" : \"text-neutral\"\n }\n >\n {chainDisplayName(it)}\n </DropdownItem>\n ))}\n </DropdownMenu>\n </Dropdown>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { Button, cn } from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectMobileUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectMobileUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectMobileUIProps) {\n return (\n <div\n role=\"group\"\n aria-label=\"Select chain\"\n className={cn(\"flex items-center gap-1\", className)}\n >\n {candidates.map((it) => (\n <Button\n isIconOnly\n aria-label={chainDisplayName(it)}\n isDisabled={isSwitching}\n radius=\"full\"\n className={cn(\n \"min-w-0 min-h-0 border\",\n size === \"sm\"\n ? \"w-6 h-6\"\n : size === \"md\" || size === undefined\n ? \"w-7 h-7\"\n : \"w-8 h-8\",\n it === chain\n ? \"bg-content1 scale-110 hover:opacity-100\"\n : \"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent\",\n )}\n style={\n it === chain && chainColor(it)\n ? { borderColor: `${chainColor(it)}60` }\n : undefined\n }\n key={it}\n onPress={() => onSelectChain?.(it)}\n >\n <ChainAvatar\n chain={it}\n className={cn(\n size === \"sm\"\n ? \"w-4 h-4\"\n : size === \"md\" || size === undefined\n ? \"w-5 h-5\"\n : \"w-6 h-6\",\n )}\n />\n </Button>\n ))}\n </div>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useScreen } from \"@liberfi.io/ui\";\nimport { DEFAULT_CANDIDATES } from \"../constants\";\nimport { ChainSelectDesktopUI } from \"./chain-select.desktop.ui\";\nimport { ChainSelectMobileUI } from \"./chain-select.mobile.ui\";\n\nexport type ChainSelectUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n chain?: Chain;\n candidates?: Chain[];\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectUI({\n size,\n candidates = DEFAULT_CANDIDATES,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectUIProps) {\n const { isMobile } = useScreen();\n\n if (isMobile) {\n return (\n <ChainSelectMobileUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n } else {\n return (\n <ChainSelectDesktopUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n }\n}\n","import { useCallback, useContext, useState } from \"react\";\nimport { useSetAtom } from \"jotai\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { chainToNamespace } from \"@liberfi.io/utils\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport type UseSelectChainOptions = {\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function useSelectChain(options?: UseSelectChainOptions) {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const setChain = useSetAtom(chainAtom);\n const setChainNamespace = useSetAtom(chainNamespaceAtom);\n const [isSwitching, setIsSwitching] = useState(false);\n\n const selectChain = useCallback(\n async (chain: Chain) => {\n try {\n setIsSwitching(true);\n await options?.onSwitchChain?.(chain);\n\n setChainNamespace(chainToNamespace(chain));\n setChain(chain);\n options?.onSuccess?.(chain);\n } catch (e) {\n options?.onError?.(e);\n } finally {\n setIsSwitching(false);\n }\n },\n [\n setChain,\n setChainNamespace,\n options?.onSwitchChain,\n options?.onSuccess,\n options?.onError,\n ],\n );\n\n return { selectChain, isSwitching };\n}\n","import { useMemo, useContext } from \"react\";\nimport { useAtomValue } from \"jotai\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport function useCurrentChain() {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const chain = useAtomValue(chainAtom);\n const chainNamespace = useAtomValue(chainNamespaceAtom);\n return useMemo(() => ({ chain, chainNamespace }), [chain, chainNamespace]);\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useSelectChain, useCurrentChain } from \"../hooks\";\nimport { ChainSelectUI } from \"./chain-select.ui\";\n\nexport type ChainSelectWidgetProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n /** Optional list of chains to show. Defaults to [SOLANA, ETHEREUM, BINANCE] when not provided. */\n candidates?: Chain[];\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function ChainSelectWidget({\n size,\n className,\n candidates,\n onSwitchChain,\n onSuccess,\n onError,\n}: ChainSelectWidgetProps) {\n const { chain } = useCurrentChain();\n const { selectChain, isSwitching } = useSelectChain({\n onSwitchChain,\n onSuccess,\n onError,\n });\n\n return (\n <ChainSelectUI\n chain={chain}\n candidates={candidates}\n onSelectChain={selectChain}\n isSwitching={isSwitching}\n size={size}\n className={className}\n />\n );\n}\n"]}
1
+ {"version":3,"sources":["../src/version.ts","../src/states.ts","../src/chain-select.context.tsx","../src/components/chain-avatar.tsx","../src/constants.ts","../src/components/chain-select.desktop.ui.tsx","../src/components/chain-select.mobile.ui.tsx","../src/components/chain-select.ui.tsx","../src/hooks/useSelectChain.tsx","../src/hooks/useCurrentChain.tsx","../src/components/chain-select.widget.tsx"],"names":["version_default","storageOptions","createChainAtoms","storageKeyPrefix","chainKey","chainNamespaceKey","atomWithStorage","Chain","ChainNamespace","defaultAtoms","defaultChainAtoms","chainAtom","chainNamespaceAtom","ChainSelectStateContext","createContext","ChainSelectProvider","children","value","useMemo","jsx","CHAIN_ICON_MAP","SolanaIcon","EthereumIcon","BinanceIcon","ChainAvatar","chain","className","Icon","Avatar","chainIcon","capitalize","chainSlug","DEFAULT_CANDIDATES","ChainSelectDesktopUI","size","candidates","onSelectChain","isSwitching","handleAction","key","avatarSize","cn","jsxs","Dropdown","DropdownTrigger","Button","chainColor","chainDisplayName","DropdownMenu","it","DropdownItem","ChainSelectMobileUI","ChainSelectUI","isMobile","useScreen","useSelectChain","options","useContext","setChain","useSetAtom","setChainNamespace","setIsSwitching","useState","useCallback","chainToNamespace","e","useCurrentChain","useAtomValue","chainNamespace","ChainSelectWidget","onSwitchChain","onSuccess","onError","selectChain"],"mappings":"yOAOI,OAAO,MAAA,CAAW,MACpB,MAAA,CAAO,mBAAA,CAAsB,OAAO,mBAAA,EAAuB,GAC3D,MAAA,CAAO,mBAAA,CAAoB,6BAA6B,CAAA,CAAI,QAAA,CAAA,KAGvDA,CAAAA,CAAQ,SCTf,IAAMC,CAAAA,CAAiB,CAAE,SAAA,CAAW,IAAc,CAAA,CAW3C,SAASC,EAAiBC,CAAAA,CAA2B,EAAA,CAAgB,CAC1E,IAAMC,CAAAA,CAAW,CAAA,EAAGD,CAAgB,CAAA,KAAA,CAAA,CAC9BE,CAAAA,CAAoB,GAAGF,CAAgB,CAAA,cAAA,CAAA,CAC7C,OAAO,CACL,SAAA,CAAWG,sBACTF,CAAAA,CACAG,WAAAA,CAAM,OACN,MAAA,CACAN,CACF,EACA,kBAAA,CAAoBK,qBAAAA,CAClBD,EACAG,oBAAAA,CAAe,MAAA,CACf,OACAP,CACF,CACF,CACF,CAEA,IAAMQ,CAAAA,CAAeP,EAAiB,EAAE,CAAA,CAG3BQ,EAAoBD,CAAAA,CAGpBE,EAAAA,CAAYF,EAAa,SAAA,CAGzBG,EAAAA,CAAqBH,CAAAA,CAAa,mBCrCxC,IAAMI,CAAAA,CACXC,oBAA4CJ,CAAiB,EAQxD,SAASK,EAAAA,CAAoB,CAClC,gBAAA,CAAAZ,CAAAA,CAAmB,EAAA,CACnB,QAAA,CAAAa,CACF,CAAA,CAA6B,CAC3B,IAAMC,CAAAA,CAAQC,aAAAA,CACZ,IAAMhB,CAAAA,CAAiBC,CAAgB,EACvC,CAACA,CAAgB,CACnB,CAAA,CACA,OACEgB,eAACN,CAAAA,CAAwB,QAAA,CAAxB,CAAiC,KAAA,CAAOI,CAAAA,CACtC,QAAA,CAAAD,CAAAA,CACH,CAEJ,CCjBA,IAAMI,EAEF,CACF,CAACb,YAAM,MAAM,EAAGc,cAChB,CAACd,WAAAA,CAAM,QAAQ,EAAGe,eAAAA,CAClB,CAACf,WAAAA,CAAM,OAAO,EAAGgB,cACnB,CAAA,CAEO,SAASC,CAAAA,CAAY,CAAE,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAC,CAAU,EAAqB,CAClE,IAAMC,EAAOP,CAAAA,CAAeK,CAAK,EACjC,OAAIE,CAAAA,CAAaR,cAAAA,CAACQ,CAAAA,CAAA,CAAK,SAAA,CAAWD,EAAW,CAAA,CAE3CP,cAAAA,CAACS,UAAA,CACC,SAAA,CAAWF,EACX,GAAA,CAAKG,iBAAAA,CAAUJ,CAAK,CAAA,CACpB,IAAA,CAAMK,kBAAAA,CAAWC,kBAAUN,CAAK,CAAA,EAAK,EAAE,CAAA,CACzC,CAEJ,CCzBO,IAAMO,CAAAA,CAA8B,CACzCzB,YAAM,MAAA,CACNA,WAAAA,CAAM,QAAA,CACNA,WAAAA,CAAM,OACR,CAAA,CCeO,SAAS0B,CAAAA,CAAqB,CACnC,KAAAC,CAAAA,CACA,UAAA,CAAAC,EACA,KAAA,CAAAV,CAAAA,CAAQU,EAAW,CAAC,CAAA,CACpB,cAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,SAAA,CAAAX,CACF,EAA8B,CAC5B,IAAMY,CAAAA,CAAgBC,CAAAA,EAAa,CACjCH,CAAAA,GAAgBG,CAAY,EAC9B,CAAA,CAEMC,EAAaC,KAAAA,CACjBP,CAAAA,GAAS,KAAO,SAAA,CAAYA,CAAAA,GAAS,IAAA,CAAO,SAAA,CAAY,SAC1D,CAAA,CAEA,OACEQ,eAAAA,CAACC,WAAAA,CAAA,CACC,SAAA,CAAU,YAAA,CACV,UAAWjB,CAAAA,CACX,UAAA,CAAY,CAAE,OAAA,CAAS,uCAAwC,CAAA,CAE/D,UAAAP,cAAAA,CAACyB,kBAAAA,CAAA,CACC,QAAA,CAAAzB,cAAAA,CAAC0B,UAAA,CACC,SAAA,CAAWR,EACX,IAAA,CAAMH,CAAAA,CACN,QAAQ,UAAA,CACR,MAAA,CAAO,OACP,KAAA,CAAO,CACL,YAAaY,kBAAAA,CAAWrB,CAAK,CAAA,CACzB,CAAA,EAAGqB,kBAAAA,CAAWrB,CAAK,CAAC,CAAA,EAAA,CAAA,CACpB,MACN,EACA,YAAA,CAAcN,cAAAA,CAACK,EAAA,CAAY,KAAA,CAAOC,CAAAA,CAAO,SAAA,CAAWe,CAAAA,CAAY,CAAA,CAE/D,SAAAO,wBAAAA,CAAiBtB,CAAK,EACzB,CAAA,CACF,CAAA,CACAN,eAAC6B,eAAAA,CAAA,CACC,YAAA,CAAW,cAAA,CACX,aAAA,CAAc,QAAA,CACd,aAAcvB,CAAAA,CAAQ,CAACA,CAAK,CAAA,CAAI,GAChC,QAAA,CAAUa,CAAAA,CACV,WAAY,CAAE,IAAA,CAAM,OAAQ,CAAA,CAC5B,WAAA,CAAa,CACX,IAAA,CAAMG,KAAAA,CACJ,kBACAP,CAAAA,GAAS,IAAA,CAAO,KAAA,CAAQA,CAAAA,GAAS,IAAA,CAAO,MAAA,CAAS,MACnD,CACF,CAAA,CAEC,SAAAC,CAAAA,CAAW,GAAA,CAAKc,GACf9B,cAAAA,CAAC+B,eAAAA,CAAA,CAEC,YAAA,CAAc/B,cAAAA,CAACK,CAAAA,CAAA,CAAY,KAAA,CAAOyB,CAAAA,CAAI,UAAWT,CAAAA,CAAY,CAAA,CAC7D,UACES,CAAAA,GAAOxB,CAAAA,CAAQ,6BAAA,CAAgC,cAAA,CAGhD,QAAA,CAAAsB,wBAAAA,CAAiBE,CAAE,CAAA,CAAA,CANfA,CAOP,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAEJ,CCzEO,SAASE,CAAAA,CAAoB,CAClC,IAAA,CAAAjB,CAAAA,CACA,WAAAC,CAAAA,CACA,KAAA,CAAAV,EAAQU,CAAAA,CAAW,CAAC,CAAA,CACpB,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,SAAA,CAAAX,CACF,EAA6B,CAC3B,OACEP,eAAC,KAAA,CAAA,CACC,IAAA,CAAK,OAAA,CACL,YAAA,CAAW,cAAA,CACX,SAAA,CAAWsB,MAAG,yBAAA,CAA2Bf,CAAS,EAEjD,QAAA,CAAAS,CAAAA,CAAW,IAAKc,CAAAA,EACf9B,cAAAA,CAAC0B,UAAA,CACC,UAAA,CAAU,KACV,YAAA,CAAYE,wBAAAA,CAAiBE,CAAE,CAAA,CAC/B,UAAA,CAAYZ,EACZ,MAAA,CAAO,MAAA,CACP,SAAA,CAAWI,KAAAA,CACT,wBAAA,CACAP,CAAAA,GAAS,KACL,SAAA,CACAA,CAAAA,GAAS,MAAQA,CAAAA,GAAS,MAAA,CACxB,UACA,SAAA,CACNe,CAAAA,GAAOxB,CAAAA,CACH,yCAAA,CACA,yEACN,CAAA,CACA,MACEwB,CAAAA,GAAOxB,CAAAA,EAASqB,mBAAWG,CAAE,CAAA,CACzB,CAAE,WAAA,CAAa,CAAA,EAAGH,kBAAAA,CAAWG,CAAE,CAAC,CAAA,EAAA,CAAK,EACrC,MAAA,CAGN,OAAA,CAAS,IAAMb,CAAAA,GAAgBa,CAAE,EAEjC,QAAA,CAAA9B,cAAAA,CAACK,EAAA,CACC,KAAA,CAAOyB,EACP,SAAA,CAAWR,KAAAA,CACTP,IAAS,IAAA,CACL,SAAA,CACAA,IAAS,IAAA,EAAQA,CAAAA,GAAS,MAAA,CACxB,SAAA,CACA,SACR,CAAA,CACF,GAZKe,CAaP,CACD,EACH,CAEJ,CCpDO,SAASG,CAAAA,CAAc,CAC5B,IAAA,CAAAlB,EACA,UAAA,CAAAC,CAAAA,CAAaH,EACb,KAAA,CAAAP,CAAAA,CAAQU,EAAW,CAAC,CAAA,CACpB,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,UAAAX,CACF,CAAA,CAAuB,CACrB,GAAM,CAAE,SAAA2B,CAAS,CAAA,CAAIC,cAAU,CAE/B,OAAID,EAEAlC,cAAAA,CAACgC,CAAAA,CAAA,CACC,IAAA,CAAMjB,CAAAA,CACN,MAAOT,CAAAA,CACP,aAAA,CAAeW,CAAAA,CACf,WAAA,CAAaC,CAAAA,CACb,UAAA,CAAYF,EACZ,SAAA,CAAWT,CAAAA,CACb,EAIAP,cAAAA,CAACc,CAAAA,CAAA,CACC,IAAA,CAAMC,CAAAA,CACN,KAAA,CAAOT,CAAAA,CACP,aAAA,CAAeW,CAAAA,CACf,YAAaC,CAAAA,CACb,UAAA,CAAYF,EACZ,SAAA,CAAWT,CAAAA,CACb,CAGN,CClCO,SAAS6B,EAAeC,CAAAA,CAAiC,CAC9D,GAAM,CAAE,SAAA,CAAA7C,EAAW,kBAAA,CAAAC,CAAmB,CAAA,CAAI6C,gBAAAA,CAAW5C,CAAuB,CAAA,CACtE6C,EAAWC,gBAAAA,CAAWhD,CAAS,EAC/BiD,CAAAA,CAAoBD,gBAAAA,CAAW/C,CAAkB,CAAA,CACjD,CAACyB,CAAAA,CAAawB,CAAc,CAAA,CAAIC,cAAAA,CAAS,KAAK,CAAA,CA0BpD,OAAO,CAAE,WAAA,CAxBWC,iBAAAA,CAClB,MAAOtC,CAAAA,EAAiB,CACtB,GAAI,CACFoC,CAAAA,CAAe,CAAA,CAAI,EACnB,MAAML,CAAAA,EAAS,gBAAgB/B,CAAK,CAAA,CAEpCmC,EAAkBI,wBAAAA,CAAiBvC,CAAK,CAAC,CAAA,CACzCiC,CAAAA,CAASjC,CAAK,CAAA,CACd+B,CAAAA,EAAS,YAAY/B,CAAK,EAC5B,OAASwC,CAAAA,CAAG,CACVT,CAAAA,EAAS,OAAA,GAAUS,CAAC,EACtB,QAAE,CACAJ,CAAAA,CAAe,KAAK,EACtB,CACF,EACA,CACEH,CAAAA,CACAE,CAAAA,CACAJ,CAAAA,EAAS,aAAA,CACTA,CAAAA,EAAS,UACTA,CAAAA,EAAS,OACX,CACF,CAAA,CAEsB,WAAA,CAAAnB,CAAY,CACpC,CCzCO,SAAS6B,CAAAA,EAAkB,CAChC,GAAM,CAAE,SAAA,CAAAvD,EAAW,kBAAA,CAAAC,CAAmB,EAAI6C,gBAAAA,CAAW5C,CAAuB,EACtEY,CAAAA,CAAQ0C,kBAAAA,CAAaxD,CAAS,CAAA,CAC9ByD,CAAAA,CAAiBD,kBAAAA,CAAavD,CAAkB,CAAA,CACtD,OAAOM,cAAQ,KAAO,CAAE,MAAAO,CAAAA,CAAO,cAAA,CAAA2C,CAAe,CAAA,CAAA,CAAI,CAAC3C,CAAAA,CAAO2C,CAAc,CAAC,CAC3E,CCOO,SAASC,EAAAA,CAAkB,CAChC,IAAA,CAAAnC,CAAAA,CACA,SAAA,CAAAR,EACA,UAAA,CAAAS,CAAAA,CACA,cAAAmC,CAAAA,CACA,SAAA,CAAAC,EACA,OAAA,CAAAC,CACF,CAAA,CAA2B,CACzB,GAAM,CAAE,MAAA/C,CAAM,CAAA,CAAIyC,GAAgB,CAC5B,CAAE,YAAAO,CAAAA,CAAa,WAAA,CAAApC,CAAY,CAAA,CAAIkB,CAAAA,CAAe,CAClD,cAAAe,CAAAA,CACA,SAAA,CAAAC,EACA,OAAA,CAAAC,CACF,CAAC,CAAA,CAED,OACErD,cAAAA,CAACiC,CAAAA,CAAA,CACC,KAAA,CAAO3B,EACP,UAAA,CAAYU,CAAAA,CACZ,cAAesC,CAAAA,CACf,WAAA,CAAapC,EACb,IAAA,CAAMH,CAAAA,CACN,SAAA,CAAWR,CAAAA,CACb,CAEJ","file":"index.js","sourcesContent":["declare global {\n interface Window {\n __LIBERFI_VERSION__?: {\n [key: string]: string;\n };\n }\n}\nif (typeof window !== \"undefined\") {\n window.__LIBERFI_VERSION__ = window.__LIBERFI_VERSION__ || {};\n window.__LIBERFI_VERSION__[\"@liberfi.io/ui-chain-select\"] = \"0.1.26\";\n}\n\nexport default \"0.1.26\";\n","import { atomWithStorage } from \"jotai/utils\";\nimport { Chain, ChainNamespace } from \"@liberfi.io/types\";\n\nconst storageOptions = { getOnInit: true as const };\n\nexport type ChainAtoms = {\n chainAtom: ReturnType<typeof atomWithStorage<Chain>>;\n chainNamespaceAtom: ReturnType<typeof atomWithStorage<ChainNamespace>>;\n};\n\n/**\n * Creates chain state atoms with optional storage key prefix.\n * Use a prefix when multiple independent chain selectors must coexist on the same origin.\n */\nexport function createChainAtoms(storageKeyPrefix: string = \"\"): ChainAtoms {\n const chainKey = `${storageKeyPrefix}chain`;\n const chainNamespaceKey = `${storageKeyPrefix}chainNamespace`;\n return {\n chainAtom: atomWithStorage<Chain>(\n chainKey,\n Chain.SOLANA,\n undefined,\n storageOptions,\n ),\n chainNamespaceAtom: atomWithStorage<ChainNamespace>(\n chainNamespaceKey,\n ChainNamespace.SOLANA,\n undefined,\n storageOptions,\n ),\n };\n}\n\nconst defaultAtoms = createChainAtoms(\"\");\n\n/** Default atoms (used when not inside ChainSelectProvider) */\nexport const defaultChainAtoms = defaultAtoms;\n\n/** Current chain (default instance, key \"chain\") */\nexport const chainAtom = defaultAtoms.chainAtom;\n\n/** Current chain namespace (default instance, key \"chainNamespace\") */\nexport const chainNamespaceAtom = defaultAtoms.chainNamespaceAtom;\n","import { createContext, useMemo, type ReactNode } from \"react\";\nimport { createChainAtoms, defaultChainAtoms } from \"./states\";\n\nexport type ChainSelectStateContextValue = ReturnType<typeof createChainAtoms>;\n\nexport const ChainSelectStateContext =\n createContext<ChainSelectStateContextValue>(defaultChainAtoms);\n\nexport type ChainSelectProviderProps = {\n /** Optional storage key prefix so multiple instances can coexist (e.g. \"app1_\") */\n storageKeyPrefix?: string;\n children: ReactNode;\n};\n\nexport function ChainSelectProvider({\n storageKeyPrefix = \"\",\n children,\n}: ChainSelectProviderProps) {\n const value = useMemo(\n () => createChainAtoms(storageKeyPrefix),\n [storageKeyPrefix],\n );\n return (\n <ChainSelectStateContext.Provider value={value}>\n {children}\n </ChainSelectStateContext.Provider>\n );\n}\n","import type { ComponentType } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { Avatar, BinanceIcon, EthereumIcon, SolanaIcon } from \"@liberfi.io/ui\";\nimport { capitalize, chainIcon, chainSlug } from \"@liberfi.io/utils\";\n\nexport type ChainAvatarProps = {\n chain: Chain;\n className?: string;\n};\n\nconst CHAIN_ICON_MAP: Partial<\n Record<Chain, ComponentType<{ className?: string }>>\n> = {\n [Chain.SOLANA]: SolanaIcon,\n [Chain.ETHEREUM]: EthereumIcon,\n [Chain.BINANCE]: BinanceIcon,\n};\n\nexport function ChainAvatar({ chain, className }: ChainAvatarProps) {\n const Icon = CHAIN_ICON_MAP[chain];\n if (Icon) return <Icon className={className} />;\n return (\n <Avatar\n className={className}\n src={chainIcon(chain)}\n name={capitalize(chainSlug(chain) ?? \"\")}\n />\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\n\n/** Default chain list when candidates are not provided */\nexport const DEFAULT_CANDIDATES: Chain[] = [\n Chain.SOLANA,\n Chain.ETHEREUM,\n Chain.BINANCE,\n];\n","import { type Key } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport {\n Button,\n cn,\n Dropdown,\n DropdownItem,\n DropdownMenu,\n DropdownTrigger,\n} from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectDesktopUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectDesktopUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectDesktopUIProps) {\n const handleAction = (key: Key) => {\n onSelectChain?.(key as Chain);\n };\n\n const avatarSize = cn(\n size === \"sm\" ? \"w-4 h-4\" : size === \"lg\" ? \"w-6 h-6\" : \"w-5 h-5\",\n );\n\n return (\n <Dropdown\n placement=\"bottom-end\"\n className={className}\n classNames={{ content: \"w-38 bg-content1 border border-border\" }}\n >\n <DropdownTrigger>\n <Button\n isLoading={isSwitching}\n size={size}\n variant=\"bordered\"\n radius=\"full\"\n style={{\n borderColor: chainColor(chain)\n ? `${chainColor(chain)}60`\n : undefined,\n }}\n startContent={<ChainAvatar chain={chain} className={avatarSize} />}\n >\n {chainDisplayName(chain)}\n </Button>\n </DropdownTrigger>\n <DropdownMenu\n aria-label=\"Select chain\"\n selectionMode=\"single\"\n selectedKeys={chain ? [chain] : []}\n onAction={handleAction}\n classNames={{ list: \"gap-1\" }}\n itemClasses={{\n base: cn(\n \"rounded-md px-3\",\n size === \"sm\" ? \"h-8\" : size === \"lg\" ? \"h-12\" : \"h-10\",\n ),\n }}\n >\n {candidates.map((it) => (\n <DropdownItem\n key={it}\n startContent={<ChainAvatar chain={it} className={avatarSize} />}\n className={\n it === chain ? \"bg-content2 text-foreground\" : \"text-neutral\"\n }\n >\n {chainDisplayName(it)}\n </DropdownItem>\n ))}\n </DropdownMenu>\n </Dropdown>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { Button, cn } from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectMobileUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectMobileUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectMobileUIProps) {\n return (\n <div\n role=\"group\"\n aria-label=\"Select chain\"\n className={cn(\"flex items-center gap-1\", className)}\n >\n {candidates.map((it) => (\n <Button\n isIconOnly\n aria-label={chainDisplayName(it)}\n isDisabled={isSwitching}\n radius=\"full\"\n className={cn(\n \"min-w-0 min-h-0 border\",\n size === \"sm\"\n ? \"w-6 h-6\"\n : size === \"md\" || size === undefined\n ? \"w-7 h-7\"\n : \"w-8 h-8\",\n it === chain\n ? \"bg-content1 scale-110 hover:opacity-100\"\n : \"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent\",\n )}\n style={\n it === chain && chainColor(it)\n ? { borderColor: `${chainColor(it)}60` }\n : undefined\n }\n key={it}\n onPress={() => onSelectChain?.(it)}\n >\n <ChainAvatar\n chain={it}\n className={cn(\n size === \"sm\"\n ? \"w-4 h-4\"\n : size === \"md\" || size === undefined\n ? \"w-5 h-5\"\n : \"w-6 h-6\",\n )}\n />\n </Button>\n ))}\n </div>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useScreen } from \"@liberfi.io/ui\";\nimport { DEFAULT_CANDIDATES } from \"../constants\";\nimport { ChainSelectDesktopUI } from \"./chain-select.desktop.ui\";\nimport { ChainSelectMobileUI } from \"./chain-select.mobile.ui\";\n\nexport type ChainSelectUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n chain?: Chain;\n candidates?: Chain[];\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectUI({\n size,\n candidates = DEFAULT_CANDIDATES,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectUIProps) {\n const { isMobile } = useScreen();\n\n if (isMobile) {\n return (\n <ChainSelectMobileUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n } else {\n return (\n <ChainSelectDesktopUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n }\n}\n","import { useCallback, useContext, useState } from \"react\";\nimport { useSetAtom } from \"jotai\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { chainToNamespace } from \"@liberfi.io/utils\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport type UseSelectChainOptions = {\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function useSelectChain(options?: UseSelectChainOptions) {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const setChain = useSetAtom(chainAtom);\n const setChainNamespace = useSetAtom(chainNamespaceAtom);\n const [isSwitching, setIsSwitching] = useState(false);\n\n const selectChain = useCallback(\n async (chain: Chain) => {\n try {\n setIsSwitching(true);\n await options?.onSwitchChain?.(chain);\n\n setChainNamespace(chainToNamespace(chain));\n setChain(chain);\n options?.onSuccess?.(chain);\n } catch (e) {\n options?.onError?.(e);\n } finally {\n setIsSwitching(false);\n }\n },\n [\n setChain,\n setChainNamespace,\n options?.onSwitchChain,\n options?.onSuccess,\n options?.onError,\n ],\n );\n\n return { selectChain, isSwitching };\n}\n","import { useMemo, useContext } from \"react\";\nimport { useAtomValue } from \"jotai\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport function useCurrentChain() {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const chain = useAtomValue(chainAtom);\n const chainNamespace = useAtomValue(chainNamespaceAtom);\n return useMemo(() => ({ chain, chainNamespace }), [chain, chainNamespace]);\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useSelectChain, useCurrentChain } from \"../hooks\";\nimport { ChainSelectUI } from \"./chain-select.ui\";\n\nexport type ChainSelectWidgetProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n /** Optional list of chains to show. Defaults to [SOLANA, ETHEREUM, BINANCE] when not provided. */\n candidates?: Chain[];\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function ChainSelectWidget({\n size,\n className,\n candidates,\n onSwitchChain,\n onSuccess,\n onError,\n}: ChainSelectWidgetProps) {\n const { chain } = useCurrentChain();\n const { selectChain, isSwitching } = useSelectChain({\n onSwitchChain,\n onSuccess,\n onError,\n });\n\n return (\n <ChainSelectUI\n chain={chain}\n candidates={candidates}\n onSelectChain={selectChain}\n isSwitching={isSwitching}\n size={size}\n className={className}\n />\n );\n}\n"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import {createContext,useMemo,useContext,useState,useCallback}from'react';import {atomWithStorage}from'jotai/utils';import {Chain,ChainNamespace}from'@liberfi.io/types';import {jsx,jsxs}from'react/jsx-runtime';import {BinanceIcon,EthereumIcon,SolanaIcon,Avatar,useScreen,cn,Button,Dropdown,DropdownTrigger,DropdownMenu,DropdownItem}from'@liberfi.io/ui';import {capitalize,chainIcon,chainSlug,chainToNamespace,chainColor,chainDisplayName}from'@liberfi.io/utils';import {useSetAtom,useAtomValue}from'jotai';typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-chain-select"]="0.1.25");var B="0.1.25";var A={getOnInit:true};function l(e=""){let t=`${e}chain`,o=`${e}chainNamespace`;return {chainAtom:atomWithStorage(t,Chain.SOLANA,void 0,A),chainNamespaceAtom:atomWithStorage(o,ChainNamespace.SOLANA,void 0,A)}}var C=l(""),g=C,fe=C.chainAtom,Se=C.chainNamespaceAtom;var h=createContext(g);function ge({storageKeyPrefix:e="",children:t}){let o=useMemo(()=>l(e),[e]);return jsx(h.Provider,{value:o,children:t})}var Q={[Chain.SOLANA]:SolanaIcon,[Chain.ETHEREUM]:EthereumIcon,[Chain.BINANCE]:BinanceIcon};function p({chain:e,className:t}){let o=Q[e];return o?jsx(o,{className:t}):jsx(Avatar,{className:t,src:chainIcon(e),name:capitalize(chainSlug(e)??"")})}var x=[Chain.SOLANA,Chain.ETHEREUM,Chain.BINANCE];function b({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let n=i=>{a?.(i);},m=cn(e==="sm"?"w-4 h-4":e==="lg"?"w-6 h-6":"w-5 h-5");return jsxs(Dropdown,{placement:"bottom-end",className:c,classNames:{content:"w-38 bg-content1 border border-border"},children:[jsx(DropdownTrigger,{children:jsx(Button,{isLoading:r,size:e,variant:"bordered",radius:"full",style:{borderColor:chainColor(o)?`${chainColor(o)}60`:void 0},startContent:jsx(p,{chain:o,className:m}),children:chainDisplayName(o)})}),jsx(DropdownMenu,{"aria-label":"Select chain",selectionMode:"single",selectedKeys:o?[o]:[],onAction:n,classNames:{list:"gap-1"},itemClasses:{base:cn("rounded-md px-3",e==="sm"?"h-8":e==="lg"?"h-12":"h-10")},children:t.map(i=>jsx(DropdownItem,{startContent:jsx(p,{chain:i,className:m}),className:i===o?"bg-content2 text-foreground":"text-neutral",children:chainDisplayName(i)},i))})]})}function P({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){return jsx("div",{role:"group","aria-label":"Select chain",className:cn("flex items-center gap-1",c),children:t.map(n=>jsx(Button,{isIconOnly:true,"aria-label":chainDisplayName(n),isDisabled:r,radius:"full",className:cn("min-w-0 min-h-0 border",e==="sm"?"w-6 h-6":e==="md"||e===void 0?"w-7 h-7":"w-8 h-8",n===o?"bg-content1 scale-110 hover:opacity-100":"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent"),style:n===o&&chainColor(n)?{borderColor:`${chainColor(n)}60`}:void 0,onPress:()=>a?.(n),children:jsx(p,{chain:n,className:cn(e==="sm"?"w-4 h-4":e==="md"||e===void 0?"w-5 h-5":"w-6 h-6")})},n))})}function D({size:e,candidates:t=x,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let{isMobile:n}=useScreen();return n?jsx(P,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c}):jsx(b,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c})}function R(e){let{chainAtom:t,chainNamespaceAtom:o}=useContext(h),a=useSetAtom(t),r=useSetAtom(o),[c,n]=useState(false);return {selectChain:useCallback(async i=>{try{n(!0),await e?.onSwitchChain?.(i),r(chainToNamespace(i)),a(i),e?.onSuccess?.(i);}catch(M){e?.onError?.(M);}finally{n(false);}},[a,r,e?.onSwitchChain,e?.onSuccess,e?.onError]),isSwitching:c}}function T(){let{chainAtom:e,chainNamespaceAtom:t}=useContext(h),o=useAtomValue(e),a=useAtomValue(t);return useMemo(()=>({chain:o,chainNamespace:a}),[o,a])}function ro({size:e,className:t,candidates:o,onSwitchChain:a,onSuccess:r,onError:c}){let{chain:n}=T(),{selectChain:m,isSwitching:i}=R({onSwitchChain:a,onSuccess:r,onError:c});return jsx(D,{chain:n,candidates:o,onSelectChain:m,isSwitching:i,size:e,className:t})}export{p as ChainAvatar,ge as ChainSelectProvider,h as ChainSelectStateContext,D as ChainSelectUI,ro as ChainSelectWidget,fe as chainAtom,Se as chainNamespaceAtom,l as createChainAtoms,g as defaultChainAtoms,T as useCurrentChain,R as useSelectChain,B as version};//# sourceMappingURL=index.mjs.map
1
+ import {createContext,useMemo,useContext,useState,useCallback}from'react';import {atomWithStorage}from'jotai/utils';import {Chain,ChainNamespace}from'@liberfi.io/types';import {jsx,jsxs}from'react/jsx-runtime';import {BinanceIcon,EthereumIcon,SolanaIcon,Avatar,useScreen,cn,Button,Dropdown,DropdownTrigger,DropdownMenu,DropdownItem}from'@liberfi.io/ui';import {capitalize,chainIcon,chainSlug,chainToNamespace,chainColor,chainDisplayName}from'@liberfi.io/utils';import {useSetAtom,useAtomValue}from'jotai';typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-chain-select"]="0.1.26");var B="0.1.26";var A={getOnInit:true};function l(e=""){let t=`${e}chain`,o=`${e}chainNamespace`;return {chainAtom:atomWithStorage(t,Chain.SOLANA,void 0,A),chainNamespaceAtom:atomWithStorage(o,ChainNamespace.SOLANA,void 0,A)}}var C=l(""),g=C,fe=C.chainAtom,Se=C.chainNamespaceAtom;var h=createContext(g);function ge({storageKeyPrefix:e="",children:t}){let o=useMemo(()=>l(e),[e]);return jsx(h.Provider,{value:o,children:t})}var Q={[Chain.SOLANA]:SolanaIcon,[Chain.ETHEREUM]:EthereumIcon,[Chain.BINANCE]:BinanceIcon};function p({chain:e,className:t}){let o=Q[e];return o?jsx(o,{className:t}):jsx(Avatar,{className:t,src:chainIcon(e),name:capitalize(chainSlug(e)??"")})}var x=[Chain.SOLANA,Chain.ETHEREUM,Chain.BINANCE];function b({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let n=i=>{a?.(i);},m=cn(e==="sm"?"w-4 h-4":e==="lg"?"w-6 h-6":"w-5 h-5");return jsxs(Dropdown,{placement:"bottom-end",className:c,classNames:{content:"w-38 bg-content1 border border-border"},children:[jsx(DropdownTrigger,{children:jsx(Button,{isLoading:r,size:e,variant:"bordered",radius:"full",style:{borderColor:chainColor(o)?`${chainColor(o)}60`:void 0},startContent:jsx(p,{chain:o,className:m}),children:chainDisplayName(o)})}),jsx(DropdownMenu,{"aria-label":"Select chain",selectionMode:"single",selectedKeys:o?[o]:[],onAction:n,classNames:{list:"gap-1"},itemClasses:{base:cn("rounded-md px-3",e==="sm"?"h-8":e==="lg"?"h-12":"h-10")},children:t.map(i=>jsx(DropdownItem,{startContent:jsx(p,{chain:i,className:m}),className:i===o?"bg-content2 text-foreground":"text-neutral",children:chainDisplayName(i)},i))})]})}function P({size:e,candidates:t,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){return jsx("div",{role:"group","aria-label":"Select chain",className:cn("flex items-center gap-1",c),children:t.map(n=>jsx(Button,{isIconOnly:true,"aria-label":chainDisplayName(n),isDisabled:r,radius:"full",className:cn("min-w-0 min-h-0 border",e==="sm"?"w-6 h-6":e==="md"||e===void 0?"w-7 h-7":"w-8 h-8",n===o?"bg-content1 scale-110 hover:opacity-100":"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent"),style:n===o&&chainColor(n)?{borderColor:`${chainColor(n)}60`}:void 0,onPress:()=>a?.(n),children:jsx(p,{chain:n,className:cn(e==="sm"?"w-4 h-4":e==="md"||e===void 0?"w-5 h-5":"w-6 h-6")})},n))})}function D({size:e,candidates:t=x,chain:o=t[0],onSelectChain:a,isSwitching:r,className:c}){let{isMobile:n}=useScreen();return n?jsx(P,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c}):jsx(b,{size:e,chain:o,onSelectChain:a,isSwitching:r,candidates:t,className:c})}function R(e){let{chainAtom:t,chainNamespaceAtom:o}=useContext(h),a=useSetAtom(t),r=useSetAtom(o),[c,n]=useState(false);return {selectChain:useCallback(async i=>{try{n(!0),await e?.onSwitchChain?.(i),r(chainToNamespace(i)),a(i),e?.onSuccess?.(i);}catch(M){e?.onError?.(M);}finally{n(false);}},[a,r,e?.onSwitchChain,e?.onSuccess,e?.onError]),isSwitching:c}}function T(){let{chainAtom:e,chainNamespaceAtom:t}=useContext(h),o=useAtomValue(e),a=useAtomValue(t);return useMemo(()=>({chain:o,chainNamespace:a}),[o,a])}function ro({size:e,className:t,candidates:o,onSwitchChain:a,onSuccess:r,onError:c}){let{chain:n}=T(),{selectChain:m,isSwitching:i}=R({onSwitchChain:a,onSuccess:r,onError:c});return jsx(D,{chain:n,candidates:o,onSelectChain:m,isSwitching:i,size:e,className:t})}export{p as ChainAvatar,ge as ChainSelectProvider,h as ChainSelectStateContext,D as ChainSelectUI,ro as ChainSelectWidget,fe as chainAtom,Se as chainNamespaceAtom,l as createChainAtoms,g as defaultChainAtoms,T as useCurrentChain,R as useSelectChain,B as version};//# sourceMappingURL=index.mjs.map
2
2
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/version.ts","../src/states.ts","../src/chain-select.context.tsx","../src/components/chain-avatar.tsx","../src/constants.ts","../src/components/chain-select.desktop.ui.tsx","../src/components/chain-select.mobile.ui.tsx","../src/components/chain-select.ui.tsx","../src/hooks/useSelectChain.tsx","../src/hooks/useCurrentChain.tsx","../src/components/chain-select.widget.tsx"],"names":["version_default","storageOptions","createChainAtoms","storageKeyPrefix","chainKey","chainNamespaceKey","atomWithStorage","Chain","ChainNamespace","defaultAtoms","defaultChainAtoms","chainAtom","chainNamespaceAtom","ChainSelectStateContext","createContext","ChainSelectProvider","children","value","useMemo","jsx","CHAIN_ICON_MAP","SolanaIcon","EthereumIcon","BinanceIcon","ChainAvatar","chain","className","Icon","Avatar","chainIcon","capitalize","chainSlug","DEFAULT_CANDIDATES","ChainSelectDesktopUI","size","candidates","onSelectChain","isSwitching","handleAction","key","avatarSize","cn","jsxs","Dropdown","DropdownTrigger","Button","chainColor","chainDisplayName","DropdownMenu","it","DropdownItem","ChainSelectMobileUI","ChainSelectUI","isMobile","useScreen","useSelectChain","options","useContext","setChain","useSetAtom","setChainNamespace","setIsSwitching","useState","useCallback","chainToNamespace","e","useCurrentChain","useAtomValue","chainNamespace","ChainSelectWidget","onSwitchChain","onSuccess","onError","selectChain"],"mappings":"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","file":"index.mjs","sourcesContent":["declare global {\n interface Window {\n __LIBERFI_VERSION__?: {\n [key: string]: string;\n };\n }\n}\nif (typeof window !== \"undefined\") {\n window.__LIBERFI_VERSION__ = window.__LIBERFI_VERSION__ || {};\n window.__LIBERFI_VERSION__[\"@liberfi.io/ui-chain-select\"] = \"0.1.25\";\n}\n\nexport default \"0.1.25\";\n","import { atomWithStorage } from \"jotai/utils\";\nimport { Chain, ChainNamespace } from \"@liberfi.io/types\";\n\nconst storageOptions = { getOnInit: true as const };\n\nexport type ChainAtoms = {\n chainAtom: ReturnType<typeof atomWithStorage<Chain>>;\n chainNamespaceAtom: ReturnType<typeof atomWithStorage<ChainNamespace>>;\n};\n\n/**\n * Creates chain state atoms with optional storage key prefix.\n * Use a prefix when multiple independent chain selectors must coexist on the same origin.\n */\nexport function createChainAtoms(storageKeyPrefix: string = \"\"): ChainAtoms {\n const chainKey = `${storageKeyPrefix}chain`;\n const chainNamespaceKey = `${storageKeyPrefix}chainNamespace`;\n return {\n chainAtom: atomWithStorage<Chain>(\n chainKey,\n Chain.SOLANA,\n undefined,\n storageOptions,\n ),\n chainNamespaceAtom: atomWithStorage<ChainNamespace>(\n chainNamespaceKey,\n ChainNamespace.SOLANA,\n undefined,\n storageOptions,\n ),\n };\n}\n\nconst defaultAtoms = createChainAtoms(\"\");\n\n/** Default atoms (used when not inside ChainSelectProvider) */\nexport const defaultChainAtoms = defaultAtoms;\n\n/** Current chain (default instance, key \"chain\") */\nexport const chainAtom = defaultAtoms.chainAtom;\n\n/** Current chain namespace (default instance, key \"chainNamespace\") */\nexport const chainNamespaceAtom = defaultAtoms.chainNamespaceAtom;\n","import { createContext, useMemo, type ReactNode } from \"react\";\nimport { createChainAtoms, defaultChainAtoms } from \"./states\";\n\nexport type ChainSelectStateContextValue = ReturnType<typeof createChainAtoms>;\n\nexport const ChainSelectStateContext =\n createContext<ChainSelectStateContextValue>(defaultChainAtoms);\n\nexport type ChainSelectProviderProps = {\n /** Optional storage key prefix so multiple instances can coexist (e.g. \"app1_\") */\n storageKeyPrefix?: string;\n children: ReactNode;\n};\n\nexport function ChainSelectProvider({\n storageKeyPrefix = \"\",\n children,\n}: ChainSelectProviderProps) {\n const value = useMemo(\n () => createChainAtoms(storageKeyPrefix),\n [storageKeyPrefix],\n );\n return (\n <ChainSelectStateContext.Provider value={value}>\n {children}\n </ChainSelectStateContext.Provider>\n );\n}\n","import type { ComponentType } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { Avatar, BinanceIcon, EthereumIcon, SolanaIcon } from \"@liberfi.io/ui\";\nimport { capitalize, chainIcon, chainSlug } from \"@liberfi.io/utils\";\n\nexport type ChainAvatarProps = {\n chain: Chain;\n className?: string;\n};\n\nconst CHAIN_ICON_MAP: Partial<\n Record<Chain, ComponentType<{ className?: string }>>\n> = {\n [Chain.SOLANA]: SolanaIcon,\n [Chain.ETHEREUM]: EthereumIcon,\n [Chain.BINANCE]: BinanceIcon,\n};\n\nexport function ChainAvatar({ chain, className }: ChainAvatarProps) {\n const Icon = CHAIN_ICON_MAP[chain];\n if (Icon) return <Icon className={className} />;\n return (\n <Avatar\n className={className}\n src={chainIcon(chain)}\n name={capitalize(chainSlug(chain) ?? \"\")}\n />\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\n\n/** Default chain list when candidates are not provided */\nexport const DEFAULT_CANDIDATES: Chain[] = [\n Chain.SOLANA,\n Chain.ETHEREUM,\n Chain.BINANCE,\n];\n","import { type Key } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport {\n Button,\n cn,\n Dropdown,\n DropdownItem,\n DropdownMenu,\n DropdownTrigger,\n} from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectDesktopUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectDesktopUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectDesktopUIProps) {\n const handleAction = (key: Key) => {\n onSelectChain?.(key as Chain);\n };\n\n const avatarSize = cn(\n size === \"sm\" ? \"w-4 h-4\" : size === \"lg\" ? \"w-6 h-6\" : \"w-5 h-5\",\n );\n\n return (\n <Dropdown\n placement=\"bottom-end\"\n className={className}\n classNames={{ content: \"w-38 bg-content1 border border-border\" }}\n >\n <DropdownTrigger>\n <Button\n isLoading={isSwitching}\n size={size}\n variant=\"bordered\"\n radius=\"full\"\n style={{\n borderColor: chainColor(chain)\n ? `${chainColor(chain)}60`\n : undefined,\n }}\n startContent={<ChainAvatar chain={chain} className={avatarSize} />}\n >\n {chainDisplayName(chain)}\n </Button>\n </DropdownTrigger>\n <DropdownMenu\n aria-label=\"Select chain\"\n selectionMode=\"single\"\n selectedKeys={chain ? [chain] : []}\n onAction={handleAction}\n classNames={{ list: \"gap-1\" }}\n itemClasses={{\n base: cn(\n \"rounded-md px-3\",\n size === \"sm\" ? \"h-8\" : size === \"lg\" ? \"h-12\" : \"h-10\",\n ),\n }}\n >\n {candidates.map((it) => (\n <DropdownItem\n key={it}\n startContent={<ChainAvatar chain={it} className={avatarSize} />}\n className={\n it === chain ? \"bg-content2 text-foreground\" : \"text-neutral\"\n }\n >\n {chainDisplayName(it)}\n </DropdownItem>\n ))}\n </DropdownMenu>\n </Dropdown>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { Button, cn } from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectMobileUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectMobileUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectMobileUIProps) {\n return (\n <div\n role=\"group\"\n aria-label=\"Select chain\"\n className={cn(\"flex items-center gap-1\", className)}\n >\n {candidates.map((it) => (\n <Button\n isIconOnly\n aria-label={chainDisplayName(it)}\n isDisabled={isSwitching}\n radius=\"full\"\n className={cn(\n \"min-w-0 min-h-0 border\",\n size === \"sm\"\n ? \"w-6 h-6\"\n : size === \"md\" || size === undefined\n ? \"w-7 h-7\"\n : \"w-8 h-8\",\n it === chain\n ? \"bg-content1 scale-110 hover:opacity-100\"\n : \"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent\",\n )}\n style={\n it === chain && chainColor(it)\n ? { borderColor: `${chainColor(it)}60` }\n : undefined\n }\n key={it}\n onPress={() => onSelectChain?.(it)}\n >\n <ChainAvatar\n chain={it}\n className={cn(\n size === \"sm\"\n ? \"w-4 h-4\"\n : size === \"md\" || size === undefined\n ? \"w-5 h-5\"\n : \"w-6 h-6\",\n )}\n />\n </Button>\n ))}\n </div>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useScreen } from \"@liberfi.io/ui\";\nimport { DEFAULT_CANDIDATES } from \"../constants\";\nimport { ChainSelectDesktopUI } from \"./chain-select.desktop.ui\";\nimport { ChainSelectMobileUI } from \"./chain-select.mobile.ui\";\n\nexport type ChainSelectUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n chain?: Chain;\n candidates?: Chain[];\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectUI({\n size,\n candidates = DEFAULT_CANDIDATES,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectUIProps) {\n const { isMobile } = useScreen();\n\n if (isMobile) {\n return (\n <ChainSelectMobileUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n } else {\n return (\n <ChainSelectDesktopUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n }\n}\n","import { useCallback, useContext, useState } from \"react\";\nimport { useSetAtom } from \"jotai\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { chainToNamespace } from \"@liberfi.io/utils\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport type UseSelectChainOptions = {\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function useSelectChain(options?: UseSelectChainOptions) {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const setChain = useSetAtom(chainAtom);\n const setChainNamespace = useSetAtom(chainNamespaceAtom);\n const [isSwitching, setIsSwitching] = useState(false);\n\n const selectChain = useCallback(\n async (chain: Chain) => {\n try {\n setIsSwitching(true);\n await options?.onSwitchChain?.(chain);\n\n setChainNamespace(chainToNamespace(chain));\n setChain(chain);\n options?.onSuccess?.(chain);\n } catch (e) {\n options?.onError?.(e);\n } finally {\n setIsSwitching(false);\n }\n },\n [\n setChain,\n setChainNamespace,\n options?.onSwitchChain,\n options?.onSuccess,\n options?.onError,\n ],\n );\n\n return { selectChain, isSwitching };\n}\n","import { useMemo, useContext } from \"react\";\nimport { useAtomValue } from \"jotai\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport function useCurrentChain() {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const chain = useAtomValue(chainAtom);\n const chainNamespace = useAtomValue(chainNamespaceAtom);\n return useMemo(() => ({ chain, chainNamespace }), [chain, chainNamespace]);\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useSelectChain, useCurrentChain } from \"../hooks\";\nimport { ChainSelectUI } from \"./chain-select.ui\";\n\nexport type ChainSelectWidgetProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n /** Optional list of chains to show. Defaults to [SOLANA, ETHEREUM, BINANCE] when not provided. */\n candidates?: Chain[];\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function ChainSelectWidget({\n size,\n className,\n candidates,\n onSwitchChain,\n onSuccess,\n onError,\n}: ChainSelectWidgetProps) {\n const { chain } = useCurrentChain();\n const { selectChain, isSwitching } = useSelectChain({\n onSwitchChain,\n onSuccess,\n onError,\n });\n\n return (\n <ChainSelectUI\n chain={chain}\n candidates={candidates}\n onSelectChain={selectChain}\n isSwitching={isSwitching}\n size={size}\n className={className}\n />\n );\n}\n"]}
1
+ {"version":3,"sources":["../src/version.ts","../src/states.ts","../src/chain-select.context.tsx","../src/components/chain-avatar.tsx","../src/constants.ts","../src/components/chain-select.desktop.ui.tsx","../src/components/chain-select.mobile.ui.tsx","../src/components/chain-select.ui.tsx","../src/hooks/useSelectChain.tsx","../src/hooks/useCurrentChain.tsx","../src/components/chain-select.widget.tsx"],"names":["version_default","storageOptions","createChainAtoms","storageKeyPrefix","chainKey","chainNamespaceKey","atomWithStorage","Chain","ChainNamespace","defaultAtoms","defaultChainAtoms","chainAtom","chainNamespaceAtom","ChainSelectStateContext","createContext","ChainSelectProvider","children","value","useMemo","jsx","CHAIN_ICON_MAP","SolanaIcon","EthereumIcon","BinanceIcon","ChainAvatar","chain","className","Icon","Avatar","chainIcon","capitalize","chainSlug","DEFAULT_CANDIDATES","ChainSelectDesktopUI","size","candidates","onSelectChain","isSwitching","handleAction","key","avatarSize","cn","jsxs","Dropdown","DropdownTrigger","Button","chainColor","chainDisplayName","DropdownMenu","it","DropdownItem","ChainSelectMobileUI","ChainSelectUI","isMobile","useScreen","useSelectChain","options","useContext","setChain","useSetAtom","setChainNamespace","setIsSwitching","useState","useCallback","chainToNamespace","e","useCurrentChain","useAtomValue","chainNamespace","ChainSelectWidget","onSwitchChain","onSuccess","onError","selectChain"],"mappings":"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","file":"index.mjs","sourcesContent":["declare global {\n interface Window {\n __LIBERFI_VERSION__?: {\n [key: string]: string;\n };\n }\n}\nif (typeof window !== \"undefined\") {\n window.__LIBERFI_VERSION__ = window.__LIBERFI_VERSION__ || {};\n window.__LIBERFI_VERSION__[\"@liberfi.io/ui-chain-select\"] = \"0.1.26\";\n}\n\nexport default \"0.1.26\";\n","import { atomWithStorage } from \"jotai/utils\";\nimport { Chain, ChainNamespace } from \"@liberfi.io/types\";\n\nconst storageOptions = { getOnInit: true as const };\n\nexport type ChainAtoms = {\n chainAtom: ReturnType<typeof atomWithStorage<Chain>>;\n chainNamespaceAtom: ReturnType<typeof atomWithStorage<ChainNamespace>>;\n};\n\n/**\n * Creates chain state atoms with optional storage key prefix.\n * Use a prefix when multiple independent chain selectors must coexist on the same origin.\n */\nexport function createChainAtoms(storageKeyPrefix: string = \"\"): ChainAtoms {\n const chainKey = `${storageKeyPrefix}chain`;\n const chainNamespaceKey = `${storageKeyPrefix}chainNamespace`;\n return {\n chainAtom: atomWithStorage<Chain>(\n chainKey,\n Chain.SOLANA,\n undefined,\n storageOptions,\n ),\n chainNamespaceAtom: atomWithStorage<ChainNamespace>(\n chainNamespaceKey,\n ChainNamespace.SOLANA,\n undefined,\n storageOptions,\n ),\n };\n}\n\nconst defaultAtoms = createChainAtoms(\"\");\n\n/** Default atoms (used when not inside ChainSelectProvider) */\nexport const defaultChainAtoms = defaultAtoms;\n\n/** Current chain (default instance, key \"chain\") */\nexport const chainAtom = defaultAtoms.chainAtom;\n\n/** Current chain namespace (default instance, key \"chainNamespace\") */\nexport const chainNamespaceAtom = defaultAtoms.chainNamespaceAtom;\n","import { createContext, useMemo, type ReactNode } from \"react\";\nimport { createChainAtoms, defaultChainAtoms } from \"./states\";\n\nexport type ChainSelectStateContextValue = ReturnType<typeof createChainAtoms>;\n\nexport const ChainSelectStateContext =\n createContext<ChainSelectStateContextValue>(defaultChainAtoms);\n\nexport type ChainSelectProviderProps = {\n /** Optional storage key prefix so multiple instances can coexist (e.g. \"app1_\") */\n storageKeyPrefix?: string;\n children: ReactNode;\n};\n\nexport function ChainSelectProvider({\n storageKeyPrefix = \"\",\n children,\n}: ChainSelectProviderProps) {\n const value = useMemo(\n () => createChainAtoms(storageKeyPrefix),\n [storageKeyPrefix],\n );\n return (\n <ChainSelectStateContext.Provider value={value}>\n {children}\n </ChainSelectStateContext.Provider>\n );\n}\n","import type { ComponentType } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { Avatar, BinanceIcon, EthereumIcon, SolanaIcon } from \"@liberfi.io/ui\";\nimport { capitalize, chainIcon, chainSlug } from \"@liberfi.io/utils\";\n\nexport type ChainAvatarProps = {\n chain: Chain;\n className?: string;\n};\n\nconst CHAIN_ICON_MAP: Partial<\n Record<Chain, ComponentType<{ className?: string }>>\n> = {\n [Chain.SOLANA]: SolanaIcon,\n [Chain.ETHEREUM]: EthereumIcon,\n [Chain.BINANCE]: BinanceIcon,\n};\n\nexport function ChainAvatar({ chain, className }: ChainAvatarProps) {\n const Icon = CHAIN_ICON_MAP[chain];\n if (Icon) return <Icon className={className} />;\n return (\n <Avatar\n className={className}\n src={chainIcon(chain)}\n name={capitalize(chainSlug(chain) ?? \"\")}\n />\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\n\n/** Default chain list when candidates are not provided */\nexport const DEFAULT_CANDIDATES: Chain[] = [\n Chain.SOLANA,\n Chain.ETHEREUM,\n Chain.BINANCE,\n];\n","import { type Key } from \"react\";\nimport { Chain } from \"@liberfi.io/types\";\nimport {\n Button,\n cn,\n Dropdown,\n DropdownItem,\n DropdownMenu,\n DropdownTrigger,\n} from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectDesktopUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectDesktopUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectDesktopUIProps) {\n const handleAction = (key: Key) => {\n onSelectChain?.(key as Chain);\n };\n\n const avatarSize = cn(\n size === \"sm\" ? \"w-4 h-4\" : size === \"lg\" ? \"w-6 h-6\" : \"w-5 h-5\",\n );\n\n return (\n <Dropdown\n placement=\"bottom-end\"\n className={className}\n classNames={{ content: \"w-38 bg-content1 border border-border\" }}\n >\n <DropdownTrigger>\n <Button\n isLoading={isSwitching}\n size={size}\n variant=\"bordered\"\n radius=\"full\"\n style={{\n borderColor: chainColor(chain)\n ? `${chainColor(chain)}60`\n : undefined,\n }}\n startContent={<ChainAvatar chain={chain} className={avatarSize} />}\n >\n {chainDisplayName(chain)}\n </Button>\n </DropdownTrigger>\n <DropdownMenu\n aria-label=\"Select chain\"\n selectionMode=\"single\"\n selectedKeys={chain ? [chain] : []}\n onAction={handleAction}\n classNames={{ list: \"gap-1\" }}\n itemClasses={{\n base: cn(\n \"rounded-md px-3\",\n size === \"sm\" ? \"h-8\" : size === \"lg\" ? \"h-12\" : \"h-10\",\n ),\n }}\n >\n {candidates.map((it) => (\n <DropdownItem\n key={it}\n startContent={<ChainAvatar chain={it} className={avatarSize} />}\n className={\n it === chain ? \"bg-content2 text-foreground\" : \"text-neutral\"\n }\n >\n {chainDisplayName(it)}\n </DropdownItem>\n ))}\n </DropdownMenu>\n </Dropdown>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { Button, cn } from \"@liberfi.io/ui\";\nimport { chainColor, chainDisplayName } from \"@liberfi.io/utils\";\nimport { ChainAvatar } from \"./chain-avatar\";\n\nexport type ChainSelectMobileUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n candidates: Chain[];\n chain?: Chain;\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectMobileUI({\n size,\n candidates,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectMobileUIProps) {\n return (\n <div\n role=\"group\"\n aria-label=\"Select chain\"\n className={cn(\"flex items-center gap-1\", className)}\n >\n {candidates.map((it) => (\n <Button\n isIconOnly\n aria-label={chainDisplayName(it)}\n isDisabled={isSwitching}\n radius=\"full\"\n className={cn(\n \"min-w-0 min-h-0 border\",\n size === \"sm\"\n ? \"w-6 h-6\"\n : size === \"md\" || size === undefined\n ? \"w-7 h-7\"\n : \"w-8 h-8\",\n it === chain\n ? \"bg-content1 scale-110 hover:opacity-100\"\n : \"bg-transparent scale-90 opacity-50 hover:opacity-100 border-transparent\",\n )}\n style={\n it === chain && chainColor(it)\n ? { borderColor: `${chainColor(it)}60` }\n : undefined\n }\n key={it}\n onPress={() => onSelectChain?.(it)}\n >\n <ChainAvatar\n chain={it}\n className={cn(\n size === \"sm\"\n ? \"w-4 h-4\"\n : size === \"md\" || size === undefined\n ? \"w-5 h-5\"\n : \"w-6 h-6\",\n )}\n />\n </Button>\n ))}\n </div>\n );\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useScreen } from \"@liberfi.io/ui\";\nimport { DEFAULT_CANDIDATES } from \"../constants\";\nimport { ChainSelectDesktopUI } from \"./chain-select.desktop.ui\";\nimport { ChainSelectMobileUI } from \"./chain-select.mobile.ui\";\n\nexport type ChainSelectUIProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n chain?: Chain;\n candidates?: Chain[];\n onSelectChain?: (chain: Chain) => void | Promise<void>;\n isSwitching?: boolean;\n className?: string;\n};\n\nexport function ChainSelectUI({\n size,\n candidates = DEFAULT_CANDIDATES,\n chain = candidates[0],\n onSelectChain,\n isSwitching,\n className,\n}: ChainSelectUIProps) {\n const { isMobile } = useScreen();\n\n if (isMobile) {\n return (\n <ChainSelectMobileUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n } else {\n return (\n <ChainSelectDesktopUI\n size={size}\n chain={chain}\n onSelectChain={onSelectChain}\n isSwitching={isSwitching}\n candidates={candidates}\n className={className}\n />\n );\n }\n}\n","import { useCallback, useContext, useState } from \"react\";\nimport { useSetAtom } from \"jotai\";\nimport { Chain } from \"@liberfi.io/types\";\nimport { chainToNamespace } from \"@liberfi.io/utils\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport type UseSelectChainOptions = {\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function useSelectChain(options?: UseSelectChainOptions) {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const setChain = useSetAtom(chainAtom);\n const setChainNamespace = useSetAtom(chainNamespaceAtom);\n const [isSwitching, setIsSwitching] = useState(false);\n\n const selectChain = useCallback(\n async (chain: Chain) => {\n try {\n setIsSwitching(true);\n await options?.onSwitchChain?.(chain);\n\n setChainNamespace(chainToNamespace(chain));\n setChain(chain);\n options?.onSuccess?.(chain);\n } catch (e) {\n options?.onError?.(e);\n } finally {\n setIsSwitching(false);\n }\n },\n [\n setChain,\n setChainNamespace,\n options?.onSwitchChain,\n options?.onSuccess,\n options?.onError,\n ],\n );\n\n return { selectChain, isSwitching };\n}\n","import { useMemo, useContext } from \"react\";\nimport { useAtomValue } from \"jotai\";\nimport { ChainSelectStateContext } from \"../chain-select.context\";\n\nexport function useCurrentChain() {\n const { chainAtom, chainNamespaceAtom } = useContext(ChainSelectStateContext);\n const chain = useAtomValue(chainAtom);\n const chainNamespace = useAtomValue(chainNamespaceAtom);\n return useMemo(() => ({ chain, chainNamespace }), [chain, chainNamespace]);\n}\n","import { Chain } from \"@liberfi.io/types\";\nimport { useSelectChain, useCurrentChain } from \"../hooks\";\nimport { ChainSelectUI } from \"./chain-select.ui\";\n\nexport type ChainSelectWidgetProps = {\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n /** Optional list of chains to show. Defaults to [SOLANA, ETHEREUM, BINANCE] when not provided. */\n candidates?: Chain[];\n onSwitchChain?: (chain: Chain) => Promise<void>;\n /** Called when switching chain succeeds; caller can toast / analytics here */\n onSuccess?: (chain: Chain) => void;\n /** Called when switching chain fails; caller can toast / modal / report here */\n onError?: (error: unknown) => void;\n};\n\nexport function ChainSelectWidget({\n size,\n className,\n candidates,\n onSwitchChain,\n onSuccess,\n onError,\n}: ChainSelectWidgetProps) {\n const { chain } = useCurrentChain();\n const { selectChain, isSwitching } = useSelectChain({\n onSwitchChain,\n onSuccess,\n onError,\n });\n\n return (\n <ChainSelectUI\n chain={chain}\n candidates={candidates}\n onSelectChain={selectChain}\n isSwitching={isSwitching}\n size={size}\n className={className}\n />\n );\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liberfi.io/ui-chain-select",
3
- "version": "0.1.25",
3
+ "version": "0.1.26",
4
4
  "description": "Chain Management for Liberfi React SDK",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -14,8 +14,8 @@
14
14
  "access": "public"
15
15
  },
16
16
  "dependencies": {
17
- "@liberfi.io/types": "0.1.34",
18
- "@liberfi.io/utils": "0.1.31"
17
+ "@liberfi.io/types": "0.1.35",
18
+ "@liberfi.io/utils": "0.1.32"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@testing-library/jest-dom": "^6.6.3",
@@ -31,14 +31,14 @@
31
31
  "ts-jest": "^29.3.0",
32
32
  "tsup": "^8.5.0",
33
33
  "typescript": "^5.9.2",
34
- "@liberfi.io/ui": "0.1.34",
35
- "tsconfig": "0.1.22"
34
+ "@liberfi.io/ui": "0.1.35",
35
+ "tsconfig": "0.1.23"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "jotai": ">=2.15.1",
39
39
  "react": ">=18",
40
40
  "react-dom": ">=18",
41
- "@liberfi.io/ui": "0.1.34"
41
+ "@liberfi.io/ui": "0.1.35"
42
42
  },
43
43
  "scripts": {
44
44
  "dev": "tsup --watch",