@funkit/connect 1.0.20 → 1.0.21

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @funkit/connect
 
+## 1.0.21
+
+### Patch Changes
+
+- abd0295: feat: new optional checkout config disableEditing
+- e3b0b4b: feat: "Powered by Fun.xyz" tag line
+- ab3f917: feat: new customShadows theme configuration
+- abd0295: chore: standardize localStorage keys
+- f4772ec: feat: normalized quote time estimations
+- abd0295: feat: theme toggle persistence
+- f4772ec: feat: support more known token images
+- Updated dependencies [dcd80d5]
+  - @funkit/core@1.0.7
+  - @funkit/wagmi-tools@1.0.8
+
 ## 1.0.20
 
 ### Patch Changes

package/dist/{chunk-AF763GD5.js → chunk-AKTCSKQA.js}

@@ -18,6 +18,7 @@ var lightTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -86,7 +87,8 @@ var lightTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "light"
 });

package/dist/{chunk-I4LVVIYS.js → chunk-W67MRJ5R.js}

@@ -18,6 +18,7 @@ var darkTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -86,7 +87,8 @@ var darkTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "dark"
 });

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -5,9 +5,10 @@ interface FunAssetAvatarProps {
     assetTicker?: string;
     assetName: string;
     assetIconSize?: BoxProps['height'] | BoxProps['width'];
-    chainId: string | number;
+    chainId?: string | number;
     chainIconSize?: BoxProps['height'] | BoxProps['width'];
     prioritizeDefaults?: boolean;
+    hideIfUnknown?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, }: FunAssetAvatarProps): React.JSX.Element;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

package/dist/components/FunPoweredTagline/FunPoweredTagline.d.ts

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

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

@@ -45,6 +45,8 @@ export interface FunkitCheckoutConfig {
     checkoutItemDescription?: string;
     /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
     checkoutItemAmount?: number;
+    /** Whether targetAssetAmount is editable by end users in cases where 1. checkout has empty actionsParams and 2. initial targetAssetAmount <= 0 **/
+    disableEditing?: boolean;
     /** *****************************
      * Miscellaneous configurations *
      ********************************/

package/dist/consts/assets.d.ts

@@ -1,29 +1,3 @@
-export declare enum CheckoutAsset {
-    ETH = "eth",
-    WETH = "weth",
-    MATIC = "matic",
-    ARB = "arb",
-    STETH = "steth",
-    AAVE = "aave",
-    WSTETH = "wsteth",
-    MWETHWPUNKS40 = "mweth-wpunks:40",
-    TWOXETH = "2x eth",
-    USDC = "usdc",
-    DAI = "dai",
-    APOLWMATIC = "apolwmatic",
-    AARBUSDCN = "aarbusdcn"
-}
-interface CheckoutAssetType {
-    [key: string]: {
-        ticker: string;
-        name: string;
-        icon: string;
-        iconSVG?: () => any;
-        decimals: number;
-    };
-}
-export declare const CHECKOUT_ASSET: CheckoutAssetType;
 export declare const ASSET_LOGO_SRCS: {
     [x: string]: string;
 };
-export {};

package/dist/index.css

@@ -4613,6 +4613,16 @@ input[type=number] {
   color: inputFieldPrimary;
 }
 
+/* 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;
@@ -4745,16 +4755,6 @@ 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;