@funkit/connect 1.0.19 → 1.0.21

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @funkit/connect
 
+## 1.0.21
+
+### Patch Changes
+
+- abd0295: feat: new optional checkout config disableEditing
+- e3b0b4b: feat: "Powered by Fun.xyz" tag line
+- ab3f917: feat: new customShadows theme configuration
+- abd0295: chore: standardize localStorage keys
+- f4772ec: feat: normalized quote time estimations
+- abd0295: feat: theme toggle persistence
+- f4772ec: feat: support more known token images
+- Updated dependencies [dcd80d5]
+  - @funkit/core@1.0.7
+  - @funkit/wagmi-tools@1.0.8
+
+## 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/{chunk-AF763GD5.js → chunk-AKTCSKQA.js}

@@ -18,6 +18,7 @@ var lightTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -86,7 +87,8 @@ var lightTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     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)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "light"
 });

package/dist/{chunk-I4LVVIYS.js → chunk-W67MRJ5R.js}

@@ -18,6 +18,7 @@ var darkTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -86,7 +87,8 @@ var darkTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     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)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "dark"
 });

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -5,9 +5,10 @@ interface FunAssetAvatarProps {
     assetTicker?: string;
     assetName: string;
     assetIconSize?: BoxProps['height'] | BoxProps['width'];
-    chainId: string | number;
+    chainId?: string | number;
     chainIconSize?: BoxProps['height'] | BoxProps['width'];
     prioritizeDefaults?: boolean;
+    hideIfUnknown?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, }: FunAssetAvatarProps): React.JSX.Element;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

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/FunPoweredTagline/FunPoweredTagline.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FunPoweredTagline(): React.JSX.Element;

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

@@ -45,6 +45,8 @@ export interface FunkitCheckoutConfig {
     checkoutItemDescription?: string;
     /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
     checkoutItemAmount?: number;
+    /** Whether targetAssetAmount is editable by end users in cases where 1. checkout has empty actionsParams and 2. initial targetAssetAmount <= 0 **/
+    disableEditing?: boolean;
     /** *****************************
      * Miscellaneous configurations *
      ********************************/

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/assets.d.ts

@@ -1,29 +1,3 @@
-export declare enum CheckoutAsset {
-    ETH = "eth",
-    WETH = "weth",
-    MATIC = "matic",
-    ARB = "arb",
-    STETH = "steth",
-    AAVE = "aave",
-    WSTETH = "wsteth",
-    MWETHWPUNKS40 = "mweth-wpunks:40",
-    TWOXETH = "2x eth",
-    USDC = "usdc",
-    DAI = "dai",
-    APOLWMATIC = "apolwmatic",
-    AARBUSDCN = "aarbusdcn"
-}
-interface CheckoutAssetType {
-    [key: string]: {
-        ticker: string;
-        name: string;
-        icon: string;
-        iconSVG?: () => any;
-        decimals: number;
-    };
-}
-export declare const CHECKOUT_ASSET: CheckoutAssetType;
 export declare const ASSET_LOGO_SRCS: {
     [x: string]: string;
 };
-export {};

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.css

@@ -4613,6 +4613,16 @@ input[type=number] {
   color: inputFieldPrimary;
 }
 
+/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMDsKICByaWdodDogMDsKfQ== */
+[data-rk] .uwrdc20 {
+  position: relative;
+}
+[data-rk] .uwrdc22 {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+
 /* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCBpZnJhbWUgewogIGJvcmRlcjogbm9uZTsKfQ== */
 [data-rk] ._1kmpeyf0 iframe {
   border: none;
@@ -4745,16 +4755,6 @@ input[type=number] {
   display: none;
 }
 
-/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMDsKICByaWdodDogMDsKfQ== */
-[data-rk] .uwrdc20 {
-  position: relative;
-}
-[data-rk] .uwrdc22 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-}
-
 /* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
 [data-rk] ._10pw5x60:hover {
   background: unset;

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__';