@funkit/connect 1.0.27 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @funkit/connect
 
+## 1.1.0
+
+### Minor Changes
+
+- dbf6465: feat: support optional wagmiConfig and queryClient in FunkitProvider
+
+### Patch Changes
+
+- dbf6465: fix: getDefaultTransports export
+- 3327678: feat: custom otc payment method config
+- ec2761e: refactor: deprecate standalone onramp flow
+- Updated dependencies [dbf6465]
+  - @funkit/core@1.0.12
+  - @funkit/wagmi-tools@1.0.14
+
+## 1.0.28
+
+### Patch Changes
+
+- c27a0bd: fix: deprecate wagmi/connectors, fix checkout input
+- Updated dependencies [c27a0bd]
+  - @funkit/wagmi-tools@1.0.13
+
 ## 1.0.27
 
 ### Patch Changes

package/dist/components/FunPayments/FunPaymentOtcType.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function FunPaymentOtcType({ backAnimation, }: {
+    backAnimation?: boolean;
+}): React.JSX.Element;

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -86,6 +86,8 @@ interface useFunkitCheckoutProps {
     onError?: (result: FunkitCheckoutResult) => void;
     /** @optional fires if the checkout fails at any point **/
     onSuccess?: (result: FunkitCheckoutResult) => void;
+    /** @optional fires if the checkout requires an active wallet connection. If not specified, defaults to funkit wallet connection. */
+    onLoginRequired?: () => void;
 }
 type useFunkitCheckoutPropsFinal = Omit<useFunkitCheckoutProps, 'config'> & {
     config: FunkitCheckoutConfig;

package/dist/components/FunkitProvider/FunkitConfigContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { PaymentMethod } from '../../consts/payment';
 import { BoxProps } from '../Box/Box';
 import { FunkitSocialLoginMethod } from './FunkitWeb2Provider';
@@ -11,6 +11,7 @@ export interface FunkitTextCustomizationsConfig {
     selectAccount: string;
     enterPaymentInfo: string;
     payWith: string;
+    otc: string;
 }
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
 export declare const DEFAULT_PRIVY_APP_ID = "clnatprpv00sfmi0fv3qc185b";
@@ -39,6 +40,18 @@ interface FunkitPaymentsConfig {
     allowBrokerageUnlinking?: boolean;
     /** Max width of the title of each payment method **/
     paymentTitleMaxWidth?: BoxProps['maxWidth'];
+    /** Custom OTC option with redirect links **/
+    otcConfig?: {
+        isEnabled: boolean;
+        title: string;
+        optionsList: {
+            label: string;
+            labelIcon: ReactNode;
+            url: string;
+            isDisabled: boolean;
+            tagLabel: string;
+        }[];
+    };
 }
 export type FunkitConfig = {
     /** Funkit api key **/

package/dist/components/FunkitProvider/FunkitConnectChainContext.d.ts

@@ -5,7 +5,7 @@ export interface FunkitConnectChain extends Chain {
     iconBackground?: string;
 }
 interface FunkitConnectChainProviderProps {
-    initialChain: number;
+    initialChain?: number;
     children: ReactNode;
 }
 export declare function FunkitConnectChainProvider({ children, initialChain, }: FunkitConnectChainProviderProps): React.JSX.Element;

package/dist/components/FunkitProvider/FunkitProvider.d.ts

@@ -1,7 +1,7 @@
 import { QueryClient } from '@tanstack/react-query';
 import React, { ReactNode } from 'react';
 import type { Chain } from 'wagmi/chains';
-import { GetDefaultConfigParameters } from '../../config/getDefaultConfig';
+import { CreateFunkitWagmiConfigParameters } from '../../config/getDefaultConfig';
 import { ThemeVars } from '../../css/sprinkles.css';
 import { Locale } from '../../locales';
 import { DisclaimerComponent } from './AppContext';
@@ -15,7 +15,7 @@ export type Theme = ThemeVars | {
     darkMode: ThemeVars;
 };
 interface FunkitProviderInnerProps {
-    initialChain: number;
+    initialChain?: number;
     id?: string;
     children: ReactNode;
     theme?: Theme;
@@ -30,13 +30,14 @@ interface FunkitProviderInnerProps {
     debug?: boolean | undefined;
     sandbox?: boolean | undefined;
 }
-export type FunkitWagmiConfig = Omit<GetDefaultConfigParameters, 'funkitApiKey' | 'initialChainId' | 'chains'> & {
+export type FunkitWagmiConfig = Omit<CreateFunkitWagmiConfigParameters, 'funkitApiKey' | 'initialChainId' | 'chains' | 'appName'> & {
     chains: Chain[];
+    projectId: string;
 };
 export interface FunkitProviderProps extends Omit<FunkitProviderInnerProps, 'initialChain'> {
     initialChain?: Chain | number;
-    wagmiConfig: FunkitWagmiConfig;
-    queryClient: QueryClient;
+    wagmiConfig?: FunkitWagmiConfig;
+    queryClient?: QueryClient;
 }
 export declare function FunkitProvider(props: FunkitProviderProps): React.JSX.Element;
 export {};

package/dist/components/ProfileDetails/ProfileDetails.d.ts

@@ -3,13 +3,11 @@ export declare enum FunProfileView {
     HOME = 0,
     SETTINGS = 1,
     ACTIVITY = 2,
-    SINGLE_ACTIVITY = 3,
-    DEPOSIT = 4
+    SINGLE_ACTIVITY = 3
 }
 interface ProfileDetailsProps {
     onClose: () => void;
-    onSoftHide: (p: boolean) => void;
     onDisconnect: () => void;
 }
-export declare function ProfileDetails({ onClose, onSoftHide, onDisconnect, }: ProfileDetailsProps): React.JSX.Element;
+export declare function ProfileDetails({ onClose, onDisconnect }: ProfileDetailsProps): React.JSX.Element;
 export {};

package/dist/config/getDefaultConfig.d.ts

@@ -1,25 +1,22 @@
-import { Transport } from 'viem';
+import { Chain, Transport } from 'viem';
 import { CreateConfigParameters } from 'wagmi';
-import { WagmiProviderProps } from 'wagmi';
 import { type FunkitConnectChain } from '../components/FunkitProvider/FunkitConnectChainContext';
 import type { WalletList } from '../wallets/Wallet';
 export type _chains = readonly [FunkitConnectChain, ...FunkitConnectChain[]];
 export type _transports = Record<_chains[number]['id'], Transport>;
-type WagmiConfigParameters = Omit<CreateConfigParameters<_chains, _transports>, 'client' | 'connectors'>;
-export interface GetDefaultConfigParameters extends WagmiConfigParameters {
+type WagmiConfigParameters = Omit<CreateConfigParameters<_chains, _transports>, 'client'>;
+export interface CreateFunkitWagmiConfigParameters extends Omit<WagmiConfigParameters, 'chains'> {
     appName: string;
     appDescription?: string;
     appUrl?: string;
     appIcon?: string;
     wallets?: WalletList;
     projectId: string;
+    chains: Chain[] | [Chain, ...Chain[]];
     funkitApiKey: string;
-    initialChainId: string;
+    initialChainId: string | number;
 }
-/**
- * Get the default wagmi config
- */
-export declare const getDefaultConfig: ({ appName, appDescription, appUrl, appIcon, wallets, projectId, funkitApiKey, initialChainId, ...wagmiParameters }: GetDefaultConfigParameters) => WagmiProviderProps['config'];
+export declare const createFunkitWagmiConfig: (rawWagmiConfig: CreateFunkitWagmiConfigParameters) => import("wagmi").Config;
 /**
  * Get default funkit-supported checkout chains
  */
@@ -3665,5 +3662,5 @@ export declare const getDefaultChains: () => ({
 /**
  * Get the default transports record for each default chain
  */
-export declare const getDefaultTransports: () => Record<string, string>;
+export declare const getDefaultTransports: () => _transports;
 export {};

package/dist/consts/payment.d.ts

@@ -13,7 +13,9 @@ export declare enum PaymentMethod {
     /** Account Balance **/
     ACCOUNT_BALANCE = "balance",
     /** Mesh - Exchange / Brokerage **/
-    BROKERAGE = "brokerage"
+    BROKERAGE = "brokerage",
+    /** OTC - Custom option, primary off */
+    OTC = "otc"
 }
 /** Full payment method information used in frontend during payment flows. **/
 export interface PaymentMethodInfo {

package/dist/index.css

@@ -4754,23 +4754,6 @@ input[type=number] {
   display: none;
 }
 
-/* src/components/FunTransactionSummary/FunTransactionSummary.css */
-.fun-container-content-expanded {
-  transition: all 0.5s ease-in-out;
-  max-height: 200px;
-  overflow: hidden;
-}
-.fun-container-content-collapsed {
-  max-height: 0px;
-  transition: all 0.4s ease-out;
-  overflow: hidden;
-}
-
-/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCBpZnJhbWUgewogIGJvcmRlcjogbm9uZTsKfQ== */
-[data-rk] ._1kmpeyf0 iframe {
-  border: none;
-}
-
 /* vanilla-extract-css-ns:src/components/SkeletalLoader/SkeletalLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBhaG55YjEwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAwLjY7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogIH0KICA1MCUgewogICAgb3BhY2l0eTogMTsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMS4wMSk7CiAgfQogIDEwMCUgewogICAgb3BhY2l0eTogMC40OwogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICB9Cn0KLmFobnliMTEgewogIGFuaW1hdGlvbjogYWhueWIxMCAxcyBpbmZpbml0ZTsKfQ== */
 @keyframes ahnyb10 {
   0% {
@@ -4937,6 +4920,23 @@ input[type=number] {
   overflow-y: auto;
 }
 
+/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCBpZnJhbWUgewogIGJvcmRlcjogbm9uZTsKfQ== */
+[data-rk] ._1kmpeyf0 iframe {
+  border: none;
+}
+
+/* src/components/FunTransactionSummary/FunTransactionSummary.css */
+.fun-container-content-expanded {
+  transition: all 0.5s ease-in-out;
+  max-height: 200px;
+  overflow: hidden;
+}
+.fun-container-content-collapsed {
+  max-height: 0px;
+  transition: all 0.4s ease-out;
+  overflow: hidden;
+}
+
 /* vanilla-extract-css-ns:src/components/WalletButton/WalletButton.css.ts.vanilla.css?source=Ll84NXMxMXIwIHsKICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDE2LCAyMSwgMzEsIDAuMDYpOwp9Ci5fODVzMTFyMSB7CiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDsKfQ== */
 [data-rk] ._85s11r0 {
   border: 1px solid rgba(16, 21, 31, 0.06);

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { FunkitProvider } from './components/FunkitProvider/FunkitProvider';
 export { useActiveTheme } from './components/FunkitProvider/FunkitThemeProvider';
 export { FunkitSocialLoginMethod } from './components/FunkitProvider/FunkitWeb2Provider';
 export { WalletButton } from './components/WalletButton/WalletButton';
-export { getDefaultChains, getDefaultTransports, } from './config/getDefaultConfig';
+export { createFunkitWagmiConfig, getDefaultChains, getDefaultTransports, } from './config/getDefaultConfig';
 export { getDefaultWallets } from './wallets/getDefaultWallets';
 export { __private__ } from './__private__';
 export type { DisclaimerComponent } from './components/FunkitProvider/AppContext';