@taskon/widget-react 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/chunks/{EligibilityInfo-Beww12QX.js → EligibilityInfo-Cf6hx9-a.js}

@@ -1,11 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { isValidElement, cloneElement, Fragment as Fragment$1, forwardRef, useRef, useEffect, useCallback, useImperativeHandle, useMemo, useContext, useState } from "react";
-import { createUserApi, ChainType, getTxExplorerUrl, RewardType, parseTitleExpress, UserIdentityType, SnsType, createQuestApi, isUnauthorizedError, ErrorCode, ApiError, createCommonApi, powIcon, contractInteractiveIcon, getSwapDexTitleExpress, EligibilityTemplateId, UserEligibleStatus } from "@taskon/core";
-import { u as useWallet, d as useToast, e as createEthereumAdapterFromProvider } from "./useToast-CaRkylKe.js";
-import { k as useIsMobile, l as useChainMap, m as useNftClaim, C as ClaimNftDialog, n as PendingTxDialog, B as BindWalletDialog, R as Root2, o as Trigger, p as Portal, q as Content2, r as Arrow2, s as TipPopover, g as useBindSocialAccount, j as enMessages$2, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, L as LoadingState, i as TokenRewardContent, h as PointsList, E as EmptyState, N as NftRewardContent, W as WithdrawForm } from "./UserCenterWidget-CvU6K4AC.js";
-import { q as TaskOnContext, t as useTaskOnPortalContainer, u as useTaskOnAuth, b as useWidgetLocale } from "./ThemeProvider-Bt4UZ33y.js";
-import { u as useTranslation, c as createLocaleLoader } from "./createLocaleLoader-BameiEhU.js";
-import { D as Dialog, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-WmIF58Sb.js";
+import React__default, { isValidElement, cloneElement, Fragment as Fragment$1, useContext, useState, useRef, useMemo, useCallback, forwardRef, useEffect, useImperativeHandle } from "react";
+import { createUserApi, ChainType, parseTitleExpress, getTxExplorerUrl, RewardType, UserIdentityType, SnsType, createQuestApi, isUnauthorizedError, ErrorCode, ApiError, createCommonApi, powIcon, contractInteractiveIcon, getSwapDexTitleExpress, EligibilityTemplateId, UserEligibleStatus } from "@taskon/core";
+import { R as Root2, h as Trigger, i as Portal, C as Content2, j as Arrow2, k as useChainMap, l as useNftClaim, m as ClaimNftDialog, n as enMessages$2, o as PendingTxDialog, p as TipPopover, a as useBindSocialAccount, u as useUserCenterLocale, c as useTokenAssets, d as useRewardDetails, e as usePointsHistory, L as LoadingState, T as TokenRewardContent, g as PointsList, E as EmptyState, N as NftRewardContent, W as WithdrawForm } from "./UserCenterWidget-STq8kpV4.js";
+import { w as TaskOnContext, D as Dialog, E as useTaskOnPortalContainer, c as useTranslation, e as createLocaleLoader, u as useTaskOnAuth } from "./ThemeProvider-CulHkqqY.js";
+import { u as useWallet, c as useToast } from "./useToast-BGJhd3BX.js";
 import '../EligibilityInfo.css';const SLOT_TOKEN_PREFIX = "__TASKON_I18NT_SLOT_";
 const SLOT_TOKEN_SUFFIX = "__";
 const SLOT_TOKEN_REGEXP = /__TASKON_I18NT_SLOT_([A-Za-z0-9_]+)__/g;
@@ -84,6 +82,162 @@ function I18nT({
   }
   return /* @__PURE__ */ jsx(WrapperElement, { children: content2 });
 }
+const BIND_TEXT = "Confirm to BIND this wallet address.";
+const BIND_NOTE = "This signature is for confirmation only.";
+function getBindSignText(address, nonce) {
+  return `${BIND_TEXT}
+Address:${address}
+Nonce:${nonce}
+Note:${BIND_NOTE}`;
+}
+function useBindWallet({
+  chainType,
+  onSuccess,
+  onFailed
+}) {
+  const context = useContext(TaskOnContext);
+  const client = (context == null ? void 0 : context.client) ?? null;
+  const userInfo = (context == null ? void 0 : context.userInfo) ?? null;
+  const refreshUserInfo = context == null ? void 0 : context.refreshUserInfo;
+  const wallet = useWallet();
+  const { evmAdapter, connectEvm, signEvmMessage } = wallet;
+  const [isBinding, setIsBinding] = useState(false);
+  const bindWaitResolveRef = useRef(null);
+  const userApi = useMemo(() => {
+    if (!client) return null;
+    return createUserApi(client);
+  }, [client]);
+  const hasAdapter = useMemo(() => {
+    return evmAdapter !== null;
+  }, [evmAdapter]);
+  const isBound = useMemo(() => {
+    if (!chainType || !(userInfo == null ? void 0 : userInfo.address)) return false;
+    return userInfo.address.some((item) => item.chain_type === chainType);
+  }, [chainType, userInfo]);
+  const handleSuccess = useCallback(async () => {
+    var _a;
+    await (onSuccess == null ? void 0 : onSuccess());
+    (_a = bindWaitResolveRef.current) == null ? void 0 : _a.call(bindWaitResolveRef, true);
+    bindWaitResolveRef.current = null;
+  }, [onSuccess]);
+  const handleFailed = useCallback((error) => {
+    var _a;
+    onFailed == null ? void 0 : onFailed(error);
+    (_a = bindWaitResolveRef.current) == null ? void 0 : _a.call(bindWaitResolveRef, false);
+    bindWaitResolveRef.current = null;
+  }, [onFailed]);
+  const bindWithAdapter = useCallback(async () => {
+    var _a, _b;
+    if (!userApi) {
+      handleFailed("User API not initialized");
+      return;
+    }
+    setIsBinding(true);
+    try {
+      const address = await connectEvm();
+      if (!address) {
+        handleFailed("Failed to connect wallet");
+        return;
+      }
+      const nonce = await userApi.requestChallenge("AddressBind");
+      const message = getBindSignText(address, nonce);
+      const signature = await signEvmMessage(message);
+      if (!signature) {
+        handleFailed("Signature cancelled");
+        return;
+      }
+      const bindResult = await userApi.bindAddress({
+        address,
+        nonce,
+        sig: signature,
+        chain_type: ChainType.evm
+      });
+      if (bindResult.result) {
+        await (refreshUserInfo == null ? void 0 : refreshUserInfo());
+        await handleSuccess();
+      } else {
+        handleFailed("This wallet address is already bound to another account");
+      }
+    } catch (e) {
+      const error = e;
+      if (((_a = error.message) == null ? void 0 : _a.includes("rejected")) || ((_b = error.message) == null ? void 0 : _b.includes("denied"))) {
+        handleFailed("User rejected the request");
+      } else {
+        handleFailed(error.message || "Failed to bind wallet");
+      }
+    } finally {
+      setIsBinding(false);
+    }
+  }, [userApi, connectEvm, signEvmMessage, refreshUserInfo, handleSuccess, handleFailed]);
+  const bindIfNeed = useCallback(async (targetChainType) => {
+    const effectiveChainType = targetChainType || chainType;
+    if (effectiveChainType && (userInfo == null ? void 0 : userInfo.address)) {
+      const alreadyBound = userInfo.address.some((item) => item.chain_type === effectiveChainType);
+      if (alreadyBound) {
+        await handleSuccess();
+        return;
+      }
+    }
+    if (!effectiveChainType) {
+      await handleSuccess();
+      return;
+    }
+    if (effectiveChainType !== ChainType.evm) {
+      handleFailed(`Chain type "${effectiveChainType}" is not supported yet`);
+      return;
+    }
+    if (!context || !userApi) {
+      await handleSuccess();
+      return;
+    }
+    if (!hasAdapter) {
+      handleFailed("No wallet adapter available");
+      return;
+    }
+    await bindWithAdapter();
+  }, [
+    chainType,
+    userInfo,
+    hasAdapter,
+    context,
+    userApi,
+    bindWithAdapter,
+    handleSuccess,
+    handleFailed
+  ]);
+  const bindAndWait = useCallback(async (targetChainType) => {
+    const effectiveChainType = targetChainType || chainType;
+    if (effectiveChainType && (userInfo == null ? void 0 : userInfo.address)) {
+      const alreadyBound = userInfo.address.some((item) => item.chain_type === effectiveChainType);
+      if (alreadyBound) {
+        return true;
+      }
+    }
+    if (!effectiveChainType) {
+      return true;
+    }
+    if (effectiveChainType !== ChainType.evm) {
+      return false;
+    }
+    if (!context || !userApi) {
+      return true;
+    }
+    if (!hasAdapter) {
+      return false;
+    }
+    return new Promise((resolve) => {
+      bindWaitResolveRef.current = resolve;
+      bindIfNeed();
+    });
+  }, [chainType, userInfo, context, userApi, hasAdapter, bindIfNeed]);
+  return {
+    bindIfNeed,
+    bindAndWait,
+    isBinding,
+    isBound,
+    hasAdapter
+  };
+}
 const successIconUrl = new URL("data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='23'%20cy='23'%20r='23'%20fill='%2331FF90'/%3e%3cpath%20d='M16.4281%2022.8899L20.6446%2027.1063L29.6798%2018.0711'%20stroke='black'%20stroke-width='5'%20stroke-linecap='square'%20stroke-linejoin='round'/%3e%3c/svg%3e", import.meta.url).href;
 const warnIconUrl = new URL("data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.9783%200.0225143C10.2876%200.0225143%200%2010.3101%200%2023.0006C0%2035.6903%2010.2876%2045.9776%2022.9783%2045.9776C35.6682%2045.9776%2045.9556%2035.6903%2045.9556%2023.0006C45.9558%2010.3101%2035.6682%200.0225143%2022.9783%200.0225143ZM21.797%209.85031C21.797%209.01328%2022.4783%208.33197%2023.3154%208.33197C24.1524%208.33197%2024.8337%209.01328%2024.8337%209.85031V11.729C24.8337%2012.5662%2024.1524%2013.2475%2023.3154%2013.2475C22.4783%2013.2475%2021.797%2012.5662%2021.797%2011.7292V9.85031ZM12.0443%2023.1095H10.1657C9.32842%2023.1095%208.64717%2022.4282%208.64717%2021.5912C8.64717%2020.7541%209.32842%2020.0729%2010.1657%2020.0729H12.0443C12.8814%2020.0729%2013.5627%2020.7541%2013.5627%2021.5912C13.5627%2022.4282%2012.8819%2023.1095%2012.0443%2023.1095ZM12.6546%2014.9563C12.368%2014.6697%2012.2098%2014.2882%2012.2098%2013.8823C12.2098%2013.477%2012.3678%2013.0957%2012.6546%2012.8086C12.9411%2012.522%2013.3223%2012.3638%2013.7282%2012.3638C14.134%2012.3638%2014.515%2012.5216%2014.8021%2012.8086L16.1305%2014.137C16.4173%2014.4241%2016.5753%2014.8054%2016.5753%2015.2107C16.5753%2015.6165%2016.4171%2015.9976%2016.1305%2016.2847C15.843%2016.5715%2015.4617%2016.7295%2015.0565%2016.7295C14.6511%2016.7295%2014.2698%2016.5715%2013.9828%2016.2847L12.6546%2014.9563ZM24.2545%2039.3233H22.3764C21.5389%2039.3233%2020.8574%2038.642%2020.8574%2037.8045C20.8574%2036.9674%2021.5389%2036.2861%2022.3764%2036.2861H24.2545C25.0916%2036.2861%2025.7731%2036.9674%2025.7731%2037.8045C25.7732%2038.6421%2025.0916%2039.3233%2024.2545%2039.3233ZM26.1334%2035.8432H20.4976C19.6603%2035.8432%2018.9792%2035.1622%2018.9792%2034.3253C18.9792%2033.4875%2019.6603%2032.8063%2020.4976%2032.8063H26.133C26.9701%2032.8063%2027.6513%2033.4878%2027.6513%2034.3253C27.6518%2035.1624%2026.9705%2035.8432%2026.1334%2035.8432ZM23.3154%2032.033C18.335%2032.033%2014.2826%2027.9809%2014.2826%2023C14.2826%2018.0196%2018.3345%2013.9671%2023.3154%2013.9671C28.2958%2013.9671%2032.3478%2018.0191%2032.3478%2023C32.3478%2027.9809%2028.2958%2032.033%2023.3154%2032.033ZM31.574%2016.7295C31.1682%2016.7295%2030.7867%2016.5713%2030.5%2016.2843C29.9086%2015.6924%2029.9086%2014.7293%2030.5%2014.1374L31.8288%2012.8086C32.1155%2012.522%2032.4972%2012.364%2032.9026%2012.364C33.3082%2012.364%2033.6895%2012.522%2033.9762%2012.8084C34.568%2013.4009%2034.5676%2014.364%2033.9762%2014.9559L32.6478%2016.2843C32.3613%2016.5715%2031.98%2016.7295%2031.574%2016.7295ZM36.4652%2023.1095H34.5862C33.7491%2023.1095%2033.0678%2022.4282%2033.0678%2021.5912C33.0678%2020.7541%2033.7491%2020.0729%2034.5862%2020.0729H36.4652C37.3025%2020.0729%2037.9835%2020.7541%2037.9835%2021.5912C37.9836%2022.4282%2037.3025%2023.1095%2036.4652%2023.1095Z'%20fill='%23F89D35'/%3e%3c/svg%3e", import.meta.url).href;
 function getNoticeIcon(type) {
@@ -162,7 +316,7 @@ function ConfirmNoticeDialog({
       closeOnOverlayClick,
       closeOnEscapeKey,
       maxWidth,
-      contentClassName: `taskon-confirm-notice-dialog ${contentClassName || ""}`.trim(),
+      contentClassName,
       children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -272,571 +426,33 @@ const Textarea = forwardRef(
       (e) => {
         onChange(e.target.value);
       },
-      [onChange]
-    );
-    const shouldShowCount = showCount && maxLength !== void 0;
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-textarea-wrap", children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: textareaRef,
-          className: `taskon-textarea ${hasError ? "taskon-textarea--error" : ""} ${className || ""}`,
-          value: value2,
-          onChange: handleChange,
-          maxLength,
-          disabled,
-          placeholder,
-          rows
-        }
-      ),
-      shouldShowCount && /* @__PURE__ */ jsxs("div", { className: "taskon-textarea-count", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-textarea-count-current", children: value2.length }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          "/",
-          maxLength
-        ] })
-      ] })
-    ] });
-  }
-);
-function detectEthereumProvider() {
-  if (typeof window === "undefined") return false;
-  return Boolean(window.ethereum);
-}
-function getProvider() {
-  if (typeof window === "undefined") return null;
-  return window.ethereum || null;
-}
-function useInjectedProvider() {
-  const isMobile = useIsMobile();
-  const hasEthereumProvider = detectEthereumProvider();
-  const isDapp = useMemo(() => {
-    return isMobile && hasEthereumProvider;
-  }, [isMobile, hasEthereumProvider]);
-  return {
-    hasEthereumProvider,
-    isDapp,
-    getEthereumProvider: getProvider
-  };
-}
-const BIND_TEXT = "Confirm to BIND this wallet address.";
-const BIND_NOTE = "This signature is for confirmation only.";
-function getBindSignText(address, nonce) {
-  return `${BIND_TEXT}
-Address:${address}
-Nonce:${nonce}
-Note:${BIND_NOTE}`;
-}
-function useBindWallet({
-  chainType,
-  onSuccess,
-  onFailed,
-  onNeedWalletDialog
-}) {
-  const context = useContext(TaskOnContext);
-  const client = (context == null ? void 0 : context.client) ?? null;
-  const userInfo = (context == null ? void 0 : context.userInfo) ?? null;
-  const refreshUserInfo = context == null ? void 0 : context.refreshUserInfo;
-  const wallet = useWallet();
-  const { evmAdapter, connectEvm, signEvmMessage } = wallet;
-  const { isDapp, getEthereumProvider } = useInjectedProvider();
-  const isMobile = useIsMobile();
-  const [isBinding, setIsBinding] = useState(false);
-  const bindWaitResolveRef = useRef(null);
-  const userApi = useMemo(() => {
-    if (!client) return null;
-    return createUserApi(client);
-  }, [client]);
-  const hasAdapter = useMemo(() => {
-    if (chainType !== ChainType.evm) return false;
-    return evmAdapter !== null;
-  }, [chainType, evmAdapter]);
-  const isBound = useMemo(() => {
-    if (!chainType || !(userInfo == null ? void 0 : userInfo.address)) return false;
-    return userInfo.address.some((item) => item.chain_type === chainType);
-  }, [chainType, userInfo]);
-  const handleSuccess = useCallback(async () => {
-    var _a;
-    await (onSuccess == null ? void 0 : onSuccess());
-    (_a = bindWaitResolveRef.current) == null ? void 0 : _a.call(bindWaitResolveRef, true);
-    bindWaitResolveRef.current = null;
-  }, [onSuccess]);
-  const handleFailed = useCallback((error) => {
-    var _a;
-    onFailed == null ? void 0 : onFailed(error);
-    (_a = bindWaitResolveRef.current) == null ? void 0 : _a.call(bindWaitResolveRef, false);
-    bindWaitResolveRef.current = null;
-  }, [onFailed]);
-  const connectAndSignWithInjected = useCallback(
-    async (nonce) => {
-      const provider = getEthereumProvider();
-      if (!provider) return null;
-      try {
-        const accounts = await provider.request({
-          method: "eth_requestAccounts"
-        });
-        const address = accounts[0];
-        if (!address) return null;
-        const message = getBindSignText(address, nonce);
-        const signature = await provider.request({
-          method: "personal_sign",
-          params: [message, address]
-        });
-        return { address, signature };
-      } catch {
-        return null;
-      }
-    },
-    [getEthereumProvider]
-  );
-  const bindWithAdapter = useCallback(async () => {
-    var _a, _b;
-    if (!userApi) {
-      handleFailed("User API not initialized");
-      return;
-    }
-    setIsBinding(true);
-    try {
-      const address = await connectEvm();
-      if (!address) {
-        handleFailed("Failed to connect wallet");
-        return;
-      }
-      const nonce = await userApi.requestChallenge("AddressBind");
-      const message = getBindSignText(address, nonce);
-      const signature = await signEvmMessage(message);
-      if (!signature) {
-        handleFailed("Signature cancelled");
-        return;
-      }
-      const bindResult = await userApi.bindAddress({
-        address,
-        nonce,
-        sig: signature,
-        chain_type: ChainType.evm
-      });
-      if (bindResult.result) {
-        await (refreshUserInfo == null ? void 0 : refreshUserInfo());
-        await handleSuccess();
-      } else {
-        handleFailed("This wallet address is already bound to another account");
-      }
-    } catch (e) {
-      const error = e;
-      if (((_a = error.message) == null ? void 0 : _a.includes("rejected")) || ((_b = error.message) == null ? void 0 : _b.includes("denied"))) {
-        handleFailed("User rejected the request");
-      } else {
-        handleFailed(error.message || "Failed to bind wallet");
-      }
-    } finally {
-      setIsBinding(false);
-    }
-  }, [userApi, connectEvm, signEvmMessage, refreshUserInfo, handleSuccess, handleFailed]);
-  const bindIfNeed = useCallback(async (targetChainType) => {
-    var _a, _b;
-    const effectiveChainType = targetChainType || chainType;
-    if (effectiveChainType && (userInfo == null ? void 0 : userInfo.address)) {
-      const alreadyBound = userInfo.address.some((item) => item.chain_type === effectiveChainType);
-      if (alreadyBound) {
-        await handleSuccess();
-        return;
-      }
-    }
-    if (!effectiveChainType) {
-      await handleSuccess();
-      return;
-    }
-    if (effectiveChainType !== ChainType.evm) {
-      handleFailed(`Chain type "${effectiveChainType}" is not supported yet`);
-      return;
-    }
-    if (!context || !userApi) {
-      await handleSuccess();
-      return;
-    }
-    const effectiveHasAdapter = effectiveChainType === ChainType.evm && evmAdapter !== null;
-    if (!isMobile) {
-      if (effectiveHasAdapter) {
-        await bindWithAdapter();
-        return;
-      }
-      onNeedWalletDialog == null ? void 0 : onNeedWalletDialog();
-      return;
-    }
-    if (!isDapp) {
-      onNeedWalletDialog == null ? void 0 : onNeedWalletDialog();
-      return;
-    }
-    setIsBinding(true);
-    try {
-      const nonce = await userApi.requestChallenge("AddressBind");
-      const result = await connectAndSignWithInjected(nonce);
-      if (!result) {
-        handleFailed("Failed to connect wallet");
-        return;
-      }
-      const { address, signature } = result;
-      const bindResult = await userApi.bindAddress({
-        address,
-        nonce,
-        sig: signature,
-        chain_type: ChainType.evm
-      });
-      if (bindResult.result) {
-        await (refreshUserInfo == null ? void 0 : refreshUserInfo());
-        await handleSuccess();
-      } else {
-        handleFailed("This wallet address is already bound to another account");
-      }
-    } catch (e) {
-      const error = e;
-      if (((_a = error.message) == null ? void 0 : _a.includes("rejected")) || ((_b = error.message) == null ? void 0 : _b.includes("denied"))) {
-        handleFailed("User rejected the request");
-      } else {
-        handleFailed(error.message || "Failed to bind wallet");
-      }
-    } finally {
-      setIsBinding(false);
-    }
-  }, [
-    chainType,
-    userInfo,
-    evmAdapter,
-    isMobile,
-    isDapp,
-    context,
-    userApi,
-    bindWithAdapter,
-    connectAndSignWithInjected,
-    refreshUserInfo,
-    handleSuccess,
-    handleFailed,
-    onNeedWalletDialog
-  ]);
-  const bindWithProvider = useCallback(async (address, provider) => {
-    var _a, _b;
-    if (!userApi) {
-      handleFailed("User API not initialized");
-      return;
-    }
-    setIsBinding(true);
-    try {
-      const nonce = await userApi.requestChallenge("AddressBind");
-      const message = getBindSignText(address, nonce);
-      const signature = await provider.request({
-        method: "personal_sign",
-        params: [message, address]
-      });
-      if (!signature) {
-        handleFailed("Signature cancelled");
-        return;
-      }
-      const bindResult = await userApi.bindAddress({
-        address,
-        nonce,
-        sig: signature,
-        chain_type: ChainType.evm
-      });
-      if (bindResult.result) {
-        await (refreshUserInfo == null ? void 0 : refreshUserInfo());
-        await handleSuccess();
-      } else {
-        handleFailed("This wallet address is already bound to another account");
-      }
-    } catch (e) {
-      const error = e;
-      if (((_a = error.message) == null ? void 0 : _a.includes("rejected")) || ((_b = error.message) == null ? void 0 : _b.includes("denied"))) {
-        handleFailed("User rejected the request");
-      } else {
-        handleFailed(error.message || "Failed to bind wallet");
-      }
-    } finally {
-      setIsBinding(false);
-    }
-  }, [userApi, refreshUserInfo, handleSuccess, handleFailed]);
-  const bindAndWait = useCallback(async (targetChainType) => {
-    const effectiveChainType = targetChainType || chainType;
-    if (effectiveChainType && (userInfo == null ? void 0 : userInfo.address)) {
-      const alreadyBound = userInfo.address.some((item) => item.chain_type === effectiveChainType);
-      if (alreadyBound) {
-        return true;
-      }
-    }
-    if (!effectiveChainType) {
-      return true;
-    }
-    if (effectiveChainType !== ChainType.evm) {
-      return false;
-    }
-    if (!context || !userApi) {
-      return true;
-    }
-    const canHandleInternally = !isMobile && hasAdapter || isMobile && isDapp;
-    if (!canHandleInternally) {
-      onNeedWalletDialog == null ? void 0 : onNeedWalletDialog();
-      return false;
-    }
-    return new Promise((resolve) => {
-      bindWaitResolveRef.current = resolve;
-      bindIfNeed();
-    });
-  }, [chainType, userInfo, context, userApi, isMobile, hasAdapter, isDapp, onNeedWalletDialog, bindIfNeed]);
-  return {
-    bindIfNeed,
-    bindAndWait,
-    bindWithProvider,
-    isBinding,
-    isBound,
-    hasAdapter
-  };
-}
-function isNftRewardType(type) {
-  return type === RewardType.Nft || type === RewardType.BMintedNft || type === RewardType.Cap;
-}
-function buildFallbackLayer(reward2) {
-  return {
-    winner_index: 0,
-    layer_no: 0,
-    reward: [reward2]
-  };
-}
-function useNftClaimFlow(options) {
-  const {
-    campaignId,
-    targetType,
-    onClaimSuccess,
-    onClaimError,
-    onWalletError,
-    messages
-  } = options;
-  const { toast } = useToast();
-  const { chainMap } = useChainMap();
-  const [isClaimDialogOpen, setIsClaimDialogOpen] = useState(false);
-  const [isWalletDialogOpen, setIsWalletDialogOpen] = useState(false);
-  const [isPendingDialogOpen, setIsPendingDialogOpen] = useState(false);
-  const [pendingTxDialogState, setPendingTxDialogState] = useState(null);
-  const [pendingWalletClaimTarget, setPendingWalletClaimTarget] = useState(null);
-  const pendingDecisionResolverRef = useRef(null);
-  const resolvePendingDecision = useCallback((claimAgain) => {
-    const resolver = pendingDecisionResolverRef.current;
-    if (resolver) {
-      pendingDecisionResolverRef.current = null;
-      resolver(claimAgain);
-    }
-  }, []);
-  useEffect(() => {
-    return () => {
-      resolvePendingDecision(false);
-    };
-  }, [resolvePendingDecision]);
-  const {
-    status: claimStatus,
-    error: claimError,
-    txHash: claimTxHash,
-    claimingNft,
-    claimNft,
-    reset: resetClaim
-  } = useNftClaim({
-    onSuccess: (txHash, item) => {
-      void (onClaimSuccess == null ? void 0 : onClaimSuccess(txHash, item.sourceReward, item.sourceLayer));
-    },
-    onError: (error, item) => {
-      void (onClaimError == null ? void 0 : onClaimError(error, item.sourceReward, item.sourceLayer));
-    },
-    onPendingFound: async (pendingKey, txHash, chainName, item) => {
-      const rewardValue = item.reward_value;
-      const receiveAddress = typeof rewardValue.receiver_address === "string" ? rewardValue.receiver_address : void 0;
-      resolvePendingDecision(false);
-      setIsClaimDialogOpen(false);
-      setPendingTxDialogState({
-        pendingKey,
-        txHash,
-        chainName,
-        receiveAddress
-      });
-      setIsPendingDialogOpen(true);
-      return new Promise((resolve) => {
-        pendingDecisionResolverRef.current = resolve;
-      });
-    },
-    onNeedWalletDialog: () => {
-      setIsClaimDialogOpen(false);
-      setIsWalletDialogOpen(true);
-    }
-  });
-  const claimExplorerUrl = useMemo(() => {
-    if (!claimTxHash || !claimingNft) {
-      return void 0;
-    }
-    const chainInfo = chainMap[claimingNft.chainName.toLowerCase()];
-    if (!chainInfo) {
-      return void 0;
-    }
-    return getTxExplorerUrl(chainInfo, claimTxHash);
-  }, [claimTxHash, claimingNft, chainMap]);
-  const pendingExplorerUrl = useMemo(() => {
-    if (!(pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash)) {
-      return void 0;
-    }
-    const chainInfo = chainMap[pendingTxDialogState.chainName.toLowerCase()];
-    if (!chainInfo) {
-      return void 0;
-    }
-    return getTxExplorerUrl(chainInfo, pendingTxDialogState.txHash);
-  }, [pendingTxDialogState, chainMap]);
-  const claimNftReward = useCallback(
-    async (reward2, layer) => {
-      if (!isNftRewardType(reward2.reward_type)) {
-        return;
-      }
-      const targetLayer = layer ?? buildFallbackLayer(reward2);
-      const target = {
-        campaign_id: campaignId,
-        target_type: targetType,
-        reward_type: reward2.reward_type,
-        reward_value: reward2.reward_value,
-        reward_id: reward2.reward_id,
-        sourceReward: reward2,
-        sourceLayer: targetLayer
-      };
-      setPendingWalletClaimTarget(target);
-      setIsClaimDialogOpen(true);
-      await claimNft(target);
-    },
-    [campaignId, targetType, claimNft]
-  );
-  const isSupportedNftRewardType = useCallback((rewardType) => {
-    return isNftRewardType(rewardType);
-  }, []);
-  const handleWalletConnect = useCallback(
-    async (address, provider) => {
-      const target = pendingWalletClaimTarget ?? (claimingNft == null ? void 0 : claimingNft.item);
-      if (!target) {
-        throw new Error("No pending NFT claim target found");
-      }
-      if (!provider || typeof provider.request !== "function") {
-        throw new Error("Invalid wallet provider");
-      }
-      const popupAdapter = createEthereumAdapterFromProvider(
-        provider,
-        {
-          address
-        }
-      );
-      setIsWalletDialogOpen(false);
-      setIsClaimDialogOpen(true);
-      await claimNft(target, popupAdapter);
-    },
-    [pendingWalletClaimTarget, claimingNft, claimNft]
-  );
-  const handleWalletError = useCallback(
-    (errorMessage) => {
-      onWalletError == null ? void 0 : onWalletError(errorMessage);
-      if (!onWalletError) {
-        toast.error(errorMessage);
-      }
-    },
-    [onWalletError, toast]
-  );
-  const handlePendingContinueWaiting = useCallback(() => {
-    setIsPendingDialogOpen(false);
-    setPendingTxDialogState(null);
-    setPendingWalletClaimTarget(null);
-    resetClaim();
-    resolvePendingDecision(false);
-  }, [resetClaim, resolvePendingDecision]);
-  const handlePendingClaimAgain = useCallback(() => {
-    setIsPendingDialogOpen(false);
-    setPendingTxDialogState(null);
-    setIsClaimDialogOpen(true);
-    resolvePendingDecision(true);
-  }, [resolvePendingDecision]);
-  const handleCloseClaimDialog = useCallback(() => {
-    setIsClaimDialogOpen(false);
-    setTimeout(() => {
-      resetClaim();
-      setPendingWalletClaimTarget(null);
-    }, 200);
-  }, [resetClaim]);
-  const handleRetryClaim = useCallback(() => {
-    if (!claimingNft) {
-      return;
-    }
-    resetClaim();
-    setPendingWalletClaimTarget(claimingNft.item);
-    void claimNft(claimingNft.item);
-  }, [claimingNft, resetClaim, claimNft]);
-  const isClaiming = useMemo(() => {
-    return ["checking", "connecting", "switching", "signing", "confirming", "pending"].includes(
-      claimStatus
-    );
-  }, [claimStatus]);
-  const dialogs = useMemo(() => {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        ClaimNftDialog,
-        {
-          open: isClaimDialogOpen,
-          onClose: handleCloseClaimDialog,
-          status: claimStatus,
-          error: claimError,
-          txHash: claimTxHash,
-          claimingNft,
-          explorerUrl: claimExplorerUrl,
-          messages: messages == null ? void 0 : messages.claimDialog,
-          onRetry: handleRetryClaim
-        }
-      ),
+      [onChange]
+    );
+    const shouldShowCount = showCount && maxLength !== void 0;
+    return /* @__PURE__ */ jsxs("div", { className: "taskon-textarea-wrap", children: [
       /* @__PURE__ */ jsx(
-        PendingTxDialog,
+        "textarea",
         {
-          open: isPendingDialogOpen,
-          onClose: handlePendingContinueWaiting,
-          onClaimAgain: handlePendingClaimAgain,
-          onContinueWaiting: handlePendingContinueWaiting,
-          txHash: pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash,
-          explorerUrl: pendingExplorerUrl,
-          receiveAddress: pendingTxDialogState == null ? void 0 : pendingTxDialogState.receiveAddress,
-          messages: messages == null ? void 0 : messages.pendingDialog
+          ref: textareaRef,
+          className: `taskon-textarea ${hasError ? "taskon-textarea--error" : ""} ${className || ""}`,
+          value: value2,
+          onChange: handleChange,
+          maxLength,
+          disabled,
+          placeholder,
+          rows
         }
       ),
-      /* @__PURE__ */ jsx(
-        BindWalletDialog,
-        {
-          open: isWalletDialogOpen,
-          onOpenChange: setIsWalletDialogOpen,
-          onConnect: handleWalletConnect,
-          onError: handleWalletError
-        }
-      )
+      shouldShowCount && /* @__PURE__ */ jsxs("div", { className: "taskon-textarea-count", children: [
+        /* @__PURE__ */ jsx("span", { className: "taskon-textarea-count-current", children: value2.length }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "/",
+          maxLength
+        ] })
+      ] })
     ] });
-  }, [
-    isClaimDialogOpen,
-    handleCloseClaimDialog,
-    claimStatus,
-    claimError,
-    claimTxHash,
-    claimingNft,
-    claimExplorerUrl,
-    messages,
-    handleRetryClaim,
-    isPendingDialogOpen,
-    handlePendingContinueWaiting,
-    handlePendingClaimAgain,
-    pendingTxDialogState,
-    pendingExplorerUrl,
-    isWalletDialogOpen,
-    handleWalletConnect,
-    handleWalletError
-  ]);
-  return {
-    claimNftReward,
-    isSupportedNftRewardType,
-    dialogs,
-    claimingNft,
-    isClaiming
-  };
-}
+  }
+);
 async function copyToClipboard(text2) {
   try {
     if (navigator.clipboard && navigator.clipboard.writeText) {
@@ -2146,6 +1762,232 @@ function CardDescExpress({
     }
   );
 }
+const DEFAULT_CLAIM_DIALOG_MESSAGES = {
+  claimNft: enMessages$2.claim_nft,
+  claimingNft: enMessages$2.claiming_nft,
+  claimConnectingWallet: enMessages$2.claim_connecting_wallet,
+  claimSwitchingNetwork: enMessages$2.claim_switching_network,
+  claimGettingSignature: enMessages$2.claim_getting_signature,
+  claimConfirmInWallet: enMessages$2.claim_confirm_in_wallet,
+  claimTransactionPending: enMessages$2.claim_transaction_pending,
+  claimSuccess: enMessages$2.claim_success,
+  claimFailed: enMessages$2.claim_failed,
+  claimCanceled: enMessages$2.claim_canceled,
+  viewOnExplorer: enMessages$2.view_on_explorer,
+  retry: enMessages$2.retry,
+  close: enMessages$2.close
+};
+const DEFAULT_PENDING_DIALOG_MESSAGES = {
+  pendingTransaction: enMessages$2.pending_transaction,
+  claimPendingTitle: enMessages$2.claim_pending_title,
+  claimPendingCheckExplorer: enMessages$2.claim_pending_check_explorer,
+  claimPendingHashLabel: enMessages$2.claim_pending_hash_label,
+  claimPendingClaimAgainWarn: enMessages$2.claim_pending_claim_again_warn,
+  claimPendingReceiveAddressNoChange: enMessages$2.claim_pending_receive_address_no_change,
+  claimAgain: enMessages$2.claim_again,
+  continueWaiting: enMessages$2.continue_waiting
+};
+function isNftRewardType(type) {
+  return type === RewardType.Nft || type === RewardType.BMintedNft || type === RewardType.Cap;
+}
+function buildFallbackLayer(reward2) {
+  return {
+    winner_index: 0,
+    layer_no: 0,
+    reward: [reward2]
+  };
+}
+function useNftClaimFlow(options) {
+  const {
+    campaignId,
+    targetType,
+    onClaimSuccess,
+    onClaimError,
+    messages
+  } = options;
+  const { chainMap } = useChainMap();
+  const [isClaimDialogOpen, setIsClaimDialogOpen] = useState(false);
+  const [isPendingDialogOpen, setIsPendingDialogOpen] = useState(false);
+  const [pendingTxDialogState, setPendingTxDialogState] = useState(null);
+  const pendingDecisionResolverRef = useRef(null);
+  const resolvePendingDecision = useCallback((claimAgain) => {
+    const resolver = pendingDecisionResolverRef.current;
+    if (resolver) {
+      pendingDecisionResolverRef.current = null;
+      resolver(claimAgain);
+    }
+  }, []);
+  useEffect(() => {
+    return () => {
+      resolvePendingDecision(false);
+    };
+  }, [resolvePendingDecision]);
+  const {
+    status: claimStatus,
+    error: claimError,
+    txHash: claimTxHash,
+    claimingNft,
+    claimNft,
+    reset: resetClaim
+  } = useNftClaim({
+    onSuccess: (txHash, item) => {
+      void (onClaimSuccess == null ? void 0 : onClaimSuccess(txHash, item.sourceReward, item.sourceLayer));
+    },
+    onError: (error, item) => {
+      void (onClaimError == null ? void 0 : onClaimError(error, item.sourceReward, item.sourceLayer));
+    },
+    onPendingFound: async (pendingKey, txHash, chainName, item) => {
+      const rewardValue = item.reward_value;
+      const receiveAddress = typeof rewardValue.receiver_address === "string" ? rewardValue.receiver_address : void 0;
+      resolvePendingDecision(false);
+      setIsClaimDialogOpen(false);
+      setPendingTxDialogState({
+        pendingKey,
+        txHash,
+        chainName,
+        receiveAddress
+      });
+      setIsPendingDialogOpen(true);
+      return new Promise((resolve) => {
+        pendingDecisionResolverRef.current = resolve;
+      });
+    }
+  });
+  const claimExplorerUrl = useMemo(() => {
+    if (!claimTxHash || !claimingNft) {
+      return void 0;
+    }
+    const chainInfo = chainMap[claimingNft.chainName.toLowerCase()];
+    if (!chainInfo) {
+      return void 0;
+    }
+    return getTxExplorerUrl(chainInfo, claimTxHash);
+  }, [claimTxHash, claimingNft, chainMap]);
+  const pendingExplorerUrl = useMemo(() => {
+    if (!(pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash)) {
+      return void 0;
+    }
+    const chainInfo = chainMap[pendingTxDialogState.chainName.toLowerCase()];
+    if (!chainInfo) {
+      return void 0;
+    }
+    return getTxExplorerUrl(chainInfo, pendingTxDialogState.txHash);
+  }, [pendingTxDialogState, chainMap]);
+  const claimNftReward = useCallback(
+    async (reward2, layer) => {
+      if (!isNftRewardType(reward2.reward_type)) {
+        return;
+      }
+      const targetLayer = layer ?? buildFallbackLayer(reward2);
+      const target = {
+        campaign_id: campaignId,
+        target_type: targetType,
+        reward_type: reward2.reward_type,
+        reward_value: reward2.reward_value,
+        reward_id: reward2.reward_id,
+        sourceReward: reward2,
+        sourceLayer: targetLayer
+      };
+      setIsClaimDialogOpen(true);
+      await claimNft(target);
+    },
+    [campaignId, targetType, claimNft]
+  );
+  const isSupportedNftRewardType = useCallback(
+    (rewardType) => {
+      return isNftRewardType(rewardType);
+    },
+    []
+  );
+  const handlePendingContinueWaiting = useCallback(() => {
+    setIsPendingDialogOpen(false);
+    setPendingTxDialogState(null);
+    resetClaim();
+    resolvePendingDecision(false);
+  }, [resetClaim, resolvePendingDecision]);
+  const handlePendingClaimAgain = useCallback(() => {
+    setIsPendingDialogOpen(false);
+    setPendingTxDialogState(null);
+    setIsClaimDialogOpen(true);
+    resolvePendingDecision(true);
+  }, [resolvePendingDecision]);
+  const handleCloseClaimDialog = useCallback(() => {
+    setIsClaimDialogOpen(false);
+    setTimeout(() => {
+      resetClaim();
+    }, 200);
+  }, [resetClaim]);
+  const handleRetryClaim = useCallback(() => {
+    if (!claimingNft) {
+      return;
+    }
+    resetClaim();
+    void claimNft(claimingNft.item);
+  }, [claimingNft, resetClaim, claimNft]);
+  const isClaiming = useMemo(() => {
+    return [
+      "checking",
+      "connecting",
+      "switching",
+      "signing",
+      "confirming",
+      "pending"
+    ].includes(claimStatus);
+  }, [claimStatus]);
+  const dialogs = useMemo(() => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ClaimNftDialog,
+        {
+          open: isClaimDialogOpen,
+          onClose: handleCloseClaimDialog,
+          status: claimStatus,
+          error: claimError,
+          txHash: claimTxHash,
+          claimingNft,
+          explorerUrl: claimExplorerUrl,
+          messages: (messages == null ? void 0 : messages.claimDialog) ?? DEFAULT_CLAIM_DIALOG_MESSAGES,
+          onRetry: handleRetryClaim
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PendingTxDialog,
+        {
+          open: isPendingDialogOpen,
+          onClose: handlePendingContinueWaiting,
+          onClaimAgain: handlePendingClaimAgain,
+          onContinueWaiting: handlePendingContinueWaiting,
+          txHash: pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash,
+          explorerUrl: pendingExplorerUrl,
+          receiveAddress: pendingTxDialogState == null ? void 0 : pendingTxDialogState.receiveAddress,
+          messages: (messages == null ? void 0 : messages.pendingDialog) ?? DEFAULT_PENDING_DIALOG_MESSAGES
+        }
+      )
+    ] });
+  }, [
+    isClaimDialogOpen,
+    handleCloseClaimDialog,
+    claimStatus,
+    claimError,
+    claimTxHash,
+    claimingNft,
+    claimExplorerUrl,
+    messages,
+    handleRetryClaim,
+    isPendingDialogOpen,
+    handlePendingContinueWaiting,
+    handlePendingClaimAgain,
+    pendingTxDialogState,
+    pendingExplorerUrl
+  ]);
+  return {
+    claimNftReward,
+    isSupportedNftRewardType,
+    dialogs,
+    claimingNft,
+    isClaiming
+  };
+}
 const twitterIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%2358AFFF'/%3e%3cpath%20d='M36%2018.9643C35.5742%2019.75%2034.8645%2020.5357%2033.871%2021.0595V21.5833C33.871%2028.131%2028.0516%2033.5%2020.9548%2033.5C18.5419%2033.5%2016.129%2032.8452%2014%2031.6667C14.4258%2031.6667%2014.7097%2031.7976%2015.1355%2031.6667C17.2645%2031.6667%2019.2516%2031.0119%2020.8129%2029.8333C18.8258%2029.8333%2017.1226%2028.6548%2016.5548%2026.9524C16.8387%2026.9524%2017.1226%2027.0833%2017.4065%2027.0833C17.8323%2027.0833%2018.2581%2027.0833%2018.5419%2026.9524C16.4129%2026.5595%2014.8516%2024.8571%2014.8516%2022.8929C15.4194%2023.1548%2016.129%2023.4167%2016.8387%2023.4167C15.7032%2022.631%2014.9935%2021.3214%2014.9935%2019.881C14.9935%2019.0952%2015.2774%2018.4405%2015.5613%2017.7857C17.8323%2020.4048%2021.2387%2021.9762%2024.929%2022.1071C24.7871%2021.8452%2024.7871%2021.4524%2024.7871%2021.1905C24.7871%2018.8333%2026.7742%2017%2029.329%2017C30.6065%2017%2031.7419%2017.5238%2032.5935%2018.3095C33.5871%2018.1786%2034.5806%2017.7857%2035.4323%2017.2619C35.1484%2018.1786%2034.4387%2019.0952%2033.4452%2019.619C34.2968%2019.4881%2035.2903%2019.2262%2036%2018.9643Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
 const retweetIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%2358AFFF'/%3e%3cpath%20d='M27.6047%2016C27.1048%2016%2026.605%2016.3999%2026.605%2017.2296V20.3986L26.0401%2020.4286C23.5018%2020.5001%2021.0516%2021.3751%2019.0423%2022.9279C16.5081%2024.9972%2014.4787%2028.4562%2014.0088%2032.9098C13.9745%2033.1614%2014.0408%2033.4165%2014.1934%2033.6195C14.3459%2033.8226%2014.5724%2033.9573%2014.8236%2033.9945C14.8666%2034.0015%2014.9105%2034.0015%2014.9536%2033.9945C15.1097%2033.9982%2015.2638%2033.9587%2015.3988%2033.8801C15.5338%2033.8016%2015.6444%2033.6872%2015.7183%2033.5496C18.1526%2030.0507%2023.356%2029.4958%2025.9102%2029.4958H26.61V32.8898C26.6025%2033.0314%2026.6239%2033.173%2026.6726%2033.3061C26.7214%2033.4392%2026.7967%2033.561%2026.8938%2033.6642C26.991%2033.7674%2027.108%2033.8499%2027.2379%2033.9067C27.3678%2033.9634%2027.5079%2033.9933%2027.6496%2033.9945C27.803%2033.9913%2027.9541%2033.9574%2028.0941%2033.8947C28.234%2033.832%2028.36%2033.7419%2028.4644%2033.6296L35.3173%2026.3868C36.197%2025.4721%2036.242%2024.5224%2035.3623%2023.6077L28.3294%2016.3149C28.2364%2016.2159%2028.1241%2016.1369%2027.9995%2016.0828C27.8749%2016.0287%2027.7405%2016.0005%2027.6047%2016Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
 const discordIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%236671FF'/%3e%3cpath%20d='M33.2655%2018.9902C30.7797%2017.2501%2028.4181%2017.1258%2028.0452%2017.1258L27.7966%2017.3744C30.6554%2018.1202%2032.2712%2019.4874%2032.3955%2019.6117C27.9209%2017.3744%2022.9492%2017.2501%2018.4746%2018.9902C17.8531%2019.2388%2017.4802%2019.4874%2017.3559%2019.4874C17.6045%2019.3631%2019.096%2017.9959%2022.2034%2017.2501L21.9548%2017.0015C21.9548%2017.0015%2019.4689%2016.8772%2016.7345%2018.8659C16.7345%2018.8659%2014%2023.4648%2014%2029.3066C14%2029.3066%2015.6158%2031.9168%2019.7175%2032.0411C19.7175%2032.0411%2020.339%2031.2953%2020.9605%2030.5496C18.8475%2029.9281%2017.8531%2028.5609%2017.7288%2028.4366L18.4746%2028.8095C20.7119%2029.6795%2023.0734%2030.9225%2027.4237%2030.1767C28.2938%2030.0524%2029.2881%2029.8038%2030.1582%2029.4309C30.7797%2029.058%2031.5254%2028.8095%2032.2712%2028.3123C32.1469%2028.4366%2031.1525%2029.8038%2028.9153%2030.4253C29.4124%2031.171%2030.1582%2031.9168%2030.1582%2031.9168C34.3842%2031.7925%2036%2029.1823%2036%2029.4309C36%2023.7134%2033.2655%2018.9902%2033.2655%2018.9902ZM21.5819%2027.4422C20.5876%2027.4422%2019.7175%2026.5722%2019.7175%2025.4535C19.7175%2024.3349%2020.5876%2023.4648%2021.5819%2023.4648C22.5763%2023.4648%2023.4463%2024.4592%2023.4463%2025.4535C23.4463%2026.5722%2022.5763%2027.4422%2021.5819%2027.4422ZM28.4181%2027.4422C27.4237%2027.4422%2026.5537%2026.5722%2026.5537%2025.4535C26.5537%2024.3349%2027.4237%2023.4648%2028.4181%2023.4648C29.5367%2023.4648%2030.4068%2024.4592%2030.4068%2025.4535C30.4068%2026.5722%2029.5367%2027.4422%2028.4181%2027.4422Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
@@ -2263,8 +2105,8 @@ function formatTime$1(ms) {
   const totalMinutes = Math.floor(totalSeconds / 60);
   const totalHours = Math.floor(totalMinutes / 60);
   if (totalHours > 24) {
-    const days2 = Math.ceil(ms / (1e3 * 60 * 60 * 24));
-    return `${days2} days`;
+    const days = Math.ceil(ms / (1e3 * 60 * 60 * 24));
+    return `${days} days`;
   }
   const hours = totalHours;
   const minutes = totalMinutes % 60;
@@ -2346,7 +2188,7 @@ const submit_param_enter_label = "Enter {paramName}";
 const submit_param_enter_placeholder = "Enter your {paramName}";
 const cancel = "Cancel";
 const confirm$1 = "Confirm";
-const completed = "Completed";
+const completed$1 = "Completed";
 const interact_with_contract = "Interact With Contract";
 const points$1 = "Points";
 const proof_of_work = "Proof of Work";
@@ -2427,7 +2269,7 @@ const enMessages$1 = {
   submit_param_enter_placeholder,
   cancel,
   confirm: confirm$1,
-  completed,
+  completed: completed$1,
   interact_with_contract,
   points: points$1,
   proof_of_work,
@@ -2750,8 +2592,7 @@ function useTaskSubmit({
   onSuccess,
   onError,
   onCampaignIneligibility,
-  onVerifyFailedNotice,
-  onNeedWalletDialog
+  onVerifyFailedNotice
 }) {
   const context = useContext(TaskOnContext);
   const client = (context == null ? void 0 : context.client) ?? null;
@@ -2858,8 +2699,7 @@ ${notice.message}`, 1e4);
     onFailed: (err) => {
       setError(err);
       onError == null ? void 0 : onError(err);
-    },
-    onNeedWalletDialog
+    }
   });
   const isSnsBindingRequired = needsSnsBinding && !isSnsBound;
   const isWalletBindingRequired = needsWalletBinding && !isWalletBound;
@@ -3172,7 +3012,6 @@ const VerifyButton = forwardRef(
     onError,
     className
   }, ref) {
-    const { toast } = useToast();
     const { t } = useTaskWidgetLocale();
     const [verifyFailedNotice, setVerifyFailedNotice] = useState(null);
     const {
@@ -3235,7 +3074,12 @@ const VerifyButton = forwardRef(
     );
     const handleClick = async () => {
       if (needLink && !isLinkClicked2) {
-        toast.error(t("please_view_link_before_verifying"));
+        setVerifyFailedNotice({
+          title: t("verify_failed_title"),
+          message: t("please_view_link_before_verifying"),
+          source: "verify_failed",
+          platform
+        });
         return;
       }
       if (onBeforeVerify) {
@@ -5132,7 +4976,6 @@ const tasks_quest_verified_valid_some_tasks_may_verified_quest = "All the tasks
 const available = "Available";
 const awesome_already_meet_requirements = "Awesome! You already meet the requirements.";
 const babt_holder = "BABT holder";
-const before_join_please_meet = "Before you join please meet";
 const binance_account_bound_token_bab = "Binance Account Bound Token (BAB)";
 const bind = "Bind";
 const bind_required_accounts = "Bind Required Accounts";
@@ -5156,13 +4999,12 @@ const claiming_nft = "Claiming NFT...";
 const close = "Close";
 const complete_campaign = "Complete Campaign";
 const complete_action_first = "Complete action first";
-const complete = "Complete all";
 const complete_campaign_2 = "Complete the Campaign";
 const complete_qualify_rewards = "Complete to qualify for rewards!";
 const complete_milestone_name_first = "Complete {milestone_name} first";
 const completing = "Completing...";
 const congratulations = "Congratulations!";
-const connect_wallet_participate = "Connect Wallet to Participate";
+const start_to_earn = "Start Earning";
 const connecting_wallet = "Connecting wallet...";
 const continue_waiting = "Continue Waiting";
 const contract_address = "Contract Address";
@@ -5172,7 +5014,6 @@ const holder_own_least_one_token = "DID Holder(own at least one DID token)";
 const discord = "Discord";
 const discord_account_linked = "Discord Account Not Linked";
 const discord_role = "Discord Role";
-const discord_role_2 = "Discord Role:";
 const ens_domains_eth = "ENS Domains (.eth)";
 const evm_chain = "EVM Chain";
 const exp_winner = "EXP/Winner";
@@ -5201,7 +5042,6 @@ const leaderboard = "Leaderboard";
 const limited_spots_gas_free_claiming = "Limited spots for gas free claiming!";
 const link_wallet_address = "Link Wallet Address";
 const link_copied = "Link copied!";
-const loading_quest = "Loading quest...";
 const loading = "Loading...";
 const lucky_draw = "Lucky Draw";
 const manually_upload = "Manually Upload";
@@ -5218,7 +5058,6 @@ const no_participants = "No participants yet";
 const no_winners = "No winners yet";
 const qualified = "Not Qualified";
 const tasks_successfully_verified_better_luck_next_time = "Not all tasks are successfully verified, better luck next time!";
-const sybil_database = "Not in Sybil database";
 const included_public_sybil_address_database = "Not included in a public sybil address database.";
 const ok = "OK";
 const only = "ONLY";
@@ -5233,11 +5072,8 @@ const oops_seems_like_already_finished_quest_2 = "Oops! Seems like you already f
 const oops_better_luck_next_time_2 = "Oops, Better Luck Next Time!";
 const open_blind_box = "Open Blind Box";
 const open = "Open to All";
-const own = "Own";
-const own_least = "Own at least";
 const own_least_amount_token_name_chain_label = "Own at least {amount} {token_name} on {chain_label}";
 const own_amount_name_nft_chain = "Own {amount} {name} NFT On {chain}";
-const participants = "Participants";
 const participants_info = "Participants Info";
 const participants_any_user_who_complete_least_1_task_quest = "Participants: any user who complete at least 1 task of this quest.";
 const pending_transaction = "Pending Transaction";
@@ -5271,7 +5107,6 @@ const reward = "Reward";
 const reward_amount_revealed_once_quest_ends = "Reward amount will be revealed once quest ends.";
 const rewards = "Rewards";
 const rewards_missed = "Rewards Missed";
-const role = "Role";
 const save = "Save";
 const share = "Share";
 const share_qr_code = "Share QR Code";
@@ -5289,6 +5124,7 @@ const switching_network = "Switching network...";
 const system_drawing_winners = "System is Drawing Winners...";
 const system_automatically_select_winners = "System will automatically select winners in";
 const task = "Task";
+const completed = "Completed";
 const taskon_lv_level_higher = "TaskOn LV {level} or Higher";
 const taskon_lv_val = "TaskOn LV {val}";
 const taskon_poh_level_score_label = "Taskon POH Level {score_label}";
@@ -5353,19 +5189,14 @@ const estimated_rewards = "Your Estimated Rewards";
 const final_rewards = "Your Final Rewards";
 const ranking = "Your Ranking";
 const complete_task = "Your did not complete task:";
-const own_discord_role = "Your do not own a Discord Role";
 const own_discord_role_community = "Your do not own a Discord Role {role} in {community}";
 const completed_task = "Your have completed task:";
-const own_discord_role_2 = "Your own a Discord Role";
 const own_discord_role_community_2 = "Your own a Discord Role {role} in {community}";
 const name_lv_lt_count = "Your {name} Lv is ≥/< {count}";
 const val_wallet_address_allowlist = "Your {val} wallet address is in the allowlist";
 const zkme_citizenship_nft_holder = "ZKMe Citizenship NFT holder";
-const after = "after";
-const tasks_reviewed = "all tasks have been reviewed.";
 const better_luck = "better luck";
 const recaptcha_verification_required = "reCAPTCHA verification required";
-const following_eligibilities = "the following Eligibilities";
 const val_higher = "{val} or Higher";
 const official = "⚠️ Not Official";
 const winners_2 = "👑 Winners";
@@ -5375,21 +5206,16 @@ const any = "ANY";
 const winners_announced = "All winners are to be announced by";
 const least_count_transaction_s_chain = "At least {count} transaction(s) on {chain}";
 const click_copy_address = "Click to copy: {address}";
-const complete_2 = "Complete";
+const complete = "Complete";
 const complete_onchain_action_number_actionid = "Complete Onchain Action #{actionId}";
 const completed_current_required_optional_tasks = "Completed: {current} / {required} optional tasks";
 const confirm = "Confirm";
 const did = "DID";
-const holder_own_least_one = "DID Holder(own at least one";
 const earned_current_required_points = "Earned: {current} / {required} points";
 const equivalent_amounts_token_name = "Equivalent amounts of {token_name}";
 const link_discord_account = "Link Discord Account";
-const lv = "Lv is";
 const meet_eligibilities_below = "Meet Eligibilities Below";
-const member_discord_server = "Member of Discord server:";
 const multiple_rewards_detail = "Multiple Rewards Detail";
-const included_public_sybil_address = "Not included in a public sybil address";
-const chain_label = "On {chain_label}";
 const poh_verification = "POH Verification";
 const please_earn_least_count_points_optional_tasks = "Please earn at least {count} points from optional tasks";
 const please_move_key_blind_box_open_blind_box = "Please move the key to the blind box to open the blind box";
@@ -5397,11 +5223,9 @@ const points = "Points";
 const qualifier = "Qualifier";
 const quest = "Quest";
 const required = "REQUIRED";
-const reviewed_tasks = "Reviewed All Tasks";
 const rewards_per_winner = "Rewards Per Winner";
 const taskon_poh_level = "Taskon POH Level";
 const rankings_based_total_pointsname_earned_tasks_within_quest_instances = "The rankings are based on the total {pointsName} earned from all tasks within this quest. In instances of tied {pointsName}, submitters are ranked according to chronological order.";
-const quest_includes_proof_work_pow_tasks_which = "This quest includes Proof of Work (POW) tasks, which";
 const tier_index = "Tier {index}";
 const top_percent = "Top {from}%-{to}%";
 const top = "Top {from}-{to}";
@@ -5409,19 +5233,11 @@ const top_2 = "Top {to}";
 const top_percent_2 = "Top {to}%";
 const total_pointname = "Total {pointName}";
 const usd_token_name = "USD in {token_name}";
-const waiting = "Waiting for";
 const x_account_created_months_ago = "X account created more than {months} months ago";
 const x_account_count_followers = "X account with more than {count} followers";
-const your = "Your";
 const database = "database";
-const days = "days";
-const first = "first";
-const least = "for at least";
-const is = "is";
 const participants_2 = "participants";
-const tasks_secure_valid_ranking = "tasks to secure a valid ranking.";
 const token = "token)";
-const review_winners_selected = "will review. Winners will be selected";
 const pointsname_collected_tasks_completed_during_quest = "{pointsName} collected from all tasks completed during the quest.";
 const claim_again_send_new_transaction_recommended_when_sure_there = '"Claim Again" will send a new transaction it is only recommended when you are sure there is something wrong with the current transaction.';
 const fcfs = "FCFS";
@@ -5447,7 +5263,6 @@ const enMessages = {
   available,
   awesome_already_meet_requirements,
   babt_holder,
-  before_join_please_meet,
   binance_account_bound_token_bab,
   bind,
   bind_required_accounts,
@@ -5471,13 +5286,12 @@ const enMessages = {
   close,
   complete_campaign,
   complete_action_first,
-  complete,
   complete_campaign_2,
   complete_qualify_rewards,
   complete_milestone_name_first,
   completing,
   congratulations,
-  connect_wallet_participate,
+  start_to_earn,
   connecting_wallet,
   continue_waiting,
   contract_address,
@@ -5487,7 +5301,6 @@ const enMessages = {
   discord,
   discord_account_linked,
   discord_role,
-  discord_role_2,
   ens_domains_eth,
   evm_chain,
   exp_winner,
@@ -5516,7 +5329,6 @@ const enMessages = {
   limited_spots_gas_free_claiming,
   link_wallet_address,
   link_copied,
-  loading_quest,
   loading,
   lucky_draw,
   manually_upload,
@@ -5533,7 +5345,6 @@ const enMessages = {
   no_winners,
   qualified,
   tasks_successfully_verified_better_luck_next_time,
-  sybil_database,
   included_public_sybil_address_database,
   ok,
   only,
@@ -5548,11 +5359,8 @@ const enMessages = {
   oops_better_luck_next_time_2,
   open_blind_box,
   open,
-  own,
-  own_least,
   own_least_amount_token_name_chain_label,
   own_amount_name_nft_chain,
-  participants,
   participants_info,
   participants_any_user_who_complete_least_1_task_quest,
   pending_transaction,
@@ -5586,7 +5394,6 @@ const enMessages = {
   reward_amount_revealed_once_quest_ends,
   rewards,
   rewards_missed,
-  role,
   save,
   share,
   share_qr_code,
@@ -5604,6 +5411,7 @@ const enMessages = {
   system_drawing_winners,
   system_automatically_select_winners,
   task,
+  completed,
   taskon_lv_level_higher,
   taskon_lv_val,
   taskon_poh_level_score_label,
@@ -5668,19 +5476,14 @@ const enMessages = {
   final_rewards,
   ranking,
   complete_task,
-  own_discord_role,
   own_discord_role_community,
   completed_task,
-  own_discord_role_2,
   own_discord_role_community_2,
   name_lv_lt_count,
   val_wallet_address_allowlist,
   zkme_citizenship_nft_holder,
-  after,
-  tasks_reviewed,
   better_luck,
   recaptcha_verification_required,
-  following_eligibilities,
   val_higher,
   official,
   winners_2,
@@ -5690,21 +5493,16 @@ const enMessages = {
   winners_announced,
   least_count_transaction_s_chain,
   click_copy_address,
-  complete_2,
+  complete,
   complete_onchain_action_number_actionid,
   completed_current_required_optional_tasks,
   confirm,
   did,
-  holder_own_least_one,
   earned_current_required_points,
   equivalent_amounts_token_name,
   link_discord_account,
-  lv,
   meet_eligibilities_below,
-  member_discord_server,
   multiple_rewards_detail,
-  included_public_sybil_address,
-  chain_label,
   poh_verification,
   please_earn_least_count_points_optional_tasks,
   please_move_key_blind_box_open_blind_box,
@@ -5712,11 +5510,9 @@ const enMessages = {
   qualifier,
   quest,
   required,
-  reviewed_tasks,
   rewards_per_winner,
   taskon_poh_level,
   rankings_based_total_pointsname_earned_tasks_within_quest_instances,
-  quest_includes_proof_work_pow_tasks_which,
   tier_index,
   top_percent,
   top,
@@ -5724,20 +5520,11 @@ const enMessages = {
   top_percent_2,
   total_pointname,
   usd_token_name,
-  waiting,
   x_account_created_months_ago,
   x_account_count_followers,
-  your,
   database,
-  days,
-  first,
-  least,
-  "in": "in",
-  is,
   participants_2,
-  tasks_secure_valid_ranking,
   token,
-  review_winners_selected,
   pointsname_collected_tasks_completed_during_quest,
   claim_again_send_new_transaction_recommended_when_sure_there,
   fcfs,
@@ -5759,16 +5546,16 @@ const enMessages = {
 const loadMessages = createLocaleLoader(
   enMessages,
   {
-    ko: () => import("./quest-ko-CSmRWgK_.js").then((module2) => ({
+    ko: () => import("./quest-ko-BMu3uRQJ.js").then((module2) => ({
       default: module2.default
     })),
-    ja: () => import("./quest-ja-Dxd2vqBF.js").then((module2) => ({
+    ja: () => import("./quest-ja-Depog33y.js").then((module2) => ({
       default: module2.default
     })),
-    ru: () => import("./quest-ru-CkEKv1_F.js").then((module2) => ({
+    ru: () => import("./quest-ru-xne814Rw.js").then((module2) => ({
       default: module2.default
     })),
-    es: () => import("./quest-es-D-b5xcme.js").then((module2) => ({
+    es: () => import("./quest-es-Dyyy0zaw.js").then((module2) => ({
       default: module2.default
     }))
   }
@@ -5790,11 +5577,7 @@ function RewardModuleDialog({
   const isToken = type === "token";
   const isPoints = type === "points";
   const isNft = type === "nft";
-  const { messages, isLoading } = useWidgetLocale({
-    widgetId: "UserCenterWidget",
-    defaultMessages: enMessages$2,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../../UserCenter/locales/en.json": () => import("./UserCenterWidget-CvU6K4AC.js").then((n) => n.w), "../../../../UserCenter/locales/ja.json": () => import("./usercenter-ja-B2465c1O.js"), "../../../../UserCenter/locales/ko.json": () => import("./usercenter-ko-xAEYxqLg.js") }), `../../../../UserCenter/locales/${locale}.json`, 7)
-  });
+  const { messages, isLoading } = useUserCenterLocale();
   const tokenAssets = useTokenAssets({
     autoLoad: open2 && isToken
   });
@@ -5821,16 +5604,16 @@ function RewardModuleDialog({
     autoLoad: open2 && isPoints && Boolean(pointsInfo == null ? void 0 : pointsInfo.points_id)
   });
   const dialogTitle = useMemo(() => {
-    if (isToken) return messages.rewardToken ?? t("token_name");
-    if (isPoints) return messages.pointsHistory ?? t("points_history");
+    if (isToken) return messages.reward_token ?? t("token_name");
+    if (isPoints) return messages.points_history ?? t("points_history");
     if (isNft) return "NFT";
     return "";
   }, [
     isToken,
     isPoints,
     isNft,
-    messages.rewardToken,
-    messages.pointsHistory,
+    messages.reward_token,
+    messages.points_history,
     t
   ]);
   const handleOpenChange = useCallback(
@@ -5865,7 +5648,6 @@ function RewardModuleDialog({
               tokenHistoryLoading: tokenHistory.loading,
               tokenHistoryError: tokenHistory.error,
               tokenHistoryPagination: tokenHistory.pagination,
-              messages,
               onWithdraw: handleWithdraw,
               onBatchWithdraw: handleBatchWithdraw
             }
@@ -5877,18 +5659,16 @@ function RewardModuleDialog({
               data: pointsHistory.data,
               loading: pointsHistory.loading,
               error: pointsHistory.error,
-              pagination: pointsHistory.pagination,
-              messages
+              pagination: pointsHistory.pagination
             }
-          ) : /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyPoints })),
+          ) : /* @__PURE__ */ jsx(EmptyState, { message: messages.empty_points })),
           isNft && /* @__PURE__ */ jsx(
             NftRewardContent,
             {
               nftList: nftHistory.data,
               loading: nftHistory.loading,
               error: nftHistory.error,
-              pagination: nftHistory.pagination,
-              messages
+              pagination: nftHistory.pagination
             }
           )
         ] })
@@ -5898,7 +5678,6 @@ function RewardModuleDialog({
       WithdrawForm,
       {
         open: showWithdrawForm,
-        messages,
         tokenAssets: tokenAssets.data,
         tokenAssetsLoading: tokenAssets.loading,
         initialTokenId: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.token_id,
@@ -8081,7 +7860,7 @@ function requireLottie() {
             _stopped = true;
           }
         }
-        function first2(nowTime) {
+        function first(nowTime) {
           initTime = nowTime;
           window.requestAnimationFrame(resume);
         }
@@ -8148,7 +7927,7 @@ function requireLottie() {
         function activate() {
           if (!_isFrozen && playingAnimationsNum) {
             if (_stopped) {
-              window.requestAnimationFrame(first2);
+              window.requestAnimationFrame(first);
               _stopped = false;
             }
           }
@@ -12050,11 +11829,11 @@ function requireLottie() {
         }
         function getCodePoint(string) {
           var codePoint = 0;
-          var first2 = string.charCodeAt(0);
-          if (first2 >= 55296 && first2 <= 56319) {
+          var first = string.charCodeAt(0);
+          if (first >= 55296 && first <= 56319) {
             var second = string.charCodeAt(1);
             if (second >= 56320 && second <= 57343) {
-              codePoint = (first2 - 55296) * 1024 + second - 56320 + 65536;
+              codePoint = (first - 55296) * 1024 + second - 56320 + 65536;
             }
           }
           return codePoint;
@@ -23036,7 +22815,8 @@ const BlindBoxDialog = forwardRef(
       hasOpened && "taskon-quest-blindbox-chest--open"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-blindbox-dialog", children: [
-      /* @__PURE__ */ jsx("h2", { className: "taskon-quest-blindbox-dialog-title", children: t("please_move_key_blind_box_open_blind_box") }),
+      /* @__PURE__ */ jsx("h2", { className: "taskon-quest-blindbox-dialog-title", children: t("open_blind_box") }),
+      /* @__PURE__ */ jsx("p", { className: "taskon-quest-blindbox-dialog-subtitle", children: t("please_move_key_blind_box_open_blind_box") }),
       /* @__PURE__ */ jsxs("div", { ref: stageRef, className: "taskon-quest-blindbox-stage", children: [
         showBackground && /* @__PURE__ */ jsx("div", { className: "taskon-quest-blindbox-bg", children: /* @__PURE__ */ jsx("img", { src: bgImageUrl, alt: "", draggable: false }) }),
         /* @__PURE__ */ jsx("div", { ref: dropZoneRef, className: "taskon-quest-blindbox-dropzone" }),
@@ -23426,8 +23206,8 @@ function OnChainVerify({
   ] });
 }
 function getMonthFromMillSec(ms) {
-  const days2 = Math.floor(ms / (1e3 * 60 * 60 * 24));
-  return Math.floor(days2 / 30);
+  const days = Math.floor(ms / (1e3 * 60 * 60 * 24));
+  return Math.floor(days / 30);
 }
 function XAccountVerify({
   params
@@ -23870,19 +23650,19 @@ function EligibilityInfo({
 }
 export {
   BlindBoxDialog as B,
-  ConfirmNoticeDialog as C,
+  CardDescExpress as C,
   EligibilityInfo as E,
   I18nT as I,
   RewardModuleDialog as R,
   TitleExpress as T,
-  useBindWallet as a,
-  CardDescExpress as b,
-  useNftClaimFlow as c,
-  TaskItem as d,
-  Textarea as e,
-  useTaskWidgetLocale as f,
-  EligibilityList as g,
-  getDefaultExportFromCjs as h,
+  useNftClaimFlow as a,
+  TaskItem as b,
+  Textarea as c,
+  useTaskWidgetLocale as d,
+  useQuestLocale as e,
+  EligibilityList as f,
+  getDefaultExportFromCjs as g,
+  ConfirmNoticeDialog as h,
   sanitizeHtml as s,
-  useQuestLocale as u
+  useBindWallet as u
 };