From 6ae3abbca2140fcda5c9a3ce1f014b27651141aa Mon Sep 17 00:00:00 2001
From: Eugene Chybisov <18644653+chybisov@users.noreply.github.com>
Date: Thu, 12 Dec 2024 11:49:33 +0100
Subject: [PATCH] fix: improve powered by with dynamic configuration (#332)

---
 .../src/components/PoweredBy/PoweredBy.tsx     | 18 ++++++++++++++++--
 packages/widget/src/types/widget.ts            |  3 +++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/widget/src/components/PoweredBy/PoweredBy.tsx b/packages/widget/src/components/PoweredBy/PoweredBy.tsx
index 2fe927ce7..ae27498ed 100644
--- a/packages/widget/src/components/PoweredBy/PoweredBy.tsx
+++ b/packages/widget/src/components/PoweredBy/PoweredBy.tsx
@@ -1,8 +1,22 @@
 import { Box, Tooltip, Typography } from '@mui/material'
 import { version } from '../../config/version.js'
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { Link } from './PoweredBy.style.js'
 
+const poweredByConfig = {
+  default: {
+    url: 'https://li.fi',
+    text: 'LI.FI',
+  },
+  jumper: {
+    url: 'https://jumper.exchange',
+    text: 'Jumper',
+  },
+}
+
 export const PoweredBy: React.FC = () => {
+  const { poweredBy = 'default' } = useWidgetConfig()
+
   return (
     <Box
       pt={1}
@@ -16,7 +30,7 @@ export const PoweredBy: React.FC = () => {
     >
       <Tooltip title={`v${version}`} enterDelay={1000}>
         <Link
-          href="https://li.fi"
+          href={poweredByConfig[poweredBy].url}
           target="_blank"
           underline="none"
           color="text.primary"
@@ -30,7 +44,7 @@ export const PoweredBy: React.FC = () => {
             Powered by
           </Typography>
           <Typography color="text.primary" fontSize={12} fontWeight={600}>
-            LI.FI
+            {poweredByConfig[poweredBy].text}
           </Typography>
         </Link>
       </Tooltip>
diff --git a/packages/widget/src/types/widget.ts b/packages/widget/src/types/widget.ts
index 7c29ad441..3874c0d2e 100644
--- a/packages/widget/src/types/widget.ts
+++ b/packages/widget/src/types/widget.ts
@@ -188,6 +188,8 @@ export type WidgetLanguages = {
   default?: LanguageKey
 } & AllowDeny<LanguageKey>
 
+export type PoweredByType = 'default' | 'jumper'
+
 export interface WidgetConfig {
   fromChain?: number
   toChain?: number
@@ -239,6 +241,7 @@ export interface WidgetConfig {
   languageResources?: LanguageResources
   explorerUrls?: Record<number, string[]> &
     Partial<Record<'internal', string[]>>
+  poweredBy?: PoweredByType
 }
 
 export interface FormFieldOptions {