@fileverse-dev/fortune-react 1.0.4 → 1.0.6

package/lib/components/SheetOverlay/FormulaSearch/constant.js

@@ -0,0 +1,334 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNFilter = void 0;
+var UNFilter = exports.UNFilter = [{
+  API_KEY: "ETHERSCAN_API_KEY",
+  LOGO: "https://etherscan.io/images/favicon3.ico",
+  BRAND_COLOR: "#F6F7F8",
+  BRAND_SECONDARY_COLOR: "#21325B",
+  n: "EOA",
+  t: 20,
+  d: "Fetches address data like transactions, balances, or portfolio info from multiple supported chains.",
+  a: "Dynamically queries blockchain data such as transactions and balances by resolving time ranges to block ranges and supporting pagination.",
+  p: [{
+    name: "addresses",
+    detail: "One or more addresses (comma-separated) to query.",
+    example: '"vitalik.eth"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "categories",
+    detail: 'Type of data to fetch. Supported values: "txns", "balance".',
+    example: '"txns"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "chain",
+    detail: 'Blockchain network(s) to query. Supported values: "ethereum", "gnosis", "base". Accepts comma-separated values.',
+    example: '"ethereum"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "startTime",
+    detail: "Used to calculate starting block for transaction queries.",
+    example: '"01/01/2024"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "endTime",
+    detail: "Used to calculate ending block for transaction queries.",
+    example: '"01/06/2024"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "page",
+    detail: "The page number for paginated transaction results. Only used when category is 'txns'. Default is 1",
+    example: "1",
+    require: "o",
+    type: "number"
+  }, {
+    name: "offset",
+    detail: "The number of results to return per page (limit). Only used when category is 'txns'. Default is 10",
+    example: "10",
+    require: "o",
+    type: "number"
+  }]
+}, {
+  LOGO: "https://files.readme.io/06394e687778e238a6cd43de6e1d7d339043aa50054703f64606369352ef1864-VariantCG-Symbol-Color.png",
+  BRAND_COLOR: "#f8fdf8",
+  BRAND_SECONDARY_COLOR: "#4bc63d",
+  n: "COINGECKO",
+  t: 20,
+  API_KEY: "COINGECKO_API_KEY",
+  d: "Query crypto prices, ecosystem market data, stablecoins, or derivatives from CoinGecko.",
+  a: 'Supports querying: "price" for specific tokens "market" for ecosystem categories (ETH, BASE, SOL, GNOSIS, HYPERLIQUID, BITCOIN, PUMP)\n- "stablecoins" for stablecoin categories like "crypto-backed-stablecoin"\n- "derivatives" globally or per exchange.\nPagination is supported for all except single-exchange derivatives.',
+  p: [{
+    name: "category",
+    detail: 'Query type: "price", "market", "stablecoins", or "derivatives".',
+    example: '"stablecoins"',
+    require: "m"
+  }, {
+    name: "param1",
+    detail: 'If "price" then - eg. "BTC", "ETH", OR any token on coingecko\n\nIf "market": one of "all", "base", "meme", "aiagents", "bitcoin", "ethereum", "hyperliquid", "pump", "solana".\n\nIf "stablecoins": one of "all", "yield-bearing-stablecoins", "crypto-backed-stablecoin".\n\nIf "derivatives": exchange name (e.g., "binance_futures").',
+    example: '"yield-bearing-stablecoins"',
+    require: "m"
+  }, {
+    name: "param2",
+    detail: 'If "market" and "stablecoins" then eg. "1h", "24h", "7d".',
+    example: '"1h,24h,7d"',
+    require: "o"
+  }]
+}, {
+  API_KEY: "DEFILLAMA_API_KEY",
+  LOGO: "https://defillama.com/favicon-32x32.png",
+  BRAND_COLOR: "#f8f5fc",
+  BRAND_SECONDARY_COLOR: "#855dcd",
+  n: "DEFILLAMA",
+  t: 20,
+  d: "Fetches content from Defillama.",
+  a: "Retrieves data from Defillama.",
+  p: [{
+    name: "category",
+    detail: "Type of content to fetch. Supports 'protocols', 'yields', 'dex', or 'fees'.",
+    example: '"protocols"',
+    require: "m",
+    type: "string"
+  }]
+}, {
+  API_KEY: "BASESCAN_API_KEY",
+  LOGO: "https://2064089921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FevP3L0cUvP9xmRefuzCm%2Fuploads%2F2K1pvFsE7JAfcI3LAxYl%2Fbase-logo-in-blue.webp?alt=media&token=32c80439-dbdc-432a-b199-220e012efc3c",
+  BRAND_COLOR: "#f1f5ff",
+  BRAND_SECONDARY_COLOR: "#2752ff",
+  n: "BASE",
+  t: 20,
+  d: "Fetches Base network data via Basescan: native txns, ERC-20 transfers, ERC-721 transfers, and gas metrics.",
+  a: "Pulls on-chain activity for Base (chainid 8453) using Basescan’s API — supports full tx history, token/NFT transfers, gas prices, and pagination.",
+  p: [{
+    name: "type",
+    detail: "Data category: 'all-txns' | 'token-txns' | 'nft-txns' | 'gas'.",
+    example: '"token-txns"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "chain",
+    detail: "Must be 'base'.",
+    example: '"base"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "address",
+    detail: "Target wallet address (only required for txns, token, and nft queries). Not needed for 'gas'.",
+    example: '"0x7FD624f3f97A7dd36195E8379F28dB6147C270ff"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "startDate",
+    detail: "Start date (used to resolve block range). Optional, only applies to txns.",
+    example: '"01/01/2024"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "endDate",
+    detail: "End date (used to resolve block range). Optional, only applies to txns.",
+    example: '"07/07/2024"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "page",
+    detail: "Page number for paginated results. Only applies to txns/token/nft queries.",
+    example: "1",
+    require: "o",
+    type: "number"
+  }, {
+    name: "offset",
+    detail: "Number of items per page (limit). Only applies to txns/token/nft queries.",
+    example: "2",
+    require: "o",
+    type: "number"
+  }]
+}, {
+  API_KEY: "GNOSIS_API_KEY",
+  LOGO: "https://gnosisscan.io/assets/generic/html/favicon-light.ico",
+  BRAND_COLOR: "#f6f7f6",
+  BRAND_SECONDARY_COLOR: "#133629",
+  n: "GNOSIS",
+  t: 20,
+  d: "Fetches Gnosis Chain data via Gnosisscan: native transactions, ERC-20 token transfers, ERC-721 NFT transfers, and gas metrics.",
+  a: "Queries Gnosis Chain (chainid 100) through Gnosisscan’s API to return transaction history, token/NFT transfers, or gas price information. Supports pagination and time-based filtering for transaction types.",
+  p: [{
+    name: "type",
+    detail: "Data category to fetch. Options: 'all-txns', 'token-txns', 'nft-txns', or 'gas'.",
+    example: '"nft-txns"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "chain",
+    detail: "Must be 'gnosis'.",
+    example: '"gnosis"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "address",
+    detail: "Wallet address to query. Required for all types except 'gas'.",
+    example: '"0x90830Ed558f12D826370DC52E9D87947A7F18De9"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "startDate",
+    detail: "Used to resolve starting block for txns.",
+    example: '"01/01/2024"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "endDate",
+    detail: "Used to resolve ending block for txns.",
+    example: '"14/06/2025"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "page",
+    detail: "Page number for paginated transaction results. Applies only to 'txns', 'token-txns', and 'nft-txns'.",
+    example: '"1"',
+    require: "o",
+    type: "number"
+  }, {
+    name: "offset",
+    detail: "Number of results per page (limit). Applies only to 'txns', 'token-txns', and 'nft-txns'.",
+    example: '"50"',
+    require: "o",
+    type: "number"
+  }]
+}, {
+  API_KEY: "ETHERSCAN_API_KEY",
+  LOGO: "https://etherscan.io/images/favicon3.ico",
+  BRAND_COLOR: "#F6F7F8",
+  BRAND_SECONDARY_COLOR: "#21325B",
+  n: "ETHERSCAN",
+  t: 20,
+  d: "Returns blockchain transaction history for the given address",
+  a: "Retrieves blockchain data for a given chain and address from Etherscan, including txns, token/nft transfers, and gas metrics.",
+  p: [{
+    name: "type",
+    detail: "The type of data to retrieve. Can be 'all-txns', 'token-txns', 'nft-txns', or 'gas'.",
+    example: '"all-txns"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "chain",
+    detail: "The chain name (e.g. 'ethereum', 'base', 'gnosis').",
+    example: '"ethereum"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "address",
+    detail: "Wallet address / Ens name to query",
+    example: '"vitalik.eth"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "startDate",
+    detail: "Used to filter block range.",
+    example: '"01/01/2024"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "endDate",
+    detail: "Used to filter block range.",
+    example: '"01/07/2025"',
+    require: "o",
+    type: "string"
+  }]
+}, {
+  API_KEY: "SAFE_API_KEY",
+  LOGO: "https://safe-transaction-mainnet.safe.global/static/safe/favicon.png",
+  BRAND_COLOR: "#ebf9f3",
+  BRAND_SECONDARY_COLOR: "#00B460",
+  n: "SAFE",
+  t: 20,
+  d: "Query the list of transactions performed by a Safe address, with optional pagination.",
+  a: "Query the list of transactions performed by a Safe address, with optional pagination.",
+  p: [{
+    name: "address",
+    detail: "The address to query, in hexadecimal format.",
+    example: '"0xe9A6378d8FD4983C2999DB0735f258397E8C2253"',
+    require: "m"
+  }, {
+    name: "utility",
+    detail: "The utility to query, supported values: 'txns'.",
+    example: '"txns"',
+    require: "m"
+  }, {
+    name: "chain",
+    detail: "The chain to query, supported values: 'ethereum', 'gnosis'.",
+    example: '"gnosis"',
+    require: "m"
+  }, {
+    name: "limit",
+    detail: "The number of transactions to return, default is 100.",
+    example: "10",
+    require: "o",
+    repeat: "n"
+  }, {
+    name: "offset",
+    detail: "The number of transactions to skip, default is 0.",
+    example: "0",
+    require: "o",
+    repeat: "n"
+  }]
+}, {
+  LOGO: "https://cdn.prod.website-files.com/65f94dfd53db8b337c808067/68485baa72714ae58f350ce2_bs-logo.png",
+  BRAND_COLOR: "#f8f8fd",
+  BRAND_SECONDARY_COLOR: "#5353D3",
+  n: "BLOCKSCOUT",
+  t: 20,
+  d: "Returns the onchain information about an address on a provided blockchain. By default on Ethereum mainnet.",
+  a: "Returns the onchain information about an address on a provided blockchain. By default on Ethereum mainnet.",
+  p: [{
+    name: "address",
+    detail: "The address string representing the addresses to check for balance",
+    example: '"vitalik.eth"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "type",
+    detail: "The type of data to query.",
+    example: '"txns"',
+    require: "m",
+    type: "string"
+  }, {
+    name: "chain",
+    detail: "The blockchain to query. By default on Ethereum mainnet.",
+    example: '"ethereum"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "startTimestamp",
+    detail: 'Start date marking the start of the transaction search range. Work with type === "txns"',
+    example: '"01/01/2023"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "endTimestamp",
+    detail: 'End date marking the end of the transaction search range. Work with type === "txns"',
+    example: '"01/05/2024"',
+    require: "o",
+    type: "string"
+  }, {
+    name: "page",
+    detail: 'The page number to return. Work with type === "txns"',
+    example: "1",
+    require: "o",
+    repeat: "n",
+    type: "rangenumber"
+  }, {
+    name: "offset",
+    detail: 'The number of transactions to return per page. Work with type === "txns"',
+    example: "2",
+    require: "o",
+    repeat: "n",
+    type: "rangenumber"
+  }]
+}];

package/lib/components/SheetOverlay/FormulaSearch/index.css

@@ -0,0 +1,42 @@
+.luckysheet-formula-search-c {
+  position: absolute;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  color: #535353;
+  font-size: 12px;
+  background: #fff;
+  z-index: 1003;
+  width: 300px;
+}
+
+.luckysheet-formula-search-c .luckysheet-formula-search-item {
+  background: #fff;
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+.luckysheet-formula-search-c
+  .luckysheet-formula-search-item
+  .luckysheet-formula-search-detail {
+  display: none;
+  color: #77818A;
+}
+
+.luckysheet-formula-search-c
+  .luckysheet-formula-search-item
+  .luckysheet-formula-search-func {
+  font-size: 14px;
+}
+
+.luckysheet-formula-search-c .luckysheet-formula-search-item-active {
+  display: block;
+  border-top: 1px solid #ebebeb;
+  border-bottom: 1px solid #ebebeb;
+  background: #f2f4f5;
+}
+
+.luckysheet-formula-search-c
+  .luckysheet-formula-search-item-active
+  .luckysheet-formula-search-detail {
+  display: block;
+}

package/lib/components/SheetOverlay/FormulaSearch/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const FormulaSearch: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export default FormulaSearch;

package/lib/components/SheetOverlay/FormulaSearch/index.js

@@ -0,0 +1,270 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireWildcard(require("react"));
+var _ui = require("@fileverse/ui");
+var _constant = require("./constant");
+var _context = _interopRequireDefault(require("../../../context"));
+require("./index.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var FormulaSearch = function FormulaSearch(props) {
+  var _a;
+  var _b = (0, _react.useContext)(_context.default),
+    context = _b.context,
+    isAuthorized = _b.settings.isAuthorized;
+  var authedFunction = ["COINGECKO", "ETHERSCAN", "DEFILLAMA", "GNOSIS", "BASE", "EOA", "PNL", "SAFE", "BLOCKSCOUT", "GNOSIS", "LENS", "FARCASTER", "Ethereum"];
+  var filteredDefaultCandidates = context.defaultCandidates.filter(function (item) {
+    return !authedFunction.includes(item.n);
+  });
+  var unfilteredDefaultCandidates = _constant.UNFilter.filter(function (item) {
+    return item.n !== "PNL";
+  });
+  var finalDefaultCandidates = !isAuthorized ? filteredDefaultCandidates : context.defaultCandidates.slice(0, 10);
+  var finalFunctionCandidates = isAuthorized ? context.functionCandidates : context.functionCandidates.filter(function (item) {
+    return item.t !== 20;
+  });
+  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+  var hintRef = (0, _react.useRef)(null);
+  var _c = (0, _react.useState)(0),
+    top = _c[0],
+    setTop = _c[1];
+  var calcuatePopUpPlacement = function calcuatePopUpPlacement() {
+    var _a, _b, _c;
+    if (!((_a = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.top) === null || _a === void 0 ? void 0 : _a.toString()) || !((_b = firstSelection.height_move) === null || _b === void 0 ? void 0 : _b.toString()) || !hintRef.current) return;
+    var hintHeight = 360;
+    var inputBottom = firstSelection.top + firstSelection.height_move;
+    var availableBelow = window.innerHeight - inputBottom;
+    var hintAbove = hintHeight > availableBelow;
+    var selectionHeight = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0;
+    var divOffset = ((_c = hintRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0;
+    setTop(hintAbove ? selectionHeight - (divOffset + 30) : selectionHeight + 4);
+  };
+  (0, _react.useEffect)(function () {
+    calcuatePopUpPlacement();
+  });
+  if (_lodash.default.isEmpty(context.functionCandidates) && _lodash.default.isEmpty(context.defaultCandidates)) return null;
+  return /*#__PURE__*/_react.default.createElement("div", __assign({}, props, {
+    ref: hintRef,
+    id: "luckysheet-formula-search-c",
+    className: "luckysheet-formula-search-c",
+    style: {
+      top: top
+    }
+  }), context.defaultCandidates.length > 0 && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: "4px"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "text-helper-sm-bold color-text-secondary"
+  }, "Onchain functions"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Every onchain function is a native data structure allowing dSheets to read and structure data from smart contracts and APIs.")), !isAuthorized && (/*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      backgroundColor: "#F8F9FA"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "font-semibold"
+  }, "dSheets account required"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Use more onchain functions by creating a dSheets account.", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "sign-fortune",
+    style: {
+      color: "#5C0AFF",
+      cursor: "pointer"
+    },
+    onClick: function onClick(e) {
+      var _a;
+      e.stopPropagation();
+      e.preventDefault();
+      (_a = document.getElementById("triggerAuth")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, "Signup/Login")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex gap-2 mt-2 mb-2"
+  }, unfilteredDefaultCandidates.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      key: index,
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px",
+        height: "16px"
+      }
+    });
+  })))))), context.defaultCandidates.length > 0 ? (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, finalDefaultCandidates.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      style: {
+        cursor: "pointer"
+      },
+      className: "luckysheet-formula-search-item"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-formula-search-func color-text-default text-body-sm"
+    }, v.n), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        minWidth: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/_react.default.createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.SECONDARY_LOGO && (/*#__PURE__*/_react.default.createElement("img", {
+      src: v.SECONDARY_LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API key required"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        borderRadius: "4px",
+        backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#e8ebec"),
+        width: "16px",
+        height: "16px"
+      },
+      className: "flex justify-center"
+    }, /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm  color-text-default"
+    }, v.d));
+  }))) : (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, finalFunctionCandidates.length > 0 && finalFunctionCandidates.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      className: "luckysheet-formula-search-item"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-formula-search-func color-text-default text-body-sm"
+    }, v.n), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        width: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/_react.default.createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.SECONDARY_LOGO && (/*#__PURE__*/_react.default.createElement("img", {
+      src: v.SECONDARY_LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API Key required"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        borderRadius: "4px",
+        backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#e8ebec"),
+        width: "16px",
+        height: "16px"
+      },
+      className: "flex justify-center"
+    }, /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm color-text-secondary"
+    }, v.d));
+  }), finalFunctionCandidates.length === 0 && (/*#__PURE__*/_react.default.createElement("span", null, !isAuthorized && (/*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      backgroundColor: "#F8F9FA"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "text-helper-sm-bold",
+    style: {
+      fontWeight: "bold"
+    }
+  }, "dSheets account required"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Use more onchain functions by creating a dSheets account.", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "sign-fortune",
+    style: {
+      color: "#5C0AFF",
+      cursor: "pointer"
+    },
+    onClick: function onClick(e) {
+      var _a;
+      e.stopPropagation();
+      e.preventDefault();
+      (_a = document.getElementById("triggerAuth")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, "Signup/Login")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex gap-2 mt-2 mb-2"
+  }, unfilteredDefaultCandidates.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      key: index,
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px",
+        height: "16px"
+      }
+    });
+  })))))))), /*#__PURE__*/_react.default.createElement("hr", {
+    className: "color-border-default mb-2 mt-4 "
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      paddingLeft: "10px",
+      paddingRight: "10px"
+    },
+    className: "flex gap-1 items-center color-border-default text-helper-sm"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "border p-1 color-text-default rounded"
+  }, "Tab"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "color-text-secondary"
+  }, "to insert")));
+};
+var _default = exports.default = FormulaSearch;

package/lib/components/SheetOverlay/InputBox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const InputBox: React.FC;
+export default InputBox;