@funkit/connect 5.4.0 → 5.5.0

package/dist/modals/CheckoutModal/CheckoutComplete/CheckoutComplete.d.ts

@@ -10,4 +10,4 @@ export type ConfirmationStepNext = {
 };
 export declare const CheckoutCompleteInfo: ModalStepInfo<FunCheckoutStep.CHECKOUT_COMPLETE>;
 /** A checkout detail component to handle redirecting to the checkout history page */
-export declare function CheckoutComplete({ modalState, onClose, onNext, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;
+export declare function CheckoutComplete({ modalState, onClose, onNext, onAnimationComplete, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;

package/dist/modals/CheckoutModal/InputAmount/InputAmount.d.ts

@@ -1,9 +1,17 @@
+import type { MeldQuote } from '@funkit/api-base';
 import React from 'react';
 import { type PaymentMethodInfo } from '~/domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type InputAmountState = CheckoutModalCommonState & {
     paymentMethodInfo: PaymentMethodInfo;
+    fiatAmount?: number;
+    fiatCurrency?: string;
+    quote?: MeldQuote;
+};
+export type InputAmountNext = Record<string, never> | {
+    fiatAmount: number;
+    fiatCurrency?: string;
+    nextStep?: FunCheckoutStep.SOURCE_CHANGE | FunCheckoutStep.MELD_CURRENCY_SELECT | FunCheckoutStep.MELD_QUOTES;
 };
-export type InputAmountNext = Record<string, never>;
 export declare const InputAmountInfo: ModalStepInfo<FunCheckoutStep.INPUT_AMOUNT>;
 export declare function InputAmount(props: ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT>): React.JSX.Element;

package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts

@@ -3,11 +3,13 @@ import type { FunButtonProps } from '../../../components/FunButton/FunButton';
 import { type ErrorNotification } from '../../../components/FunNotification/FunNotification';
 interface InputAmountLayoutProps {
     actionButtonProps: FunButtonProps;
-    youPayYouReceive?: ReactNode;
+    fiatCurrencySelector?: ReactNode;
     amountOptions?: ReactNode;
     amountInput: ReactNode;
     amountInputSwitch: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
     error?: ErrorNotification;
 }
-export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, youPayYouReceive, error, }: InputAmountLayoutProps): React.JSX.Element;
+export declare function InputAmountLayout({ actionButtonProps, amountOptions, fiatCurrencySelector, amountInput, amountInputSwitch, header, footer, error, }: InputAmountLayoutProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
-import type { AssetHoldingsItem } from '~/utils/assets';
 import { type FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
+import type { AssetHoldingsItem } from '~/utils/assets';
 import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
-import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
+import { FunCheckoutStep, type ModalStepComponentProps } from '../stepTransition';
 interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
     sourceHolding: AssetHoldingsItem | null;
     checkoutConfig: FunkitCheckoutConfig;
     /** unit price of target asset */
     unitPrice: number;
-    isCardCheckout: boolean;
+    /** default fiat currency to be used*/
+    defaultFiatCurrency?: string;
     textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
 }
-export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
+export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, sourceHolding, unitPrice, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/InputAmount/InputAmountLoading.d.ts

@@ -3,7 +3,6 @@ import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition
 interface InputAmountLoadingProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
     sourceHoldingError: Error | null;
     unitPriceError: Error | null;
-    isCardCheckout: boolean;
 }
-export declare function InputAmountLoading({ isCardCheckout, modalState, onBack, sourceHoldingError, unitPriceError, }: InputAmountLoadingProps): React.JSX.Element;
+export declare function InputAmountLoading({ modalState, onBack, sourceHoldingError, unitPriceError, }: InputAmountLoadingProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/InputAmount/QuickOptions.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 interface QuickOptionsProps {
     onSelect?: (percentage: number) => void;
+    percentMode?: boolean;
     disabled?: boolean;
+    currency?: string;
 }
-export declare const QuickOptions: ({ onSelect, disabled, }: QuickOptionsProps) => React.JSX.Element[];
+export declare const QuickOptions: ({ onSelect, percentMode, disabled, currency, }: QuickOptionsProps) => React.JSX.Element[];
 export {};

package/dist/modals/CheckoutModal/InputAmount/state.d.ts

@@ -6,12 +6,16 @@ export interface AmountInputInitOptions {
     checkoutConfig: FunkitCheckoutConfig;
     paymentMethod: PaymentMethod;
     sourceHolding: AssetHoldingsItem | null;
+    /** Default amount, in fiat since that's the default mode */
+    defaultAmount: number | undefined;
     /** Target asset unit price, in USD */
     unitPrice: number;
     /** Maximum checkout amount, in USD */
     maxUsd: number;
     /** Minimum checkout amount, in USD */
     minUsd?: number;
+    /** Currency code for the currently selected fiat currency. Defaults to USD */
+    fiatCurrency?: string;
 }
 export interface AmountInputState {
     /** Current amount, in target asset */
@@ -36,22 +40,23 @@ export interface AmountInputDerivedState extends AmountInputState {
 }
 export type AmountInputAction = {
     /** Switches between USD and absolute input mode */
-    type: 'setInputInUsd';
-    isInputInUsd: boolean;
+    type: 'toggleInputInUsd';
+} | {
+    /** Changes formatting to new currency code */
+    type: 'changeFiatCurrency';
+    fiatCurrency: string;
 } | {
     /** Sets the input value as string */
     type: 'setInputValue';
     inputValue: string;
     unitPrice: number;
+    fiatCurrency: string;
 } | {
     /** Sets the input value as USD amount */
     type: 'setUsdAmount';
     unitPrice: number;
+    fiatCurrency: string;
     usdAmount: number;
-} | {
-    /** Updates the available USD amount */
-    type: 'setUsdAvailableAmount';
-    usdAvailableAmount: number;
 };
 export type AmountInputError = {
     /** Current amount is above available balance */
@@ -72,6 +77,6 @@ export type AmountInputError = {
     /** Input is empty */
     type: 'noInput';
 };
-export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, }: AmountInputInitOptions): AmountInputState;
+export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, }: AmountInputInitOptions): AmountInputState;
 export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
 export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;

package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts

@@ -1,9 +1,12 @@
 import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
+import { type InputAmountSuggestion } from './utils';
 interface UseAmountInputResult extends AmountInputDerivedState {
     onChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    setInputInUsd(isInputInUsd: boolean): void;
+    toggleInputInUsd: () => void;
     setUsdAmount(usdAmount: number): AmountInputDerivedState;
-    setUsdAvailableAmount(usdAvailableAmount: number): void;
+    placeholder: string;
+    /** Possible user action to recover from the current error */
+    suggestion: InputAmountSuggestion | undefined;
 }
 export declare function useAmountInput(options: AmountInputInitOptions): UseAmountInputResult;
 export {};

package/dist/modals/CheckoutModal/InputAmount/utils.d.ts

@@ -1,7 +1,19 @@
 import { PaymentMethod } from '~/domains/paymentMethods';
+import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
+import type { AmountInputError } from './state';
 export declare const ASSET_DECIMALS = 5;
 export declare const USD_DECIMALS = 2;
 export declare const USD_INITIAL_AMOUNT = 100;
-export declare const USD_PREFIX = "$";
-export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
-export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number): number;
+export declare function getUsdMaxAmount(maxUsd: number): number | null;
+export declare function getUsdMinAmount(paymentMethod: PaymentMethod, defaultMin?: number): number;
+export interface InputAmountSuggestion {
+    autoConfirm: boolean;
+    buttonLabel: string;
+    usdAmount: number;
+}
+/**
+ * Get suggested amount from error
+ * Allow recovery actions to user in the CTA Continue button
+ */
+export declare const getInputAmountSuggestion: (error: AmountInputError | null) => InputAmountSuggestion | undefined;
+export declare const getInputErrorNotification: (error: AmountInputError | null) => ErrorNotification | undefined;

package/dist/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
+export type MeldCurrencySelectState = CheckoutModalCommonState & {
+    defaultCurrency: string;
+    fiatAmount: number;
+    paymentMethodInfo: PaymentMethodCardInfo;
+};
+export type MeldCurrencySelectNext = {
+    currency: string;
+    fiatAmount: number;
+};
+export declare const MeldCurrencySelectInfo: ModalStepInfo<FunCheckoutStep.MELD_CURRENCY_SELECT>;
+export declare function MeldCurrencySelect({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_CURRENCY_SELECT>): React.JSX.Element;

package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts

@@ -0,0 +1,15 @@
+import type { MeldQuote } from '@funkit/api-base';
+import React from 'react';
+import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
+export type MeldQuotesState = CheckoutModalCommonState & {
+    paymentMethodInfo: PaymentMethodCardInfo;
+    /** Checkout amount in fiat */
+    fiatAmount: number;
+    fiatCurrency: string | undefined;
+};
+export type MeldQuotesNext = Record<string, never> | {
+    quote: MeldQuote;
+};
+export declare const MeldQuotesInfo: ModalStepInfo<FunCheckoutStep.MELD_QUOTES>;
+export declare function MeldQuotes({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_QUOTES>): React.JSX.Element;

package/dist/modals/CheckoutModal/MeldQuotes/useMeldLink.d.ts

@@ -0,0 +1,2 @@
+import { type MeldServiceProvider } from '@funkit/api-base';
+export declare const useMeldLink: (sourceAmount: number, sourceCurrencyCode?: string) => import("@tanstack/react-query").UseMutationResult<import("@funkit/api-base").MeldCreateCryptoWidgetResponse, Error, MeldServiceProvider, unknown>;

package/dist/modals/CheckoutModal/MeldQuotes/useMeldQuotes.d.ts

@@ -0,0 +1,5 @@
+/** Triggered only when fiatCurrency is provided */
+export declare const useMeldQuotes: (sourceAmount: number, fiatCurrency: string | undefined) => {
+    query: import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldQuote[], Error>;
+    countdown: import("react").ReactNode;
+};

package/dist/modals/CheckoutModal/TransferToken/DirectExecutionNotification.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DirectExecution } from '@funkit/api-base';
+import type { Address } from 'viem';
+interface DirectExecutionNotificationProps {
+    directExecution: DirectExecution;
+    onClose: (id: string) => void;
+    onHelp: (depositAddress: Address) => void;
+}
+export declare const DirectExecutionNotification: ({ directExecution, onClose, onHelp, }: DirectExecutionNotificationProps) => React.JSX.Element;
+export {};

package/dist/modals/CheckoutModal/stepTransition.d.ts

@@ -11,6 +11,8 @@ import { type ConfirmationStepNext, type ConfirmationStepState } from './Confirm
 import { type ConnectExchangeNext, type ConnectExchangeState } from './ConnectExchange';
 import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
 import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAccount';
+import { type MeldCurrencySelectNext, type MeldCurrencySelectState } from './MeldCurrencySelect/MeldCurrencySelect';
+import { type MeldQuotesNext, type MeldQuotesState } from './MeldQuotes/MeldQuotes';
 import { type MeshVerificationNext, type MeshVerificationState } from './MeshVerification';
 import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
 import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
@@ -31,6 +33,7 @@ export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckout
     modalState: CheckoutModalState<S>;
     onBack(): void;
     onClose(): void;
+    onAnimationComplete(callback: () => void): void;
     onNext(payload: NextPayload<S>): void;
     setModalState(state: SetStateAction<CheckoutModalState<S>>): void;
 }
@@ -53,7 +56,9 @@ export declare enum FunCheckoutStep {
     BRIDGE_KYC = "bridge_kyc",
     KYC_IFRAME = "KYC_IFRAME",
     FIAT_ACCOUNT_DETAIL = "fiat_account_detail",
-    ERROR_SCREEN = "error_screen"
+    ERROR_SCREEN = "error_screen",
+    MELD_QUOTES = "meld_quotes",
+    MELD_CURRENCY_SELECT = "meld_currency_select"
 }
 export type ModalStepInfo<S extends FunCheckoutStep> = {
     Component: ComponentType<ModalStepComponentProps<S>>;
@@ -91,6 +96,8 @@ type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
         [FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerState;
         [FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailState;
         [FunCheckoutStep.ERROR_SCREEN]: ErrorScreenState;
+        [FunCheckoutStep.MELD_QUOTES]: MeldQuotesState;
+        [FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectState;
     }[T] & {
         step: T;
     };
@@ -114,11 +121,15 @@ type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
     [FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerNext;
     [FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailNext;
     [FunCheckoutStep.ERROR_SCREEN]: null;
+    [FunCheckoutStep.MELD_QUOTES]: MeldQuotesNext;
+    [FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectNext;
 }[S] & {
     /** Whether screen transition should change direction to simulate back transition. Only applies if there is a history entry in the stack*/
     reverseAnimation?: boolean;
     skipAnimation?: boolean;
     wipeHistory?: boolean;
+    /** When set, finds the closest matching step in history and rolls back to it instead of creating a new history entry */
+    navigateToHistoryStep?: boolean;
 };
 export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {
     animation: import("~/hooks/useAnimatedNavigation").AnimationState;

package/dist/providers/FunkitConfigContext.d.ts

@@ -29,6 +29,8 @@ export interface FunkitUiCustomizationsConfig {
         showTokenAmount?: boolean;
         /** Whether to show the total payment amount in USD below the token amount equivalent. Defaults to false */
         showPaymentAmountUsd?: boolean;
+        /** Whether to show the total receive amount in USD below the token amount equivalent. Defaults to false */
+        showReceiveAmountUsd?: boolean;
         /** Custom destination icon and text used in checkout summary */
         destinationConfig?: FunkitUiDestinationConfig;
     };

package/dist/utils/customer.d.ts

@@ -0,0 +1,6 @@
+import type { ServerCheckoutConfig } from '~/domains/clientMetadata';
+import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+export declare function isKatanaEarnFlow({ apiKey, checkoutConfig, }: {
+    apiKey: string;
+    checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig | undefined;
+}): boolean;

package/dist/utils/directExecution.d.ts

@@ -0,0 +1,5 @@
+import type { DirectExecution } from '@funkit/api-base';
+export declare function getDirectExecutionUpdatedTimeMs({ directExecution, }: {
+    directExecution: DirectExecution;
+}): number;
+export declare function getDirectExecutionRunTimeMs(directExecution: DirectExecution): number;

package/dist/utils/flags/config.d.ts

@@ -65,6 +65,14 @@ export declare const flagConfig: {
     token_transfer_source_chains_and_assets: {
         type: "string";
         default_value: string;
+        overrides: {
+            value: string;
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+        }[];
     };
     enable_token_transfer_universal_deposit_address: {
         type: "boolean";
@@ -224,4 +232,20 @@ export declare const flagConfig: {
             value: false;
         }[];
     };
+    enable_meld_payment: {
+        type: "boolean";
+        default_value: true;
+        overrides: {
+            if_any: {
+                key: "userId";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: false;
+        }[];
+    };
+    meld_quick_options: {
+        type: "string";
+        default_value: string;
+    };
 };

package/dist/utils/purifyCheckoutHistoryItem.d.ts

@@ -1,4 +1,4 @@
-import { type CheckoutHistoryItem, type CheckoutState, type DirectExecution } from '@funkit/api-base';
+import { type ApiFunkitCheckoutActionParams, type CheckoutHistoryItem, type CheckoutState, type DirectExecution } from '@funkit/api-base';
 import type { Address, Hex } from 'viem';
 export type PurifiedCheckoutHistoryItem = {
     depositAddr?: Address;
@@ -12,6 +12,8 @@ export type PurifiedCheckoutHistoryItem = {
     toChainId: string;
     toTokenAddress: Address;
     createdTimeMs: number;
+    updatedTimeMs: number;
+    additionalActions: ApiFunkitCheckoutActionParams[];
     txHash?: Hex;
 } & ({
     depositAddr: Address;

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-W6N74MS3.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-545L7Y4M.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bifrostWallet
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-A5APNTGL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-7GSNBOD3.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-6ONTSPEY.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-W5O4YSZN.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/chunk-25VW5TZP.js

@@ -0,0 +1,92 @@
+"use client";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-WRA2DVJ7.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
+
+// src/wallets/walletConnectors/roninWallet/roninWallet.ts
+var roninWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  const isRoninInjected = hasInjectedProvider({
+    namespace: "ronin.provider"
+  });
+  return {
+    id: "ronin",
+    name: "Ronin Wallet",
+    iconUrl: async () => (await import("./roninWallet-SAB5ESVK.js")).default,
+    iconBackground: "#ffffff",
+    rdns: "com.roninchain.wallet",
+    installed: isRoninInjected || void 0,
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=com.skymavis.genesis",
+      ios: "https://apps.apple.com/us/app/ronin-wallet/id1592675001",
+      mobile: "https://wallet.roninchain.com",
+      chrome: "https://chrome.google.com/webstore/detail/ronin-wallet/fnjhmkhhmkbjkkabndcnnogagogbneec",
+      edge: "https://microsoftedge.microsoft.com/addons/detail/ronin-wallet/kjmoohlgokccodicjjfebfomlbljgfhk",
+      firefox: "https://addons.mozilla.org/firefox/addon/ronin-wallet",
+      browserExtension: "https://wallet.roninchain.com/",
+      qrCode: "https://wallet.roninchain.com/"
+    },
+    mobile: {
+      getUri: (uri) => `roninwallet://wc?uri=${encodeURIComponent(uri)}`
+    },
+    qrCode: {
+      getUri: (uri) => uri,
+      instructions: {
+        learnMoreUrl: "https://wallet.roninchain.com/",
+        steps: [
+          {
+            description: "wallet_connectors.ronin.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.ronin.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.ronin.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.ronin.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.ronin.qr_code.step3.description",
+            step: "scan",
+            title: "wallet_connectors.ronin.qr_code.step3.title"
+          }
+        ]
+      }
+    },
+    extension: {
+      instructions: {
+        learnMoreUrl: "https://wallet.roninchain.com/",
+        steps: [
+          {
+            description: "wallet_connectors.ronin.extension.step1.description",
+            step: "install",
+            title: "wallet_connectors.ronin.extension.step1.title"
+          },
+          {
+            description: "wallet_connectors.ronin.extension.step2.description",
+            step: "create",
+            title: "wallet_connectors.ronin.extension.step2.title"
+          },
+          {
+            description: "wallet_connectors.ronin.extension.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.ronin.extension.step3.title"
+          }
+        ]
+      }
+    },
+    createConnector: isRoninInjected ? getInjectedConnector({ namespace: "ronin.provider" }) : getWalletConnectConnector({
+      projectId,
+      walletConnectParameters
+    })
+  };
+};
+
+export {
+  roninWallet
+};

package/dist/wallets/walletConnectors/chunk-3NC26XLM.js

@@ -0,0 +1,92 @@
+"use client";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-WRA2DVJ7.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
+
+// src/wallets/walletConnectors/gateWallet/gateWallet.ts
+import { isAndroid } from "@funkit/utils";
+var gateWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  const isGateInjected = hasInjectedProvider({ namespace: "gatewallet" });
+  const shouldUseWalletConnect = !isGateInjected;
+  return {
+    id: "gate",
+    name: "Gate Wallet",
+    rdns: "io.gate.wallet",
+    iconUrl: async () => (await import("./gateWallet-CJNGQQCV.js")).default,
+    iconAccent: "#fff",
+    iconBackground: "#fff",
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=com.gateio.gateio",
+      ios: "https://apps.apple.com/us/app/gate-io-buy-bitcoin-crypto/id1294998195",
+      mobile: "https://www.gate.io/mobileapp",
+      qrCode: "https://www.gate.io/web3",
+      chrome: "https://chromewebstore.google.com/detail/gate-wallet/cpmkedoipcpimgecpmgpldfpohjplkpp",
+      browserExtension: "https://www.gate.io/web3"
+    },
+    mobile: {
+      getUri: shouldUseWalletConnect ? (uri) => {
+        return isAndroid() ? uri : `gtweb3wallet://wc?uri=${encodeURIComponent(uri)}`;
+      } : void 0
+    },
+    qrCode: shouldUseWalletConnect ? {
+      getUri: (uri) => uri,
+      instructions: {
+        learnMoreUrl: "https://www.gate.io/learn",
+        steps: [
+          {
+            description: "wallet_connectors.gate.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.gate.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.gate.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.gate.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.gate.qr_code.step3.description",
+            step: "scan",
+            title: "wallet_connectors.gate.qr_code.step3.title"
+          }
+        ]
+      }
+    } : void 0,
+    extension: {
+      instructions: {
+        learnMoreUrl: "https://www.gate.io/learn",
+        steps: [
+          {
+            description: "wallet_connectors.gate.extension.step1.description",
+            step: "install",
+            title: "wallet_connectors.gate.extension.step1.title"
+          },
+          {
+            description: "wallet_connectors.gate.extension.step2.description",
+            step: "create",
+            title: "wallet_connectors.gate.extension.step2.title"
+          },
+          {
+            description: "wallet_connectors.gate.extension.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.gate.extension.step3.title"
+          }
+        ]
+      }
+    },
+    createConnector: shouldUseWalletConnect ? getWalletConnectConnector({
+      projectId,
+      walletConnectParameters
+    }) : getInjectedConnector({ namespace: "gatewallet" })
+  };
+};
+
+export {
+  gateWallet
+};