input-output-hk
diff --git a/‎apps/browser-extension-wallet/.env.defaults
Lines changed: 4 additions & 1 deletion b/‎apps/browser-extension-wallet/.env.defaults
Lines changed: 4 additions & 1 deletion
diff --git a/‎apps/browser-extension-wallet/.env.developerpreview
Lines changed: 2 additions & 1 deletion b/‎apps/browser-extension-wallet/.env.developerpreview
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/browser-extension-wallet/.env.example
Lines changed: 4 additions & 1 deletion b/‎apps/browser-extension-wallet/.env.example
Lines changed: 4 additions & 1 deletion
diff --git a/‎apps/browser-extension-wallet/src/config.ts
Lines changed: 5 additions & 3 deletions b/‎apps/browser-extension-wallet/src/config.ts
Lines changed: 5 additions & 3 deletions
diff --git a/‎apps/browser-extension-wallet/src/dapp-connector.tsx
Lines changed: 4 additions & 1 deletion b/‎apps/browser-extension-wallet/src/dapp-connector.tsx
Lines changed: 4 additions & 1 deletion
diff --git a/‎apps/browser-extension-wallet/src/features/address-book/context/AddressBookProvider.tsx
Lines changed: 2 additions & 1 deletion b/‎apps/browser-extension-wallet/src/features/address-book/context/AddressBookProvider.tsx
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/browser-extension-wallet/src/features/dapp/components/DappError.tsx
Lines changed: 53 additions & 0 deletions b/‎apps/browser-extension-wallet/src/features/dapp/components/DappError.tsx
Lines changed: 53 additions & 0 deletions
diff --git a/‎apps/browser-extension-wallet/src/features/dapp/components/DappTransactionFail.tsx
Lines changed: 2 additions & 2 deletions b/‎apps/browser-extension-wallet/src/features/dapp/components/DappTransactionFail.tsx
Lines changed: 2 additions & 2 deletions
diff --git a/‎apps/browser-extension-wallet/src/features/dapp/components/DappTransactionSuccess.tsx
Lines changed: 2 additions & 2 deletions b/‎apps/browser-extension-wallet/src/features/dapp/components/DappTransactionSuccess.tsx
Lines changed: 2 additions & 2 deletions
diff --git a/‎apps/browser-extension-wallet/src/features/dapp/components/Layout.module.scss
Lines changed: 4 additions & 3 deletions b/‎apps/browser-extension-wallet/src/features/dapp/components/Layout.module.scss
Lines changed: 4 additions & 3 deletions
@@ -61,22 +61,25 @@ PRODUCTION_MODE_TRACKING=false
 POSTHOG_DEV_TOKEN_MAINNET=phc_gH96Lx5lEVXTTWEyytSdTFPDk3Xsxwi4BqG88mKObd1
 POSTHOG_DEV_TOKEN_PREPROD=phc_Xlmldm6EYSfQVgB9Uxm3b2xC1noDlgFFXpF9AJ6SMfJ
 POSTHOG_DEV_TOKEN_PREVIEW=phc_e8SaOOWpXpNE59TnpLumeUjWm4iv024AWjhQqU406jr
+POSTHOG_DEV_TOKEN_SANCHONET=phc_OUu6sPucDu5S6skRmYbWN5Jn8TpggWTQu1Y1ETkm3xt
 
 # Cardano Services
 CARDANO_SERVICES_URL_MAINNET=https://dev-mainnet.lw.iog.io
 CARDANO_SERVICES_URL_PREPROD=https://dev-preprod.lw.iog.io
 CARDANO_SERVICES_URL_PREVIEW=https://dev-preview.lw.iog.io
+CARDANO_SERVICES_URL_SANCHONET=https://backend.dev-sanchonet.eks.lw.iog.io
 
 # Explorer URLs
 CEXPLORER_URL_MAINNET=https://cexplorer.io
 CEXPLORER_URL_PREVIEW=https://preview.cexplorer.io
 CEXPLORER_URL_PREPROD=https://preprod.cexplorer.io
-CEXPLORER_URL_SANCHONET=https://sanchonet.cexplorer.io
+CEXPLORER_URL_SANCHONET=https://sancho.cexplorer.io
 
 # ADA Handle URLs
 ADA_HANDLE_URL_MAINNET=https://api.handle.me
 ADA_HANDLE_URL_PREVIEW=https://preview.api.handle.me
 ADA_HANDLE_URL_PREPROD=https://preprod.api.handle.me
+ADA_HANDLE_URL_SANCHONET=
 
 # Manifest.json
 LACE_EXTENSION_KEY=gafhhkghbfjjkeiendhlofajokpaflmk
 
@@ -60,12 +60,13 @@ POSTHOG_DEV_TOKEN_PREVIEW=phc_e8SaOOWpXpNE59TnpLumeUjWm4iv024AWjhQqU406jr
 CARDANO_SERVICES_URL_MAINNET=https://dev-mainnet.lw.iog.io
 CARDANO_SERVICES_URL_PREPROD=https://dev-preprod.lw.iog.io
 CARDANO_SERVICES_URL_PREVIEW=https://dev-preview.lw.iog.io
+CARDANO_SERVICES_URL_SANCHONET=https://backend.dev-sanchonet.eks.lw.iog.io
 
 # Explorer URLs
 CEXPLORER_URL_MAINNET=https://cexplorer.io
 CEXPLORER_URL_PREVIEW=https://preview.cexplorer.io
 CEXPLORER_URL_PREPROD=https://preprod.cexplorer.io
-CEXPLORER_URL_SANCHONET=https://sanchonet.cexplorer.io
+CEXPLORER_URL_SANCHONET=https://sancho.cexplorer.io
 
 # ADA Handle URLs
 ADA_HANDLE_URL_MAINNET=https://api.handle.me
 
@@ -59,22 +59,25 @@ POSTHOG_PRODUCTION_TOKEN_PREVIEW=production-preview-token
 POSTHOG_DEV_TOKEN_MAINNET=dev-mainnet-token
 POSTHOG_DEV_TOKEN_PREPROD=dev-preprod-token
 POSTHOG_DEV_TOKEN_PREVIEW=dev-preview-token
+POSTHOG_DEV_TOKEN_SANCHONET=dev-sanchonet-token
 
 # Cardano Services
 CARDANO_SERVICES_URL_MAINNET=https://backend.live-mainnet.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREPROD=https://backend.live-preprod.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREVIEW=https://backend.live-preview.eks.lw.iog.io
+CARDANO_SERVICES_URL_SANCHONET=https://backend.dev-sanchonet.eks.lw.iog.io
 
 # Explorer URLs
 CEXPLORER_URL_MAINNET=https://cexplorer.io
 CEXPLORER_URL_PREVIEW=https://preview.cexplorer.io
 CEXPLORER_URL_PREPROD=https://preprod.cexplorer.io
-CEXPLORER_URL_TESTNET=https://testnet.cexplorer.io
+CEXPLORER_URL_SANCHONET=https://sancho.cexplorer.io
 
 # ADA Handle URLs
 ADA_HANDLE_URL_MAINNET=https://api.handle.me
 ADA_HANDLE_URL_PREVIEW=https://preview.api.handle.me
 ADA_HANDLE_URL_PREPROD=https://preprod.api.handle.me
+ADA_HANDLE_URL_SANCHONET=
 
 # Manifest.json
 LACE_EXTENSION_KEY=gafhhkghbfjjkeiendhlofajokpaflmk
@@ -45,7 +45,7 @@ const envChecks = (chosenChain: Wallet.ChainName): void => {
     throw new Error('no available chains to connect to');
   }
 
-  if (!process.env.AVAILABLE_CHAINS.includes('Mainnet')) {
+  if (!process.env.AVAILABLE_CHAINS.includes('Mainnet') && process.env.DEFAULT_CHAIN !== 'Sanchonet') {
     throw new Error('mainnet chain not available in env');
   }
 
@@ -78,12 +78,14 @@ export const config = (): Config => {
     CARDANO_SERVICES_URLS: {
       Mainnet: process.env.CARDANO_SERVICES_URL_MAINNET,
       Preprod: process.env.CARDANO_SERVICES_URL_PREPROD,
-      Preview: process.env.CARDANO_SERVICES_URL_PREVIEW
+      Preview: process.env.CARDANO_SERVICES_URL_PREVIEW,
+      Sanchonet: process.env.CARDANO_SERVICES_URL_SANCHONET
     },
     CEXPLORER_BASE_URL: {
       Mainnet: `${process.env.CEXPLORER_URL_MAINNET}`,
       Preprod: `${process.env.CEXPLORER_URL_PREPROD}`,
-      Preview: `${process.env.CEXPLORER_URL_PREVIEW}`
+      Preview: `${process.env.CEXPLORER_URL_PREVIEW}`,
+      Sanchonet: `${process.env.CEXPLORER_URL_SANCHONET}`
     },
     CEXPLORER_URL_PATHS: {
       Tx: 'tx',
 
@@ -8,6 +8,7 @@ import { CurrencyStoreProvider } from '@providers/currency';
 import { DatabaseProvider, AxiosClientProvider, AppSettingsProvider, AnalyticsProvider } from '@providers';
 import { HashRouter } from 'react-router-dom';
 import { ThemeProvider } from '@providers/ThemeProvider';
+import { UIThemeProvider } from '@providers/UIThemeProvider';
 import { BackgroundServiceAPIProvider } from '@providers/BackgroundServiceAPI';
 import { APP_MODE_POPUP } from './utils/constants';
 import { PostHogClientProvider } from '@providers/PostHogClientProvider';
@@ -27,7 +28,9 @@ const App = (): React.ReactElement => (
                     <AnalyticsProvider>
                       <ThemeProvider>
                         <AddressesDiscoveryOverlay>
-                          <DappConnectorView />
+                          <UIThemeProvider>
+                            <DappConnectorView />
+                          </UIThemeProvider>
                         </AddressesDiscoveryOverlay>
                       </ThemeProvider>
                     </AnalyticsProvider>
 
@@ -18,7 +18,8 @@ export type AddressRecordParams = Pick<AddressBookSchema, 'address' | 'name' | '
 export const cardanoNetworkMap: { [key in Wallet.ChainName]: Wallet.Cardano.NetworkMagics } = {
   Mainnet: Wallet.Cardano.NetworkMagics.Mainnet,
   Preprod: Wallet.Cardano.NetworkMagics.Preprod,
-  Preview: Wallet.Cardano.NetworkMagics.Preview
+  Preview: Wallet.Cardano.NetworkMagics.Preview,
+  Sanchonet: Wallet.Cardano.NetworkMagics.Sanchonet
 };
 
 const handleRecordValidation = (list: AddressBookSchema[], record: AddressRecordParams) => {
 
@@ -0,0 +1,53 @@
+import React, { ReactNode, useCallback } from 'react';
+import { Image } from 'antd';
+import { useTranslation } from 'react-i18next';
+import Empty from '../../../assets/icons/empty.svg';
+import styles from './Layout.module.scss';
+import { Button } from '@lace/common';
+
+type DappErrorProps = {
+  title: string;
+  description: ReactNode;
+  closeButtonLabel?: string;
+  onCloseClick?: () => void;
+  containerTestId: string;
+  imageTestId: string;
+  titleTestId: string;
+  descriptionTestId: string;
+  closeButtonTestId: string;
+};
+export const DappError = ({
+  title,
+  description,
+  closeButtonLabel,
+  onCloseClick,
+  containerTestId,
+  imageTestId,
+  titleTestId,
+  descriptionTestId,
+  closeButtonTestId
+}: DappErrorProps): React.ReactElement => {
+  const { t } = useTranslation();
+  const handleClose = useCallback(() => {
+    onCloseClick?.();
+  }, [onCloseClick]);
+
+  return (
+    <div data-testid={containerTestId} className={styles.dappErrorContainer}>
+      <div className={styles.dappErrorContent}>
+        <Image data-testid={imageTestId} preview={false} width={112} src={Empty} />
+        <div className={styles.heading} data-testid={titleTestId}>
+          {title}
+        </div>
+        <div className={styles.description} data-testid={descriptionTestId}>
+          {description}
+        </div>
+      </div>
+      <div className={styles.footer}>
+        <Button data-testid={closeButtonTestId} className={styles.footerBtn} onClick={handleClose}>
+          {closeButtonLabel || t('dapp.dappErrorPage.closeButton')}
+        </Button>
+      </div>
+    </div>
+  );
+};
@@ -24,8 +24,8 @@ export const DappTransactionFail = (): React.ReactElement => {
   }, [analytics]);
 
   return (
-    <div data-testid="dapp-sign-tx-fail" className={styles.noWalletContainer}>
-      <div className={styles.noWalletContent}>
+    <div data-testid="dapp-sign-tx-fail" className={styles.dappErrorContainer}>
+      <div className={styles.dappErrorContent}>
         <Image data-testid="dapp-sign-tx-fail-image" preview={false} width={112} src={Fail} />
         <div data-testid="dapp-sign-tx-fail-heading" className={styles.heading}>
           {t('dapp.sign.failure.title')}
 
@@ -25,8 +25,8 @@ export const DappTransactionSuccess = (): React.ReactElement => {
   }, [analytics]);
 
   return (
-    <div data-testid="dapp-sign-tx-success" className={styles.noWalletContainer}>
-      <div className={styles.noWalletContent}>
+    <div data-testid="dapp-sign-tx-success" className={styles.dappErrorContainer}>
+      <div className={styles.dappErrorContent}>
         <Image data-testid="dapp-sign-tx-success-image" preview={false} width={112} src={Success} />
         <div data-testid="dapp-sign-tx-success-heading" className={styles.heading}>
           {t('browserView.transaction.success.youCanSafelyCloseThisPanel')}
 
@@ -26,15 +26,15 @@
   padding-top: size_unit(4);
 }
 
-.noWalletContainer {
+.dappErrorContainer {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: space-between;
   width: 100%;
 
-  .noWalletContent {
+  .dappErrorContent {
     padding: 0 size_unit(3);
     display: flex;
     flex: 1;
@@ -45,7 +45,7 @@
     .heading {
       color: var(--text-color-secondary);
       font-size: var(--bodyLarge);
-      font-weight: 800;
+      font-weight: 600;
       letter-spacing: 0.02em;
       line-height: size_unit(3);
       margin-top: size_unit(2);
@@ -55,6 +55,7 @@
     .description {
       color: var(--text-color-secondary);
       font-size: var(--bodySmall);
+      font-weight: 500;
       letter-spacing: 0.02em;
       line-height: size_unit(3);
       margin-top: size_unit(2);