@funkit/connect 1.0.24 → 1.0.26

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @funkit/connect
 
+## 1.0.26
+
+### Patch Changes
+
+- 92447ae: feat: checkout history traversal & route memory
+- c84cb9d: feat: deprecate direct execution flow
+- fa2bb25: feat: new `useFunkitAccount` hook
+- c84cb9d: feat: new fees display
+- Updated dependencies [49ec685]
+- Updated dependencies [185b90c]
+  - @funkit/core@1.0.10
+  - @funkit/wagmi-tools@1.0.11
+
+## 1.0.25
+
+### Patch Changes
+
+- f27a1fc: feat: absolute to usd input switcher
+- 286c947: refactor: notification animations
+- f27a1fc: refactor: more animations
+- 286c947: feat: payment selection flow improvements
+- a441de2: feat: new purchase history notification
+- 18a9e56: feat: custom funkit wagmi hook `useFunkitSwitchChain`
+- bbdf020: feat: checkout history v2
+
 ## 1.0.24
 
 ### Patch Changes

package/dist/{chunk-2GFNZKMA.js → chunk-4SROXH24.js}

@@ -53,7 +53,7 @@ var darkTheme = ({
     solidLine: "#FFF",
     rightTranslucentLine: "linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5))",
     leftTranslucentLine: "linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0))",
-    standby: "#FFD641",
+    standby: "#F6851B",
     loadingBase: "rgba(255, 255, 255, 0.05)",
     loadingAccent: "rgba(255, 255, 255, 0.2)",
     modalBackdrop: "rgba(0, 0, 0, 0.4)",
@@ -76,8 +76,8 @@ var darkTheme = ({
     buttonTextPrimary: "#000000",
     buttonTextSecondary: "#FFFFFF",
     buttonTextDisabled: "#000000",
-    buttonWarning: "#C60000",
-    buttonSuccess: "#1DB847",
+    buttonWarning: "#F34126",
+    buttonSuccess: "#2EA200",
     buttonTextWarning: "#FFFFFF",
     buttonTextSuccess: "#FFFFFF",
     transparent: "transparent",

package/dist/{chunk-RA4J3G3B.js → chunk-EYTYHIPM.js}

@@ -53,7 +53,7 @@ var lightTheme = ({
     solidLine: "#000",
     rightTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5))",
     leftTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))",
-    standby: "#FFD641",
+    standby: "#F6851B",
     loadingBase: "rgba(0, 0, 0, 0.05)",
     loadingAccent: "rgba(0, 0, 0, 0.2)",
     modalBackdrop: "rgba(0, 0, 0, 0.4)",
@@ -73,8 +73,8 @@ var lightTheme = ({
     buttonPrimary: accentColor,
     buttonProcessing: accentColorForeground,
     buttonDisabled: "#31A3F826",
-    buttonWarning: "#C60000",
-    buttonSuccess: "#1DB847",
+    buttonWarning: "#F34126",
+    buttonSuccess: "#2EA200",
     buttonTextWarning: "#FFFFFF",
     buttonTextSuccess: "#FFFFFF",
     buttonTextPrimary: "#FFFFFF",

package/dist/components/ChainModal/Chain.d.ts

@@ -13,5 +13,10 @@ interface ChainProps {
     src: string | AsyncImageSrc | undefined | null;
     idx: number;
 }
+export declare function ChainLineItem({ chainId, chainIconSize, gap, }: {
+    chainId: number;
+    chainIconSize: BoxProps['height'];
+    gap?: BoxProps['gap'];
+}): React.JSX.Element | null;
 declare const Chain: ({ chainId, currentChainId, switchChain, chainIconSize, isLoading, src, name, iconBackground, idx, }: ChainProps) => React.JSX.Element;
 export default Chain;

package/dist/components/FunButton/FunButton.css.d.ts

@@ -1,3 +1,4 @@
 export declare const funLinkButtonStyle: string;
 export declare const funIconButtonStyle: string;
 export declare const iconStyle: string;
+export declare const rotateStyle: string;

package/dist/components/FunButton/FunIconButton.d.ts

@@ -3,7 +3,7 @@ import { BoxProps } from '../Box/Box';
 /**
  * Circular icon button with dynamic height and width
  */
-export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, }: {
+export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, rotateIconAnimation, }: {
     onClick: () => void;
     icon: React.ReactNode;
     size?: BoxProps['height'];
@@ -15,4 +15,5 @@ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX
     color?: BoxProps['color'];
     background?: BoxProps['background'];
     width?: BoxProps['width'];
+    rotateIconAnimation?: boolean | undefined;
 }) => React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryContent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+export declare function FunCheckoutHistoryContent({ onClose, depositAddress, initialPage, onBackFromDetailPage, }: {
+    depositAddress: `0x${string}`;
+    initialPage: HistoryContentPages;
+    onClose: () => void;
+    onBackFromDetailPage: undefined | (() => void);
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts

@@ -1,11 +1,11 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React, { Dispatch, SetStateAction } from 'react';
-import { HistoryModalPages } from '../../utils/checkoutHistory';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
 /**
  * Processing info about a checkout history item (already created in backend)
  */
 export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, animateOut, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
-    setCurrentPage: Dispatch<SetStateAction<HistoryModalPages>>;
+    setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
     animateOut: boolean;
 }): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { HistoryModalPages } from '../../utils/checkoutHistory';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
 interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
     depositAddress: `0x${string}`;
-    initialPage: HistoryModalPages;
+    initialPage: HistoryContentPages;
 }
 export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, initialPage, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutModal/FunCheckoutPrimaryInfo.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
 import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, }: {
+export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, prioritizeDraftValue, }: {
     checkoutItem: FunkitActiveCheckoutItem;
     isLoading: boolean;
     isEditable: boolean;
     onConfirmEdit?: (newValue: number) => void;
+    prioritizeDraftValue: boolean;
 }): React.JSX.Element;
-export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, }: {
+export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, prioritizeDraftValue, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
+    prioritizeDraftValue: boolean;
 }): React.JSX.Element | null;

package/dist/components/FunNotification/FunCheckoutNotification.d.ts

@@ -1,6 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React from 'react';
-export declare function FunCheckoutNotification({ checkoutHistoryItem, onBeforeRedirect, }: {
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+export declare function FunCheckoutNotification({ checkoutHistoryItem, onSelect, }: {
     checkoutHistoryItem: CheckoutHistoryItem;
-    onBeforeRedirect: () => void;
+    onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }): React.JSX.Element;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -1,12 +1,16 @@
+import './FunNotification.css';
 import React, { ReactNode } from 'react';
 import { Box } from '../Box/Box';
 import { TextProps } from '../Text/Text';
 interface FunNotificationProps {
     type?: FunNotificationType;
     description: string | ReactNode;
+    actionText?: string;
+    onAction?: () => void;
     textProps?: Omit<TextProps, 'color'>;
     containerProps?: React.ComponentProps<typeof Box>;
+    isVisible?: boolean;
 }
 type FunNotificationType = 'default' | 'error';
-export declare function FunNotification({ type, description, textProps, containerProps, }: FunNotificationProps): React.JSX.Element;
+export declare function FunNotification({ type, description, actionText, onAction, textProps, containerProps, isVisible, }: FunNotificationProps): React.JSX.Element;
 export {};

package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function FunTxSummaryBox({ children }: {
+    children: any;
+}): React.JSX.Element;
+export declare function FunTxSummaryLineItem({ children, ...otherProps }: any): React.JSX.Element;
+export declare function FunTxSummaryLineItemKeyText({ text }: {
+    text: string;
+}): React.JSX.Element;
+export declare function FunTxSummaryDivider(): React.JSX.Element;

package/dist/components/FunTransactionSummary/FunTxSummaryHistory.d.ts

@@ -0,0 +1,5 @@
+import { CheckoutHistoryItem } from '@funkit/core';
+import React from 'react';
+export declare function FunTxSummaryHistory({ checkoutHistoryItem, }: {
+    checkoutHistoryItem: CheckoutHistoryItem;
+}): React.JSX.Element;

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

@@ -102,6 +102,8 @@ export interface FunkitActiveCheckoutItem {
     isDrafting: boolean;
     /** The draft dollar value estimate of the checkout. Not the actual quote. **/
     draftDollarValue: null | number;
+    /** The final dollar value of the checkout. Derived from latestQuote. **/
+    finalDollarValue: null | number;
     /** Whether the checkout quote is being fetched **/
     isQuoting: boolean;
     /** Latest checkout estimated fees and time **/

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

@@ -23,6 +23,66 @@ interface GeneralWalletContextProps {
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;
+/**
+ * Replacement for wagmi's `useAccount`
+ */
+export declare const useFunkitAccount: () => {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: undefined;
+    addresses: undefined;
+    chain: undefined;
+    chainId: undefined;
+    connector: undefined;
+    isReconnecting: false;
+    isConnecting: false;
+    isDisconnected: true;
+    status: "disconnected";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}`;
+    addresses: readonly [`0x${string}`, ...`0x${string}`[]];
+    chain: import("viem").Chain | undefined;
+    chainId: number;
+    connector: import("wagmi").Connector;
+    isConnecting: false;
+    isDisconnected: false;
+    isReconnecting: false;
+    status: "connected";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}` | undefined;
+    addresses: readonly `0x${string}`[] | undefined;
+    chain: import("viem").Chain | undefined;
+    chainId: number | undefined;
+    connector: import("wagmi").Connector | undefined;
+    isConnecting: false;
+    isDisconnected: false;
+    isReconnecting: true;
+    status: "reconnecting";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}` | undefined;
+    addresses: readonly `0x${string}`[] | undefined;
+    chain: import("viem").Chain | undefined;
+    chainId: number | undefined;
+    connector: import("wagmi").Connector | undefined;
+    isReconnecting: false;
+    isConnecting: true;
+    isDisconnected: false;
+    status: "connecting";
+};
 /**
  * Replacement for wagmi's `disconnect` from `useDisconnect`
  */
@@ -99,4 +159,14 @@ export declare const useFunkitDisconnect: () => {
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 };
+/**
+ * Replacement for wagmi's useSwitchChains
+ */
+export declare const useFunkitSwitchChains: ({ onSettled, }: {
+    onSettled?: (() => void) | undefined;
+}) => {
+    switchChain: (params: any) => void;
+    switchChainAsync: (params: any) => Promise<void>;
+    pendingChainId: number | null;
+};
 export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CompletedStatusIcon: () => React.JSX.Element;
+export declare const PendingStatusIcon: () => React.JSX.Element;
+export declare const FailedStatusIcon: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SwitchIcon: () => React.JSX.Element;

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+import { FunProfileView } from './ProfileDetails';
+export declare const ActivityTraversalContext: React.Context<{
+    selectedPurchaseId: `0x${string}` | undefined;
+    selectedPurchaseInitView: HistoryContentPages | undefined;
+    returnView: FunProfileView | undefined;
+    returnViewPresets: {
+        [x: string]: any;
+    };
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnView: FunProfileView;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+        onRedirect: () => void;
+    }) => void;
+    resetActivityTraversal: () => void;
+}>;
+export declare const ActivityTraversalProvider: ({ children }: any) => React.JSX.Element;
+export declare const useActivityTraversal: () => {
+    selectedPurchaseId: `0x${string}` | undefined;
+    selectedPurchaseInitView: HistoryContentPages | undefined;
+    returnView: FunProfileView | undefined;
+    returnViewPresets: {
+        [x: string]: any;
+    };
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnView: FunProfileView;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+        onRedirect: () => void;
+    }) => void;
+    resetActivityTraversal: () => void;
+};

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

@@ -1,5 +1,13 @@
 import React from 'react';
-export declare function ActivityHistory({ onBack, onClose, }: {
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare function ActivityHistory({ onBack, onClose, onSelectActivity, }: {
     onClose: () => void;
     onBack: () => void;
+    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+    }) => void;
 }): React.JSX.Element;

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare function HomeCheckoutSection({ onClose }: {
-    onClose: () => void;
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare function HomeCheckoutSection({ onSelectActivity, }: {
+    onSelectActivity: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }): React.JSX.Element | null;

package/dist/components/ProfileDetails/FunProfileViews/Home/index.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
 import { FunProfileView } from '../../ProfileDetails';
-export declare function Home({ onClose, onChangeView, }: {
+export declare function Home({ onClose, onChangeView, onSelectActivity, }: {
     onClose: () => void;
     onChangeView: (newView: FunProfileView) => void;
+    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+    }) => void;
 }): React.JSX.Element;

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

@@ -3,7 +3,8 @@ export declare enum FunProfileView {
     HOME = 0,
     SETTINGS = 1,
     ACTIVITY = 2,
-    DEPOSIT = 3
+    SINGLE_ACTIVITY = 3,
+    DEPOSIT = 4
 }
 interface ProfileDetailsProps {
     onClose: () => void;

package/dist/index.css

@@ -4541,57 +4541,33 @@
   min-width: 100%;
 }
 
-/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdGdqeGwwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgc3RnanhsMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpOwogICAgb3BhY2l0eTogMDsKICB9Cn0KLnN0Z2p4bDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBzdGdqeGwwOwp9Ci5zdGdqeGwzIHsKICBhbmltYXRpb24tZHVyYXRpb246IDE1MG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogc3RnanhsMTsKfQ== */
-@keyframes stgjxl0 {
+/* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXR5eDVudTIgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAzMyUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMTVkZWcpOwogIH0KICA2NiUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoLTE1ZGVnKTsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsKICB9Cn0KQGtleWZyYW1lcyBfMXR5eDVudTUgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAzMyUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMjAwZGVnKTsKICB9CiAgNjYlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDE2MGRlZyk7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsKICB9Cn0KLl8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTE6aG92ZXIgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51MyB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTM6aG92ZXIgLl8xdHl4NW51NCB7CiAgYW5pbWF0aW9uOiBfMXR5eDVudTIgMC42cyBlYXNlLWluLW91dDsKfQouXzF0eXg1bnU2IHsKICBhbmltYXRpb246IF8xdHl4NW51NSAxczsKfQ== */
+@keyframes _1tyx5nu2 {
   0% {
-    transform: scale(0.7);
-    opacity: 0.2;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
+    transform: rotate(0deg);
   }
-}
-@keyframes stgjxl1 {
-  0% {
-    transform: scale(1);
-    opacity: 1;
+  33% {
+    transform: rotate(15deg);
   }
-  90% {
-    transform: scale(0.8);
-    opacity: 0.2;
+  66% {
+    transform: rotate(-15deg);
   }
   100% {
-    transform: scale(0.5);
-    opacity: 0;
+    transform: rotate(0deg);
   }
 }
-[data-rk] .stgjxl2 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: stgjxl0;
-}
-[data-rk] .stgjxl3 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: stgjxl1;
-}
-
-/* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXR5eDVudTIgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAzMyUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMTVkZWcpOwogIH0KICA2NiUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoLTE1ZGVnKTsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsKICB9Cn0KLl8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTE6aG92ZXIgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51MyB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTM6aG92ZXIgLl8xdHl4NW51NCB7CiAgYW5pbWF0aW9uOiBfMXR5eDVudTIgMC42cyBlYXNlLWluLW91dDsKfQ== */
-@keyframes _1tyx5nu2 {
+@keyframes _1tyx5nu5 {
   0% {
     transform: rotate(0deg);
   }
   33% {
-    transform: rotate(15deg);
+    transform: rotate(200deg);
   }
   66% {
-    transform: rotate(-15deg);
+    transform: rotate(160deg);
   }
   100% {
-    transform: rotate(0deg);
+    transform: rotate(180deg);
   }
 }
 [data-rk] ._1tyx5nu1 {
@@ -4606,6 +4582,9 @@
 [data-rk] ._1tyx5nu3:hover ._1tyx5nu4 {
   animation: _1tyx5nu2 0.6s ease-in-out;
 }
+[data-rk] ._1tyx5nu6 {
+  animation: _1tyx5nu5 1s;
+}
 
 /* vanilla-extract-css-ns:src/components/FunModalTitleSection/FunModalTitleSection.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfN2psZ3g3MCB7CiAgMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgXzdqbGd4NzEgewogIDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDEwMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KfQouXzdqbGd4NzIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MDsKfQouXzdqbGd4NzMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MTsKfQ== */
 @keyframes _7jlgx70 {
@@ -4655,6 +4634,54 @@
   width: 21px;
 }
 
+/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdGdqeGwwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgc3RnanhsMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpOwogICAgb3BhY2l0eTogMDsKICB9Cn0KLnN0Z2p4bDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBzdGdqeGwwOwp9Ci5zdGdqeGwzIHsKICBhbmltYXRpb24tZHVyYXRpb246IDE1MG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogc3RnanhsMTsKfQ== */
+@keyframes stgjxl0 {
+  0% {
+    transform: scale(0.7);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes stgjxl1 {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  90% {
+    transform: scale(0.8);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+}
+[data-rk] .stgjxl2 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: stgjxl0;
+}
+[data-rk] .stgjxl3 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: stgjxl1;
+}
+
+/* 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;
+}
+
 /* src/components/FunInput/FunInputBase.css */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -4703,38 +4730,47 @@ input[type=number] {
   color: inputFieldPrimary;
 }
 
+/* src/components/FunNotification/FunNotification.css */
+.fun-notification-expanded {
+  transition: all 0.3s, opacity 0.3s;
+  overflow: hidden;
+}
+.fun-notification-collapsed {
+  max-height: 0px;
+  opacity: 0;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+  transition: all 0.3s, opacity 0.2s;
+  overflow: hidden;
+}
+
+/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
+[data-rk] ._10pw5x60:hover {
+  background: unset;
+}
+
+/* vanilla-extract-css-ns:src/css/scrollStyles.css.ts.vanilla.css?source=Ll8xNjNlaG1rMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
+[data-rk] ._163ehmk0::-webkit-scrollbar {
+  display: none;
+}
+
 /* src/components/FunTransactionSummary/FunTransactionSummary.css */
 .fun-container-content-expanded {
-  transition: max-height 0.6s ease-in-out;
+  transition: all 0.5s ease-in-out;
   max-height: 200px;
   overflow: hidden;
 }
 .fun-container-content-collapsed {
   max-height: 0px;
-  transition: max-height 0.4s ease-out;
+  transition: all 0.4s ease-out;
   overflow: hidden;
 }
 
-/* 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;
 }
 
-/* vanilla-extract-css-ns:src/css/scrollStyles.css.ts.vanilla.css?source=Ll8xNjNlaG1rMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
-[data-rk] ._163ehmk0::-webkit-scrollbar {
-  display: none;
-}
-
 /* vanilla-extract-css-ns:src/components/SkeletalLoader/SkeletalLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBhaG55YjEwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAwLjY7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogIH0KICA1MCUgewogICAgb3BhY2l0eTogMTsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMS4wMSk7CiAgfQogIDEwMCUgewogICAgb3BhY2l0eTogMC40OwogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICB9Cn0KLmFobnliMTEgewogIGFuaW1hdGlvbjogYWhueWIxMCAxcyBpbmZpbml0ZTsKfQ== */
 @keyframes ahnyb10 {
   0% {
@@ -4859,11 +4895,6 @@ input[type=number] {
   animation-name: _1x1d6jx5;
 }
 
-/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
-[data-rk] ._10pw5x60:hover {
-  background: unset;
-}
-
 /* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xMTA3aXhjMCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xMTA3aXhjMSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMTEwN2l4YzE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
 [data-rk] ._1107ixc0 {
   max-height: 456px;

package/dist/index.d.ts

@@ -23,4 +23,4 @@ export { darkTheme } from './themes/darkTheme';
 export { lightTheme } from './themes/lightTheme';
 export { useAddRecentTransaction } from './transactions/useAddRecentTransaction';
 export type { FunkitConnectWalletConnectParameters, Wallet, WalletDetailsParams, WalletList, } from './wallets/Wallet';
-export { useFunkitDisconnect } from './components/FunkitProvider/GeneralWalletProvider';
+export { useFunkitAccount, useFunkitDisconnect, useFunkitSwitchChains, } from './components/FunkitProvider/GeneralWalletProvider';