@funkit/connect 1.0.11 → 1.0.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @funkit/connect
 
+## 1.0.13
+
+### Patch Changes
+
+- ccc8a97: feat: paymentTitleMaxWidth config
+
+## 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

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

@@ -12,6 +12,7 @@ export interface FunKeyValueProps {
     keyTextColor?: BoxProps['color'];
     keyTextSize?: TextProps['size'];
     keyTextWeight?: TextProps['weight'];
+    keySectionMaxWidth?: BoxProps['maxWidth'];
     valueTextColor?: BoxProps['color'];
     valueTextSize?: TextProps['size'];
     valueTextWeight?: TextProps['weight'];
@@ -25,4 +26,4 @@ export interface FunKeyValueProps {
     isDisabled?: boolean;
 }
 export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
-keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;
+keyTextColor, keyTextSize, keyTextWeight, keySectionMaxWidth, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { PaymentMethod } from '../../consts/payment';
+import { BoxProps } from '../Box/Box';
 export interface FunkitTextCustomizationsConfig {
     selectPaymentMethod: string;
     brokerageOrExchange: string;
@@ -25,6 +26,8 @@ interface FunkitPaymentsConfig {
     defaultPaymentMethod?: PaymentMethod | undefined;
     /** Whether end users are given the option to unlink a previously connected brokerage **/
     allowBrokerageUnlinking?: boolean;
+    /** Max width of the title of each payment method **/
+    paymentTitleMaxWidth?: BoxProps['maxWidth'];
 }
 export type FunkitConfig = {
     /** Funkit api key **/

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