@funkit/connect 3.0.0-next.0 → 3.0.0-next.1

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

@@ -5,10 +5,8 @@ export declare const defaultTheme: {
         accentColor: string;
         accentColorForeground: string;
         actionButtonBorder: string;
-        actionButtonSecondaryBackground: string;
         connectButtonBackground: string;
         connectButtonBackgroundError: string;
-        connectButtonInnerBackground: string;
         connectButtonText: string;
         connectButtonTextError: string;
         connectionIndicator: string;
@@ -16,17 +14,7 @@ export declare const defaultTheme: {
         generalBorder: string;
         generalBorderDim: string;
         menuItemBackground: string;
-        modalText: string;
-        modalTextDim: string;
-        modalTextSecondary: string;
-        profileAction: string;
-        profileActionHover: string;
-        profileForeground: string;
         selectedOptionBorder: string;
-        paymentOptionBorderBase: string;
-        paymentOptionBorderHover: string;
-        paymentOptionBorderActive: string;
-        paymentOptionBorderActiveHover: string;
         paymentOptionBorderDisabled: string;
         standby: string;
         success: string;
@@ -43,35 +31,40 @@ export declare const defaultTheme: {
         primaryText: string;
         secondaryText: string;
         tertiaryText: string;
-        textDisabled: string;
         textSelection: string;
-        inputFieldPrimary: string;
-        inputFieldPlaceholder: string;
-        inputFieldDisabled: string;
-        optionBackground: string;
-        optionBackgroundSecondary: string;
+        inputBackground: string;
+        inputBorderBase: string;
+        inputBorderHover: string;
         actionColor: string;
         actionColorHover: string;
         actionColorDisabled: string;
         buttonPrimary: string;
-        buttonProcessing: string;
         buttonDisabled: string;
         buttonWarning: string;
         buttonSuccess: string;
         buttonTextWarning: string;
         buttonTextSuccess: string;
         buttonTextPrimary: string;
-        buttonTextSecondary: string;
         buttonTextDisabled: string;
         transparent: string;
+        buttonBackgroundTertiary: string;
+        buttonBackgroundHoverTertiary: string;
+        buttonTextTertiary: string;
+        buttonTextDisabledTertiary: string;
+        buttonStrokeTertiary: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundDisabled: string;
+        buttonText: string;
+        buttonStroke: string;
+        buttonTextSecondaryDisabled: string;
+        buttonTextSecondary: string;
     };
     shadows: {
         connectButton: string;
         dialog: string;
-        profileDetailsAction: string;
         selectedOption: string;
         selectedWallet: string;
-        walletLogo: string;
         button: string;
         callToAction: string;
     };
@@ -161,10 +154,8 @@ export declare const useActiveTheme: () => {
             accentColor: string;
             accentColorForeground: string;
             actionButtonBorder: string;
-            actionButtonSecondaryBackground: string;
             connectButtonBackground: string;
             connectButtonBackgroundError: string;
-            connectButtonInnerBackground: string;
             connectButtonText: string;
             connectButtonTextError: string;
             connectionIndicator: string;
@@ -172,17 +163,7 @@ export declare const useActiveTheme: () => {
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
-            modalText: string;
-            modalTextDim: string;
-            modalTextSecondary: string;
-            profileAction: string;
-            profileActionHover: string;
-            profileForeground: string;
             selectedOptionBorder: string;
-            paymentOptionBorderBase: string;
-            paymentOptionBorderHover: string;
-            paymentOptionBorderActive: string;
-            paymentOptionBorderActiveHover: string;
             paymentOptionBorderDisabled: string;
             standby: string;
             success: string;
@@ -199,27 +180,34 @@ export declare const useActiveTheme: () => {
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
-            textDisabled: string;
             textSelection: string;
-            inputFieldPrimary: string;
-            inputFieldPlaceholder: string;
-            inputFieldDisabled: string;
-            optionBackground: string;
-            optionBackgroundSecondary: string;
+            inputBackground: string;
+            inputBorderBase: string;
+            inputBorderHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
             buttonPrimary: string;
-            buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextWarning: string;
             buttonTextSuccess: string;
             buttonTextPrimary: string;
-            buttonTextSecondary: string;
             buttonTextDisabled: string;
             transparent: string;
+            buttonBackgroundTertiary: string;
+            buttonBackgroundHoverTertiary: string;
+            buttonTextTertiary: string;
+            buttonTextDisabledTertiary: string;
+            buttonStrokeTertiary: string;
+            buttonBackground: string;
+            buttonBackgroundHover: string;
+            buttonBackgroundDisabled: string;
+            buttonText: string;
+            buttonStroke: string;
+            buttonTextSecondaryDisabled: string;
+            buttonTextSecondary: string;
         };
         fonts: {
             body: string;
@@ -287,10 +275,8 @@ export declare const useActiveTheme: () => {
         shadows: {
             connectButton: string;
             dialog: string;
-            profileDetailsAction: string;
             selectedOption: string;
             selectedWallet: string;
-            walletLogo: string;
             button: string;
             callToAction: string;
         };
@@ -305,10 +291,8 @@ export declare const useActiveTheme: () => {
             accentColor: string;
             accentColorForeground: string;
             actionButtonBorder: string;
-            actionButtonSecondaryBackground: string;
             connectButtonBackground: string;
             connectButtonBackgroundError: string;
-            connectButtonInnerBackground: string;
             connectButtonText: string;
             connectButtonTextError: string;
             connectionIndicator: string;
@@ -316,17 +300,7 @@ export declare const useActiveTheme: () => {
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
-            modalText: string;
-            modalTextDim: string;
-            modalTextSecondary: string;
-            profileAction: string;
-            profileActionHover: string;
-            profileForeground: string;
             selectedOptionBorder: string;
-            paymentOptionBorderBase: string;
-            paymentOptionBorderHover: string;
-            paymentOptionBorderActive: string;
-            paymentOptionBorderActiveHover: string;
             paymentOptionBorderDisabled: string;
             standby: string;
             success: string;
@@ -343,27 +317,34 @@ export declare const useActiveTheme: () => {
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
-            textDisabled: string;
             textSelection: string;
-            inputFieldPrimary: string;
-            inputFieldPlaceholder: string;
-            inputFieldDisabled: string;
-            optionBackground: string;
-            optionBackgroundSecondary: string;
+            inputBackground: string;
+            inputBorderBase: string;
+            inputBorderHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
             buttonPrimary: string;
-            buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextWarning: string;
             buttonTextSuccess: string;
             buttonTextPrimary: string;
-            buttonTextSecondary: string;
             buttonTextDisabled: string;
             transparent: string;
+            buttonBackgroundTertiary: string;
+            buttonBackgroundHoverTertiary: string;
+            buttonTextTertiary: string;
+            buttonTextDisabledTertiary: string;
+            buttonStrokeTertiary: string;
+            buttonBackground: string;
+            buttonBackgroundHover: string;
+            buttonBackgroundDisabled: string;
+            buttonText: string;
+            buttonStroke: string;
+            buttonTextSecondaryDisabled: string;
+            buttonTextSecondary: string;
         };
         fonts: {
             body: string;
@@ -431,10 +412,8 @@ export declare const useActiveTheme: () => {
         shadows: {
             connectButton: string;
             dialog: string;
-            profileDetailsAction: string;
             selectedOption: string;
             selectedWallet: string;
-            walletLogo: string;
             button: string;
             callToAction: string;
         };
@@ -448,10 +427,8 @@ export declare const useActiveTheme: () => {
             accentColor: string;
             accentColorForeground: string;
             actionButtonBorder: string;
-            actionButtonSecondaryBackground: string;
             connectButtonBackground: string;
             connectButtonBackgroundError: string;
-            connectButtonInnerBackground: string;
             connectButtonText: string;
             connectButtonTextError: string;
             connectionIndicator: string;
@@ -459,17 +436,7 @@ export declare const useActiveTheme: () => {
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
-            modalText: string;
-            modalTextDim: string;
-            modalTextSecondary: string;
-            profileAction: string;
-            profileActionHover: string;
-            profileForeground: string;
             selectedOptionBorder: string;
-            paymentOptionBorderBase: string;
-            paymentOptionBorderHover: string;
-            paymentOptionBorderActive: string;
-            paymentOptionBorderActiveHover: string;
             paymentOptionBorderDisabled: string;
             standby: string;
             success: string;
@@ -486,27 +453,34 @@ export declare const useActiveTheme: () => {
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
-            textDisabled: string;
             textSelection: string;
-            inputFieldPrimary: string;
-            inputFieldPlaceholder: string;
-            inputFieldDisabled: string;
-            optionBackground: string;
-            optionBackgroundSecondary: string;
+            inputBackground: string;
+            inputBorderBase: string;
+            inputBorderHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
             buttonPrimary: string;
-            buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextWarning: string;
             buttonTextSuccess: string;
             buttonTextPrimary: string;
-            buttonTextSecondary: string;
             buttonTextDisabled: string;
             transparent: string;
+            buttonBackgroundTertiary: string;
+            buttonBackgroundHoverTertiary: string;
+            buttonTextTertiary: string;
+            buttonTextDisabledTertiary: string;
+            buttonStrokeTertiary: string;
+            buttonBackground: string;
+            buttonBackgroundHover: string;
+            buttonBackgroundDisabled: string;
+            buttonText: string;
+            buttonStroke: string;
+            buttonTextSecondaryDisabled: string;
+            buttonTextSecondary: string;
         };
         fonts: {
             body: string;
@@ -574,10 +548,8 @@ export declare const useActiveTheme: () => {
         shadows: {
             connectButton: string;
             dialog: string;
-            profileDetailsAction: string;
             selectedOption: string;
             selectedWallet: string;
-            walletLogo: string;
             button: string;
             callToAction: string;
         };

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

@@ -15,6 +15,7 @@ interface GeneralWalletContextProps {
     isFetchingAssets: boolean;
     walletAssets: GeneralWalletAssets;
     totalWalletAssetsUsd: number;
+    maxUsdWalletAssetKey: string;
     startAssetsListener: () => void;
     stopAssetsListener: () => void;
     funWallet: FunWallet | null;

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

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

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

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

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

@@ -3,7 +3,7 @@ import { HistoryContentPages } from '../../../../utils/checkoutHistory';
 import { FunProfileView } from '../../ProfileDetails';
 export declare enum SelectedHomeTab {
     ASSETS = "assets",
-    CHECKOUTS = " checkouts"
+    CHECKOUTS = "checkouts"
 }
 export declare function Home({ onClose, onChangeView, onSelectActivity, defaultHomeTab, }: {
     onClose: () => void;

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

@@ -1,5 +1,2 @@
 import React from 'react';
-export declare function Settings({ onClose, onBack, }: {
-    onClose: () => void;
-    onBack: () => void;
-}): React.JSX.Element;
+export declare function Settings(): React.JSX.Element;

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

@@ -8,7 +8,6 @@ export declare enum FunProfileView {
 }
 interface ProfileDetailsProps {
     onClose: () => void;
-    onDisconnect: () => void;
 }
-export declare function ProfileDetails({ onClose, onDisconnect }: ProfileDetailsProps): React.JSX.Element;
+export declare function ProfileDetails({ onClose }: ProfileDetailsProps): React.JSX.Element;
 export {};

package/dist/consts/checkout.d.ts

@@ -2,17 +2,17 @@ export declare enum CheckoutInitStepMessage {
     CONFIRMING = 0,
     PREPARING_DATA = 1
 }
-export declare const CHECKOUT_STEP_MESSAGE_GENERATOR: {
-    1: () => string;
-    0: () => string;
+export declare const CHECKOUT_STEP_MESSAGE: {
+    1: string;
+    0: string;
 };
 export declare enum Web3AccountBalanceMessage {
     SIGN_TX = 0,
     SWITCH_CHAIN = 1,
     APPROVE_TRANSFER = 2
 }
-export declare const WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR: {
-    0: () => string;
-    1: (newChainName: string) => string;
+export declare const WEB3_ACCOUNT_BALANCE_MESSAGE: {
+    0: string;
+    1: string;
     2: (tokenSymbol: string) => string;
 };

package/dist/consts/funkit.d.ts

@@ -30,7 +30,8 @@ export type SocialLoginOption = {
     icon: React.ReactNode;
     name: string;
 };
-export type FunkitPrioritizedLoginType = 'none' | 'web2' | 'web3';
+export type FunkitLoginType = 'web2' | 'web3';
+export type FunkitPrioritizedLoginType = 'none' | FunkitLoginType;
 export interface FunkitUserInfoBase {
     /** Unique identifier of the user **/
     id: string | Address;

package/dist/coreWallet-52SXITOT.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/coreWallet/coreWallet.svg
+var coreWallet_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="%231A1A1C" d="M0 0h28v28H0z"/><path fill="%231A1A1C" d="m14.22 8.796 1.798 1.01.75-.728 2.507-.282 1.473 1.64.246 2.362-1.719 1.519-3.257 1.337-3.985-1.599-1.01-2.046.749-2.383 2.447-.83Z"/><path fill="%23fff" fill-rule="evenodd" d="M10.96 20.016c-1.6 0-3.1-.341-4.4-.939l5.285-4.824a3.26 3.26 0 0 1-1.196-2.526 3.26 3.26 0 0 1 1.236-2.558V8.46h2.03c.816 0 1.563.3 2.135.795a3.253 3.253 0 0 1 2.135-.795h2.03v.708a3.266 3.266 0 0 1-.632 5.51c-.395 1.166-1.137 2.214-2.131 3.067v1.507h-2.499a10.614 10.614 0 0 1-3.993.763Zm2.955-5.777c.595 0 1.14-.207 1.57-.552l.56 1.26.562-1.266a2.512 2.512 0 1 0-.557-3.278 2.512 2.512 0 1 0-2.135 3.836Zm0-.754a1.758 1.758 0 1 0 0-3.516 1.758 1.758 0 0 0 0 3.516Zm0-.753a1.005 1.005 0 1 0 0-2.01 1.005 1.005 0 0 0 0 2.01Zm6.029-1.005a1.758 1.758 0 1 1-3.517 0 1.758 1.758 0 0 1 3.517 0Zm-.754 0a1.005 1.005 0 1 1-2.01 0 1.005 1.005 0 0 1 2.01 0Z" clip-rule="evenodd"/><path fill="%231A1A1C" fill-rule="evenodd" d="M14.954 19.253h2.498v-1.507c.994-.853 1.736-1.901 2.131-3.067a3.266 3.266 0 0 0 .632-5.51V8.46h-2.03c-.816 0-1.562.3-2.135.795a3.253 3.253 0 0 0-2.135-.795h-2.03v.708a3.26 3.26 0 0 0-1.236 2.558 3.254 3.254 0 0 0 1.196 2.526L6.56 19.077c.168.077.34.15.513.219 1.176.462 2.494.72 3.887.72 1.435 0 2.791-.274 3.993-.763Zm.767-9.272a2.512 2.512 0 1 0-.235 3.706l.56 1.26.561-1.266a2.502 2.502 0 0 0 1.578.558 2.512 2.512 0 1 0-2.135-3.836 2.526 2.526 0 0 0-.329-.422Zm.324 3.715.292-.658a2.261 2.261 0 0 1-.287-.55c-.072.2-.17.389-.293.56l.288.648Zm-2.13-1.472a.497.497 0 1 0 0-.994.497.497 0 0 0 0 .994Zm4.27 0a.497.497 0 1 0 0-.994.497.497 0 0 0 0 .994Zm-2.512-.497a1.758 1.758 0 1 1-3.516 0 1.758 1.758 0 0 1 3.516 0Zm-.753 0a1.005 1.005 0 1 1-2.01 0 1.005 1.005 0 0 1 2.01 0Zm3.265 1.758a1.758 1.758 0 1 0 0-3.517 1.758 1.758 0 0 0 0 3.517Zm0-.753a1.005 1.005 0 1 0 0-2.01 1.005 1.005 0 0 0 0 2.01Z" clip-rule="evenodd"/><path fill="%23fff" fill-rule="evenodd" d="M10.96 20.016c-1.6 0-3.1-.341-4.4-.939l5.285-4.824a3.26 3.26 0 0 1-1.196-2.526 3.26 3.26 0 0 1 1.236-2.558V8.46h2.03c.816 0 1.563.3 2.135.795a3.253 3.253 0 0 1 2.135-.795h2.03v.708a3.266 3.266 0 0 1-.632 5.51c-.395 1.166-1.137 2.214-2.131 3.067v1.507h-2.499a10.614 10.614 0 0 1-3.993.763Zm2.955-5.777c.595 0 1.14-.207 1.57-.552l.56 1.26.562-1.266a2.512 2.512 0 1 0-.557-3.278 2.512 2.512 0 1 0-2.135 3.836Zm0-.754a1.758 1.758 0 1 0 0-3.516 1.758 1.758 0 0 0 0 3.516Zm0-.753a1.005 1.005 0 1 0 0-2.01 1.005 1.005 0 0 0 0 2.01Zm6.029-1.005a1.758 1.758 0 1 1-3.517 0 1.758 1.758 0 0 1 3.517 0Zm-.754 0a1.005 1.005 0 1 1-2.01 0 1.005 1.005 0 0 1 2.01 0Z" clip-rule="evenodd"/><path fill="%231A1A1C" d="M16.413 11.706a2.515 2.515 0 1 1-5.031 0 2.515 2.515 0 0 1 5.03 0Z"/><path fill="%231A1A1C" d="M20.689 11.706a2.515 2.515 0 1 1-5.03 0 2.515 2.515 0 0 1 5.03 0Z"/><path fill="%23fff" d="M15.658 11.706a1.76 1.76 0 1 1-3.521 0 1.76 1.76 0 0 1 3.521 0Zm4.276 0a1.76 1.76 0 1 1-3.521 0 1.76 1.76 0 0 1 3.521 0Z"/><path fill="%231A1A1C" d="M14.903 11.706a1.006 1.006 0 1 1-2.012 0 1.006 1.006 0 0 1 2.012 0Zm4.277 0a1.006 1.006 0 1 1-2.013 0 1.006 1.006 0 0 1 2.013 0Zm-3.15 3.224-.87-1.962h1.742l-.872 1.962Z"/></svg>';
+export {
+  coreWallet_default as default
+};

package/dist/cronos-7AZSHGK7.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/components/FunkitProvider/chainIcons/cronos.svg
+var cronos_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><defs><linearGradient id="A" x1="-18.275%" x2="84.959%" y1="8.219%" y2="71.393%"><stop offset="0%" stop-color="%23002d74"/><stop offset="100%" stop-color="%23001246"/></linearGradient><circle id="B" cx="14" cy="14" r="14"/></defs><g fill-rule="evenodd"><mask id="C" fill="%23fff"><use xlink:href="%23B"/></mask><g fill-rule="nonzero"><path fill="url(%23A)" d="M-1.326-1.326h30.651v30.651H-1.326z" mask="url(%23C)"/><g fill="%23fff"><path d="M14.187 6L7 10.175v8.35l7.187 4.175 7.175-4.175v-8.35L14.187 6zm5.046 11.286l-5.058 2.936-5.046-2.936v-5.871l5.058-2.936 5.046 2.936v5.871z"/><path d="M14.187 22.7l7.175-4.175v-8.35L14.187 6v2.479l5.046 2.936v5.883l-5.058 2.936V22.7h.012z"/><path d="M14.175 6L7 10.175v8.35l7.175 4.175v-2.479l-5.046-2.936v-5.883l5.046-2.924V6zm3.36 10.299l-3.348 1.949-3.36-1.949v-3.898l3.36-1.949 3.348 1.949-1.399.818-1.961-1.143-1.949 1.143v2.274l1.961 1.143 1.961-1.143 1.387.806z"/></g></g></g></svg>';
+export {
+  cronos_default as default
+};

package/dist/css/presets.d.ts

@@ -0,0 +1,2 @@
+/** Replaces presets by their value in the provided mapping */
+export declare function withPresets<Value, Preset extends string>(value: Value | NoInfer<Preset>, presets: Record<Preset, Exclude<Value, Preset>>): Exclude<Value, Preset>;