Blast card and deployment

libs/core/src/commonProtocol/chainConfig.ts

@@ -3,6 +3,7 @@ export enum ValidChains {
   Base = 8453,
   SepoliaBase = 84532,
   Sepolia = 11155111,
+  Blast = 81457,
 }
 
 export const STAKE_ID = 2;
@@ -25,6 +26,11 @@ export const factoryContracts: {
     communityStake: '0xd097926d8765A7717206559E7d19EECCbBa68c18',
     chainId: 84532,
   },
+  [ValidChains.Blast]: {
+    factory: '0xedf43C919f59900C82d963E99d822dA3F95575EA',
+    communityStake: '0xcc752fd15A7Dd0d5301b6A626316E7211352Cf62',
+    chainId: 81457,
+  },
   [ValidChains.Base]: {
     factory: '0xedf43C919f59900C82d963E99d822dA3F95575EA',
     communityStake: '0xcc752fd15A7Dd0d5301b6A626316E7211352Cf62',

packages/commonwealth/client/scripts/views/components/component_kit/new_designs/CWCommunitySelector/CWCommunitySelector.tsx

@@ -9,6 +9,7 @@ import { ChainBase } from '@hicommonwealth/core';
 import './CWCommunitySelector.scss';
 
 export enum CommunityType {
+  Blast = 'blast',
   Ethereum = 'ethereum',
   Cosmos = 'cosmos',
   Polygon = 'polygon',
@@ -28,6 +29,9 @@ interface CWCommunitySelectorProps {
   onClick: () => void;
 }
 
+const BLAST_LOGO =
+  'https://assets-global.website-files.com/65a6baa1a3f8ed336f415cb4/65a6c39bae6093c6653dd016_Logo%20Yellow%20on%20Black%20Background%202x-p-500.png';
+
 const CWCommunitySelector = ({
   type,
   title,
@@ -38,7 +42,14 @@ const CWCommunitySelector = ({
   return (
     <div className={ComponentType.CommunitySelector} onClick={onClick}>
       <div className="chain-logo-container">
-        <img src={`/static/img/communitySelector/${type}.svg`} alt={title} />
+        <img
+          src={
+            type === CommunityType.Blast
+              ? BLAST_LOGO
+              : `/static/img/communitySelector/${type}.svg`
+          }
+          alt={title}
+        />
       </div>
       <div className="content-container">
         <div className="title-row">

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/BasicInformationStep/BasicInformationForm/BasicInformationForm.tsx

@@ -27,6 +27,7 @@ import { useBrowserAnalyticsTrack } from '../../../../../../hooks/useBrowserAnal
 import './BasicInformationForm.scss';
 import {
   BASE_ID,
+  BLAST_ID,
   OSMOSIS_ID,
   POLYGON_ETH_CHAIN_ID,
   existingCommunityIds,
@@ -119,6 +120,10 @@ const BasicInformationForm = ({
         return {
           chain: getChainOptions()?.find((o) => o.value === OSMOSIS_ID),
         };
+      case CommunityType.Blast:
+        return {
+          chain: getChainOptions()?.find((o) => o.value === BLAST_ID),
+        };
       case CommunityType.Polygon:
       case CommunityType.Solana:
         return { chain: getChainOptions()?.[0] };

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/BasicInformationStep/BasicInformationForm/constants.ts

@@ -7,6 +7,7 @@ export const POLYGON_ETH_CHAIN_ID = 137;
 export const ETHEREUM_MAINNET_ID = '1';
 export const BASE_ID = '8453';
 export const OSMOSIS_ID = 'osmosis';
+export const BLAST_ID = '81457';
 
 export const existingCommunityIds = app.config.chains
   .getAll()

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/CommunityTypeStep/CommunityTypeStep.tsx

@@ -78,7 +78,8 @@ const CommunityTypeStep = ({
     handleContinue();
   };
 
-  const [ethereumOption, ...advancedOptions] = communityTypeOptions;
+  const [blastOption, ethereumOption, ...advancedOptions] =
+    communityTypeOptions;
 
   return (
     <div className="CommunityTypeStep">
@@ -89,21 +90,35 @@ const CommunityTypeStep = ({
         a community. Members must also have a compatible wallet type to join
         your community.
       </CWText>
-
-      <CWCommunitySelector
-        key={ethereumOption.type}
-        type={ethereumOption.type}
-        title={ethereumOption.title}
-        description={ethereumOption.description}
-        isRecommended={ethereumOption.isRecommended}
-        onClick={() =>
-          handleCommunitySelection({
-            type: ethereumOption.type,
-            chainBase: ethereumOption.chainBase,
-          })
-        }
-      />
-
+      <div className="advanced-options-container">
+        <CWCommunitySelector
+          key={blastOption.type}
+          type={blastOption.type}
+          title={blastOption.title}
+          description={blastOption.description}
+          isRecommended={true}
+          onClick={() =>
+            handleCommunitySelection({
+              type: blastOption.type,
+              chainBase: ethereumOption.chainBase,
+            })
+          }
+        />
+
+        <CWCommunitySelector
+          key={ethereumOption.type}
+          type={ethereumOption.type}
+          title={ethereumOption.title}
+          description={ethereumOption.description}
+          isRecommended={false}
+          onClick={() =>
+            handleCommunitySelection({
+              type: ethereumOption.type,
+              chainBase: ethereumOption.chainBase,
+            })
+          }
+        />
+      </div>
       <div className="advanced-options-container">
         <CWText type="h4">Advanced Options</CWText>
 

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/CommunityTypeStep/helpers.ts

@@ -2,6 +2,16 @@ import { ChainBase } from '@hicommonwealth/core';
 import { CommunityType } from 'views/components/component_kit/new_designs/CWCommunitySelector';
 
 export const communityTypeOptions = [
+  {
+    type: CommunityType.Blast,
+    chainBase: ChainBase.Ethereum,
+    title: 'Blast',
+    isRecommended: true,
+    description:
+      'Blast is an Ethereum Layer 2 network with high TVL, offering native yield,' +
+      'and secure decentralized app platform.',
+  },
+
   {
     type: CommunityType.Ethereum,
     chainBase: ChainBase.Ethereum,

packages/commonwealth/client/scripts/views/pages/CreateCommunity/useCreateCommunity.ts

@@ -47,7 +47,8 @@ const useCreateCommunity = () => {
     );
   const showCommunityStakeStep =
     isValidStepToShowCommunityStakeFormStep &&
-    selectedCommunity.type === 'ethereum' &&
+    (selectedCommunity.type === 'ethereum' ||
+      selectedCommunity.type === 'blast') &&
     isEthereumMainnetSelected;
 
   return {