@fileverse-dev/fortune-react 1.0.2-mod-67-patch-4 → 1.0.2-mod-72

package/dist/index.js

@@ -7,6 +7,7 @@ var React = require('react');
 var produce = require('immer');
 var _ = require('lodash');
 var ui = require('@fileverse/ui');
+var cryptoConstants = require('@fileverse-dev/formulajs/crypto-constants');
 var regeneratorRuntime = require('regenerator-runtime');
 var Tippy = require('@tippyjs/react');
 
@@ -806,6 +807,11 @@ var ContentEditable = function ContentEditable(_ref) {
   }));
 };
 
+var API_KEY_PLACEHOLDER = Object.fromEntries(Object.values(cryptoConstants.SERVICE_API_KEY).map(function (key) {
+  return [key, "".concat(key.replace(/_/g, " ").replace(/\bAPI\b/, "API key"))];
+}));
+var COMIMG_SOON_FUNCTIONS = ["UNISWAP", "ARTEMIS", "FIREFLY", "AAVE", "AERODOME", "PENDLE"];
+
 var FormulaSearch = function FormulaSearch(props) {
   var _context$luckysheet_s;
   var _useContext = React.useContext(WorkbookContext),
@@ -830,7 +836,10 @@ var FormulaSearch = function FormulaSearch(props) {
   React.useEffect(function () {
     calcuatePopUpPlacement();
   });
-  if (___default['default'].isEmpty(context.functionCandidates)) return null;
+  var isComingSoon = function isComingSoon(name) {
+    return COMIMG_SOON_FUNCTIONS.includes(name);
+  };
+  if (___default['default'].isEmpty(context.functionCandidates) && ___default['default'].isEmpty(context.defaultCandidates)) return null;
   return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: hintRef,
     id: "luckysheet-formula-search-c",
@@ -838,11 +847,74 @@ var FormulaSearch = function FormulaSearch(props) {
     style: {
       top: top
     }
-  }), context.functionCandidates.map(function (v, index) {
+  }), context.defaultCandidates.length > 0 && (/*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      marginBottom: "4px"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/React__default['default'].createElement("h4", {
+    className: "text-helper-sm-bold color-text-secondary"
+  }, "Onchain functions"), /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "What is data block description lorem ipsum dolor sit"))), context.defaultCandidates.length > 0 ? (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, context.defaultCandidates.slice(0, 5).map(function (v, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: v.n,
       "data-func": v.n,
-      className: "luckysheet-formula-search-item ".concat(index === 0 ? "luckysheet-formula-search-item-active" : "")
+      style: {
+        cursor: isComingSoon(v.n) ? "not-allowed" : "pointer"
+      },
+      className: "luckysheet-formula-search-item  ".concat(index === 0 ? "luckysheet-formula-search-item-active" : "")
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "luckysheet-formula-search-func ".concat(isComingSoon(v.n) ? "color-text-secondary" : "color-text-default", "  text-body-sm")
+    }, v.n), /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        minWidth: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API key required"
+    }, /*#__PURE__*/React__default['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['default'].createElement(ui.LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm  ".concat(isComingSoon(v.n) ? "color-text-secondary" : "color-text-default")
+    }, isComingSoon(v.n) ? "Coming soon to dSheets" : v.d));
+  }), /*#__PURE__*/React__default['default'].createElement("p", {
+    style: {
+      padding: "10px"
+    },
+    className: "text-helper-text-sm-bold color-text-secondary"
+  }, "Functions"), context.defaultCandidates.slice(5, context.defaultCandidates.length).map(function (v) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      className: "luckysheet-formula-search-item"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         display: "flex",
@@ -857,13 +929,13 @@ var FormulaSearch = function FormulaSearch(props) {
         width: "68px",
         height: "20px",
         alignItems: "center",
-        gap: "4px"
+        gap: "6px"
       }
     }, v.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
       src: v.LOGO,
       alt: "Service Logo",
       style: {
-        width: "20px"
+        width: "16px"
       }
     })), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
       style: {
@@ -883,7 +955,53 @@ var FormulaSearch = function FormulaSearch(props) {
     }))))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm color-text-secondary"
     }, v.d));
-  }), /*#__PURE__*/React__default['default'].createElement("hr", {
+  }))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, context.functionCandidates.map(function (v, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      className: "luckysheet-formula-search-item ".concat(index === 0 ? "luckysheet-formula-search-item-active" : "")
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "luckysheet-formula-search-func color-text-default text-body-sm"
+    }, v.n), /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        width: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API Key required"
+    }, /*#__PURE__*/React__default['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['default'].createElement(ui.LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm color-text-secondary"
+    }, v.d));
+  }))), /*#__PURE__*/React__default['default'].createElement("hr", {
     className: "color-border-default mb-2 mt-4 "
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
@@ -1050,16 +1168,16 @@ var FormulaHint = function FormulaHint(props) {
     style: {
       display: "flex",
       justifyContent: "end",
-      width: "68px",
+      minWidth: "68px",
       height: "20px",
       alignItems: "center",
-      gap: "4px"
+      gap: "6px"
     }
   }, fn.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
     src: fn.LOGO,
     alt: "Service Logo",
     style: {
-      width: "20px"
+      width: "16px"
     }
   })), fn.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
     style: {
@@ -1332,7 +1450,7 @@ var InputBox = function InputBox() {
     var textEditor = document.getElementById("luckysheet-rich-text-editor");
     if (!textEditor) return;
     var searchTxt = ((_getrangeseleciton = fortuneCore.getrangeseleciton()) === null || _getrangeseleciton === void 0 ? void 0 : _getrangeseleciton.textContent) || "";
-    var deleteCount = searchTxt.length;
+    var deleteCount = searchTxt === "=" ? 0 : searchTxt.length;
     textEditor.focus();
     var selection = window.getSelection();
     if (!selection || selection.rangeCount === 0) return;
@@ -1356,6 +1474,7 @@ var InputBox = function InputBox() {
     selection.addRange(range);
     setContext(function (draftCtx) {
       draftCtx.functionCandidates = [];
+      draftCtx.defaultCandidates = [];
       draftCtx.functionHint = formulaName;
     });
   }, [setContext]);
@@ -1500,7 +1619,7 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint) && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
     onMouseOver: function onMouseOver(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -1929,6 +2048,7 @@ var SearchReplace = function SearchReplace(_ref) {
       var _tableContainerRef$cu;
       if (e.target === tableContainerRef.current || ((_tableContainerRef$cu = tableContainerRef.current) === null || _tableContainerRef$cu === void 0 ? void 0 : _tableContainerRef$cu.contains(e.target))) {
         var _tableContainerRef$cu2;
+        e.preventDefault();
         e.stopPropagation();
         (_tableContainerRef$cu2 = tableContainerRef.current) === null || _tableContainerRef$cu2 === void 0 ? void 0 : _tableContainerRef$cu2.focus();
       }
@@ -1937,13 +2057,17 @@ var SearchReplace = function SearchReplace(_ref) {
       e.preventDefault();
       e.stopPropagation();
       if (tableContainerRef.current) {
-        tableContainerRef.current.scrollTop += e.deltaY;
+        var delta = e.deltaY;
+        var currentScroll = tableContainerRef.current.scrollTop;
+        tableContainerRef.current.scrollTop = currentScroll + delta;
       }
     },
     onTouchStart: function onTouchStart(e) {
+      e.preventDefault();
       e.stopPropagation();
     },
     onTouchMove: function onTouchMove(e) {
+      e.preventDefault();
       e.stopPropagation();
     },
     tabIndex: 0
@@ -3718,11 +3842,8 @@ var IframeBoxs = function IframeBoxs() {
       });
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-modal-dialog-controll"
-    }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-      role: "button",
-      tabIndex: 0,
-      title: "Delete",
+    }, /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
+      icon: "Trash2",
       onClick: function onClick() {
         setContext(function (ctx) {
           var currentSheet = ctx.luckysheetfile.find(function (sheet) {
@@ -3736,8 +3857,10 @@ var IframeBoxs = function IframeBoxs() {
           }
           ctx.activeIframe = undefined;
         });
-      }
-    }, "DELETE")))));
+      },
+      variant: "ghost",
+      className: "fortune-iframe-boxes-delete-button"
+    })))));
   }));
 };
 
@@ -4516,45 +4639,11 @@ var Combo = function Combo(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = React.useState({
-      left: 0
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    popupPosition = _useState4[0],
-    setPopupPosition = _useState4[1];
-  var popupRef = React.useRef(null);
   var buttonRef = React.useRef(null);
   var isLucideIcon = React.useMemo(function () {
     return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip", "font-color", "background", "border-all", "merge-all", "format", "conditionFormat", "filter", "comment", "image", "formula-sum", "dune", "template"].includes(iconId);
   }, [iconId]);
-  useOutsideClick(popupRef, function () {
-    setOpen(false);
-  });
-  React.useLayoutEffect(function () {
-    if (!popupRef.current) {
-      return;
-    }
-    if (!open) {
-      setPopupPosition({
-        left: 0
-      });
-    }
-    var winW = window.innerWidth;
-    var rect = popupRef.current.getBoundingClientRect();
-    var menuW = rect.width;
-    var left = rect.left;
-    if (left + menuW > winW) {
-      setPopupPosition({
-        left: -rect.width + buttonRef.current.clientWidth
-      });
-    }
-  }, [open]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toobar-combo-container fortune-toolbar-item"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: buttonRef,
-    className: "fortune-toolbar-combo"
-  }, !isLucideIcon ? (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+  var trigger = !isLucideIcon ? (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -4563,8 +4652,6 @@ var Combo = function Combo(_ref) {
       if (_onClick) {
         _onClick(e);
         if (!showArrow) setOpen(!open);
-      } else {
-        setOpen(!open);
       }
     },
     tabIndex: 0,
@@ -4585,23 +4672,23 @@ var Combo = function Combo(_ref) {
     onClick: function onClick() {
       return setOpen(!open);
     },
-    className: showArrow ? "fortune-toolbar-combo-button show-arrow" : ""
-  }))), showArrow && (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: "fortune-toolbar-combo-arrow",
-    onClick: function onClick() {
-      return setOpen(!open);
-    },
-    tabIndex: 0,
-    role: "button",
-    style: style
-  }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
-    name: "ChevronDown",
-    width: 14,
-    height: 14
-  })))), open && (/*#__PURE__*/React__default['default'].createElement("div", {
-    ref: popupRef,
-    className: "fortune-toolbar-combo-popup",
-    style: popupPosition
+    className: "fortune-toolbar-combo-button"
+  })));
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: buttonRef
+  }, /*#__PURE__*/React__default['default'].createElement(ui.Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/React__default['default'].createElement(ui.PopoverTrigger, {
+    asChild: true
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "flex items-center"
+  }, trigger)), /*#__PURE__*/React__default['default'].createElement(ui.PopoverContent, {
+    align: "start",
+    side: "bottom",
+    sideOffset: 4,
+    alignOffset: -16,
+    className: "fortune-toolbar-combo-popup border-none"
   }, children === null || children === void 0 ? void 0 : children(setOpen))));
 };
 
@@ -5479,7 +5566,6 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     onSubmit = _ref.onSubmit,
-    icon = _ref.icon,
     _ref$submitText = _ref.submitText,
     submitText = _ref$submitText === void 0 ? "Submit" : _ref$submitText,
     _ref$placeholder = _ref.placeholder,
@@ -5521,6 +5607,8 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     e.stopPropagation();
     if (e.key === "Enter") {
       handleSubmit();
+    } else if (e.key === "Escape") {
+      onClose();
     }
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5537,8 +5625,8 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "modal-header"
-  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-    name: icon
+  }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+    name: "DuneChart"
   }), /*#__PURE__*/React__default['default'].createElement("input", {
     ref: inputRef,
     className: "modal-input",
@@ -5883,46 +5971,18 @@ var Toolbar = function Toolbar(_ref) {
           if (value === "fmtOtherSelf") {
             return /*#__PURE__*/React__default['default'].createElement(Option, {
               key: value,
-              onMouseEnter: function onMouseEnter(e) {
-                return showSubMenu(e, "more-format");
-              },
-              onMouseLeave: function onMouseLeave(e) {
-                return hideSubMenu(e, "more-format");
-              }
-            }, /*#__PURE__*/React__default['default'].createElement("div", {
-              className: "fortune-toolbar-menu-line"
-            }, /*#__PURE__*/React__default['default'].createElement("div", null, text), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-              name: "rightArrow",
-              width: 16,
-              height: 16
-            })), /*#__PURE__*/React__default['default'].createElement("div", {
-              className: "more-format toolbar-item-sub-menu fortune-toolbar-select",
-              style: {
-                display: "none",
-                width: 150,
-                bottom: 10,
-                top: undefined
-              }
-            }, [{
-              text: toolbarFormat.moreCurrency,
-              onclick: function onclick() {
+              onClick: function onClick() {
                 showDialog(/*#__PURE__*/React__default['default'].createElement(FormatSearch, {
                   onCancel: hideDialog,
                   type: "currency"
                 }), undefined, "Currency Format");
                 setOpen(false);
               }
-            }].map(function (v) {
-              return /*#__PURE__*/React__default['default'].createElement("div", {
-                className: "set-background-item fortune-toolbar-select-option",
-                key: v.text,
-                onClick: function onClick() {
-                  v.onclick();
-                  setOpen(false);
-                },
-                tabIndex: 0
-              }, v.text);
-            })));
+            }, /*#__PURE__*/React__default['default'].createElement("div", {
+              className: "fortune-toolbar-menu-line"
+            }, /*#__PURE__*/React__default['default'].createElement("div", null, text), /*#__PURE__*/React__default['default'].createElement("div", {
+              className: "fortune-toolbar-subtext"
+            }, example)));
           }
           return /*#__PURE__*/React__default['default'].createElement(Option, {
             key: value,
@@ -6898,27 +6958,7 @@ var Toolbar = function Toolbar(_ref) {
     onClose: onMoreToolbarItemsClose
   }, moreToolbarItems))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-toolbar-right"
-  }, settings.customToolbarItems.filter(function (n) {
-    return n.key === "templates";
-  }).map(function (n) {
-    return /*#__PURE__*/React__default['default'].createElement(CustomButton, {
-      tooltip: n.tooltip,
-      onClick: n.onClick,
-      key: n.key,
-      icon: n.icon,
-      iconName: n.iconName
-    }, n.children);
-  }), settings.customToolbarItems.filter(function (n) {
-    return n.key !== "templates" && n.key !== "import-export";
-  }).map(function (n) {
-    return /*#__PURE__*/React__default['default'].createElement(CustomButton, {
-      tooltip: n.tooltip,
-      onClick: n.onClick,
-      key: n.key,
-      icon: n.icon,
-      iconName: n.iconName
-    }, n.children);
-  }), settings.customToolbarItems.length > 0 && (/*#__PURE__*/React__default['default'].createElement(Button, {
+  }, settings.customToolbarItems.length > 0 && (/*#__PURE__*/React__default['default'].createElement(Button, {
     iconId: "dune",
     tooltip: "Insert Dune Chart",
     key: "dune-charts",
@@ -6930,7 +6970,17 @@ var Toolbar = function Toolbar(_ref) {
       backgroundColor: "#F4603E2E",
       borderRadius: "8px"
     }
-  })), showDuneModal && (/*#__PURE__*/React__default['default'].createElement(DuneChartsInputModal, {
+  })), settings.customToolbarItems.filter(function (n) {
+    return n.key !== "import-export";
+  }).map(function (n) {
+    return /*#__PURE__*/React__default['default'].createElement(CustomButton, {
+      tooltip: n.tooltip,
+      onClick: n.onClick,
+      key: n.key,
+      icon: n.icon,
+      iconName: n.iconName
+    }, n.children);
+  }), showDuneModal && (/*#__PURE__*/React__default['default'].createElement(DuneChartsInputModal, {
     isOpen: showDuneModal,
     onSubmit: function onSubmit(url) {
       setContext(function (draftCtx) {
@@ -6941,7 +6991,6 @@ var Toolbar = function Toolbar(_ref) {
     onClose: function onClose() {
       return setShowDuneModal(false);
     },
-    icon: "dune-logo",
     placeholder: "Add Dune chart link to embed",
     submitText: "Embed Dune chart"
   }))));
@@ -7822,12 +7871,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "split-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+        width: 18,
+        height: 18
       }), "Split text to columns"));
     }
     if (name === "freeze-row") {
@@ -7849,15 +7894,9 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "freeze-flv",
-        width: 16,
-        height: 16,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
-      }), isFrozen ? "Unfreeze row" : "Freeze to current row"));
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Snowflake"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, isFrozen ? "Unfreeze row" : "Freeze upto current row")));
     }
     if (name === "freeze-column") {
       var _freezeState = fortuneCore.getFreezeState(context);
@@ -7879,15 +7918,9 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "freeze-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, _isFrozen ? "Unfreeze column" : "Freeze to current column")));
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Snowflake"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, _isFrozen ? "Unfreeze column" : "Freeze upto current column")));
     }
     if (name === "comment") {
       return /*#__PURE__*/React__default['default'].createElement(Menu, {
@@ -7900,14 +7933,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "comment-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "MessageSquarePlus"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Comment")));
     }
     if (name === "dataVerification") {
@@ -7922,13 +7949,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "dataVerification",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ShieldCheck"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Data Verification")));
     }
     if (name === "searchReplace") {
@@ -7944,13 +7966,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "search",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Search"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Find and Replace")));
     }
     if (name === "copy") {
@@ -7970,14 +7987,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "copy-flv",
-        width: 21,
-        height: 21,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Copy"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.copy)));
     }
     if (name === "cut") {
@@ -8010,13 +8021,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "cut-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Scissors"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Cut")));
     }
     if (name === "paste" && regeneratorRuntime__default['default']) {
@@ -8048,13 +8054,8 @@ var ContextMenu = function ContextMenu() {
         }()
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "paste-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Clipboard"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.paste)));
     }
     if (name === "insert-column") {
@@ -8086,10 +8087,10 @@ var ContextMenu = function ContextMenu() {
               insertRowColOp: insertRowColOp
             });
           }
-        }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "insert-flv",
-          width: 18,
-          height: 18
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Plus"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, "Insert column to the left")));
       });
     }
@@ -8122,10 +8123,10 @@ var ContextMenu = function ContextMenu() {
               insertRowColOp: insertRowColOp
             });
           }
-        }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "insert-flv",
-          width: 18,
-          height: 18
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Plus"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, "Insert row below")));
       });
     }
@@ -8172,13 +8173,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.column))));
     }
     if (name === "cell-delete-column") {
@@ -8224,13 +8220,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.column))));
     }
     if (name === "delete-row") {
@@ -8275,13 +8266,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "cell-delete-row") {
@@ -8326,13 +8312,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "hide-row") {
@@ -8355,13 +8336,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "context-item"
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "hide-flv",
-          width: 18,
-          height: 18,
-          style: {
-            marginRight: "8px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "EyeOff"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick[item] + rightclick.row)));
       });
     }
@@ -8385,13 +8361,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "context-item"
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "hide-flv",
-          width: 18,
-          height: 18,
-          style: {
-            marginRight: "8px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "EyeOff"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick[item] + rightclick.column)));
       });
     }
@@ -8429,11 +8400,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "resize-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+        width: 16,
+        height: 16
       }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize row height", /*#__PURE__*/React__default['default'].createElement("input", {
         onClick: function onClick(e) {
           return e.stopPropagation();
@@ -8469,11 +8437,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "resize-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+        width: 16,
+        height: 16
       }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize column width")))) : null;
     }
     if (name === "clear") {
@@ -8501,13 +8466,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "clear-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Eraser"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.clearContent)));
     }
     if (name === "ascSort") {
@@ -8523,14 +8483,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "asc-sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowDown01"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Ascending sort")));
     }
     if (name === "desSort") {
@@ -8546,14 +8500,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "des-sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowDown10"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Descending sort")));
     }
     if (name === "sort") {
@@ -8587,13 +8535,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "sort-asc",
-          width: 24,
-          height: 18,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "ArrowUp"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, sort.asc))), /*#__PURE__*/React__default['default'].createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8606,13 +8549,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "sort-desc",
-          width: 24,
-          height: 18,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "ArrowDown"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, sort.desc))))),
         trigger: "mouseenter focus",
         hideOnClick: false
@@ -8620,16 +8558,12 @@ var ContextMenu = function ContextMenu() {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.sortSelection)), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
-        width: 18
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowDownUp"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.sortSelection)), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
+        width: 16,
+        height: 16
       })))));
     }
     if (name === "filter") {
@@ -8663,13 +8597,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "filter",
-          width: 22,
-          height: 22,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Filter"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, filter.filter))), /*#__PURE__*/React__default['default'].createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8682,14 +8611,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "eraser",
-          width: 22,
-          height: 22,
-          style: {
-            marginRight: "4px",
-            marginLeft: "2px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Eraser"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, filter.clearFilter))))),
         trigger: "mouseenter focus",
         hideOnClick: false
@@ -8697,17 +8620,12 @@ var ContextMenu = function ContextMenu() {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "filter",
-        width: 22,
-        height: 22,
-        style: {
-          marginRight: "4px",
-          marginTop: "2px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
-        width: 18
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Filter"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
+        width: 16,
+        height: 16
       })))));
     }
     if (name === "image") {
@@ -8732,13 +8650,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "link",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Link"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.link)));
     }
     if (name === "conditionFormat") {
@@ -8769,16 +8682,11 @@ var ContextMenu = function ContextMenu() {
       }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Menu, null, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "flex items-center gap-2"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "conditionFormat",
-        width: 16,
-        height: 16,
-        style: {
-          marginRight: "2px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
+        className: "flex items-center gap-2 context-item"
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "PaintbrushVertical"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
         width: 16,
         height: 16
       })))));
@@ -12095,13 +12003,14 @@ var DunePreview = function DunePreview(_ref) {
     }
   })), /*#__PURE__*/React__default['default'].createElement("p", null, "Do you want to insert Dune chart?"), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-dune-preview-footer"
-  }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
-    variant: "ghost",
+  }, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
     onClick: onKeepAsLink,
-    className: "!w-fit px-0"
-  }, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
+    className: "fortune-dune-preview-button"
+  }, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
     onClick: onEmbed,
-    className: "!w-fit px-0"
+    className: "fortune-dune-preview-button primary"
   }, "Embed")));
 };
 
@@ -12659,4 +12568,12 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
   })))));
 });
 
+Object.keys(cryptoConstants).forEach(function (k) {
+  if (k !== 'default') Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () {
+      return cryptoConstants[k];
+    }
+  });
+});
 exports.Workbook = Workbook;