@funkit/connect 1.0.4 → 1.0.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @funkit/connect
 
+## 1.0.5
+
+### Patch Changes
+
+- 9197b4f: fix: moonpay modal
+- b388697: feat: unsupported checkout chains tracking
+- 5e6e878: feat: trigger re-quote if checkout confirmation returns expired quote error
+- ec8205e: feat: tx summary borders
+- ec8205e: feat: better checkout time display
+- 11d5350: feat: increase max height of token list
+- cac4e5c: feat: consistent total usd amount with draft value
+- b388697: feat: FunBadge component
+- Updated dependencies [b388697]
+  - @funkit/core@1.0.2
+  - @funkit/wagmi-tools@1.0.3
+
 ## 1.0.4
 
 ### Patch Changes

package/dist/components/Box/Box.d.ts

@@ -40,7 +40,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly backgroundSize?: "cover" | undefined;
     readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "16" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;

package/dist/components/FunBadge/FunBadge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function FunBadge({ text }: {
+    text: string;
+}): React.JSX.Element;

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, onFinish, animateOut, }: {
+export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
+    regenerateQuoteFn: () => void;
     onFinish: (depositAddress: string) => void;
     animateOut: boolean;
 }): React.JSX.Element;

package/dist/components/FunDivider/FunDivider.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { BoxProps } from '../Box/Box';
-export declare function FunDivider({ marginTop, marginBottom, transparent, }: {
+export declare function FunDivider({ marginTop, marginBottom, transparent, borderWidth, }: {
     marginTop?: BoxProps['margin'];
     marginBottom?: BoxProps['margin'];
     transparent?: boolean;
+    borderWidth?: BoxProps['borderWidth'];
 }): React.JSX.Element;

package/dist/components/FunDot/FunDot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FunDot(): React.JSX.Element;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { Box } from '../Box/Box';
 import { TextProps } from '../Text/Text';
 interface FunNotificationProps {
     type?: FunNotificationType;
-    description: string;
+    description: string | ReactNode;
     textProps?: Omit<TextProps, 'color'>;
     containerProps?: React.ComponentProps<typeof Box>;
 }

package/dist/components/FunSelect/FunSelect.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from '../Box/Box';
 export interface FunSelectOption {
     value: string;
     label: ReactNode;
+    isDisabled: boolean;
 }
 export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, }: {
     handleSelect: (newValue: FunSelectOption['value']) => void;

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

@@ -58,6 +58,7 @@ type FunkitCheckoutQuoteResult = {
     finalTimeEstimationMs: number;
     finalPaymentTokenAmount: string;
     finalTotalUsd: string;
+    finalTotalUsdDisplay: string;
     finalFeesBreakdown: FeesItem;
 };
 export type FunkitCheckoutResult = {

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

@@ -0,0 +1,20 @@
+import { LinkPayload } from '@meshconnect/web-link-sdk';
+import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
+interface MeshBrokerDataMap {
+    [brokerName: string]: LinkPayload & {
+        connectionExpiresAtMs: number;
+    };
+}
+export declare function FunkitMeshProvider({ children }: any): React.JSX.Element;
+export declare function useFunkitMesh({ onBeforeConnect, onConnected, onMeshModalClose, }: {
+    onBeforeConnect?: () => void;
+    onConnected?: (brokerData: LinkPayload | null) => void;
+    onMeshModalClose?: () => void;
+}): {
+    meshBrokerDataMap: MeshBrokerDataMap;
+    connectToBrokerage: (brokerage: MeshExchanges) => Promise<void>;
+    unlinkBrokerage: (exchange: MeshExchanges) => void;
+    hasActiveConnectionCheck: (brokerage: MeshExchanges) => boolean;
+};
+export {};

package/dist/css/sprinkles.css.d.ts

@@ -399,7 +399,7 @@ export declare const sprinkles: ((props: {
     readonly backgroundSize?: "cover" | undefined;
     readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "16" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;