@funkit/connect 6.15.2 → 6.15.3

package/dist/index.js

@@ -1237,6 +1237,8 @@ function abortCheckoutQuote() {
 // src/utils/checkout.ts
 import {
   CheckoutState as CheckoutState2,
+  ETHEREAL_API_KEY as ETHEREAL_API_KEY3,
+  HYENA_API_KEY as HYENA_API_KEY3,
   getAssetPriceInfo
 } from "@funkit/api-base";
 import {
@@ -1483,7 +1485,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "6.15.2";
+  return "6.15.3";
 }
 function useFingerprint() {
   const fingerprint = useCallback2(() => {
@@ -2374,6 +2376,7 @@ import {
   BULLPEN_API_KEY,
   CAMBRIA_API_KEY,
   ETHEREAL_API_KEY,
+  FELIX_API_KEY,
   HYENA_API_KEY,
   HYPERBEAT_API_KEY,
   HYPERDASH_API_KEY,
@@ -2606,7 +2609,8 @@ var flagConfig = {
               BULLPEN_API_KEY,
               LIGHTERXYZ_API_KEY,
               PERPL_API_KEY,
-              HYPEREDGE_API_KEY
+              HYPEREDGE_API_KEY,
+              FELIX_API_KEY
             ]
           }
         ],
@@ -4983,6 +4987,27 @@ function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
     stakingTokenIcon
   };
 }
+var LZOFT_CUSTOMERS = [ETHEREAL_API_KEY3, HYENA_API_KEY3];
+function isLayerZeroOftCheckout(apiKey, checkoutItem) {
+  if (!LZOFT_CUSTOMERS.includes(apiKey)) {
+    return false;
+  }
+  if (!checkoutItem) {
+    return false;
+  }
+  const checkoutConfig = checkoutItem.initSettings.config;
+  const sourceChainId = checkoutItem.selectedSourceAssetInfo.chainId;
+  const sourceTokenAddress = checkoutItem.selectedSourceAssetInfo.address || "";
+  const isNonDefaultDynamicTargetAsset = !!checkoutConfig.dynamicTargetAssetCandidates?.find(
+    (cand) => !cand.isDefault && isTokenEquivalent2({
+      firstTokenChainId: cand.tokenChainId,
+      firstTokenAddress: cand.tokenAddress,
+      secondTokenChainId: sourceChainId,
+      secondTokenAddress: sourceTokenAddress
+    })
+  );
+  return isNonDefaultDynamicTargetAsset;
+}
 
 // src/utils/purifyCheckoutHistoryItem.ts
 import {
@@ -5982,12 +6007,12 @@ var DEFAULT_TEXT_CONFIG_STEPS = {
     title: "Submitting transaction...",
     description: "Filling your transaction on the blockchain."
   },
-  2: ({ durationUnits, isWithdrawal }) => isWithdrawal ? {
+  2: ({ durationUnits, isWithdrawal, finalizeVerb }) => isWithdrawal ? {
     title: "Withdrawing from your account...",
     description: `Your funds will arrive in a few ${durationUnits}.`
   } : {
     title: "Depositing into your account...",
-    description: `It will take a few ${durationUnits} to finalize.`
+    description: `It will take a few ${durationUnits} to ${finalizeVerb}.`
   }
 };
 var STEP_SPINNER_SIZE = 30;
@@ -6441,7 +6466,8 @@ function TransactionStatus({
   const { description, title } = useMemo11(() => {
     return typeof textConfig === "function" ? textConfig({
       durationUnits: isLayerZero ? "minutes" : "seconds",
-      isWithdrawal
+      isWithdrawal,
+      finalizeVerb: isLayerZero ? "credit" : "finalize"
     }) : textConfig;
   }, [isLayerZero, isWithdrawal, textConfig]);
   const [descriptionKey, setDescriptionKey] = useState8(0);
@@ -6636,6 +6662,30 @@ function extractStartTimeMs(historyCheckoutItemId, activeCheckoutItem, { created
 
 // src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
 import React27, { useEffect as useEffect12, useState as useState10 } from "react";
+
+// src/hooks/useCheckoutTimeEstimate.ts
+import { FlagKey as FlagKey7, formatSecondsToReadableForm } from "@funkit/utils";
+var LAYERZEO_OFT_TIME_ESTIMATE_SECONDS = 180;
+function useCheckoutTimeEstimate(apiKey, checkoutItem, originalTimeEstimationMs, paymentMethod, bypassFlag) {
+  const timeEstimatesJsonString = useFlag(FlagKey7.CheckoutTimeEstimateOverrides);
+  const timeEstimates = safeJSONParse(
+    timeEstimatesJsonString
+  );
+  if (isLayerZeroOftCheckout(apiKey, checkoutItem)) {
+    return {
+      estimatedTime: LAYERZEO_OFT_TIME_ESTIMATE_SECONDS,
+      estimatedTimeText: "2 - 5 mins"
+    };
+  }
+  const hasFlagEstimate = !!timeEstimates?.[paymentMethod];
+  const estimatedTime = hasFlagEstimate && !bypassFlag ? timeEstimates[paymentMethod] : Math.ceil((originalTimeEstimationMs || 0) / 1e3);
+  return {
+    estimatedTime,
+    estimatedTimeText: estimatedTime === 0 ? "-" : formatSecondsToReadableForm(estimatedTime, true)
+  };
+}
+
+// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
 function FunDirectExecutionStatus({
   directExecution,
   isActiveCheckout,
@@ -6683,7 +6733,7 @@ function FunDirectExecutionStatusLoaded({
     return () => clearInterval(interval);
   }, []);
   const elapsedSeconds = (currentTimeMs - startTimeMs) / 1e3;
-  const delayedDepositCutoff = dangerousCustomDelayedAutoTriggerCutoff ?? 60;
+  const delayedDepositCutoff = dangerousCustomDelayedAutoTriggerCutoff ?? (isLayerZero ? LAYERZEO_OFT_TIME_ESTIMATE_SECONDS : 60);
   if (isRefunded) {
     return null;
   }
@@ -7211,7 +7261,7 @@ var ErrorFallback = () => /* @__PURE__ */ React35.createElement(
 );
 
 // src/components/FunBottomBar/FunBottomBar.tsx
-import { FlagKey as FlagKey7, isMobile as isMobile2 } from "@funkit/utils";
+import { FlagKey as FlagKey8, isMobile as isMobile2 } from "@funkit/utils";
 import React39 from "react";
 
 // src/components/FunButton/FunButton.tsx
@@ -7532,7 +7582,7 @@ var FunBottomBar = ({
   onClose
 }) => {
   const { uiCustomizations } = useFunkitConfig();
-  const showTagline = useFlag(FlagKey7.ShowPoweredTagline);
+  const showTagline = useFlag(FlagKey8.ShowPoweredTagline);
   const defaultBottomSection = showTagline ? /* @__PURE__ */ React39.createElement(FunPoweredTagline, null) : void 0;
   const bottomSectionComponent = bottomSection ?? defaultBottomSection;
   const hasMultipleButtons = !!onClose;
@@ -8196,7 +8246,7 @@ Dialog.BottomBar = FunBottomBar;
 import { RelayQuoteError } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import {
-  FlagKey as FlagKey13,
+  FlagKey as FlagKey14,
   formatCryptoAndStringify as formatCryptoAndStringify3,
   formatCurrencyAndStringify as formatCurrencyAndStringify3
 } from "@funkit/utils";
@@ -8376,7 +8426,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 import React62 from "react";
 
 // src/components/Dropdown/ChainDropdown.tsx
-import { FlagKey as FlagKey8 } from "@funkit/utils";
+import { FlagKey as FlagKey9 } from "@funkit/utils";
 import React59 from "react";
 
 // src/components/FunTooltip/FunTooltip.tsx
@@ -8613,10 +8663,14 @@ var SearchIcon = () => {
 
 // src/components/FunInput/FunInput.css.ts
 var baseWrapperStyles = "zue0i60";
-var inputClass = "zue0i63 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
-var inputClassDisabled = "zue0i65 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ry";
-var inputClassError = "zue0i67 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
-var numberInputResetStyle = "zue0i61";
+var baseWrapperStylesNoTransition = "zue0i61";
+var inputClass = "zue0i64 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
+var inputClassDisabled = "zue0i68 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ry";
+var inputClassDisabledNoTransition = "zue0i6a _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ry";
+var inputClassError = "zue0i6c _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
+var inputClassErrorNoTransition = "zue0i6e _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
+var inputClassNoTransition = "zue0i66 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
+var numberInputResetStyle = "zue0i62";
 
 // src/components/FunInput/FunInput.tsx
 var DEFAULT_ICON_FONT_SIZE = "57px";
@@ -8646,6 +8700,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
   borderRadius = "connectButton",
   isLoading = false,
   allowMultiline = false,
+  ignoreBaseTransitions = false,
   // widthFitContent,
   testId
 }, ref) {
@@ -8701,7 +8756,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
         e.currentTarget.blur();
       },
       className: clsx9(
-        error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
+        error ? ignoreBaseTransitions ? inputClassErrorNoTransition : inputClassError : inputProps.disabled ? ignoreBaseTransitions ? inputClassDisabledNoTransition : inputClassDisabled : ignoreBaseTransitions ? inputClassNoTransition : inputClass,
         numberInputResetStyle
       ),
       ...inputProps,
@@ -8780,7 +8835,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
         borderStyle: "solid",
         fontWeight: "medium",
         ...ignoreFontSize ? {} : { fontSize: "13" },
-        className: baseWrapperStyles,
+        className: ignoreBaseTransitions ? baseWrapperStylesNoTransition : baseWrapperStyles,
         background: overrideBackground || {
           base: "inputBackground",
           hover: "offBackground"
@@ -9463,9 +9518,9 @@ var ChainDropdown = ({
   tagComponent,
   testId
 }) => {
-  const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
+  const defaultChainIdJson = useFlag(FlagKey9.TokenTransferDefaultChainId);
   const defaultChainId = safeJSONParse(defaultChainIdJson);
-  const chainSortOrderJson = useFlag(FlagKey8.ChainIdSortOrder);
+  const chainSortOrderJson = useFlag(FlagKey9.ChainIdSortOrder);
   const chainSortOrder = safeJSONParse(chainSortOrderJson) || [];
   const chainIds = getSortedChainIds();
   const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
@@ -9573,7 +9628,7 @@ var ChainDropdown = ({
 };
 
 // src/components/Dropdown/TokenDropdown.tsx
-import { FlagKey as FlagKey9 } from "@funkit/utils";
+import { FlagKey as FlagKey10 } from "@funkit/utils";
 import React61, { useState as useState18 } from "react";
 
 // src/utils/flags/patches/enable-bitcoin-patch.ts
@@ -9716,12 +9771,12 @@ var NewTokenBadge = ({ iconSymbol }) => {
 // src/components/Dropdown/TokenDropdown.tsx
 var TOKEN_ICON_SIZE = 16;
 var useNewTokens = () => {
-  const enableBitcoin = useFlag(FlagKey9.EnableBitcoin);
-  const bannerJson = useFlag(FlagKey9.NewTokenAssetSelectionBanner);
+  const enableBitcoin = useFlag(FlagKey10.EnableBitcoin);
+  const bannerJson = useFlag(FlagKey10.NewTokenAssetSelectionBanner);
   const bannerData = useSafeJSONParse(bannerJson);
   const addBitcoinToNewTokensMiddleware = enableBitcoin ? addBitcoinToNewTokens : void 0;
   const newBadgeTokensJson = useFlag(
-    FlagKey9.TokenTransferNewTokens,
+    FlagKey10.TokenTransferNewTokens,
     void 0,
     addBitcoinToNewTokensMiddleware
   );
@@ -9742,7 +9797,7 @@ var TokenDropdown = ({
   hideNewTokenBadge,
   testId
 }) => {
-  const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
+  const defaultTokensJson = useFlag(FlagKey10.TokenTransferDefaultTokens);
   const defaultTokens = safeJSONParse(defaultTokensJson);
   const enabledTokens = assets[selectedChainId];
   const allTokens = getSortedTokens();
@@ -11460,13 +11515,13 @@ var useAssetSymbolPrice = ({
 };
 
 // src/hooks/useTokenChain.ts
-import { FlagKey as FlagKey11 } from "@funkit/utils";
+import { FlagKey as FlagKey12 } from "@funkit/utils";
 import { useEffect as useEffect25, useState as useState20 } from "react";
 import { polygon as polygon3 } from "viem/chains";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain4 } from "@funkit/chains";
-import { FlagKey as FlagKey10 } from "@funkit/utils";
+import { FlagKey as FlagKey11 } from "@funkit/utils";
 import { base as base5 } from "viem/chains";
 
 // src/hooks/useIsUsUser.ts
@@ -11483,14 +11538,14 @@ function useIsUsBankrUser() {
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   const isBankrUsUser = useIsUsBankrUser();
-  const enableBitcoin = useFlag(FlagKey10.EnableBitcoin);
+  const enableBitcoin = useFlag(FlagKey11.EnableBitcoin);
   const addBitcoinToSourceChainsAndAssetsMiddleware = enableBitcoin ? addBitcoinToSourceChainsAndAssets : void 0;
   const depositAssets = useFlag(
-    FlagKey10.TokenTransferSourceChainsAndAssets,
+    FlagKey11.TokenTransferSourceChainsAndAssets,
     void 0,
     addBitcoinToSourceChainsAndAssetsMiddleware
   );
-  const withdrawalAssets = useFlag(FlagKey10.WithdrawalChainsAndAssets);
+  const withdrawalAssets = useFlag(FlagKey11.WithdrawalChainsAndAssets);
   const assetsJsonString = isWithdrawal ? withdrawalAssets : depositAssets;
   const assets = safeJSONParse(assetsJsonString);
   if (!assets) {
@@ -11527,7 +11582,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
     transferInit ?? null,
     isWithdrawal
   );
-  const defaultChainIdFlag = useFlag(FlagKey11.TokenTransferDefaultChainId);
+  const defaultChainIdFlag = useFlag(FlagKey12.TokenTransferDefaultChainId);
   const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
   const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon3.id;
   const [selectedChainId, setSelectedChainId] = useState20(validDefaultChainId);
@@ -11750,7 +11805,7 @@ import { arbitrum as arbitrum4 } from "viem/chains";
 
 // src/hooks/useTokenTransfer.ts
 import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain5 } from "@funkit/chains";
-import { FlagKey as FlagKey12 } from "@funkit/utils";
+import { FlagKey as FlagKey13 } from "@funkit/utils";
 import { useMemo as useMemo17 } from "react";
 import { arbitrum as arbitrum3, mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
 
@@ -11774,7 +11829,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey12.EnableTokenTransferUniversalDepositAddress,
+    FlagKey13.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(
@@ -11827,7 +11882,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
 };
 var useMinTransferLimits = () => {
   const { userIpInfo } = useFunkitUserIp();
-  const minTransferValueJsonString = useFlag(FlagKey12.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey13.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -13005,7 +13060,7 @@ function useWithdrawalAssets(config) {
     },
     true
   );
-  const excludedTokenStr = useFlag(FlagKey13.WithdrawalExcludeTokens);
+  const excludedTokenStr = useFlag(FlagKey14.WithdrawalExcludeTokens);
   const excludedTokens = safeJSONParse(excludedTokenStr);
   if (excludedTokens) {
     for (const chainIdStr of Object.keys(excludedTokens)) {
@@ -13644,7 +13699,6 @@ import React217 from "react";
 import { createPortal as createPortal20 } from "react-dom";
 
 // src/components/FunTransactionSummary/PaymentMethodSummary.tsx
-import { formatSecondsToReadableForm as formatSecondsToReadableForm5 } from "@funkit/utils";
 import React210 from "react";
 
 // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
@@ -13708,11 +13762,7 @@ import { useAccount as useAccount6 } from "wagmi";
 
 // src/components/FunPayments/FunPaymentMethods.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus3 } from "@funkit/api-base";
-import {
-  FlagKey as FlagKey16,
-  formatCurrencyAndStringify as formatCurrencyAndStringify4,
-  formatSecondsToReadableForm
-} from "@funkit/utils";
+import { FlagKey as FlagKey16, formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
 import React78, { useEffect as useEffect30 } from "react";
 
 // src/domains/bridge.ts
@@ -13808,20 +13858,6 @@ function isKycUninitialized(customerStatus) {
 var isSoftRejected = (customer) => customer && isKycUninitialized(customer.status) && customer.rejection_reasons.length > 0;
 var FIAT_PROCESSING_TIME = "1-2 business days";
 
-// src/hooks/useCheckoutTimeEstimate.ts
-import { FlagKey as FlagKey14 } from "@funkit/utils";
-function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */, bypassFlag = false) {
-  const timeEstimatesJsonString = useFlag(FlagKey14.CheckoutTimeEstimateOverrides);
-  const timeEstimates = safeJSONParse(
-    timeEstimatesJsonString
-  );
-  const hasFlagEstimate = !!timeEstimates?.[paymentMethod];
-  if (bypassFlag || !hasFlagEstimate) {
-    return Math.ceil((originalTimeEstimationMs || 0) / 1e3);
-  }
-  return timeEstimates[paymentMethod];
-}
-
 // src/hooks/useFrogAccount.ts
 import {
   createBridgeBankAccount,
@@ -15426,6 +15462,7 @@ var ConnectedMeshPaymentMethodItem = ({
   onBrokerageError,
   showSelectedCheckmark = true
 }) => {
+  const { apiKey } = useFunkitConfig();
   const {
     data: assetHoldings,
     // Checking for isPending since isLoading is false initially while query is disabled
@@ -15435,11 +15472,14 @@ var ConnectedMeshPaymentMethodItem = ({
   } = useBluvoExchangeBalance({ exchange: paymentMethodInfo.exchange });
   const sourceBalance = assetHoldings ? getTotalAssetBalance(assetHoldings) : 0;
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
-  const timeEstimate = useCheckoutTimeEstimate(
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    null,
     BROKERAGE_TIME_ESTIMATE,
-    "brokerage" /* BROKERAGE */
+    "brokerage" /* BROKERAGE */,
+    false
   );
-  const disclaimerText = isPending ? "Fetching balance..." : isBalanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify4(sourceBalance)} \u2022 ${formatSecondsToReadableForm(timeEstimate, true)}`;
+  const disclaimerText = isPending ? "Fetching balance..." : isBalanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify4(sourceBalance)} \u2022 ${estimatedTimeText}`;
   const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
   const isDisabled = isPending || !!isBalanceError || hasLowBalance;
   const icon = isPending ? /* @__PURE__ */ React78.createElement(SpinnerIcon, { size: 20 }) : label.icon;
@@ -15506,10 +15546,13 @@ var CardPaymentMethodItem = ({
   onClick,
   paymentIcon
 }) => {
-  const { textCustomizations } = useFunkitConfig();
-  const timeEstimate = useCheckoutTimeEstimate(
+  const { apiKey, textCustomizations } = useFunkitConfig();
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    null,
     CARD_TIME_ESTIMATE,
-    "card" /* CARD */
+    "card" /* CARD */,
+    false
   );
   return /* @__PURE__ */ React78.createElement(
     FunPaymentMethodItem,
@@ -15520,7 +15563,7 @@ var CardPaymentMethodItem = ({
       valueIcon: customValueIcon ?? /* @__PURE__ */ React78.createElement(CombinedCreditCardOptionsIcon, null),
       onClick,
       isDisabled: !isClickable,
-      disclaimerText: `$50,000 limit \u2022 ${formatSecondsToReadableForm(timeEstimate, true)}`,
+      disclaimerText: `$50,000 limit \u2022 ${estimatedTimeText}`,
       testId: "card-payment-method"
     }
   );
@@ -15569,14 +15612,17 @@ var BrokeragePaymentMethodItem = ({
   onClick,
   paymentIcon
 }) => {
-  const { textCustomizations } = useFunkitConfig();
+  const { apiKey, textCustomizations } = useFunkitConfig();
   const { exchangeOptions } = useBluvoSupportedExchanges({
     iconSize: 12,
     filterBy: ["live" /* Live */, "coming_soon" /* ComingSoon */]
   });
-  const timeEstimate = useCheckoutTimeEstimate(
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    null,
     BROKERAGE_TIME_ESTIMATE,
-    "brokerage" /* BROKERAGE */
+    "brokerage" /* BROKERAGE */,
+    false
   );
   return /* @__PURE__ */ React78.createElement(
     FunPaymentMethodItem,
@@ -15587,7 +15633,7 @@ var BrokeragePaymentMethodItem = ({
       onClick,
       valueIcon: customValueIcon ?? /* @__PURE__ */ React78.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, exchangeOptions.map(({ exchange, exchangeIcon }) => /* @__PURE__ */ React78.createElement(React78.Fragment, { key: exchange }, exchangeIcon))),
       isDisabled: !isClickable,
-      disclaimerText: `No limit \u2022 ${formatSecondsToReadableForm(timeEstimate, true)}`
+      disclaimerText: `No limit \u2022 ${estimatedTimeText}`
     }
   );
 };
@@ -21557,7 +21603,7 @@ function ConfirmationStep({
 }) {
   const { checkoutItem, updateTargetAssetAmount } = useCheckoutContext();
   const { latestQuote } = useQuoteContext();
-  const funkitConfig = useFunkitConfig();
+  const { apiKey, uiCustomizations } = useFunkitConfig();
   const { getDirectExecutionInfo } = useCheckoutDirectExecution();
   const { bluvoClient } = useFunkitBrokerageContext();
   const { paymentMethodInfo } = modalState;
@@ -21651,7 +21697,9 @@ function ConfirmationStep({
     checkoutConfig: checkoutItem?.initSettings.config,
     hideAmount: true
   });
-  const estimatedTime = useCheckoutTimeEstimate(
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    checkoutItem,
     latestQuote?.finalTimeEstimationMs,
     paymentMethodInfo.paymentMethod,
     isDirectExecution
@@ -21680,7 +21728,6 @@ function ConfirmationStep({
   };
   const isQuoteLoading = isInitialQuoting || isQuoting;
   const isStepLoading = isInitialQuoting || isContinuing || isRefreshing;
-  const uiCustomizations = funkitConfig.uiCustomizations?.confirmationScreen;
   const customRecipient = checkoutItem?.initSettings.config.customRecipient;
   const showKatanaBridgeAlert = useMemo33(() => {
     const relayQuoteMetadata = latestQuote?.baseQuote?.metadata;
@@ -21688,14 +21735,14 @@ function ConfirmationStep({
       return false;
     }
     const { swapImpact, appFeePercent } = extractRelayFeeInfo(relayQuoteMetadata);
-    return isKatanaCustomer(funkitConfig.apiKey) && // Don't show for earn flow
+    return isKatanaCustomer(apiKey) && // Don't show for earn flow
     !isKatanaEarnFlow({
-      apiKey: funkitConfig.apiKey,
+      apiKey,
       checkoutConfig: checkoutItem?.initSettings.config
     }) && // Don't take totalImpact, just sum swapImpact and appFeePercent
     // https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
     swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
-  }, [funkitConfig.apiKey, latestQuote, checkoutItem]);
+  }, [apiKey, latestQuote, checkoutItem]);
   const checkoutConfig = checkoutItem?.initSettings.config;
   const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
   const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
@@ -21714,7 +21761,7 @@ function ConfirmationStep({
     checkoutItem && !hidePrimaryInfo && /* @__PURE__ */ React145.createElement(
       CheckoutPrimaryInfo,
       {
-        showTokenAmount: uiCustomizations?.showTokenAmount,
+        showTokenAmount: uiCustomizations?.confirmationScreen?.showTokenAmount,
         config: checkoutItem.initSettings.config,
         usdAmount: latestQuote?.baseQuote.estSubtotalUsd,
         isLoading: isQuoteLoading
@@ -21726,7 +21773,7 @@ function ConfirmationStep({
         paymentMethodInfo,
         customRecipient,
         isLoading: isQuoteLoading,
-        estimatedTime
+        estimatedTimeText
       }
     ),
     /* @__PURE__ */ React145.createElement(
@@ -21799,8 +21846,11 @@ var DirectExecutionNotifCenterContent = ({
 }) => {
   const { checkoutItem } = useCheckoutContext();
   const { latestQuote } = useQuoteContext();
+  const { apiKey } = useFunkitConfig();
   const bottomSectionRef = useBottomSectionRef();
-  const estimatedTime = useCheckoutTimeEstimate(
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    checkoutItem,
     latestQuote?.finalTimeEstimationMs,
     paymentMethodInfo.paymentMethod,
     false
@@ -21851,7 +21901,7 @@ var DirectExecutionNotifCenterContent = ({
         paymentMethodInfo,
         customRecipient,
         isLoading: false,
-        estimatedTime
+        estimatedTimeText
       }
     ),
     /* @__PURE__ */ React146.createElement(
@@ -24697,14 +24747,16 @@ function useAmountInputUI({
   fiatCurrency,
   handleSubmit
 }) {
-  const [isAnimating, setIsAnimating] = React161.useState(false);
+  const [isLayoutAnimating, setisLayoutAnimating] = React161.useState(true);
   const { targetAssetTicker, stakingToken } = checkoutConfig;
   const handleIsAmountInAbsoluteToggle = () => {
+    setisLayoutAnimating(true);
     if (!stakingToken) {
       toggleInputInFiat();
     }
   };
   const handleKeyDown = (event) => {
+    setisLayoutAnimating(false);
     if (event.key !== "Enter") {
       return;
     }
@@ -24745,6 +24797,7 @@ function useAmountInputUI({
       fontVariantNumeric: "proportional-nums"
     },
     ignoreFontSize: true,
+    ignoreBaseTransitions: true,
     overrideBorderWidth: "0",
     overrideBackground: "transparent",
     placeholder,
@@ -24756,7 +24809,7 @@ function useAmountInputUI({
     duration: 0.2,
     ease: [0.25, 1, 0.5, 1],
     layout: {
-      duration: 0.2,
+      duration: isLayoutAnimating ? 0.2 : 0,
       ease: [0.25, 1, 0.5, 1]
     }
   };
@@ -24768,8 +24821,6 @@ function useAmountInputUI({
     input: {
       transition,
       animate: { fontSize },
-      onAnimationStart: () => setIsAnimating(true),
-      onAnimationComplete: () => setIsAnimating(false),
       style: {
         color: "var(--fk-color-primary-text)",
         display: "flex",
@@ -24783,8 +24834,6 @@ function useAmountInputUI({
     switch: {
       transition,
       animate: { fontSize: "inherit" },
-      onAnimationStart: () => setIsAnimating(true),
-      onAnimationComplete: () => setIsAnimating(false),
       style: {
         color: "var(--fk-color-secondary-text)",
         zIndex: 100,
@@ -24809,7 +24858,7 @@ function useAmountInputUI({
         opacity: 0
       },
       animate: {
-        opacity: isAnimating ? 1 : 0
+        opacity: isLayoutAnimating ? 1 : 0
       },
       transition,
       style: {
@@ -24843,7 +24892,27 @@ function useAmountInputUI({
           width: inputWidth
         }
       },
-      isInputInFiat ? /* @__PURE__ */ React161.createElement(motion9.div, { key: "fiat", layoutId: "fiat", ...motionProps.input }, inputAffix.type === "prefix" && affixElement, /* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }), /* @__PURE__ */ React161.createElement(Backdrop, null)) : /* @__PURE__ */ React161.createElement(motion9.div, { key: "asset", layoutId: "asset", ...motionProps.input }, /* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }), inputAffix.type === "suffix" && affixElement, /* @__PURE__ */ React161.createElement(Backdrop, null))
+      isInputInFiat ? /* @__PURE__ */ React161.createElement(
+        motion9.div,
+        {
+          key: "fiat",
+          layoutId: isLayoutAnimating ? "fiat" : void 0,
+          ...motionProps.input
+        },
+        inputAffix.type === "prefix" && affixElement,
+        /* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }),
+        /* @__PURE__ */ React161.createElement(Backdrop, null)
+      ) : /* @__PURE__ */ React161.createElement(
+        motion9.div,
+        {
+          key: "asset",
+          layoutId: isLayoutAnimating ? "asset" : void 0,
+          ...motionProps.input
+        },
+        /* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }),
+        inputAffix.type === "suffix" && affixElement,
+        /* @__PURE__ */ React161.createElement(Backdrop, null)
+      )
     )
   );
   const innerSwitch = (() => {
@@ -25867,7 +25936,8 @@ function MeldRedirect({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import {
   FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2,
-  etherealChain
+  etherealChain,
+  hyperEvmChain as hyperEvmChain3
 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
 import React172, { useEffect as useEffect45, useMemo as useMemo40, useState as useState53 } from "react";
@@ -26612,6 +26682,16 @@ function isTreatedAsNativeToken(apiKey, asset, dynamicTargetAssetCandidates) {
       return true;
     }
   }
+  if (isHyenaCustomer(apiKey)) {
+    if (isTokenEquivalent8({
+      firstTokenChainId: hyperEvmChain3.id.toString(),
+      firstTokenAddress: "0x5d3a1ff2b6bab83b63cd9ad0787074081a52ef34",
+      secondTokenChainId: asset.pickedChainId,
+      secondTokenAddress: asset.tokenAddress
+    })) {
+      return true;
+    }
+  }
   return dynamicTargetAssetCandidates.some(
     (token) => isTokenEquivalent8({
       firstTokenChainId: token.tokenChainId,
@@ -27335,10 +27415,7 @@ var QRCodeSkeletonLoader = ({
 var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
-import {
-  formatNumberAndStringify,
-  formatSecondsToReadableForm as formatSecondsToReadableForm4
-} from "@funkit/utils";
+import { formatNumberAndStringify } from "@funkit/utils";
 import React186 from "react";
 
 // src/components/Icons/New/DollarIcon.tsx
@@ -27629,7 +27706,10 @@ var TransferTokenDetails = ({
   estPriceImpact,
   maxSlippage
 }) => {
-  const timeEstimation = useCheckoutTimeEstimate(
+  const { apiKey } = useFunkitConfig();
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    null,
     // not provided on purpose for <1min default visuals
     estProcessingTime,
     "token_transfer" /* TOKEN_TRANSFER */,
@@ -27694,7 +27774,7 @@ var TransferTokenDetails = ({
         ] : [],
         {
           text: "Processing time:",
-          value: formatSecondsToReadableForm4(timeEstimation, true),
+          value: estimatedTimeText,
           icon: /* @__PURE__ */ React186.createElement(SpeedometerIcon, null)
         },
         {
@@ -30003,7 +30083,7 @@ var PaymentRouteSummarySkeletonLoader = () => /* @__PURE__ */ React209.createEle
 function PaymentMethodSummary({
   paymentMethodInfo,
   customRecipient,
-  estimatedTime,
+  estimatedTimeText,
   isLoading,
   isWithdrawal = false
 }) {
@@ -30024,7 +30104,7 @@ function PaymentMethodSummary({
         width: "54"
       }
     )
-  ) : /* @__PURE__ */ React210.createElement(Text, { weight: "medium", size: "12", textAlign: "right" }, estimatedTime === 0 ? "-" : formatSecondsToReadableForm5(estimatedTime, true))));
+  ) : /* @__PURE__ */ React210.createElement(Text, { weight: "medium", size: "12", textAlign: "right" }, estimatedTimeText)));
 }
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
@@ -31247,8 +31327,11 @@ var DirectExecutionNotifCenterContent2 = ({
   paymentMethodInfo,
   quote
 }) => {
+  const { apiKey } = useFunkitConfig();
   const bottomSectionRef = useBottomSectionRef();
-  const estimatedTime = useCheckoutTimeEstimate(
+  const { estimatedTimeText } = useCheckoutTimeEstimate(
+    apiKey,
+    null,
     quote?.finalTimeEstimationMs,
     paymentMethodInfo.paymentMethod,
     false
@@ -31299,8 +31382,8 @@ var DirectExecutionNotifCenterContent2 = ({
         paymentMethodInfo,
         customRecipient,
         isLoading: false,
-        estimatedTime,
-        isWithdrawal: true
+        isWithdrawal: true,
+        estimatedTimeText
       }
     ),
     /* @__PURE__ */ React217.createElement(HelpAlert, { onHelp })
@@ -32908,7 +32991,6 @@ function FunCheckoutModalInner({
   const checkoutConfig = hideModalTitleMetaIfTrue(
     checkoutItem.initSettings.config,
     HIDE_MODAL_META_TITLE_AND_DIVIDER.includes(modalState.step)
-    // any is fine here, as we're just checking if the step is in the array
   );
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
@@ -32929,10 +33011,7 @@ function FunCheckoutModalInner({
     withTopDivider: checkoutConfig.modalTitleMeta ? "always" : "scroll",
     scrollableContent: CHECKOUT_DIALOG_CONTENT_ID
   });
-  const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(
-    modalState.step
-    // any is fine here, as we're just checking if the step is in the array
-  ) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
+  const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
   return /* @__PURE__ */ React239.createElement(
     Dialog,
     {