@funkit/connect 1.0.13 → 1.0.14

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @funkit/connect
 
+## 1.0.14
+
+### Patch Changes
+
+- ac224f2: feat: new config termsFontSize
+- cfe67bb: feat: configurable background scroll
+- 2a54136: fix: initial input styling, disable scrolling
+- 2a54136: fix: login auto executes checkout at times
+- 7468bbc: fix: wallet balance pre-emptive check
+- 7468bbc: fix: config
+- 72ac22f: feat: moonpay widget customization
+- 5de6985: feat: new config `appLogoBackgroundColor`
+- 5de6985: feat: new config `web2OauthLogins`, default to have apple oauth switched off
+- 5de6985: refactor: consistent text on wallet balance
+- 5de6985: feat: prioritized logins should show up as first expanded container
+- Updated dependencies [72ac22f]
+  - @funkit/core@1.0.5
+  - @funkit/wagmi-tools@1.0.6
+
 ## 1.0.13
 
 ### Patch Changes

package/dist/{chunk-JLKS6NET.js → chunk-AF763GD5.js}

@@ -87,7 +87,8 @@ var lightTheme = ({
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
     walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
-  }
+  },
+  moonpayTheme: "light"
 });
 lightTheme.accentColors = accentColors;
 

package/dist/{chunk-2NNNYGQA.js → chunk-I4LVVIYS.js}

@@ -87,7 +87,8 @@ var darkTheme = ({
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
-  }
+  },
+  moonpayTheme: "dark"
 });
 darkTheme.accentColors = accentColors;
 

package/dist/components/FunContainer/FunContainer.d.ts

@@ -1,5 +1,6 @@
 import './FunContainer.css';
 import React, { PropsWithChildren } from 'react';
+import { BoxProps } from '../Box/Box';
 export interface FunContainerProps {
     title: string;
     titleSuffix?: React.ReactNode;
@@ -7,5 +8,6 @@ export interface FunContainerProps {
     isCollapsed?: boolean;
     showHoverEffect?: boolean;
     onClick?: () => void;
+    titlePaddingBottom?: BoxProps['paddingBottom'];
 }
-export declare function FunContainer({ children, title, titleSuffix, isCollapsible, isCollapsed, showHoverEffect, onClick, }: PropsWithChildren<FunContainerProps>): React.JSX.Element;
+export declare function FunContainer({ children, title, titleSuffix, isCollapsible, isCollapsed, showHoverEffect, onClick, titlePaddingBottom, }: PropsWithChildren<FunContainerProps>): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMoonpayType.css.d.ts

@@ -0,0 +1 @@
+export declare const mpClass: string;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { PaymentMethod } from '../../consts/payment';
 import { BoxProps } from '../Box/Box';
+import { FunkitOauthLoginMethod } from './FunkitWeb2Provider';
 export interface FunkitTextCustomizationsConfig {
     selectPaymentMethod: string;
     brokerageOrExchange: string;
@@ -16,10 +17,16 @@ interface FunkitLoginOptionsConfig {
     web2: boolean;
     web3: boolean;
     prioritizeWeb2Logins?: boolean;
+    /** Enables oAuth logins. Each oauth type requires configuration in your app's privy dashboard. Please ensure to do so before enabling any. **/
+    web2OauthLogins: {
+        [FunkitOauthLoginMethod.GOOGLE]?: boolean;
+        [FunkitOauthLoginMethod.TWITTER]?: boolean;
+        [FunkitOauthLoginMethod.APPLE]?: boolean;
+    };
 }
 interface FunkitAccountOptionsConfig {
     /** Whether end users can deposit usdc/eth from the account modal **/
-    enableDepositing?: boolean;
+    allowDepositing?: boolean;
 }
 interface FunkitPaymentsConfig {
     /** If available, the specified payment method will be selected by default during checkout or deposits **/
@@ -32,12 +39,16 @@ interface FunkitPaymentsConfig {
 export type FunkitConfig = {
     /** Funkit api key **/
     apiKey: string;
-    /** Privy app id **/
+    /** Privy appId. It is recommended for customers to apply for their own at https://dashboard.privy.io **/
     privyAppId: string;
     /** App name **/
     appName: string;
     /** App logo (rendered as 80px x 80px) **/
     appLogoSrc?: string;
+    /** App logo background color (defaults to transparent) **/
+    appLogoBackgroundColor?: string;
+    /** Whether app's background is scrollable when a widget is active **/
+    allowBackgroundScroll?: boolean;
     /** Text customizations across all widgets **/
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
     /** Login modal configuration **/
@@ -46,8 +57,13 @@ export type FunkitConfig = {
     accountModalConfig?: Partial<FunkitAccountOptionsConfig>;
     /** Payments configuration **/
     paymentsConfig?: Partial<FunkitPaymentsConfig>;
+    /** T&Cs font size **/
+    termsFontSize?: number;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
+    appLogoSrc: string;
+    appLogoBackgroundColor: string;
+    allowBackgroundScroll: boolean;
     textCustomizations: FunkitTextCustomizationsConfig;
     loginModalConfig: FunkitLoginOptionsConfig;
     accountModalConfig: FunkitAccountOptionsConfig;

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

@@ -28,6 +28,7 @@ interface FunkitProviderInnerProps {
     locale?: Locale;
     funkitConfig: FunkitConfig;
     debug?: boolean | undefined;
+    sandbox?: boolean | undefined;
 }
 export type FunkitWagmiConfig = Omit<GetDefaultConfigParameters, 'funkitApiKey' | 'initialChainId' | 'chains'> & {
     chains: Chain[];

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FunkitSandboxContext: import("react").Context<boolean>;
+export declare const useIsFunkitSandboxMode: () => boolean;

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

@@ -67,6 +67,7 @@ export declare const defaultTheme: {
         selectedWallet: string;
         walletLogo: string;
     };
+    moonpayTheme: string;
     fonts: {
         body: string;
     };
@@ -174,6 +175,7 @@ export declare const useActiveTheme: () => {
         blurs: {
             modalOverlay: string;
         };
+        moonpayTheme: string;
     };
     setTheme: (theme: ThemeVars) => void;
     lightMode: {
@@ -256,6 +258,7 @@ export declare const useActiveTheme: () => {
         blurs: {
             modalOverlay: string;
         };
+        moonpayTheme: string;
     } | null | undefined;
     darkMode: {
         colors: {
@@ -337,6 +340,7 @@ export declare const useActiveTheme: () => {
         blurs: {
             modalOverlay: string;
         };
+        moonpayTheme: string;
     } | null | undefined;
     toggleTheme: () => void;
 };

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

@@ -30,6 +30,11 @@ export declare enum PrivyLoginMethod {
     twitter_oauth = "twitter_oauth",
     apple_oauth = "apple_oauth"
 }
+export declare enum FunkitOauthLoginMethod {
+    GOOGLE = "google_oauth",
+    TWITTER = "twitter_oauth",
+    APPLE = "apple_oauth"
+}
 interface FunkitWeb2ProviderProps {
     children: ReactNode;
 }

package/dist/css/sprinkles.css.d.ts

@@ -80,6 +80,7 @@ declare const themeContractValues: {
     blurs: {
         modalOverlay: string;
     };
+    moonpayTheme: string;
 };
 export type ThemeVars = typeof themeContractValues;
 export declare const themeVars: {
@@ -162,6 +163,7 @@ export declare const themeVars: {
     blurs: {
         modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    moonpayTheme: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const largeScreenMinWidth = 768;
 declare const responsiveProperties: {

package/dist/index.css

@@ -4613,6 +4613,11 @@ input[type=number] {
   color: inputFieldPrimary;
 }
 
+/* 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% {

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { useFunkitCheckout } from './components/FunkitProvider/FunkitCheckoutCon
 export type { FunkitConfig } from './components/FunkitProvider/FunkitConfigContext';
 export { FunkitProvider } from './components/FunkitProvider/FunkitProvider';
 export { useActiveTheme } from './components/FunkitProvider/FunkitThemeProvider';
+export { FunkitOauthLoginMethod } from './components/FunkitProvider/FunkitWeb2Provider';
 export { WalletButton } from './components/WalletButton/WalletButton';
 export { getDefaultWallets } from './wallets/getDefaultWallets';
 export { __private__ } from './__private__';