@funkit/connect 6.15.2 → 6.15.4

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @funkit/connect
 
+## 6.15.4
+
+### Patch Changes
+
+- 1d3c43c: refactor: lighter chain configs
+- 6256f11: feat(connect): added i18n support for katana bridge alert
+- 0e331de: fix: receive token icon url on transfer crypto
+- ecb6423: fix ghost meld quote calls
+- 1851c89: hyperdash theme updates
+- b967fc0: chore(connect): deprecate Permit2Tokens flag
+- b5d2d2f: support external logged-in users for fiat account management
+- Updated dependencies [1d3c43c]
+- Updated dependencies [b353a64]
+- Updated dependencies [b967fc0]
+- Updated dependencies [b967fc0]
+- Updated dependencies [b5d2d2f]
+  - @funkit/chains@0.4.6
+  - @funkit/fun-relay@2.1.13
+  - @funkit/api-base@1.12.17
+  - @funkit/utils@1.1.18
+  - @funkit/core@2.3.62
+  - @funkit/wagmi-tools@3.0.85
+
+## 6.15.3
+
+### Patch Changes
+
+- 7b14496: feat(connect): override time estimate for lzOFT checkouts
+- Updated dependencies [b4c2d23]
+  - @funkit/fun-relay@2.1.12
+
 ## 6.15.2
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
     readonly showinfobanner: {
         readonly value: {
             readonly message: "";
-            readonly expireAtMs: 0;
+            readonly expireAtMs: 1;
             readonly type: "announcement";
         };
     };

package/dist/components/CopyAddress/CopyInputDisplayedAddress.d.ts

@@ -3,5 +3,8 @@ interface CopyInputDisplayedAddressProps {
     address: string;
     truncateAddress?: boolean;
 }
-export declare function CopyInputDisplayedAddress({ address, truncateAddress, }: CopyInputDisplayedAddressProps): React.JSX.Element;
+/**
+ * Main exported component that conditionally renders English or i18n version
+ */
+export declare function CopyInputDisplayedAddress(props: CopyInputDisplayedAddressProps): React.JSX.Element;
 export {};

package/dist/components/FunInput/FunInput.css.d.ts

@@ -1,5 +1,9 @@
 export declare const baseWrapperStyles: string;
+export declare const baseWrapperStylesNoTransition: string;
 export declare const numberInputResetStyle: string;
 export declare const inputClass: string;
+export declare const inputClassNoTransition: string;
 export declare const inputClassDisabled: string;
+export declare const inputClassDisabledNoTransition: string;
 export declare const inputClassError: string;
+export declare const inputClassErrorNoTransition: string;

package/dist/components/FunInput/FunInput.d.ts

@@ -30,6 +30,8 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     isLoading?: boolean;
     /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
     allowMultiline?: T extends HTMLInputElement ? false : true;
+    /** Remove default transitions from the input wrapper and base styles. Defaults to false. */
+    ignoreBaseTransitions?: boolean;
     testId?: string;
 }
 export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;

package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts

@@ -5,8 +5,8 @@ interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
     customRecipient: FunAddress | undefined;
     isLoading: boolean;
-    estimatedTime: number;
+    estimatedTimeText: string;
     isWithdrawal?: boolean;
 }
-export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTime, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
+export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTimeText, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
 export {};

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -1,3 +1,4 @@
+import type { TFunction } from 'i18next';
 import React, { type ReactNode } from 'react';
 import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
 interface TransactionStatusProps {
@@ -15,13 +16,14 @@ export type TextConfig = {
     title: string;
 };
 export type TextConfigContext = {
-    durationUnits: 'minutes' | 'seconds';
+    durationUnits: string;
     isWithdrawal: boolean;
+    finalizeVerb: string;
 };
 export type TextConfigStatus = Record<Exclude<TransactionStatusProps['status'], 'progress'> | 'progress_delayed', TextConfig | ((context: TextConfigContext) => TextConfig)>;
-export declare const DEFAULT_TEXT_CONFIG_STATUS: TextConfigStatus;
+export declare const getDefaultTextConfigStatus: (t: TFunction) => TextConfigStatus;
 export type TextConfigSteps = Record<CheckoutProgressStep, TextConfig | ((context: TextConfigContext) => TextConfig)>;
-export declare const DEFAULT_TEXT_CONFIG_STEPS: TextConfigSteps;
+export declare const getDefaultTextConfigSteps: (t: TFunction) => TextConfigSteps;
 export declare function TransactionStatusLoading({ expectedStatus, }: {
     expectedStatus: TransactionStatusProps['status'];
 }): React.JSX.Element;

package/dist/consts/checkout.d.ts

@@ -1,3 +1,4 @@
+import type { TFunction } from 'i18next';
 export declare enum CheckoutInitStepMessage {
     CONFIRMING = 0,
     PREPARING_DATA = 1,
@@ -5,7 +6,7 @@ export declare enum CheckoutInitStepMessage {
     WAITING_FOR_SIGNATURE = 3,
     WAITING_FOR_CONFIRMATION = 4
 }
-export declare const CHECKOUT_STEP_MESSAGE: {
+export declare const getCheckoutStepMessage: (t: TFunction) => {
     1: string;
     0: string;
     2: string;
@@ -17,7 +18,7 @@ export declare enum Web3AccountBalanceMessage {
     SWITCH_CHAIN = 1,
     APPROVE_TRANSFER = 2
 }
-export declare const WEB3_ACCOUNT_BALANCE_MESSAGE: {
+export declare const getWeb3AccountBalanceMessage: (t: TFunction) => {
     0: string;
     1: string;
     2: (tokenSymbol: string) => string;

package/dist/consts/quote.d.ts

@@ -1,25 +1,68 @@
+import type { TFunction } from 'i18next';
 export declare enum PendingQuoteMessage {
     PREPARING = 0,
     VERIFYING_PROVIDER = 1,
     ESTIMATING_GAS = 2,
     FINALIZING = 3
 }
-export declare const PENDING_QUOTE_MESSAGE_GENERATOR: {
+export declare const getPendingQuoteMessageGenerator: (t: TFunction) => {
     0: () => string;
     1: (provider: string) => string;
     2: () => string;
     3: () => string;
 };
+export declare const getQuoteApiErrorStringInfo: (t: TFunction) => {
+    0: {
+        check: string;
+        display: string;
+    };
+    1: {
+        check: string;
+        display: string;
+    };
+    6: {
+        check: string;
+        display: string;
+    };
+    2: {
+        check: string;
+        display: string;
+    };
+    3: {
+        check: string;
+        display: string;
+    };
+    4: {
+        check: string;
+        display: string;
+    };
+    5: {
+        check: string;
+        display: string;
+    };
+};
 export declare enum QuoteCustomErrorType {
     INSUFFICIENT_BALANCE_PRE_CHECK = 0,
     INSUFFICIENT_TOKEN_BALANCE_PRE_CHECK = 1,
     INSUFFICIENT_BALANCE_POST_CHECK = 2,
     INSUFFICIENT_AMOUNT_POST_CHECK = 3
 }
-export declare const QUOTE_CUSTOM_ERROR_STRING_INFO: {
-    [type in QuoteCustomErrorType]: {
+export declare const getQuoteCustomErrorStringInfo: (t: TFunction) => {
+    0: {
+        check: string;
+        display: string;
+    };
+    1: {
+        check: string;
+        display: string;
+    };
+    2: {
+        check: string;
+        display: string;
+    };
+    3: {
         check: string;
         display: string;
     };
 };
-export declare function generateQuoteApiErrorForDisplay(err: Error): string;
+export declare function generateQuoteApiErrorForDisplay(err: Error, t: TFunction): string;

package/dist/domains/asset.d.ts

@@ -1,3 +1,4 @@
+import type { TFunction } from 'i18next';
 import type { Address } from 'viem';
 import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 import { LoginType } from '~/providers/GeneralWalletProvider';
@@ -20,8 +21,9 @@ interface AssetUsableToPayParms {
     loginType: LoginType;
     isAllowedForCheckout: boolean;
     minUsdRequired?: number;
+    t: TFunction;
 }
-export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, minUsdRequired, }: AssetUsableToPayParms) => {
+export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, minUsdRequired, t, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
 };

package/dist/domains/bridge.d.ts

@@ -7,14 +7,13 @@
  * https://docs.google.com/document/d/1A0GVWMIe1aLHtblMYJZfFP3C-DybMo47l4vvoxcbpcs/edit?tab=t.0
  */
 import { type BaseApiRequest, type BridgeCustomer, BridgeCustomerStatus, BridgeKycStatus, type BridgeSubAccount, type BridgeVirtualBankAccount, type CreateBridgeBankAccountRequest, type FunAddress } from '@funkit/api-base';
-import type { Address } from 'viem';
 /** Bridge only supports a handful of chains so we need to normalize other chains to the supported chain*/
 export declare const findBridgeSupportedChain: (chainId: string) => CreateBridgeBankAccountRequest["chainName"];
 export interface AllFiatAccounts {
     bridgeCustomer?: BridgeCustomer;
     bankAccounts?: BridgeVirtualBankAccount[];
 }
-export declare function fetchFrogAccounts(walletAddress: Address, params: BaseApiRequest): Promise<import("@funkit/api-base").SubAccount[] | null>;
+export declare function fetchFrogAccounts(walletAddress: string, params: BaseApiRequest): Promise<import("@funkit/api-base").SubAccount[] | null>;
 export declare function fetchAllFiatAccounts(bridgeSubAccount: BridgeSubAccount | undefined, params: BaseApiRequest): Promise<AllFiatAccounts>;
 export declare function getMatchingBankAccount(accounts: AllFiatAccounts, targetChain: string, targetAddress: FunAddress): BridgeVirtualBankAccount | undefined;
 export declare const getFiatAccountLabel: (defaultLabel: string, account?: BridgeVirtualBankAccount) => string;

package/dist/hooks/useCheckoutDirectExecution.d.ts

@@ -1,6 +1,6 @@
 import { DirectExecutionType } from '@funkit/api-base';
 import type { RelayTxHash, RelayVmType } from '@funkit/fun-relay';
-import { type CheckoutQuoteResponse } from '@funkit/utils';
+import type { CheckoutQuoteResponse } from '@funkit/utils';
 import type { Address, Hex } from 'viem';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams } from '~/providers/FunkitCheckoutContext';

package/dist/hooks/useCheckoutTimeEstimate.d.ts

@@ -1,4 +1,6 @@
-import { PaymentMethod } from '~/domains/paymentMethods';
+import type { PaymentMethod } from '~/domains/paymentMethods';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+export declare const LAYERZEO_OFT_TIME_ESTIMATE_SECONDS = 180;
 /**
  * https://linear.app/funxyz/issue/PE-775/sdkconnectwith-next-pm-requests
  * @param originalTimeEstimationMs time estimation in milliseconds
@@ -6,5 +8,7 @@ import { PaymentMethod } from '~/domains/paymentMethods';
  * @param bypassFlag whether to ignore flag value and return the original time estimation fallback even if flag is defined
  * @returns time estimation in seconds
  */
-export declare function useCheckoutTimeEstimate(originalTimeEstimationMs: number | undefined, paymentMethod?: PaymentMethod, //TODO: questionable
-bypassFlag?: boolean): number;
+export declare function useCheckoutTimeEstimate(apiKey: string, checkoutItem: FunkitActiveCheckoutItem | null, originalTimeEstimationMs: number | undefined, paymentMethod: PaymentMethod, bypassFlag: boolean): {
+    estimatedTime: number;
+    estimatedTimeText: string;
+};

package/dist/hooks/useFunkitTranslation.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Custom hook for accessing translations in Funkit components
+ * Wrapper around react-i18next's useTranslation hook
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { t } = useFunkitTranslation()
+ *   return <button>{t('common.confirm')}</button>
+ * }
+ * ```
+ *
+ * @example With interpolation
+ * ```tsx
+ * function MyComponent() {
+ *   const { t } = useFunkitTranslation()
+ *   return <div>{t('checkout.minAmount', { amount: '10 USDC' })}</div>
+ * }
+ * ```
+ */
+export declare function useFunkitTranslation(): import("react-i18next").UseTranslationResponse<"translation", undefined>;

package/dist/index.css

@@ -9658,32 +9658,47 @@
   transform: translate(calc(-100% - 18px), 100%);
 }
 
-/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjAgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2MTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiwgLnp1ZTBpNjE6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24gewogIG1hcmdpbjogMDsKICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjFbdHlwZT1udW1iZXJdIHsKICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2Mzo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLnp1ZTBpNjUgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKICBvcGFjaXR5OiAwLjU7Cn0KLnp1ZTBpNjU6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwp9Ci56dWUwaTY3IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICB3aWR0aDogMTAwJTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLnp1ZTBpNjc6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLXNlY29uZGFyeVRleHQpOwp9 */
+/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82TQUsDMRCF7/sr5iJU2CxZbYukeNKf4E08TLJDDc1OltmstRX/u3Rr6UpRxFroMeHlve9NkmLdkfZTDW8ZQBLk1icf2QCGAOVE1y24znqnLK09yUgX1znoHHShpzmUl7PsPSu2HuWBB0emgeDKGLUku/BJxS6RqLbxrGyXUuQcDkWe+auoD6hR5p4N6FkGsJNi0xAKsqPD1Me0auiWu9qSPPUWqo7rn46Me5VFt5hL7LhSLoYoZtutQSFOm3AbpSLZnQaIXQqeab+x9FV6NlBqfTE7erxjY5qAjp5jqEh6wk+sF5SRUrLYYraqJRe5Qlk90GsaWkxP0WvvfjzgzRkNHiA26HxaGdDFZAj5657oNpl3m8W9b9EGqoZt8TRtv8HG/8J2Z3RJe6jjHx+d9HfQ3wE/ALoQWt+kBQAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i61::-webkit-outer-spin-button,
-[data-rk] .zue0i61::-webkit-inner-spin-button {
+[data-rk] .zue0i61 {
+  transition: none;
+}
+[data-rk] .zue0i62::-webkit-outer-spin-button,
+[data-rk] .zue0i62::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
 }
-[data-rk] .zue0i61[type=number] {
+[data-rk] .zue0i62[type=number] {
   -moz-appearance: none;
 }
-[data-rk] .zue0i63 {
+[data-rk] .zue0i64 {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i63::-moz-placeholder {
+[data-rk] .zue0i64::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i63::placeholder {
+[data-rk] .zue0i64::placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i65 {
+[data-rk] .zue0i66 {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+}
+[data-rk] .zue0i66::-moz-placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i66::placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i68 {
   background-color: transparent;
   border: none;
   outline: none;
@@ -9691,23 +9706,48 @@
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
   opacity: 0.5;
 }
-[data-rk] .zue0i65::-moz-placeholder {
+[data-rk] .zue0i68::-moz-placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i65::placeholder {
+[data-rk] .zue0i68::placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i67 {
+[data-rk] .zue0i6a {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  opacity: 0.5;
+}
+[data-rk] .zue0i6a::-moz-placeholder {
+  color: var(--rk-colors-actionColorDisabled);
+}
+[data-rk] .zue0i6a::placeholder {
+  color: var(--rk-colors-actionColorDisabled);
+}
+[data-rk] .zue0i6c {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i67::-moz-placeholder {
+[data-rk] .zue0i6c::-moz-placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i6c::placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i6e {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+}
+[data-rk] .zue0i6e::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i67::placeholder {
+[data-rk] .zue0i6e::placeholder {
   color: var(--rk-colors-secondaryText);
 }
 

package/dist/index.d.ts

@@ -12,8 +12,10 @@ export { PaymentMethod } from './domains/paymentMethods';
 export { useConnectionStatus } from './hooks/useConnectionStatus';
 export type { ConnectionStatus } from './hooks/useConnectionStatus';
 export { useFunkitMaxCheckoutUsdInfo } from './hooks/useFunkitMaxCheckoutUsdInfo';
+export { useFunkitTranslation } from './hooks/useFunkitTranslation';
 export { useUpdateActiveFunkitCheckout } from './hooks/useUpdateActiveFunkitCheckout';
 export type { Locale } from './locales/';
+export { i18n, localeMapping } from './locales/';
 export type { AuthenticationConfig, AuthenticationStatus, } from './providers/AuthenticationContext';
 export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } from './providers/AuthenticationContext';
 export type { AuthenticationAdapter, FunkitConnectAuthenticationProviderProps, } from './providers/AuthenticationContext';