@funkit/connect 9.23.0 → 9.23.2-next.0

package/dist/clients/{chunk-4752IYY6.js → chunk-KWIR3HO4.js}

@@ -8,7 +8,7 @@ import {
   VAULT_DEPOSITOR_ABI,
   VAULT_DEPOSITOR_POLYGON,
   createPerpsGenerateActionParams
-} from "./chunk-MOUTRRN3.js";
+} from "./chunk-S7FRYR55.js";
 
 // src/clients/polymarket/createPolymarketDepositConfig.ts
 import { encodeFunctionData, erc20Abi, maxUint256 } from "viem";

package/dist/clients/chunk-L7PABCF2.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  Box
+} from "./chunk-7GWX2ZS4.js";
+
+// src/components/Text/Text.tsx
+import React from "react";
+var Text = React.forwardRef(
+  ({
+    as = "div",
+    children,
+    className,
+    color = "primaryText",
+    display,
+    font = "body",
+    id,
+    size = "16",
+    style,
+    tabIndex,
+    title,
+    textAlign = "inherit",
+    textTransform = "none",
+    weight = "regular",
+    testId
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        as,
+        className,
+        color: color === "inherit" ? void 0 : color,
+        display,
+        fontFamily: font,
+        fontSize: size,
+        fontWeight: weight,
+        id,
+        title,
+        ref,
+        style,
+        tabIndex,
+        textAlign,
+        textTransform,
+        testId,
+        background: { selection: "textSelection" }
+      },
+      children
+    );
+  }
+);
+Text.displayName = "Text";
+
+export {
+  Text
+};

package/dist/clients/chunk-LII3SVUH.js

@@ -0,0 +1,230 @@
+"use client";
+import {
+  Box
+} from "./chunk-7FIVHWNC.js";
+import {
+  logger
+} from "./chunk-UUHGOBKZ.js";
+
+// src/components/AsyncImage/useAsyncImage.ts
+import { useEffect, useReducer } from "react";
+var cachedUrls = /* @__PURE__ */ new Map();
+var cachedRequestPromises = /* @__PURE__ */ new Map();
+async function loadAsyncImage(asyncImage) {
+  const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
+  if (cachedRequestPromise) {
+    return cachedRequestPromise;
+  }
+  const load = async () => asyncImage().then(async (url) => {
+    cachedUrls.set(asyncImage, url);
+    return url;
+  });
+  const requestPromise = load().catch(async () => {
+    return load().catch(() => {
+      cachedRequestPromises.delete(asyncImage);
+      return void 0;
+    });
+  });
+  cachedRequestPromises.set(asyncImage, requestPromise);
+  return requestPromise;
+}
+function useForceUpdate() {
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  return forceUpdate;
+}
+function useAsyncImage(url) {
+  const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
+    if (typeof url === "function" && !cachedUrl) {
+      loadAsyncImage(url).then(forceUpdate);
+    }
+  }, [url, cachedUrl, forceUpdate]);
+  return typeof url === "function" ? cachedUrl : url;
+}
+var REMOTE_IMG_CACHE = /* @__PURE__ */ new Set();
+function preloadRemoteImages(...imageUrls) {
+  for (const imageUrl of imageUrls) {
+    try {
+      const { protocol } = new URL(imageUrl);
+      if (protocol !== "https:" && protocol !== "http:") {
+        logger.warn("preloadRemoteImages:invalidUrl", {
+          message: "Invalid protocol",
+          imageUrl
+        });
+        continue;
+      }
+      if (!REMOTE_IMG_CACHE.has(imageUrl)) {
+        REMOTE_IMG_CACHE.add(imageUrl);
+        const preloadImage = new Image();
+        preloadImage.src = imageUrl;
+      }
+    } catch (error) {
+      logger.warn("preloadRemoteImages:error", {
+        message: "Unable to preload image",
+        imageUrl,
+        error
+      });
+    }
+  }
+}
+
+// src/components/AsyncImage/AsyncImage.tsx
+import React, { useMemo, useReducer as useReducer2, useState } from "react";
+
+// src/utils/sanitizeUrl.ts
+var SAFE_URL_PROTOCOLS = /* @__PURE__ */ new Set(["https:", "http:"]);
+function sanitizeUrl(url) {
+  if (!url) {
+    return void 0;
+  }
+  try {
+    const parsed = new URL(url);
+    if (SAFE_URL_PROTOCOLS.has(parsed.protocol)) {
+      return parsed.href;
+    }
+    return void 0;
+  } catch {
+    return void 0;
+  }
+}
+function sanitizeCssUrl(url) {
+  const safeUrl = sanitizeUrl(url);
+  if (!safeUrl) {
+    return void 0;
+  }
+  return safeUrl.replace(/['()\\]/g, (char) => {
+    return `%${char.charCodeAt(0).toString(16).padStart(2, "0")}`;
+  });
+}
+
+// src/components/AsyncImage/AsyncImage.tsx
+function useTriggeredOnce() {
+  return useReducer2(() => true, false);
+}
+function AsyncImage({
+  alt,
+  background,
+  borderColor,
+  borderRadius,
+  boxShadow,
+  height,
+  useAsImage,
+  src: srcProp,
+  fallbackSrc,
+  fallbackElement,
+  width,
+  testId
+}) {
+  const src = useAsyncImage(srcProp || fallbackSrc);
+  const isRemoteImage = src !== void 0 && /^(https?|data):/.test(src);
+  const [isRemoteImageLoaded, setRemoteImageLoaded] = useTriggeredOnce();
+  const [hasError, setHasError] = useState(
+    srcProp === void 0 && fallbackSrc === void 0
+  );
+  const { asyncStyle, imgProps } = useMemo(() => {
+    const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
+    if (useAsImage || isRemoteImage) {
+      const imgProps2 = {
+        as: "img",
+        src,
+        "aria-hidden": true,
+        onError: ({
+          currentTarget
+        }) => {
+          currentTarget.onerror = null;
+          if (fallbackSrc !== void 0) {
+            currentTarget.src = fallbackSrc;
+          } else {
+            setHasError(true);
+          }
+        },
+        onLoad: isRemoteImage ? setRemoteImageLoaded : void 0
+      };
+      return { imgProps: imgProps2, asyncStyle: asyncStyle2 };
+    }
+    return {
+      imgProps: {
+        backgroundSize: "cover"
+      },
+      asyncStyle: {
+        ...asyncStyle2,
+        // has to be added as a inline style because vanilla-extract doesn't recognize this as a valid style
+        backgroundPosition: "center"
+      }
+    };
+  }, [
+    fallbackSrc,
+    isRemoteImage,
+    isRemoteImageLoaded,
+    src,
+    useAsImage,
+    setRemoteImageLoaded
+  ]);
+  const mainElement = hasError && fallbackElement || /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      ...imgProps,
+      height: "full",
+      position: "absolute",
+      style: {
+        WebkitTouchCallout: "none",
+        transition: "opacity .15s linear",
+        userSelect: "none",
+        ...asyncStyle
+      },
+      width: "full"
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      "aria-label": alt,
+      borderRadius,
+      boxShadow,
+      height: typeof height === "string" ? height : void 0,
+      overflow: "hidden",
+      position: "relative",
+      role: "img",
+      style: {
+        background,
+        height: typeof height === "number" ? height : void 0,
+        width: typeof width === "number" ? width : void 0
+      },
+      width: typeof width === "string" ? width : void 0,
+      testId
+    },
+    mainElement,
+    borderColor ? /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        ...typeof borderColor === "object" && "custom" in borderColor ? { style: { borderColor: borderColor.custom } } : { borderColor },
+        borderRadius,
+        borderStyle: "solid",
+        borderWidth: "1",
+        height: "full",
+        position: "relative",
+        width: "full"
+      }
+    ) : null
+  );
+}
+var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
+  if (isRemoteImage) {
+    return {
+      opacity: isRemoteImageLoaded ? 1 : 0
+    };
+  }
+  const safeSrc = sanitizeCssUrl(src);
+  return {
+    // note the url must have quotation, see https://github.com/evanw/esbuild/issues/1843#issuecomment-1370108070
+    backgroundImage: safeSrc ? `url('${safeSrc}')` : void 0,
+    backgroundRepeat: "no-repeat",
+    opacity: src ? 1 : 0
+  };
+};
+
+export {
+  preloadRemoteImages,
+  AsyncImage
+};

package/dist/clients/{chunk-OWXKWC7I.js → chunk-NCUPPJ2Z.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
-  usePolymarketAccountBalances
-} from "./chunk-MRBN4XCA.js";
+  POLYMARKET_PERPS_ROUTING_ID,
+  POLYMARKET_PREDICTIONS_ROUTING_ID
+} from "./chunk-4752IYY6.js";
 import {
   Text
-} from "./chunk-KSSSSWR6.js";
+} from "./chunk-7HNGV6JU.js";
 import {
   Box,
   themeVars,
   useFunkitTranslation
-} from "./chunk-52NKHZS2.js";
-import {
-  POLYMARKET_PERPS_ROUTING_ID,
-  POLYMARKET_PREDICTIONS_ROUTING_ID
-} from "./chunk-4752IYY6.js";
+} from "./chunk-JD3FIVZ7.js";
 import {
   POLYGON_USDCE,
   PUSD_TOKEN
 } from "./chunk-MOUTRRN3.js";
+import {
+  usePolymarketAccountBalances
+} from "./chunk-MRBN4XCA.js";
 import {
   logger
 } from "./chunk-UUHGOBKZ.js";

package/dist/clients/chunk-NUJ6ZM5F.js

@@ -0,0 +1,186 @@
+"use client";
+import {
+  useFunkitTranslation
+} from "./chunk-7GWX2ZS4.js";
+
+// src/providers/FunkitConfigContext.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+var DEFAULT_TEXT_CUSTOMIZATIONS = {
+  virtualFiat: "Deposit with SEPA",
+  brokerageOrExchange: "Connect Exchange",
+  debitOrCredit: "Deposit with Card",
+  accountBalance: "Wallet",
+  selectAccount: "Select an exchange",
+  perpsTransferTitle: "Transfer",
+  sourceMethodTitle: "Your source",
+  tokensListTitle: "Your tokens",
+  transferTokens: "Transfer Crypto",
+  bitcoinLightning: "Bitcoin on Cash App",
+  receiveDropdownTitle: "",
+  // Default to empty
+  receiveDropdownLabel: "Asset to Receive",
+  confirmationScreen: {
+    payAmountLabel: "You send",
+    receiveAmountLabel: "You receive"
+  },
+  paymentMethodSubtitles: {}
+};
+var DEFAULT_UI_CUSTOMIZATIONS = {
+  alignTitle: "center",
+  alwaysShowTopDivider: false,
+  showModalTitle: true,
+  callToActionsUppercase: false,
+  enableCompactList: false,
+  checkoutHistory: {
+    showGetHelpAsAlert: true,
+    simplifiedUi: false
+  },
+  confirmationScreen: {
+    preferDestinationWhenSame: false,
+    showAmountSummaryAbovePaymentMethod: false,
+    showDisclaimerAsAlert: true,
+    showInstantTimeEstimate: false,
+    showLeftAlignedDollarValueWithLabel: false,
+    showPaymentAmountUsd: false,
+    showReceiveAmountUsd: false,
+    showSelectedRoute: false,
+    stepIndicatorType: "spinner",
+    showTokenAmount: true,
+    showTransactionDigest: "none"
+  },
+  sourceChangeScreen: {
+    bottomBarCloseButton: {
+      enabled: false,
+      labelKey: "common.close"
+    },
+    showTargetAssetSelection: false,
+    showWalletOnInsufficientBalance: false,
+    showWalletConnect: true,
+    showCustomTopComponentDivider: false,
+    paymentMethodIcons: {}
+  },
+  inputAmountScreen: {
+    allowTokenAmountInput: true
+  },
+  selectAssetScreen: {
+    isSecondaryTokenSymbolVisible: true,
+    navigateOnAssetClick: false
+  },
+  transferCryptoScreen: {
+    showYouSendYouReceive: false
+  },
+  withdrawalScreen: {},
+  selectBrokerageScreen: {},
+  connectExchangeScreen: {},
+  customIcons: {},
+  customFontFamily: {
+    primary: "",
+    secondary: "",
+    tertiary: ""
+  }
+};
+var DEFAULT_FUNKIT_CONFIG = {
+  apiKey: "",
+  appName: "",
+  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
+  uiCustomizations: DEFAULT_UI_CUSTOMIZATIONS
+};
+var FunkitConfigContext = createContext(
+  DEFAULT_FUNKIT_CONFIG
+);
+function useFunkitConfig() {
+  const originalFunkitConfig = useContext(FunkitConfigContext);
+  const { t } = useFunkitTranslation();
+  const translatedDefaults = useMemo(() => {
+    return {
+      virtualFiat: t("textCustomizations.virtualFiat"),
+      brokerageOrExchange: t("textCustomizations.brokerageOrExchange"),
+      debitOrCredit: t("textCustomizations.debitOrCredit"),
+      accountBalance: t("textCustomizations.accountBalance"),
+      selectAccount: t("textCustomizations.selectAccount"),
+      perpsTransferTitle: t("perpsTransfer.title"),
+      sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
+      tokensListTitle: t("textCustomizations.tokensListTitle"),
+      transferTokens: t("textCustomizations.transferTokens"),
+      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
+      receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
+      receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
+      confirmationScreen: {
+        payAmountLabel: t("textCustomizations.payAmountLabel"),
+        receiveAmountLabel: t("textCustomizations.receiveAmountLabel")
+      },
+      paymentMethodSubtitles: {}
+    };
+  }, [t]);
+  const finalFunkitConfig = useMemo(() => {
+    return {
+      ...DEFAULT_FUNKIT_CONFIG,
+      ...originalFunkitConfig,
+      textCustomizations: {
+        ...translatedDefaults,
+        ...originalFunkitConfig.textCustomizations,
+        confirmationScreen: {
+          ...translatedDefaults.confirmationScreen,
+          ...originalFunkitConfig.textCustomizations?.confirmationScreen
+        },
+        paymentMethodSubtitles: {
+          ...translatedDefaults.paymentMethodSubtitles,
+          ...originalFunkitConfig.textCustomizations?.paymentMethodSubtitles
+        }
+      },
+      uiCustomizations: {
+        ...DEFAULT_FUNKIT_CONFIG.uiCustomizations,
+        ...originalFunkitConfig.uiCustomizations,
+        checkoutHistory: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.checkoutHistory,
+          ...originalFunkitConfig.uiCustomizations?.checkoutHistory
+        },
+        confirmationScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.confirmationScreen,
+          ...originalFunkitConfig.uiCustomizations?.confirmationScreen
+        },
+        connectExchangeScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.connectExchangeScreen,
+          ...originalFunkitConfig.uiCustomizations?.connectExchangeScreen
+        },
+        inputAmountScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.inputAmountScreen,
+          ...originalFunkitConfig.uiCustomizations?.inputAmountScreen
+        },
+        selectAssetScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectAssetScreen,
+          ...originalFunkitConfig.uiCustomizations?.selectAssetScreen
+        },
+        selectBrokerageScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectBrokerageScreen,
+          ...originalFunkitConfig.uiCustomizations?.selectBrokerageScreen
+        },
+        sourceChangeScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen,
+          ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen,
+          bottomBarCloseButton: {
+            ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen.bottomBarCloseButton,
+            ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen?.bottomBarCloseButton
+          }
+        },
+        transferCryptoScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.transferCryptoScreen,
+          ...originalFunkitConfig.uiCustomizations?.transferCryptoScreen
+        },
+        withdrawalScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.withdrawalScreen,
+          ...originalFunkitConfig.uiCustomizations?.withdrawalScreen
+        }
+      }
+    };
+  }, [originalFunkitConfig, translatedDefaults]);
+  return finalFunkitConfig;
+}
+
+export {
+  useFunkitConfig
+};

package/dist/clients/chunk-UVWNEQMD.js

@@ -0,0 +1,186 @@
+"use client";
+import {
+  useFunkitTranslation
+} from "./chunk-JD3FIVZ7.js";
+
+// src/providers/FunkitConfigContext.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+var DEFAULT_TEXT_CUSTOMIZATIONS = {
+  virtualFiat: "Deposit with SEPA",
+  brokerageOrExchange: "Connect Exchange",
+  debitOrCredit: "Deposit with Card",
+  accountBalance: "Wallet",
+  selectAccount: "Select an exchange",
+  perpsTransferTitle: "Transfer",
+  sourceMethodTitle: "Your source",
+  tokensListTitle: "Your tokens",
+  transferTokens: "Transfer Crypto",
+  bitcoinLightning: "Bitcoin on Cash App",
+  receiveDropdownTitle: "",
+  // Default to empty
+  receiveDropdownLabel: "Asset to Receive",
+  confirmationScreen: {
+    payAmountLabel: "You send",
+    receiveAmountLabel: "You receive"
+  },
+  paymentMethodSubtitles: {}
+};
+var DEFAULT_UI_CUSTOMIZATIONS = {
+  alignTitle: "center",
+  alwaysShowTopDivider: false,
+  showModalTitle: true,
+  callToActionsUppercase: false,
+  enableCompactList: false,
+  checkoutHistory: {
+    showGetHelpAsAlert: true,
+    simplifiedUi: false
+  },
+  confirmationScreen: {
+    preferDestinationWhenSame: false,
+    showAmountSummaryAbovePaymentMethod: false,
+    showDisclaimerAsAlert: true,
+    showInstantTimeEstimate: false,
+    showLeftAlignedDollarValueWithLabel: false,
+    showPaymentAmountUsd: false,
+    showReceiveAmountUsd: false,
+    showSelectedRoute: false,
+    stepIndicatorType: "spinner",
+    showTokenAmount: true,
+    showTransactionDigest: "none"
+  },
+  sourceChangeScreen: {
+    bottomBarCloseButton: {
+      enabled: false,
+      labelKey: "common.close"
+    },
+    showTargetAssetSelection: false,
+    showWalletOnInsufficientBalance: false,
+    showWalletConnect: true,
+    showCustomTopComponentDivider: false,
+    paymentMethodIcons: {}
+  },
+  inputAmountScreen: {
+    allowTokenAmountInput: true
+  },
+  selectAssetScreen: {
+    isSecondaryTokenSymbolVisible: true,
+    navigateOnAssetClick: false
+  },
+  transferCryptoScreen: {
+    showYouSendYouReceive: false
+  },
+  withdrawalScreen: {},
+  selectBrokerageScreen: {},
+  connectExchangeScreen: {},
+  customIcons: {},
+  customFontFamily: {
+    primary: "",
+    secondary: "",
+    tertiary: ""
+  }
+};
+var DEFAULT_FUNKIT_CONFIG = {
+  apiKey: "",
+  appName: "",
+  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
+  uiCustomizations: DEFAULT_UI_CUSTOMIZATIONS
+};
+var FunkitConfigContext = createContext(
+  DEFAULT_FUNKIT_CONFIG
+);
+function useFunkitConfig() {
+  const originalFunkitConfig = useContext(FunkitConfigContext);
+  const { t } = useFunkitTranslation();
+  const translatedDefaults = useMemo(() => {
+    return {
+      virtualFiat: t("textCustomizations.virtualFiat"),
+      brokerageOrExchange: t("textCustomizations.brokerageOrExchange"),
+      debitOrCredit: t("textCustomizations.debitOrCredit"),
+      accountBalance: t("textCustomizations.accountBalance"),
+      selectAccount: t("textCustomizations.selectAccount"),
+      perpsTransferTitle: t("perpsTransfer.title"),
+      sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
+      tokensListTitle: t("textCustomizations.tokensListTitle"),
+      transferTokens: t("textCustomizations.transferTokens"),
+      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
+      receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
+      receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
+      confirmationScreen: {
+        payAmountLabel: t("textCustomizations.payAmountLabel"),
+        receiveAmountLabel: t("textCustomizations.receiveAmountLabel")
+      },
+      paymentMethodSubtitles: {}
+    };
+  }, [t]);
+  const finalFunkitConfig = useMemo(() => {
+    return {
+      ...DEFAULT_FUNKIT_CONFIG,
+      ...originalFunkitConfig,
+      textCustomizations: {
+        ...translatedDefaults,
+        ...originalFunkitConfig.textCustomizations,
+        confirmationScreen: {
+          ...translatedDefaults.confirmationScreen,
+          ...originalFunkitConfig.textCustomizations?.confirmationScreen
+        },
+        paymentMethodSubtitles: {
+          ...translatedDefaults.paymentMethodSubtitles,
+          ...originalFunkitConfig.textCustomizations?.paymentMethodSubtitles
+        }
+      },
+      uiCustomizations: {
+        ...DEFAULT_FUNKIT_CONFIG.uiCustomizations,
+        ...originalFunkitConfig.uiCustomizations,
+        checkoutHistory: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.checkoutHistory,
+          ...originalFunkitConfig.uiCustomizations?.checkoutHistory
+        },
+        confirmationScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.confirmationScreen,
+          ...originalFunkitConfig.uiCustomizations?.confirmationScreen
+        },
+        connectExchangeScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.connectExchangeScreen,
+          ...originalFunkitConfig.uiCustomizations?.connectExchangeScreen
+        },
+        inputAmountScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.inputAmountScreen,
+          ...originalFunkitConfig.uiCustomizations?.inputAmountScreen
+        },
+        selectAssetScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectAssetScreen,
+          ...originalFunkitConfig.uiCustomizations?.selectAssetScreen
+        },
+        selectBrokerageScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectBrokerageScreen,
+          ...originalFunkitConfig.uiCustomizations?.selectBrokerageScreen
+        },
+        sourceChangeScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen,
+          ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen,
+          bottomBarCloseButton: {
+            ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen.bottomBarCloseButton,
+            ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen?.bottomBarCloseButton
+          }
+        },
+        transferCryptoScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.transferCryptoScreen,
+          ...originalFunkitConfig.uiCustomizations?.transferCryptoScreen
+        },
+        withdrawalScreen: {
+          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.withdrawalScreen,
+          ...originalFunkitConfig.uiCustomizations?.withdrawalScreen
+        }
+      }
+    };
+  }, [originalFunkitConfig, translatedDefaults]);
+  return finalFunkitConfig;
+}
+
+export {
+  useFunkitConfig
+};