@funkit/connect 1.0.10 → 1.0.12

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @funkit/connect
 
+## 1.0.12
+
+### Patch Changes
+
+- a0be3b2: feat: new input step for non-action checkout flows
+- b72e13a: feat: wagmi hook replacement - useFunkitDisconnect
+- 6194aa9: fix: small screen compatability
+
+## 1.0.11
+
+### Patch Changes
+
+- e1474bc: feat: custom font family config
+
 ## 1.0.10
 
 ### Patch Changes

package/dist/{chunk-SWTU7PBZ.js → chunk-2NNNYGQA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-VP4CAK4A.js";
+} from "./chunk-UK5FXGK3.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {

package/dist/{chunk-MQTK22MG.js → chunk-JLKS6NET.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-VP4CAK4A.js";
+} from "./chunk-UK5FXGK3.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {

package/dist/{chunk-VP4CAK4A.js → chunk-UK5FXGK3.js}

@@ -46,13 +46,14 @@ var blurs = {
 var baseTheme = ({
   borderRadius = "large",
   fontStack = "fun",
+  customFontFamily = "",
   overlayBlur = "none"
 }) => ({
   blurs: {
     modalOverlay: blurs[overlayBlur].modalOverlay
   },
   fonts: {
-    body: fontStacks[fontStack]
+    body: customFontFamily || fontStacks[fontStack]
   },
   radii: {
     actionButton: radiusScales[borderRadius].actionButton,

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, }: {
+export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, }: {
     onClick: () => void;
     icon: React.ReactNode;
     size?: BoxProps['height'];
@@ -14,4 +14,5 @@ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX
     ariaLabel?: string | undefined;
     color?: BoxProps['color'];
     background?: BoxProps['background'];
+    width?: BoxProps['width'];
 }) => React.JSX.Element;

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

@@ -7,4 +7,3 @@ export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep,
     onFinish: (depositAddress: string) => void;
     animateOut: boolean;
 }): React.JSX.Element;
-export declare function roundUpTo5DecimalPlaces(inputNumber: string): string;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function FunCheckoutInputAmountStep({ checkoutId, onContinue, animateOut, }: {
+    checkoutId: string;
+    onContinue: () => void;
+    animateOut: boolean;
+}): React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare enum FunCheckoutStep {
+    INPUT_AMOUNT = "input_amount",
     SELECT_PAYMENT_METHOD = "select_payment",
     CONFIRMATION = "confirmation",
     PAYMENT_SETUP = "payment_setup",

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

@@ -130,7 +130,7 @@ interface useFunkitPreCheckoutInternalReturn {
     checkoutItem: null | FunkitActiveCheckoutItem;
     reDraftSymbol: symbol;
     updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
-    updateTargetAssetAmount: (newTargetAssetAmount: number, isCheckoutCrFlow: boolean) => void;
+    updateTargetAssetAmount: (newTargetAssetAmount: number) => void;
     updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean, stepMessageSetter: (m: string) => void) => Promise<Address>;
     getCheckoutDraftDollarValue: () => Promise<void>;

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

@@ -23,4 +23,80 @@ interface GeneralWalletContextProps {
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;
+/**
+ * Replacement for wagmi's `disconnect` from `useDisconnect`
+ */
+export declare const useFunkitDisconnect: () => {
+    disconnect: () => void;
+    disconnectAsync: () => void;
+    reset: () => void;
+    error: null;
+    status: "idle";
+    data: undefined;
+    isError: false;
+    isPending: false;
+    isSuccess: false;
+    failureCount: number;
+    failureReason: import("@wagmi/core").DisconnectErrorType | null;
+    isPaused: boolean;
+    variables: undefined;
+    isIdle: true;
+    context: unknown;
+    submittedAt: number;
+    connectors: readonly import("wagmi").Connector[];
+} | {
+    disconnect: () => void;
+    disconnectAsync: () => void;
+    reset: () => void;
+    error: null;
+    status: "pending";
+    data: undefined;
+    isError: false;
+    isPending: true;
+    isSuccess: false;
+    failureCount: number;
+    failureReason: import("@wagmi/core").DisconnectErrorType | null;
+    isPaused: boolean;
+    variables: import("wagmi/query").DisconnectVariables;
+    isIdle: false;
+    context: unknown;
+    submittedAt: number;
+    connectors: readonly import("wagmi").Connector[];
+} | {
+    disconnect: () => void;
+    disconnectAsync: () => void;
+    reset: () => void;
+    error: import("@wagmi/core").DisconnectErrorType;
+    status: "error";
+    data: undefined;
+    isError: true;
+    isPending: false;
+    isSuccess: false;
+    failureCount: number;
+    failureReason: import("@wagmi/core").DisconnectErrorType | null;
+    isPaused: boolean;
+    variables: import("wagmi/query").DisconnectVariables;
+    isIdle: false;
+    context: unknown;
+    submittedAt: number;
+    connectors: readonly import("wagmi").Connector[];
+} | {
+    disconnect: () => void;
+    disconnectAsync: () => void;
+    reset: () => void;
+    error: null;
+    status: "success";
+    data: void;
+    isError: false;
+    isPending: false;
+    isSuccess: true;
+    failureCount: number;
+    failureReason: import("@wagmi/core").DisconnectErrorType | null;
+    isPaused: boolean;
+    variables: import("wagmi/query").DisconnectVariables;
+    isIdle: false;
+    context: unknown;
+    submittedAt: number;
+    connectors: readonly import("wagmi").Connector[];
+};
 export {};

package/dist/index.css

@@ -4565,16 +4565,6 @@
   width: 21px;
 }
 
-/* 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 {
@@ -4750,6 +4740,16 @@ 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

@@ -22,3 +22,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';