@funkit/connect 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{chunk-VGM7OU7P.js → chunk-3A7E2IPT.js} +3 -1
  2. package/dist/{chunk-LKGTFED3.js → chunk-PKSFBURG.js} +3 -1
  3. package/dist/{chunk-HS4VFULE.js → chunk-VVHY6TFA.js} +865 -609
  4. package/dist/{chunk-WJHR5YCY.js → chunk-X5YTL45L.js} +865 -609
  5. package/dist/components/Box/Box.d.ts +12 -12
  6. package/dist/components/FunButton/FunButton.css.d.ts +1 -0
  7. package/dist/components/FunButton/FunIconButton.d.ts +5 -1
  8. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +6 -8
  9. package/dist/components/FunkitWeb2Provider/FunkitWeb2Provider.d.ts +17 -2
  10. package/dist/components/index.css +278 -225
  11. package/dist/components/index.js +2 -2
  12. package/dist/css/sprinkles.css.d.ts +52 -0
  13. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +20 -0
  14. package/dist/index.css +278 -225
  15. package/dist/index.js +3 -3
  16. package/dist/themes/darkTheme.d.ts +2 -0
  17. package/dist/themes/darkTheme.js +1 -1
  18. package/dist/themes/lightTheme.d.ts +2 -0
  19. package/dist/themes/lightTheme.js +1 -1
  20. package/dist/utils/checkout.d.ts +6 -4
  21. package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  24. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  25. package/dist/wallets/walletConnectors/index.js +52 -52
  26. package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  36. package/package.json +2 -2
@@ -2,25 +2,25 @@ import { ClassValue } from 'clsx';
2
2
  import * as React from 'react';
3
3
  type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
4
4
  export declare const Box: React.ForwardRefExoticComponent<{
5
- background?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | {
6
- base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
7
- hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
8
- active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
5
+ background?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | {
6
+ base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
7
+ hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
8
+ active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
9
9
  }) | undefined;
10
- borderColor?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | {
11
- base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
12
- hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
13
- active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
10
+ borderColor?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | {
11
+ base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
12
+ hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
13
+ active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
14
14
  }) | undefined;
15
15
  boxShadow?: ("connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
16
16
  base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
17
17
  hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
18
18
  active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
19
19
  }) | undefined;
20
- color?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | {
21
- base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
22
- hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
23
- active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | undefined;
20
+ color?: ("accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | {
21
+ base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
22
+ hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
23
+ active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | undefined;
24
24
  }) | undefined;
25
25
  } & {
26
26
  alignItems?: ("flex-start" | "flex-end" | "center" | {
@@ -1,2 +1,3 @@
1
1
  export declare const funLinkButtonStyle: string;
2
2
  export declare const funIconButtonStyle: string;
3
+ export declare const iconStyle: string;
@@ -3,10 +3,14 @@ import { BoxProps } from '../Box/Box';
3
3
  /**
4
4
  * Circular icon button with dynamic height and width
5
5
  */
6
- export declare const FunIconButton: ({ onClick, icon, size, showBorder, ariaLabel, }: {
6
+ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, }: {
7
7
  onClick: () => void;
8
8
  icon: React.ReactNode;
9
9
  size?: BoxProps['height'];
10
+ paddingX?: BoxProps['paddingX'];
11
+ paddingY?: BoxProps['paddingY'];
12
+ borderRadius?: BoxProps['borderRadius'];
10
13
  showBorder?: boolean | undefined;
11
14
  ariaLabel?: string | undefined;
15
+ color?: BoxProps['color'];
12
16
  }) => React.JSX.Element;
@@ -1,4 +1,4 @@
1
- import { CheckoutCoreQuoteResponse, CheckoutHistoryItem, Operation } from '@funkit/core';
1
+ import { CheckoutCoreQuoteResponse, CheckoutHistoryItem } from '@funkit/core';
2
2
  import React, { ReactNode } from 'react';
3
3
  import { Abi, Address } from 'viem';
4
4
  import { CheckoutHistoryStateMap } from '../../utils/checkout';
@@ -87,8 +87,8 @@ export interface FunkitActiveCheckoutItem {
87
87
  symbol: string | null;
88
88
  chainId: string;
89
89
  };
90
- /** Whether the checkout is a direct execution. If true, the initSettings.actionsParamfalse, it would go through the fun checkout protocol. */
91
- isDirectExecution: boolean;
90
+ /** Whether the checkout is fastforwarded to confirmation page because the user's funwallet already has sufficient target asset */
91
+ isFastForwarded: boolean;
92
92
  }
93
93
  export declare function FunkitCheckoutProvider({ children }: {
94
94
  children: ReactNode;
@@ -96,11 +96,9 @@ export declare function FunkitCheckoutProvider({ children }: {
96
96
  interface useFunkitPreCheckoutInternalReturn {
97
97
  checkoutItem: null | FunkitActiveCheckoutItem;
98
98
  updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
99
- confirmCheckout: (paymentMethod: PaymentMethod) => Promise<Address>;
99
+ confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
100
100
  getCheckoutDraftDollarValue: () => Promise<void>;
101
- getCheckoutQuote: (sponsorInitialTransferGasLimit: number) => Promise<void>;
102
- handleWeb2DirectExecution: () => Promise<void>;
103
- generateSignedBatchOperationForDirectExecution: () => Promise<Operation | null>;
101
+ getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod) => Promise<void>;
104
102
  }
105
103
  /**
106
104
  * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.
@@ -127,6 +125,6 @@ export declare const useFunkitAllPostCheckoutsInternal: () => {
127
125
  * External hook for user to kickstart a checkout in their app
128
126
  */
129
127
  export declare const useFunkitCheckout: (props: useFunkitCheckoutProps) => {
130
- beginCheckout: () => Promise<void>;
128
+ beginCheckout: (inputConfig?: FunkitCheckoutConfig) => Promise<void>;
131
129
  };
132
130
  export {};
@@ -1,5 +1,11 @@
1
1
  import PrivyJS from '@privy-io/js-sdk-core';
2
2
  import React, { ReactNode } from 'react';
3
+ interface UserInfoDisplay {
4
+ type: string;
5
+ label: string;
6
+ value: string;
7
+ id: string;
8
+ }
3
9
  interface OtpErrors {
4
10
  code: string;
5
11
  otpValue: string;
@@ -9,6 +15,13 @@ export declare const PRIVY_ERROR_CODES: {
9
15
  readonly INVALID_CREDENTIALS: "invalid_credentials";
10
16
  readonly NETWORK_ERROR: "network_error";
11
17
  };
18
+ export declare const privyOauthProvider: {
19
+ readonly GOOGLE: "google";
20
+ readonly APPLE: "apple";
21
+ readonly TWITTER: "twitter";
22
+ readonly EMAIL: "email";
23
+ };
24
+ export type PrivyOauthProviderType = (typeof privyOauthProvider)[keyof typeof privyOauthProvider];
12
25
  interface FunkitWeb2ContextType {
13
26
  privy: PrivyJS | null;
14
27
  loading: boolean;
@@ -16,15 +29,16 @@ interface FunkitWeb2ContextType {
16
29
  loginInput: string;
17
30
  setLoginInput: (value: string) => void;
18
31
  isLoginInputValid: boolean;
19
- type: 'Email' | 'Phone';
32
+ type: Web2LoginType;
20
33
  codeInput: string;
21
34
  otpError: OtpErrorType;
22
35
  resetError: () => void;
23
36
  setCodeInput: (value: string) => void;
24
37
  sendOTPCode: (bypass?: boolean) => Promise<boolean>;
25
38
  verifyOTPCode: (code?: string) => Promise<boolean>;
39
+ handleOauthRedirect: (oAuthProvider: PrivyOauthProviderType) => void;
26
40
  user: any;
27
- userEmail: string;
41
+ userEmail: UserInfoDisplay;
28
42
  token: string | null;
29
43
  refreshToken: string | null;
30
44
  logout: () => void;
@@ -33,6 +47,7 @@ declare const FunkitWeb2Context: React.Context<FunkitWeb2ContextType>;
33
47
  interface FunkitWeb2ProviderProps {
34
48
  children: ReactNode;
35
49
  }
50
+ type Web2LoginType = 'Email' | 'Phone' | PrivyOauthProviderType;
36
51
  /**
37
52
  * Handles web2 signins for funwallets
38
53
  * - Privy (Email only, Social Auth TBD)