@cofhe/react 0.1.0

package/dist/index.js

@@ -0,0 +1,576 @@
+// src/providers/CofheProvider.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var CofheContext = createContext(void 0);
+function CofheProvider({ children, client: providedClient, config }) {
+  const [client, setClient] = useState(providedClient || null);
+  const [isInitialized, setIsInitialized] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (providedClient) {
+      setClient(providedClient);
+      setIsInitialized(true);
+      return;
+    }
+    if (config) {
+      try {
+        setIsInitialized(true);
+      } catch (err) {
+        setError(err instanceof Error ? err : new Error("Failed to initialize CoFHE client"));
+      }
+    }
+  }, [providedClient, config]);
+  const contextValue = {
+    client,
+    isInitialized,
+    error
+  };
+  return /* @__PURE__ */ jsx(CofheContext.Provider, { value: contextValue, children });
+}
+function useCofheContext() {
+  const context = useContext(CofheContext);
+  if (context === void 0) {
+    throw new Error("useCofheContext must be used within a CofheProvider");
+  }
+  return context;
+}
+
+// src/hooks/useEncryptInput.ts
+import { useState as useState2, useCallback } from "react";
+import { Encryptable } from "@cofhe/sdk";
+var STEP_CONFIG = {
+  "initTfhe": {
+    label: "Initializing TFHE...",
+    progress: 5
+  },
+  "fetchKeys": {
+    label: "Fetching FHE keys...",
+    progress: 20
+  },
+  "pack": {
+    label: "Packing data...",
+    progress: 40
+  },
+  "prove": {
+    label: "Generating proof...",
+    progress: 70
+  },
+  "verify": {
+    label: "Verifying...",
+    progress: 90
+  },
+  "done": {
+    label: "Encryption complete!",
+    progress: 100
+  }
+};
+function useEncryptInput() {
+  const { client } = useCofheContext();
+  const [isEncrypting, setIsEncrypting] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [encryptionStep, setEncryptionStep] = useState2(null);
+  const [encryptionProgress, setEncryptionProgress] = useState2(0);
+  const [encryptionProgressLabel, setEncryptionProgressLabel] = useState2("");
+  const onEncryptInput = useCallback(async (type, value) => {
+    if (!client) {
+      throw new Error("CoFHE client not initialized");
+    }
+    setIsEncrypting(true);
+    setError(null);
+    try {
+      let convertedValue;
+      if (type === "bool") {
+        convertedValue = value.toLowerCase() === "true" || value === "1";
+      } else if (type === "address") {
+        convertedValue = value;
+      } else {
+        convertedValue = value.includes(".") ? parseFloat(value) : parseInt(value, 10);
+      }
+      let encryptableItem;
+      switch (type) {
+        case "bool":
+          encryptableItem = Encryptable.bool(convertedValue);
+          break;
+        case "uint8":
+          encryptableItem = Encryptable.uint8(BigInt(convertedValue));
+          break;
+        case "uint16":
+          encryptableItem = Encryptable.uint16(BigInt(convertedValue));
+          break;
+        case "uint32":
+          encryptableItem = Encryptable.uint32(BigInt(convertedValue));
+          break;
+        case "uint64":
+          encryptableItem = Encryptable.uint64(BigInt(convertedValue));
+          break;
+        case "uint128":
+          encryptableItem = Encryptable.uint128(BigInt(convertedValue));
+          break;
+        case "address":
+          encryptableItem = Encryptable.address(convertedValue);
+          break;
+        default:
+          encryptableItem = Encryptable.uint32(BigInt(convertedValue));
+      }
+      const encryptionBuilder = client.encryptInputs([encryptableItem]).setStepCallback((step, context) => {
+        const stepConfig = STEP_CONFIG[step];
+        if (stepConfig) {
+          setEncryptionStep(step);
+          setEncryptionProgress(stepConfig.progress);
+          setEncryptionProgressLabel(stepConfig.label);
+        }
+        if (step === "prove" && context?.isEnd) {
+          console.log("[Encryption] Worker Status:", {
+            useWorker: context.useWorker,
+            usedWorker: context.usedWorker,
+            workerFailedError: context.workerFailedError,
+            duration: context.duration + "ms"
+          });
+        }
+      });
+      const result = await encryptionBuilder.encrypt();
+      if (!result.success) {
+        throw result.error;
+      }
+      setEncryptionStep("done");
+      setEncryptionProgress(100);
+      setEncryptionProgressLabel("Encryption complete!");
+      setTimeout(() => {
+        setEncryptionStep(null);
+        setEncryptionProgress(0);
+        setEncryptionProgressLabel("");
+      }, 1e3);
+      setIsEncrypting(false);
+      return result.data[0];
+    } catch (err) {
+      setEncryptionStep(null);
+      setEncryptionProgress(0);
+      setEncryptionProgressLabel("");
+      setIsEncrypting(false);
+      const error2 = err instanceof Error ? err : new Error("Encryption failed");
+      setError(error2);
+      throw error2;
+    }
+  }, [client]);
+  return {
+    onEncryptInput,
+    isEncryptingInput: isEncrypting,
+    encryptionStep,
+    encryptionProgress,
+    encryptionProgressLabel,
+    inputEncryptionDisabled: isEncrypting || !!error
+  };
+}
+
+// src/components/FnxEncryptInput.tsx
+import { useState as useState3, useRef, useEffect as useEffect2 } from "react";
+
+// src/utils/cn.ts
+var cn = (...classes) => {
+  return classes.filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
+};
+
+// src/utils/debounce.ts
+var debounce = (func, wait) => {
+  let timeoutId = null;
+  return (...args) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, wait);
+  };
+};
+
+// src/utils/utils.ts
+var FheTypesList = [
+  {
+    label: "Encrypted Bool",
+    value: "bool",
+    maxValue: BigInt(1),
+    // 0 or 1
+    description: "Boolean value (true/false)"
+  },
+  {
+    label: "Encrypted Uint8",
+    value: "uint8",
+    maxValue: BigInt(2 ** 8 - 1),
+    // 255
+    description: "8-bit unsigned integer (0 to 255)"
+  },
+  {
+    label: "Encrypted Uint16",
+    value: "uint16",
+    maxValue: BigInt(2 ** 16 - 1),
+    // 65,535
+    description: "16-bit unsigned integer (0 to 65,535)"
+  },
+  {
+    label: "Encrypted Uint32",
+    value: "uint32",
+    maxValue: BigInt(2 ** 32 - 1),
+    // 4,294,967,295
+    description: "32-bit unsigned integer (0 to 4,294,967,295)"
+  },
+  {
+    label: "Encrypted Uint64",
+    value: "uint64",
+    maxValue: BigInt(2 ** 64 - 1),
+    // 18,446,744,073,709,551,615
+    description: "64-bit unsigned integer (0 to 18,446,744,073,709,551,615)"
+  },
+  {
+    label: "Encrypted Uint128",
+    value: "uint128",
+    maxValue: BigInt(2 ** 128 - 1),
+    // Very large number
+    description: "128-bit unsigned integer"
+  },
+  {
+    label: "Encrypted Address",
+    value: "address",
+    maxValue: null,
+    // Address validation is different
+    description: "Ethereum address (0x...)"
+  }
+];
+
+// src/components/FnxEncryptInput.tsx
+import SecurityIcon from "@mui/icons-material/Security";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import CheckIcon from "@mui/icons-material/Check";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FnxEncryptInput = ({
+  className,
+  testId,
+  placeholder = "Enter number or address...",
+  initialValue = "",
+  options = FheTypesList,
+  size = "md",
+  hasError = false,
+  errorMessage,
+  disabled = false,
+  showProgressBar = false,
+  debounceMs = 300,
+  onTextChange,
+  onTypeChange,
+  onEncryptStart,
+  onEncryptProgress,
+  onEncryptComplete,
+  onEncryptError
+}) => {
+  const [textValue, setTextValue] = useState3(initialValue);
+  const [selectedType, setSelectedType] = useState3(options[0]?.value || "uint32");
+  const [isDropdownOpen, setIsDropdownOpen] = useState3(false);
+  const [showProgress, setShowProgress] = useState3(false);
+  const [encryptedResult, setEncryptedResult] = useState3(null);
+  const [copySuccess, setCopySuccess] = useState3(false);
+  const dropdownRef = useRef(null);
+  const { onEncryptInput, isEncryptingInput, encryptionStep, encryptionProgress, encryptionProgressLabel } = useEncryptInput();
+  const debouncedValidation = useRef(
+    debounce((value) => {
+      console.log("Debounced validation for:", value);
+    }, debounceMs)
+  ).current;
+  useEffect2(() => {
+    if (showProgressBar && isEncryptingInput) {
+      setShowProgress(true);
+    } else if (!isEncryptingInput) {
+      const timer = setTimeout(() => setShowProgress(false), 500);
+      return () => clearTimeout(timer);
+    }
+  }, [showProgressBar, isEncryptingInput]);
+  useEffect2(() => {
+    if (isEncryptingInput && encryptionStep && encryptionProgress !== null && encryptionProgressLabel) {
+      onEncryptProgress?.({
+        step: encryptionStep.toString(),
+        progress: encryptionProgress,
+        label: encryptionProgressLabel
+      });
+    }
+  }, [encryptionStep, encryptionProgress, encryptionProgressLabel, isEncryptingInput, onEncryptProgress]);
+  useEffect2(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const sizeClasses = {
+    sm: { input: "px-3 py-2 text-sm", dropdown: "px-2 py-1 text-xs", button: "px-3 py-1 text-sm" },
+    md: { input: "px-4 py-3 text-sm", dropdown: "px-3 py-2 text-sm", button: "px-4 py-2 text-sm" },
+    lg: { input: "px-5 py-4 text-base", dropdown: "px-4 py-3 text-base", button: "px-6 py-3 text-base" }
+  };
+  const inputContainerClasses = cn(
+    "relative flex items-center bg-white dark:bg-gray-800 border rounded-lg transition-colors",
+    "focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500",
+    hasError ? "border-red-500 focus-within:ring-red-500 focus-within:border-red-500" : "border-gray-300 dark:border-gray-600",
+    (disabled || isEncryptingInput) && "bg-gray-100 dark:bg-gray-700 opacity-50",
+    className
+  );
+  const inputClasses = cn(
+    "flex-1 bg-transparent border-0 outline-none placeholder-gray-400 dark:placeholder-gray-500",
+    "text-gray-900 dark:text-white",
+    sizeClasses[size].input,
+    "pr-20",
+    // Make space for the dropdown button
+    (disabled || isEncryptingInput) && "cursor-not-allowed"
+  );
+  const dropdownButtonClasses = cn(
+    "absolute right-0 top-0 bottom-0",
+    "flex items-center gap-1 px-2 rounded-r-md border-l border-gray-300 dark:border-gray-600",
+    "bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600",
+    "transition-colors duration-200 cursor-pointer",
+    "text-xs font-medium text-gray-700 dark:text-gray-300",
+    (disabled || isEncryptingInput) && "cursor-not-allowed opacity-50",
+    isDropdownOpen && "bg-gray-200 dark:bg-gray-600"
+  );
+  const dropdownItemClasses = (isSelected, isCompatible) => cn(
+    "px-3 py-2 text-sm transition-colors",
+    isCompatible ? "cursor-pointer hover:bg-blue-50 dark:hover:bg-blue-900/30 hover:text-blue-700 dark:hover:text-blue-300" : "cursor-not-allowed opacity-50 bg-gray-50 dark:bg-gray-700",
+    isSelected && isCompatible ? "bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 font-medium" : isCompatible ? "text-gray-700 dark:text-gray-300" : "text-gray-400 dark:text-gray-500"
+  );
+  const progressVariantClasses = {
+    primary: "bg-blue-600 dark:bg-blue-500",
+    success: "bg-green-600 dark:bg-green-500",
+    warning: "bg-yellow-600 dark:bg-yellow-500",
+    error: "bg-red-600 dark:bg-red-500"
+  };
+  const progressContainerClasses = cn(
+    "w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1 overflow-hidden",
+    // Debug: Add border to see container
+    "border"
+  );
+  const progressBarClasses = (variant = "primary") => cn(
+    "h-full transition-all duration-300 ease-out rounded-full",
+    progressVariantClasses[variant]
+  );
+  const isTypeCompatible = (typeValue, inputValue) => {
+    if (!inputValue.trim()) return true;
+    const typeInfo = FheTypesList.find((type) => type.value === typeValue);
+    if (!typeInfo) return false;
+    if (typeValue === "bool") {
+      const lowerValue = inputValue.toLowerCase();
+      return lowerValue === "true" || lowerValue === "false" || lowerValue === "0" || lowerValue === "1";
+    }
+    if (typeValue === "address") {
+      if (!inputValue.startsWith("0x")) return false;
+      const addressPart = inputValue.slice(2);
+      if (addressPart.length !== 40) return false;
+      const hexRegex = /^[a-fA-F0-9]+$/;
+      if (!hexRegex.test(addressPart)) return false;
+      return true;
+    }
+    if (typeInfo.maxValue) {
+      try {
+        const numValue = BigInt(inputValue);
+        return numValue >= 0 && numValue <= typeInfo.maxValue;
+      } catch (error) {
+        return false;
+      }
+    }
+    return true;
+  };
+  const handleTextChange = (e) => {
+    const value = e.target.value;
+    setTextValue(value);
+    onTextChange?.(value);
+    setEncryptedResult(null);
+    setCopySuccess(false);
+    debouncedValidation(value);
+  };
+  const handleCopyResult = async () => {
+    if (!encryptedResult || copySuccess) return;
+    try {
+      const textToCopy = JSON.stringify(encryptedResult, (key, value) => {
+        if (typeof value === "bigint") {
+          return value.toString();
+        }
+        return value;
+      }, 2);
+      await navigator.clipboard.writeText(textToCopy);
+      console.log("Copied to clipboard:", textToCopy);
+      setCopySuccess(true);
+      setTimeout(() => {
+        setCopySuccess(false);
+      }, 2e3);
+    } catch (error) {
+      console.error("Failed to copy to clipboard:", error);
+    }
+  };
+  const handleTypeSelect = async (type) => {
+    setSelectedType(type);
+    setIsDropdownOpen(false);
+    onTypeChange?.(type);
+    if (textValue.trim() !== "") {
+      try {
+        console.log("Auto-encrypting value:", textValue, "as type:", type);
+        onEncryptStart?.({ value: textValue, type });
+        (async () => {
+          try {
+            const encryptionResult = await onEncryptInput(type, textValue);
+            setEncryptedResult(encryptionResult);
+            const data = { value: textValue, encrypted: encryptionResult };
+            onEncryptComplete?.(data);
+          } catch (error) {
+            const errorMessage2 = error instanceof Error ? error.message : "Encryption failed";
+            console.error("Encryption failed:", error);
+            onEncryptError?.(errorMessage2);
+          }
+        })();
+      } catch (error) {
+        const errorMessage2 = error instanceof Error ? error.message : "Encryption setup failed";
+        console.error("Encryption setup failed:", error);
+        onEncryptError?.(errorMessage2);
+      }
+    }
+  };
+  const toggleDropdown = () => {
+    if (!disabled && !isEncryptingInput) {
+      setIsDropdownOpen(!isDropdownOpen);
+    }
+  };
+  const ShieldIcon = () => /* @__PURE__ */ jsx2(SecurityIcon, { sx: { fontSize: 14 } });
+  const ChevronDownIcon = () => /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { sx: { fontSize: 14 } });
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: inputContainerClasses, "data-testid": testId, children: [
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "text",
+            className: inputClasses,
+            placeholder,
+            value: textValue,
+            onChange: handleTextChange,
+            disabled: disabled || isEncryptingInput,
+            "data-testid": testId ? `${testId}-input` : "fnx-encrypt-input"
+          }
+        ),
+        (isEncryptingInput || encryptedResult) && /* @__PURE__ */ jsx2("div", { className: "absolute right-16 top-1/2 transform -translate-y-1/2", children: isEncryptingInput ? /* @__PURE__ */ jsx2("div", { className: "bg-blue-500 px-2 py-1 text-xs text-white rounded animate-pulse", children: "Encrypting..." }) : encryptedResult ? /* @__PURE__ */ jsx2(
+          "button",
+          {
+            onClick: handleCopyResult,
+            disabled: copySuccess,
+            className: `px-2 py-1 text-xs text-white rounded flex items-center gap-1 transition-all duration-300 ${copySuccess ? "bg-green-600 cursor-default" : "bg-green-500 hover:bg-green-600"}`,
+            title: copySuccess ? "Copied to clipboard!" : "Copy encrypted result to clipboard",
+            children: /* @__PURE__ */ jsxs(Fragment, { children: [
+              copySuccess ? /* @__PURE__ */ jsx2(CheckIcon, { sx: { fontSize: 12 } }) : /* @__PURE__ */ jsx2(ContentCopyIcon, { sx: { fontSize: 12 } }),
+              "Copy"
+            ] })
+          }
+        ) : null }),
+        /* @__PURE__ */ jsxs("div", { className: "cofhe-dropdown-container", ref: dropdownRef, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: dropdownButtonClasses,
+              onClick: toggleDropdown,
+              disabled: disabled || isEncryptingInput,
+              "data-testid": testId ? `${testId}-type-selector` : "fnx-type-selector",
+              children: [
+                /* @__PURE__ */ jsx2(ShieldIcon, {}),
+                /* @__PURE__ */ jsx2(ChevronDownIcon, {})
+              ]
+            }
+          ),
+          isDropdownOpen && /* @__PURE__ */ jsx2("div", { className: "cofhe-dropdown-menu", children: options.map((option) => {
+            const isCompatible = isTypeCompatible(option.value, textValue);
+            const isSelected = option.value === selectedType;
+            return /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: dropdownItemClasses(isSelected, isCompatible),
+                onClick: () => isCompatible && handleTypeSelect(option.value),
+                "data-testid": `${testId ? `${testId}-` : ""}type-option-${option.value}`,
+                title: !isCompatible ? `Value "${textValue}" is not compatible with ${option.label}` : void 0,
+                children: /* @__PURE__ */ jsx2("span", { className: "font-mono", children: option.label })
+              },
+              option.value
+            );
+          }) })
+        ] })
+      ] }),
+      showProgress && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-3 overflow-hidden",
+          style: {
+            animation: isEncryptingInput ? "slideDownFadeIn 0.5s ease-out forwards" : "slideUpFadeOut 0.5s ease-out forwards"
+          },
+          "data-testid": testId ? `${testId}-progress` : "fnx-encrypt-progress",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-1", children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: encryptionProgressLabel || "Processing..." }),
+              /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+                encryptionProgress || 0,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx2("div", { className: progressContainerClasses, children: /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: progressBarClasses("primary"),
+                style: {
+                  width: `${Math.min(100, Math.max(0, encryptionProgress || 0))}%`,
+                  transition: "width 0.3s ease-out"
+                },
+                "data-testid": testId ? `${testId}-progress-bar` : "fnx-encrypt-progress-bar"
+              }
+            ) })
+          ]
+        }
+      )
+    ] }) }),
+    hasError && errorMessage && /* @__PURE__ */ jsx2(
+      "p",
+      {
+        className: "mt-2 text-sm text-red-600 dark:text-red-400",
+        "data-testid": testId ? `${testId}-error` : "fnx-encrypt-error",
+        children: errorMessage
+      }
+    )
+  ] });
+};
+
+// src/utils/logging.ts
+var fheTypeToString = (fheType) => {
+  switch (fheType) {
+    case "bool":
+      return "ebool";
+    case "uint8":
+      return "euint8";
+    case "uint16":
+      return "euint16";
+    case "uint32":
+      return "euint32";
+    case "uint64":
+      return "euint64";
+    case "uint128":
+      return "euint128";
+    case "address":
+      return "eaddress";
+    default:
+      return "unknown";
+  }
+};
+var encryptedValueToString = (fheType, handle) => {
+  const hashStr = handle.toString();
+  const truncated = hashStr.slice(0, 6) + ".." + hashStr.slice(hashStr.length - 6);
+  return `${fheTypeToString(fheType)}(${truncated})`;
+};
+export {
+  CofheProvider,
+  FheTypesList,
+  FnxEncryptInput,
+  encryptedValueToString,
+  fheTypeToString,
+  useCofheContext,
+  useEncryptInput
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/CofheProvider.tsx","../src/hooks/useEncryptInput.ts","../src/components/FnxEncryptInput.tsx","../src/utils/cn.ts","../src/utils/debounce.ts","../src/utils/utils.ts","../src/utils/logging.ts"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from 'react';\nimport type { CofhesdkClient } from '@cofhe/sdk';\nimport type { CofheContextValue, CofheProviderProps } from '../types/index.js';\n\nconst CofheContext = createContext<CofheContextValue | undefined>(undefined);\n\nexport function CofheProvider({ children, client: providedClient, config }: CofheProviderProps) {\n  const [client, setClient] = useState<CofhesdkClient | null>(providedClient || null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (providedClient) {\n      setClient(providedClient);\n      setIsInitialized(true);\n      return;\n    }\n\n    if (config) {\n      try {\n        // Initialize client with config\n        // This would need to be implemented based on the actual CofheClient constructor\n        // const newClient = new CofheClient(config);\n        // setClient(newClient);\n        setIsInitialized(true);\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to initialize CoFHE client'));\n      }\n    }\n  }, [providedClient, config]);\n\n  const contextValue: CofheContextValue = {\n    client,\n    isInitialized,\n    error,\n  };\n\n  return (\n    <CofheContext.Provider value={contextValue}>\n      {children}\n    </CofheContext.Provider>\n  );\n}\n\nexport function useCofheContext(): CofheContextValue {\n  const context = useContext(CofheContext);\n  if (context === undefined) {\n    throw new Error('useCofheContext must be used within a CofheProvider');\n  }\n  return context;\n}\n","import { useState, useCallback } from 'react';\nimport { useCofheContext } from '../providers/CofheProvider.js';\nimport { Encryptable } from '@cofhe/sdk';\nimport type { EncryptableItem } from '@cofhe/sdk';\nimport type { FheTypeValue } from '../utils/utils.js';\nimport type { EncryptionStep } from '../types/component-types.js';\n\n// Map SDK encrypt steps to UI display info\nconst STEP_CONFIG: Record<EncryptionStep, { label: string; progress: number }> = {\n  'initTfhe': {\n    label: 'Initializing TFHE...',\n    progress: 5,\n  },\n  'fetchKeys': {\n    label: 'Fetching FHE keys...',\n    progress: 20,\n  },\n  'pack': {\n    label: 'Packing data...',\n    progress: 40,\n  },\n  'prove': {\n    label: 'Generating proof...',\n    progress: 70,\n  },\n  'verify': {\n    label: 'Verifying...',\n    progress: 90,\n  },\n  'done': {\n    label: 'Encryption complete!',\n    progress: 100,\n  },\n};\n\nexport interface UseEncryptInputReturn {\n  onEncryptInput: (_type: FheTypeValue, _value: string) => Promise<any>;\n  isEncryptingInput: boolean;\n  encryptionStep: EncryptionStep | null;\n  encryptionProgress: number;\n  encryptionProgressLabel: string;\n  inputEncryptionDisabled: boolean;\n}\n\nexport function useEncryptInput(): UseEncryptInputReturn {\n  const { client } = useCofheContext();\n  const [isEncrypting, setIsEncrypting] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [encryptionStep, setEncryptionStep] = useState<EncryptionStep | null>(null);\n  const [encryptionProgress, setEncryptionProgress] = useState<number>(0);\n  const [encryptionProgressLabel, setEncryptionProgressLabel] = useState<string>('');\n\n  const onEncryptInput = useCallback(async (type: FheTypeValue, value: string) => {\n    if (!client) {\n      throw new Error('CoFHE client not initialized');\n    }\n\n    setIsEncrypting(true);\n    setError(null);\n\n    try {\n      // Convert value based on type\n      let convertedValue: number | bigint | boolean | string;\n      \n      if (type === 'bool') {\n        convertedValue = value.toLowerCase() === 'true' || value === '1';\n      } else if (type === 'address') {\n        convertedValue = value as string | bigint;\n      } else {\n        // Numeric types\n        convertedValue = value.includes('.') ? parseFloat(value) : parseInt(value, 10);\n      }\n\n      // Create encryptable item\n      let encryptableItem: EncryptableItem;\n      \n      switch (type) {\n        case 'bool':\n          encryptableItem = Encryptable.bool(convertedValue as boolean);\n          break;\n        case 'uint8':\n          encryptableItem = Encryptable.uint8(BigInt(convertedValue));\n          break;\n        case 'uint16':\n          encryptableItem = Encryptable.uint16(BigInt(convertedValue));\n          break;\n        case 'uint32':\n          encryptableItem = Encryptable.uint32(BigInt(convertedValue));\n          break;\n        case 'uint64':\n          encryptableItem = Encryptable.uint64(BigInt(convertedValue));\n          break;\n        case 'uint128':\n          encryptableItem = Encryptable.uint128(BigInt(convertedValue));\n          break;\n        case 'address':\n          encryptableItem = Encryptable.address(convertedValue as string | bigint);\n          break;\n        default:\n          encryptableItem = Encryptable.uint32(BigInt(convertedValue));\n      }\n\n      // Perform encryption with real-time step tracking\n      const encryptionBuilder = client.encryptInputs([encryptableItem]).setStepCallback((step, context) => {\n        const stepConfig = STEP_CONFIG[step as EncryptionStep];\n        \n        if (stepConfig) {\n          // Update UI with real step information\n          setEncryptionStep(step as EncryptionStep);\n          setEncryptionProgress(stepConfig.progress);\n          setEncryptionProgressLabel(stepConfig.label);\n        }\n        \n        // Log worker status for debugging (prove step only)\n        if (step === 'prove' && context?.isEnd) {\n          console.log('[Encryption] Worker Status:', {\n            useWorker: context.useWorker,\n            usedWorker: context.usedWorker,\n            workerFailedError: context.workerFailedError,\n            duration: context.duration + 'ms'\n          });\n        }\n      });\n      const result = await encryptionBuilder.encrypt();\n      \n      if (!result.success) {\n        throw result.error;\n      }\n\n      // Complete\n      setEncryptionStep('done');\n      setEncryptionProgress(100);\n      setEncryptionProgressLabel('Encryption complete!');\n\n      // Reset after a short delay\n      setTimeout(() => {\n        setEncryptionStep(null);\n        setEncryptionProgress(0);\n        setEncryptionProgressLabel('');\n      }, 1000);\n\n      setIsEncrypting(false);\n      return result.data[0]; // Return first (and only) encrypted item\n    } catch (err) {\n      // Reset on error\n      setEncryptionStep(null);\n      setEncryptionProgress(0);\n      setEncryptionProgressLabel('');\n      setIsEncrypting(false);\n      const error = err instanceof Error ? err : new Error('Encryption failed');\n      setError(error);\n      throw error;\n    }\n  }, [client]);\n\n  return {\n    onEncryptInput,\n    isEncryptingInput: isEncrypting,\n    encryptionStep,\n    encryptionProgress,\n    encryptionProgressLabel,\n    inputEncryptionDisabled: isEncrypting || !!error,\n  };\n}\n","import { useState, useRef, useEffect } from 'react';\nimport type { BaseProps, DropdownOption, ComponentSize, EncryptionProgressData, EncryptionResultData, EncryptionStartData } from '../types/component-types.js';\nimport { cn } from '../utils/cn.js';\nimport { debounce } from '../utils/debounce.js';\nimport { FheTypesList, type FheTypeValue } from '../utils/utils.js';\nimport SecurityIcon from '@mui/icons-material/Security';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport CheckIcon from '@mui/icons-material/Check';\nimport { useEncryptInput } from '../hooks/useEncryptInput.js';\n\nexport interface FnxEncryptInputProps extends BaseProps {\n  /** Placeholder text for the text field */\n  placeholder?: string;\n  /** Initial value for the text field */\n  initialValue?: string;\n  /** Dropdown options for encryption types */\n  options?: DropdownOption[];\n  /** Component size */\n  size?: ComponentSize;\n  /** Whether inputs have errors */\n  hasError?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether to show the progress bar during encryption */\n  showProgressBar?: boolean;\n  /** Debounce delay for validation in milliseconds (default: 300) */\n  debounceMs?: number;\n  /** Callback when text changes */\n  onTextChange?: (_value: string) => void;\n  /** Callback when encryption type selection changes */\n  onTypeChange?: (_value: string) => void;\n  /** Callback when encryption starts */\n  onEncryptStart?: (_data: EncryptionStartData) => void;\n  /** Callback for encryption progress updates */\n  onEncryptProgress?: (_data: EncryptionProgressData) => void;\n  /** Callback when encryption completes successfully */\n  onEncryptComplete?: (_data: EncryptionResultData) => void;\n  /** Callback when encryption fails */\n  onEncryptError?: (_error: string) => void;\n}\n\nexport const FnxEncryptInput: React.FC<FnxEncryptInputProps> = ({\n  className,\n  testId,\n  placeholder = 'Enter number or address...',\n  initialValue = '',\n  options = FheTypesList,\n  size = 'md',\n  hasError = false,\n  errorMessage,\n  disabled = false,\n  showProgressBar = false,\n  debounceMs = 300,\n  onTextChange,\n  onTypeChange,\n  onEncryptStart,\n  onEncryptProgress,\n  onEncryptComplete,\n  onEncryptError\n}) => {\n  const [textValue, setTextValue] = useState(initialValue);\n  const [selectedType, setSelectedType] = useState<FheTypeValue>(options[0]?.value || 'uint32');\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n  const [showProgress, setShowProgress] = useState(false);\n  const [encryptedResult, setEncryptedResult] = useState<any>(null);\n  const [copySuccess, setCopySuccess] = useState<boolean>(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const { onEncryptInput, isEncryptingInput, encryptionStep, encryptionProgress, encryptionProgressLabel } = useEncryptInput();\n\n\n  // Debounced validation function\n  const debouncedValidation = useRef(\n    debounce((value: string) => {\n      // This will be used for validation logic if needed in the future\n      console.log('Debounced validation for:', value);\n    }, debounceMs)\n  ).current;\n\n  // Handle progress bar visibility with animation\n  useEffect(() => {\n    if (showProgressBar && isEncryptingInput) {\n      // Show immediately when encryption starts\n      setShowProgress(true);\n    } else if (!isEncryptingInput) {\n      // Delay hiding to allow fade-out animation\n      const timer = setTimeout(() => setShowProgress(false), 500);\n      return () => clearTimeout(timer);\n    }\n  }, [showProgressBar, isEncryptingInput]);\n\n  // Handle progress updates and call onEncryptProgress callback\n  useEffect(() => {\n    if (isEncryptingInput && encryptionStep && encryptionProgress !== null && encryptionProgressLabel) {\n      onEncryptProgress?.({\n        step: encryptionStep.toString(),\n        progress: encryptionProgress,\n        label: encryptionProgressLabel\n      });\n    }\n  }, [encryptionStep, encryptionProgress, encryptionProgressLabel, isEncryptingInput, onEncryptProgress]);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsDropdownOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  // Size variants\n  const sizeClasses = {\n    sm: { input: 'px-3 py-2 text-sm', dropdown: 'px-2 py-1 text-xs', button: 'px-3 py-1 text-sm' },\n    md: { input: 'px-4 py-3 text-sm', dropdown: 'px-3 py-2 text-sm', button: 'px-4 py-2 text-sm' },\n    lg: { input: 'px-5 py-4 text-base', dropdown: 'px-4 py-3 text-base', button: 'px-6 py-3 text-base' }\n  };\n\n  // Input container with integrated dropdown\n  const inputContainerClasses = cn(\n    'relative flex items-center bg-white dark:bg-gray-800 border rounded-lg transition-colors',\n    'focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500',\n    hasError \n      ? 'border-red-500 focus-within:ring-red-500 focus-within:border-red-500' \n      : 'border-gray-300 dark:border-gray-600',\n    (disabled || isEncryptingInput) && 'bg-gray-100 dark:bg-gray-700 opacity-50',\n    className\n  );\n\n  const inputClasses = cn(\n    'flex-1 bg-transparent border-0 outline-none placeholder-gray-400 dark:placeholder-gray-500',\n    'text-gray-900 dark:text-white',\n    sizeClasses[size].input,\n    'pr-20', // Make space for the dropdown button\n    (disabled || isEncryptingInput) && 'cursor-not-allowed'\n  );\n\n  // Dropdown button inside the input\n  const dropdownButtonClasses = cn(\n    'absolute right-0 top-0 bottom-0',\n    'flex items-center gap-1 px-2 rounded-r-md border-l border-gray-300 dark:border-gray-600',\n    'bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600',\n    'transition-colors duration-200 cursor-pointer',\n    'text-xs font-medium text-gray-700 dark:text-gray-300',\n    (disabled || isEncryptingInput) && 'cursor-not-allowed opacity-50',\n    isDropdownOpen && 'bg-gray-200 dark:bg-gray-600'\n  );\n\n  const dropdownItemClasses = (isSelected: boolean, isCompatible: boolean) => cn(\n    'px-3 py-2 text-sm transition-colors',\n    isCompatible \n      ? 'cursor-pointer hover:bg-blue-50 dark:hover:bg-blue-900/30 hover:text-blue-700 dark:hover:text-blue-300'\n      : 'cursor-not-allowed opacity-50 bg-gray-50 dark:bg-gray-700',\n    isSelected && isCompatible\n      ? 'bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 font-medium' \n      : isCompatible\n        ? 'text-gray-700 dark:text-gray-300'\n        : 'text-gray-400 dark:text-gray-500'\n  );\n\n  // Progress bar styles\n  const progressVariantClasses = {\n    primary: 'bg-blue-600 dark:bg-blue-500',\n    success: 'bg-green-600 dark:bg-green-500',\n    warning: 'bg-yellow-600 dark:bg-yellow-500',\n    error: 'bg-red-600 dark:bg-red-500'\n  };\n\n  const progressContainerClasses = cn(\n    'w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1 overflow-hidden',\n    // Debug: Add border to see container\n    'border'\n  );\n\n  const progressBarClasses = (variant: 'primary' | 'success' | 'warning' | 'error' = 'primary') => cn(\n    'h-full transition-all duration-300 ease-out rounded-full',\n    progressVariantClasses[variant]\n  );\n\n\n  // Check if a type is compatible with the current input value\n  const isTypeCompatible = (typeValue: FheTypeValue, inputValue: string): boolean => {\n    if (!inputValue.trim()) return true; // Empty input is compatible with all types\n    \n    const typeInfo = FheTypesList.find(type => type.value === typeValue);\n    if (!typeInfo) return false;\n    \n    // Boolean type validation\n    if (typeValue === 'bool') {\n      const lowerValue = inputValue.toLowerCase();\n      return lowerValue === 'true' || lowerValue === 'false' || lowerValue === '0' || lowerValue === '1';\n    }\n    \n    // Address type validation\n    if (typeValue === 'address') {\n      if (!inputValue.startsWith('0x')) return false;\n      \n      const addressPart = inputValue.slice(2);\n      if (addressPart.length !== 40) return false;\n      \n      const hexRegex = /^[a-fA-F0-9]+$/;\n      if (!hexRegex.test(addressPart)) return false;\n         \n      return true;\n    }\n    \n    // Numeric type validation\n    if (typeInfo.maxValue) {\n      try {\n        const numValue = BigInt(inputValue);\n        return numValue >= 0 && numValue <= typeInfo.maxValue;\n      } catch (error) {\n        return false;\n      }\n    }\n    \n    return true;\n  };\n\n  const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setTextValue(value);\n    onTextChange?.(value);\n    \n    // Clear encrypted result when text changes\n    setEncryptedResult(null);\n    setCopySuccess(false);\n    \n    // Trigger debounced validation\n    debouncedValidation(value);\n  };\n\n  const handleCopyResult = async () => {\n    if (!encryptedResult || copySuccess) return;\n    \n    try {\n      // Custom JSON serializer that handles BigInt\n      const textToCopy = JSON.stringify(encryptedResult, (key, value) => {\n        if (typeof value === 'bigint') {\n          return value.toString();\n        }\n        return value;\n      }, 2); // Pretty format with 2 spaces\n      \n      await navigator.clipboard.writeText(textToCopy);\n      console.log('Copied to clipboard:', textToCopy);\n      \n      // Show success indication\n      setCopySuccess(true);\n      \n      // Reset after 2 seconds\n      setTimeout(() => {\n        setCopySuccess(false);\n      }, 2000);\n    } catch (error) {\n      console.error('Failed to copy to clipboard:', error);\n    }\n  };\n\n  const handleTypeSelect = async (type: FheTypeValue) => {\n    setSelectedType(type);\n    setIsDropdownOpen(false);\n    onTypeChange?.(type);\n\n    // Auto-encrypt when type is selected (if text field has value)\n    if (textValue.trim() !== '') {\n        try {\n          console.log('Auto-encrypting value:', textValue, 'as type:', type);\n          \n          // Call onEncryptStart callback\n          onEncryptStart?.({ value: textValue, type: type });\n          \n          // TODO: Try to create non-blocking encryption call that doesn't block the UI\n          // Not really work, need to improve cofhejs side to make it non-blocking\n          (async () => {\n            try {\n              const encryptionResult = await onEncryptInput(type, textValue);\n              \n              // Store the result for the copy button\n              setEncryptedResult(encryptionResult);\n              \n              const data = { value: textValue, encrypted: encryptionResult };\n              \n              // Call completion callback\n              onEncryptComplete?.(data);\n            } catch (error) {\n              const errorMessage = error instanceof Error ? error.message : 'Encryption failed';\n              console.error('Encryption failed:', error);\n              onEncryptError?.(errorMessage);\n            }\n          })();\n        } catch (error) {\n          const errorMessage = error instanceof Error ? error.message : 'Encryption setup failed';\n          console.error('Encryption setup failed:', error);\n          onEncryptError?.(errorMessage);\n        }\n    }\n  };\n\n  const toggleDropdown = () => {\n    if (!disabled && !isEncryptingInput) {\n      setIsDropdownOpen(!isDropdownOpen);\n    }\n  };\n\n  // Material Icons components\n  const ShieldIcon = () => (\n    <SecurityIcon sx={{ fontSize: 14 }} />\n  );\n\n  const ChevronDownIcon = () => (\n    <KeyboardArrowDownIcon sx={{ fontSize: 14 }} />\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"flex items-start gap-3\">\n        {/* Input with integrated dropdown - this will determine progress bar width */}\n        <div className=\"flex-1\">\n          <div className={inputContainerClasses} data-testid={testId}>\n            <input\n              type=\"text\"\n              className={inputClasses}\n              placeholder={placeholder}\n              value={textValue}\n              onChange={handleTextChange}\n              disabled={disabled || isEncryptingInput}\n              data-testid={testId ? `${testId}-input` : 'fnx-encrypt-input'}\n            />\n            \n            {/* Encryption status indicator */}\n            {(isEncryptingInput || encryptedResult) && (\n              <div className=\"absolute right-16 top-1/2 transform -translate-y-1/2\">\n                {isEncryptingInput ? (\n                  <div className=\"bg-blue-500 px-2 py-1 text-xs text-white rounded animate-pulse\">\n                    Encrypting...\n                  </div>\n                ) : encryptedResult ? (\n                  <button\n                    onClick={handleCopyResult}\n                    disabled={copySuccess}\n                    className={`px-2 py-1 text-xs text-white rounded flex items-center gap-1 transition-all duration-300 ${\n                      copySuccess \n                        ? 'bg-green-600 cursor-default' \n                        : 'bg-green-500 hover:bg-green-600'\n                    }`}\n                    title={copySuccess ? \"Copied to clipboard!\" : \"Copy encrypted result to clipboard\"}\n                  >\n                    <>\n                      {copySuccess ? (\n                        <CheckIcon sx={{ fontSize: 12 }} />\n                      ) : (\n                        <ContentCopyIcon sx={{ fontSize: 12 }} />\n                      )}\n                      Copy\n                    </>\n                  </button>\n                ) : null}\n              </div>\n            )}\n                        \n            {/* Integrated dropdown button */}\n            <div className=\"cofhe-dropdown-container\" ref={dropdownRef}>\n              <button\n                type=\"button\"\n                className={dropdownButtonClasses}\n                onClick={toggleDropdown}\n                disabled={disabled || isEncryptingInput}\n                data-testid={testId ? `${testId}-type-selector` : 'fnx-type-selector'}\n              >\n                <ShieldIcon />\n                <ChevronDownIcon />\n              </button>\n              \n              {/* Dropdown menu */}\n              {isDropdownOpen && (\n                <div className=\"cofhe-dropdown-menu\">\n                  {options.map((option) => {\n                    const isCompatible = isTypeCompatible(option.value, textValue);\n                    const isSelected = option.value === selectedType;\n                    \n                    return (\n                      <div\n                        key={option.value}\n                        className={dropdownItemClasses(isSelected, isCompatible)}\n                        onClick={() => isCompatible && handleTypeSelect(option.value)}\n                        data-testid={`${testId ? `${testId}-` : ''}type-option-${option.value}`}\n                        title={!isCompatible ? `Value \"${textValue}\" is not compatible with ${option.label}` : undefined}\n                      >\n                        <span className=\"font-mono\">{option.label}</span>\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          </div>\n          \n          {/* Progress bar section - shows immediately when encryption starts */}\n          {showProgress && (\n            <div \n              className=\"mt-3 overflow-hidden\"\n              style={{\n                animation: isEncryptingInput ? 'slideDownFadeIn 0.5s ease-out forwards' : 'slideUpFadeOut 0.5s ease-out forwards',\n              }}\n              data-testid={testId ? `${testId}-progress` : 'fnx-encrypt-progress'}\n            >\n              <div className=\"flex justify-between items-center mb-1\">\n                <span className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n                  {encryptionProgressLabel || 'Processing...'}\n                </span>\n                <span className=\"text-sm text-gray-500 dark:text-gray-400\">\n                  {encryptionProgress || 0}%\n                </span>\n              </div>\n              <div className={progressContainerClasses}>\n                <div\n                  className={progressBarClasses('primary')}\n                  style={{ \n                    width: `${Math.min(100, Math.max(0, encryptionProgress || 0))}%`,\n                    transition: 'width 0.3s ease-out'\n                  }}\n                  data-testid={testId ? `${testId}-progress-bar` : 'fnx-encrypt-progress-bar'}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        \n      </div>\n      \n      {/* Error message */}\n      {hasError && errorMessage && (\n        <p \n          className=\"mt-2 text-sm text-red-600 dark:text-red-400\" \n          data-testid={testId ? `${testId}-error` : 'fnx-encrypt-error'}\n        >\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n};\n","/**\n * Simple utility to merge class names\n * Filters out falsy values and joins with spaces\n */\nexport const cn = (...classes: (string | undefined | null | false)[]): string => {\n    return classes.filter(Boolean).join(' ').replace(/\\s+/g, ' ').trim();\n  };\n  ","/**\n * Creates a debounced function that delays invoking func until after wait milliseconds\n * have elapsed since the last time the debounced function was invoked.\n */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const debounce = <T extends (..._args: any[]) => any>(\n    func: T,\n    wait: number\n  ): ((..._args: Parameters<T>) => void) => {\n    let timeoutId: ReturnType<typeof setTimeout> | null = null;\n  \n    return (...args: Parameters<T>) => {\n      if (timeoutId !== null) {\n        clearTimeout(timeoutId);\n      }\n      \n      timeoutId = setTimeout(() => {\n        func(...args);\n      }, wait);\n    };\n  };\n  ","// FHE Types for the current CoFHE SDK\nexport type FheTypeValue = 'uint8' | 'uint16' | 'uint32' | 'uint64' | 'uint128' | 'bool' | 'address';\n\nexport interface FheTypeOption {\n  label: string;\n  value: FheTypeValue;\n  maxValue: bigint | null;\n  description: string;\n}\n\nexport const FheTypesList: FheTypeOption[] = [\n    { \n        label: \"Encrypted Bool\", \n        value: 'bool',\n        maxValue: BigInt(1), // 0 or 1\n        description: \"Boolean value (true/false)\"\n    },\n    { \n        label: \"Encrypted Uint8\", \n        value: 'uint8',\n        maxValue: BigInt(2 ** 8 - 1), // 255\n        description: \"8-bit unsigned integer (0 to 255)\"\n    },\n    { \n        label: \"Encrypted Uint16\", \n        value: 'uint16',\n        maxValue: BigInt(2 ** 16 - 1), // 65,535\n        description: \"16-bit unsigned integer (0 to 65,535)\"\n    },\n    { \n        label: \"Encrypted Uint32\", \n        value: 'uint32',\n        maxValue: BigInt(2 ** 32 - 1), // 4,294,967,295\n        description: \"32-bit unsigned integer (0 to 4,294,967,295)\"\n    },\n    { \n        label: \"Encrypted Uint64\", \n        value: 'uint64',\n        maxValue: BigInt(2 ** 64 - 1), // 18,446,744,073,709,551,615\n        description: \"64-bit unsigned integer (0 to 18,446,744,073,709,551,615)\"\n    },\n    { \n        label: \"Encrypted Uint128\", \n        value: 'uint128',\n        maxValue: BigInt(2 ** 128 - 1), // Very large number\n        description: \"128-bit unsigned integer\"\n    },\n    { \n        label: \"Encrypted Address\", \n        value: 'address',\n        maxValue: null, // Address validation is different\n        description: \"Ethereum address (0x...)\"\n    },\n];\n","import type { FheTypeValue } from './utils.js';\n\nexport const logBlockStart = (message: string) => {\n  console.log(\"┌──────────────────┬──────────────────────────────────────────────────\");\n  console.log(`│ [COFHE]          │ ${message}`);\n  console.log(\"├──────────────────┴──────────────────────────────────────────────────\");\n};\n\nexport const logBlockMessage = (message: string) => {\n  console.log(`│ ${message}`);\n};\n\nexport const logBlockEnd = () => {\n  console.log(\"└─────────────────────────────────────────────────────────────────────\");\n};\n\nexport const logBlockMessageAndEnd = (message: string) => {\n  logBlockMessage(message);\n  logBlockEnd();\n};\n\nexport const fheTypeToString = (fheType: FheTypeValue) => {\n  switch (fheType) {\n    case 'bool':\n      return \"ebool\";\n    case 'uint8':\n      return \"euint8\";\n    case 'uint16':\n      return \"euint16\";\n    case 'uint32':\n      return \"euint32\";\n    case 'uint64':\n      return \"euint64\";\n    case 'uint128':\n      return \"euint128\";\n    case 'address':\n      return \"eaddress\";\n    default:\n      return \"unknown\";\n  }\n};\n\nexport const plaintextToString = (fheType: FheTypeValue, plaintext: string | bigint | boolean) => {\n  if (fheType === 'bool') {\n    return plaintext === 1n || plaintext === true ? \"true\" : \"false\";\n  }\n  return plaintext;\n};\n\nexport const encryptedValueToString = (fheType: FheTypeValue, handle: bigint) => {\n  const hashStr = handle.toString();\n  const truncated = hashStr.slice(0, 6) + \"..\" + hashStr.slice(hashStr.length - 6);\n\n  return `${fheTypeToString(fheType)}(${truncated})`;\n};\n"],"mappings":"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","names":["useState","useState","error","useState","useEffect","jsx","useState","useEffect","errorMessage"]}