[NO CHANGELOG] [Add Funds Widget] Display error when environment is n…

…ot set to prod (#2323)
immutable · Oct 17, 2024 · 00ab696 · 00ab696
1 parent 5b321fa
commit 00ab696
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/packages/checkout/widgets-lib/src/widgets/add-funds/AddFundsWidget.tsx b/packages/checkout/widgets-lib/src/widgets/add-funds/AddFundsWidget.tsx
@@ -100,6 +100,12 @@ export default function AddFundsWidget({
     checkout.config.environment ?? Environment.SANDBOX,
   );
 
+  useEffect(() => {
+    if (config.environment !== Environment.PRODUCTION) {
+      showErrorHandover(AddFundsErrorTypes.ENVIRONMENT_ERROR);
+    }
+  }, [config]);
+
   useEffect(() => {
     const isInvalidToTokenAddress = toTokenAddress && !isValidAddress(toTokenAddress);
     const isInvalidToAmount = toAmount && !amountInputValidation(toAmount);

diff --git a/packages/checkout/widgets-lib/src/widgets/add-funds/hooks/useError.tsx b/packages/checkout/widgets-lib/src/widgets/add-funds/hooks/useError.tsx
@@ -118,6 +118,12 @@ export const useError = (environment: Environment) => {
       secondaryButtonText: 'Close',
       onSecondaryButtonClick: goBackToAddFundsView,
     },
+    [AddFundsErrorTypes.ENVIRONMENT_ERROR]: {
+      headingText: 'Unsupported environment',
+      subHeadingText: 'This is only supported in production environment.',
+      secondaryButtonText: 'Close',
+      onSecondaryButtonClick: closeWidget,
+    },
   };
 
   const getErrorConfig = (errorType: AddFundsErrorTypes) => errorConfig[errorType];

diff --git a/packages/checkout/widgets-lib/src/widgets/add-funds/types.ts b/packages/checkout/widgets-lib/src/widgets/add-funds/types.ts
@@ -72,4 +72,5 @@ export enum AddFundsErrorTypes {
   WALLET_REJECTED = 'WALLET_REJECTED',
   WALLET_REJECTED_NO_FUNDS = 'WALLET_REJECTED_NO_FUNDS',
   WALLET_POPUP_BLOCKED = 'WALLET_POPUP_BLOCKED',
+  ENVIRONMENT_ERROR = 'ENVIRONMENT_ERROR',
 }