production configs

configs/envs/.env.eth

@@ -43,6 +43,7 @@ NEXT_PUBLIC_VISUALIZE_API_HOST=https://visualizer.services.blockscout.com
 NEXT_PUBLIC_CONTRACT_INFO_API_HOST=https://contracts-info.services.blockscout.com
 NEXT_PUBLIC_ADMIN_SERVICE_API_HOST=https://admin-rs.services.blockscout.com
 NEXT_PUBLIC_TRANSACTION_INTERPRETATION_PROVIDER=blockscout
+NEXT_PUBLIC_AD_BANNER_PROVIDER=hype
 
 #meta
 NEXT_PUBLIC_OG_IMAGE_URL=https://github.com/blockscout/frontend-configs/blob/main/configs/og-images/eth.jpg?raw=true

nextjs/csp/policies/ad.ts

@@ -17,7 +17,6 @@ export function ad(): CspDev.DirectiveDescriptor {
       '*.slise.xyz',
 
       // hype
-      'api.hypelab-staging.com',
       'api.hypelab.com',
     ],
     'frame-src': [

ui/shared/ad/HypeBanner.tsx

@@ -7,6 +7,9 @@ import { useAccount } from 'wagmi';
 import Web3ModalProvider from '../Web3ModalProvider';
 import { hypeInit } from './hypeBannerScript';
 
+const DESKTOP_BANNER_SLUG = 'b1559fc3e7';
+const MOBILE_BANNER_SLUG = '668ed80a9e';
+
 const HypeBannerContent = ({ className }: { className?: string }) => {
 
   return (
@@ -16,10 +19,10 @@ const HypeBannerContent = ({ className }: { className?: string }) => {
         strategy="afterInteractive"
       >{ hypeInit }</Script>
       <Flex className={ className } h="90px" display={{ base: 'none', lg: 'flex' }}>
-        <Banner placement="771e47c10c"/>
+        <Banner placement={ DESKTOP_BANNER_SLUG }/>
       </Flex>
       <Flex className={ className } h="50px" display={{ base: 'flex', lg: 'none' }}>
-        <Banner placement="64412f33ad"/>
+        <Banner placement={ MOBILE_BANNER_SLUG }/>
       </Flex>
     </>
   );

ui/shared/ad/hypeBannerScript.ts

 import config from 'configs/app';
 
+const PRODUCTION_PROPERTY_SLUG = '127fddd522';
+const HYPE_API_URL = 'https://api.hypelab.com';
+
 export const hypeInit = (() => {
   const feature = config.features.adsBanner;
 
@@ -11,8 +14,8 @@ export const hypeInit = (() => {
     ((l = document.createElement(h)).async = !0),
       (l.src = y),
       (l.onload = function () {
-        (a = { URL: p, propertySlug: e, environment: 'development' }), HypeLab.initialize(a);
+        (a = { URL: p, propertySlug: e, environment: 'production' }), HypeLab.initialize(a);
       }),
       (b = document.getElementsByTagName(h)[0]).parentNode.insertBefore(l, b);
-  })('script', 'https://api.hypelab.com/v1/scripts/hp-sdk.js?v=0', 'https://api.hypelab-staging.com', 'baaded78c2');`;
+  })('script', 'https://api.hypelab.com/v1/scripts/hp-sdk.js?v=0', '${ HYPE_API_URL }', '${ PRODUCTION_PROPERTY_SLUG }');`;
 })();