@funkit/connect 1.0.19 → 1.0.20

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @funkit/connect
 
+## 1.0.20
+
+### Patch Changes
+
+- 093f54a: feat: more friendly quote error handling
+- 00a2cac: feat: show social profile pictures (if any)
+- 00a2cac: feat: sign in with farcaster (siwf)
+
 ## 1.0.19
 
 ### Patch Changes

package/dist/components/FunConnectOptions/FunConnectOptions.d.ts

@@ -3,7 +3,8 @@ export declare enum ConnectStep {
     SIGNIN = 0,
     PENDING_EMAIL = 1,
     PENDING_WALLET = 2,
-    ERROR = 3
+    PENDING_FARCASTER = 3,
+    ERROR = 4
 }
 export declare function FunConnectOptions({ onClose }: {
     onClose: () => void;

package/dist/components/FunConnectOptions/FunFarcasterConnectingStep.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ConnectStep } from './FunConnectOptions';
+export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, changeStep, onClose, }: {
+    farcasterUri: string;
+    farcasterToken: string;
+    changeStep: (p: ConnectStep) => void;
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/FunConnectOptions/FunSignInStep.d.ts

@@ -5,7 +5,7 @@ import { ConnectStep } from './FunConnectOptions';
  * Modal content for a user that is not signed-in yet
  * Shows Web2 and Web3 sign in options
  */
-export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, emailInput, setEmailInput, }: {
+export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, emailInput, setEmailInput, onFarcasterSuccessInit, }: {
     onClose: () => void;
     changeStep: (p: ConnectStep) => void;
     setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
@@ -13,4 +13,5 @@ export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet,
     setQrCodeUri: React.Dispatch<React.SetStateAction<string>>;
     emailInput: string;
     setEmailInput: React.Dispatch<React.SetStateAction<string>>;
+    onFarcasterSuccessInit: (channelToken: string, connectUri: string) => void;
 }): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PaymentMethod } from '../../consts/payment';
 import { BoxProps } from '../Box/Box';
-import { FunkitOauthLoginMethod } from './FunkitWeb2Provider';
+import { FunkitSocialLoginMethod } from './FunkitWeb2Provider';
 export interface FunkitTextCustomizationsConfig {
     selectPaymentMethod: string;
     brokerageOrExchange: string;
@@ -17,11 +17,12 @@ 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;
+    /** Enables social logins. Each type requires configuration in your app's privy dashboard. Please ensure to do so before enabling any. **/
+    web2SocialLogins: {
+        [FunkitSocialLoginMethod.GOOGLE]?: boolean;
+        [FunkitSocialLoginMethod.TWITTER]?: boolean;
+        [FunkitSocialLoginMethod.APPLE]?: boolean;
+        [FunkitSocialLoginMethod.FARCASTER]?: boolean;
     };
 }
 interface FunkitAccountOptionsConfig {

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

@@ -9,31 +9,55 @@ export declare const ERROR_MESSAGES: {
     readonly PRIVY_NOT_INITIALIZED: "Privy not initialized";
     readonly PRIVY_PROVIDER_NOT_INITIALIZED: "Privy wallet provider not initialized";
     readonly PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized";
+    readonly FARCASTER_NOT_INITIALIZED: "Unable to initialize Farcaster login";
 };
+interface PrivyLoginParams {
+    firstLoginCode?: string;
+    secondLoginCode?: string;
+    alternateCodeMeta?: object | any;
+    inputLoginMethod: PrivyLoginMethod;
+}
+interface FunkitWeb2LoginParams extends Omit<PrivyLoginParams, 'inputLoginMethod'> {
+    chainId: number;
+    inputLoginMethod?: PrivyLoginMethod;
+}
 interface FunkitWeb2ContextType {
     isSendingOtpEmail: boolean;
+    isGeneratingFcUri: boolean;
     handleSendOtpEmail: (emailAddress: string) => Promise<{
         success: boolean;
         error: string;
     }>;
     handleOauthRedirect: (provider: OAuthProviderType) => Promise<void>;
-    handleFunkitWeb2Login: (chainId: number, firstLoginCode?: string, secondLoginCode?: string, inputLoginMethod?: PrivyLoginMethod) => Promise<boolean>;
+    handleFunkitWeb2Login: ({ chainId, firstLoginCode, secondLoginCode, alternateCodeMeta, inputLoginMethod, }: FunkitWeb2LoginParams) => Promise<boolean>;
     isLoggingIn: boolean;
     loginErrorMessage: string;
     clearLoginError: () => void;
     handleFunkitWeb2Logout: () => Promise<void>;
+    handleGenerateFcUri: () => Promise<{
+        success: boolean;
+        error: string;
+        channelToken: string;
+        connectUri: string;
+    }>;
+    getFcConnectionStatus: (channelToken: string) => Promise<{
+        isCompleted: boolean;
+        fcMeta: any;
+    }>;
     web2AccountInfo: FunkitUserInfo;
 }
 export declare enum PrivyLoginMethod {
     email = "email",
+    farcaster = "farcaster",
     google_oauth = "google_oauth",
     twitter_oauth = "twitter_oauth",
     apple_oauth = "apple_oauth"
 }
-export declare enum FunkitOauthLoginMethod {
+export declare enum FunkitSocialLoginMethod {
     GOOGLE = "google_oauth",
     TWITTER = "twitter_oauth",
-    APPLE = "apple_oauth"
+    APPLE = "apple_oauth",
+    FARCASTER = "farcaster"
 }
 interface FunkitWeb2ProviderProps {
     children: ReactNode;

package/dist/components/Icons/SocialMediaIcons.d.ts

@@ -2,3 +2,4 @@ import React from 'react';
 export declare const GoogleIcon: () => React.JSX.Element;
 export declare const TwitterIcon: () => React.JSX.Element;
 export declare const AppleIcon: () => React.JSX.Element;
+export declare const FarcasterIcon: () => React.JSX.Element;

package/dist/consts/funkit.d.ts

@@ -13,6 +13,7 @@ export interface FunkitUserInfo {
     userId: string | null;
     accountLabel: string;
     accountName: string;
+    accountPicSrc: string;
 }
 export declare const PLACEHOLDER_FUNKIT_USER_INFO: FunkitUserInfo;
 export declare enum DepositTokenSymbol {

package/dist/consts/quote.d.ts

@@ -11,12 +11,22 @@ export declare const PENDING_QUOTE_MESSAGE_GENERATOR: {
     3: () => string;
 };
 export declare enum QuoteCustomErrorType {
-    INSUFFICIENT_BALANCE = 0
+    INSUFFICIENT_BALANCE_PRE_CHECK = 0,
+    INSUFFICIENT_TOKEN_BALANCE_PRE_CHECK = 1,
+    INSUFFICIENT_BALANCE_POST_CHECK = 2
 }
 export declare const QUOTE_CUSTOM_ERROR_STRING_INFO: {
     0: {
         check: string;
         display: string;
     };
+    1: {
+        check: string;
+        display: string;
+    };
+    2: {
+        check: string;
+        display: string;
+    };
 };
 export declare function generateQuoteApiErrorForDisplay(errorMessage?: string): string;

package/dist/farcaster-24TGVAI4.js

@@ -0,0 +1,6 @@
+"use client";
+// src/components/FunConnectOptions/farcaster.svg
+var farcaster_default = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNTcuNzc4IDE1NS41NTZINzQyLjIyMlY4NDQuNDQ1SDY3MS4xMTFWNTI4Ljg4OUg2NzAuNDE0QzY2Mi41NTQgNDQxLjY3NyA1ODkuMjU4IDM3My4zMzMgNTAwIDM3My4zMzNDNDEwLjc0MiAzNzMuMzMzIDMzNy40NDYgNDQxLjY3NyAzMjkuNTg2IDUyOC44ODlIMzI4Ljg4OVY4NDQuNDQ1SDI1Ny43NzhWMTU1LjU1NloiIGZpbGw9IiM4NTVEQ0QiLz4KPHBhdGggZD0iTTEyOC44ODkgMjUzLjMzM0wxNTcuNzc4IDM1MS4xMTFIMTgyLjIyMlY3NDYuNjY3QzE2OS45NDkgNzQ2LjY2NyAxNjAgNzU2LjYxNiAxNjAgNzY4Ljg4OVY3OTUuNTU2SDE1NS41NTZDMTQzLjI4MyA3OTUuNTU2IDEzMy4zMzMgODA1LjUwNSAxMzMuMzMzIDgxNy43NzhWODQ0LjQ0NUgzODIuMjIyVjgxNy43NzhDMzgyLjIyMiA4MDUuNTA1IDM3Mi4yNzMgNzk1LjU1NiAzNjAgNzk1LjU1NkgzNTUuNTU2Vjc2OC44ODlDMzU1LjU1NiA3NTYuNjE2IDM0NS42MDYgNzQ2LjY2NyAzMzMuMzMzIDc0Ni42NjdIMzA2LjY2N1YyNTMuMzMzSDEyOC44ODlaIiBmaWxsPSIjODU1RENEIi8+CjxwYXRoIGQ9Ik02NzUuNTU2IDc0Ni42NjdDNjYzLjI4MyA3NDYuNjY3IDY1My4zMzMgNzU2LjYxNiA2NTMuMzMzIDc2OC44ODlWNzk1LjU1Nkg2NDguODg5QzYzNi42MTYgNzk1LjU1NiA2MjYuNjY3IDgwNS41MDUgNjI2LjY2NyA4MTcuNzc4Vjg0NC40NDVIODc1LjU1NlY4MTcuNzc4Qzg3NS41NTYgODA1LjUwNSA4NjUuNjA2IDc5NS41NTYgODUzLjMzMyA3OTUuNTU2SDg0OC44ODlWNzY4Ljg4OUM4NDguODg5IDc1Ni42MTYgODM4Ljk0IDc0Ni42NjcgODI2LjY2NyA3NDYuNjY3VjM1MS4xMTFIODUxLjExMUw4ODAgMjUzLjMzM0g3MDIuMjIyVjc0Ni42NjdINjc1LjU1NloiIGZpbGw9IiM4NTVEQ0QiLz4KPC9zdmc+Cg==";
+export {
+  farcaster_default as default
+};

package/dist/hooks/useFunListeners.d.ts

@@ -8,3 +8,4 @@ export declare function useCheckoutHistoryListener(activate?: boolean, singleDep
  * Handles the starting and stopping of asset listeners based on the calling component's mount/unmount status
  */
 export declare function useWalletAssetsListener(activate?: boolean): void;
+export declare function useSIWFarcasterListener(channelToken: string): void;

package/dist/index.d.ts

@@ -3,7 +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 { FunkitSocialLoginMethod } from './components/FunkitProvider/FunkitWeb2Provider';
 export { WalletButton } from './components/WalletButton/WalletButton';
 export { getDefaultWallets } from './wallets/getDefaultWallets';
 export { __private__ } from './__private__';