@aori/mega-swap-widget 0.1.0 → 0.1.1

package/dist/chunk-B3ILUJ7G.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/chunk-B3ILUJ7G.cjs","../src/components/ChainSelectionMenu.tsx"],"names":[],"mappings":"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","file":"/Users/flooreyes/mega-swap-widget/dist/chunk-B3ILUJ7G.cjs","sourcesContent":[null,"'use client';\n\nimport { ChainIcon, type SupportedChainId, useDebounce, getAvailableChainConfigs } from '../internal';\nimport { useEnabledChainIds } from '../hooks/useEnabledChainIds';\nimport React, { useCallback, useState } from 'react';\n\ninterface ChainSelectionMenuProps {\n  toggle: () => void;\n  side: 'base' | 'quote';\n  onChainSelect: (chainId: SupportedChainId) => void;\n  onChainHover?: (chainName: string | null) => void;\n  containerHeight?: string;\n}\n\nconst ChainSelectionMenu: React.FC<ChainSelectionMenuProps> = ({\n  toggle,\n  side,\n  onChainSelect,\n  onChainHover,\n  containerHeight,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebounce(searchQuery, 300);\n  const availableChainIds = useEnabledChainIds();\n  const allChains = getAvailableChainConfigs(availableChainIds);\n\n  const filteredChains = React.useMemo(() => {\n    if (!debouncedSearchQuery) return allChains;\n    const query = debouncedSearchQuery.toLowerCase();\n    return allChains.filter(\n      (chain) =>\n        chain.displayName.toLowerCase().includes(query) ||\n        chain.name.toLowerCase().includes(query) ||\n        chain.id.toString().includes(query),\n    );\n  }, [allChains, debouncedSearchQuery]);\n\n  const handleChainSelection = useCallback(\n    (chainId: SupportedChainId) => onChainSelect(chainId),\n    [onChainSelect],\n  );\n\n  return (\n    <div className=\"w-full h-full flex flex-col\">\n      <div className=\"flex-shrink-0\">\n        <div className=\"relative mt-1\">\n          <input\n            className=\"w-full h-10 px-4 text-sm\"\n            style={{ backgroundColor: 'var(--widget-card)', color: 'var(--widget-card-foreground)', border: '1px solid var(--widget-border)' }}\n            placeholder=\"Search chains by name or chain ID...\"\n            autoComplete=\"off\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value.toLowerCase())}\n          />\n          {searchQuery && (\n            <button\n              type=\"button\"\n              onClick={() => setSearchQuery('')}\n              className=\"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full px-2 py-1 text-xs\"\n              style={{\n                backgroundColor: 'var(--widget-secondary)',\n                color: 'var(--widget-secondary-foreground)',\n                border: '1px solid var(--widget-border)',\n              }}\n            >\n              clear\n            </button>\n          )}\n        </div>\n      </div>\n\n      <div\n        className=\"flex-1 min-h-0 overflow-auto mt-2\"\n        style={{ backgroundColor: 'var(--widget-background)' }}\n      >\n        <p className=\"my-2 ml-4 text-xs\" style={{ color: 'var(--widget-muted-foreground)' }}>\n          {searchQuery ? 'Search Results' : 'Available Chains'}\n        </p>\n\n        {filteredChains.length === 0 ? (\n          <div className=\"px-4 py-3 text-sm\" style={{ color: 'var(--widget-muted-foreground)' }}>\n            Chain Not Found\n          </div>\n        ) : (\n          filteredChains.map((chain) => (\n            <button\n              key={chain.id}\n              type=\"button\"\n              className=\"w-full flex items-center justify-between p-3 cursor-pointer transition-colors\"\n              style={{ borderBottom: '1px solid var(--widget-border)' }}\n              onClick={() => handleChainSelection(chain.id as SupportedChainId)}\n              onMouseEnter={() => onChainHover?.(chain.displayName)}\n              onMouseLeave={() => onChainHover?.(null)}\n            >\n              <div className=\"flex items-center space-x-3 min-w-0 flex-1\">\n                <div className=\"flex-shrink-0\">\n                  <ChainIcon chain={chain.id} size=\"md\" />\n                </div>\n                <span className=\"text-base font-medium truncate\" style={{ color: 'var(--widget-foreground)' }}>\n                  {chain.displayName}\n                </span>\n              </div>\n              <span className=\"text-xs font-mono\" style={{ color: 'var(--widget-muted-foreground)' }}>\n                Chain ID: {chain.id}\n              </span>\n            </button>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChainSelectionMenu;\n"]}

package/dist/chunk-GGM3MDFM.js

@@ -1,32 +0,0 @@
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-export {
-  __commonJS,
-  __toESM
-};
-//# sourceMappingURL=chunk-GGM3MDFM.js.map

package/dist/chunk-GGM3MDFM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}