create-near-app 6.0.0-beta.2 → 6.0.0-beta.3

package/templates/frontend/gateway/src/pages/flags.tsx

@@ -1,83 +0,0 @@
-import { useEffect } from 'react';
-import type { SubmitHandler } from 'react-hook-form';
-import { useForm } from 'react-hook-form';
-import styled from 'styled-components';
-
-import { Button } from '@/components/lib/Button';
-import { Text } from '@/components/lib/Text';
-import { useClearCurrentComponent } from '@/hooks/useClearCurrentComponent';
-import { useFlags } from '@/hooks/useFlags';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  padding: 2rem 1rem;
-`;
-
-const Form = styled.form`
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-`;
-
-const InputGrid = styled.div`
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  align-items: center;
-  gap: 1rem;
-
-  @media (max-width: 600px) {
-    grid-template-columns: 1fr;
-  }
-`;
-
-type FormData = {
-  bosLoaderUrl: string;
-};
-
-const FlagsPage: NextPageWithLayout = () => {
-  const [flags, setFlags] = useFlags();
-  const form = useForm<FormData>();
-
-  useClearCurrentComponent();
-
-  useEffect(() => {
-    form.setValue('bosLoaderUrl', flags?.bosLoaderUrl || '');
-  }, [form, flags]);
-
-  const submitHandler: SubmitHandler<FormData> = (data) => {
-    setFlags(data);
-  };
-
-  return (
-    <Container className="container-xl">
-      <Text as="h1" font="text-3xl">
-        Flags
-      </Text>
-
-      <Form onSubmit={form.handleSubmit(submitHandler)}>
-        <InputGrid>
-          <Text as="label" font="text-s" weight="500" htmlFor="bosLoaderUrl">
-            BOS Loader Url
-          </Text>
-
-          <input
-            className="form-control"
-            placeholder="e.g. http://127.0.0.1:3030/, https://my-loader.ngrok.io"
-            id="bosLoaderUrl"
-            {...form.register('bosLoaderUrl')}
-          />
-        </InputGrid>
-
-        <Button label="Save Flags" variant="affirmative" size="large" type="submit" style={{ marginLeft: 'auto' }} />
-      </Form>
-    </Container>
-  );
-};
-
-FlagsPage.getLayout = useDefaultLayout;
-
-export default FlagsPage;

package/templates/frontend/gateway/src/pages/hello-api.tsx

@@ -1,105 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useDefaultLayout } from '@/hooks/useLayout';
-import { useAuthStore } from '@/stores/auth';
-import { useVmStore } from '@/stores/vm';
-import type { NextPageWithLayout } from '@/utils/types';
-
-// Contract that the app will interact with
-const CONTRACT = process.env.NEXT_PUBLIC_CONTRACT_NAME || '';
-
-const callMethod = async (near: any, contractId: string, methodName: string, args: any = {}, gas = '30000000000000', deposit = 0) => {
-  const selector = await near.selector;
-  const wallet = await selector.wallet();
-
-  wallet.signAndSendTransaction({
-    signerId: near.accountId,
-    receiverId: contractId,
-    actions: [
-      {
-        type: 'FunctionCall',
-        params: { methodName, args, gas, deposit },
-      },
-    ],
-  });
-};
-
-// Make a read-only call to retrieve information from the network
-const viewMethod = async (near: any, contractId: string, methodName: string, args = {}) => {
-  const provider = await near.nearConnection.connection.provider;
-
-  const res = await provider.query({
-    request_type: 'call_function',
-    account_id: contractId,
-    method_name: methodName,
-    args_base64: Buffer.from(JSON.stringify(args)).toString('base64'),
-    finality: 'optimistic',
-  });
-  return JSON.parse(Buffer.from(res.result).toString());
-};
-
-const ExampleAPIPage: NextPageWithLayout = () => {
-  const { signedIn } = useAuthStore(store => store);
-  const near = useVmStore(store => store.near);
-  const [greeting, setStateGreeting] = useState('');
-
-
-  useEffect(() => {
-    if (near) {
-      viewMethod(near, CONTRACT, 'get_greeting')
-        .then(
-          res => setStateGreeting(res)
-        );
-    }
-  }, [near]);
-
-  const setGreeting = async () => {
-    callMethod(near, CONTRACT, 'set_greeting', { greeting });
-  };
-
-  // Define components
-  const greetingForm = (
-    <>
-      <div className="border border-black p-3">
-        <label>Update greeting: </label>
-        <input className="w-50 mx-2" placeholder="Howdy" onChange={(e) => setStateGreeting(e.target.value)} />
-        <button className="btn btn-primary" onClick={setGreeting}>
-          Save
-        </button>
-      </div>
-    </>
-  );
-
-  const notLoggedInWarning = (
-    <p className="text-center py-2"> Please login to change the greeting </p>
-  );
-
-  return <>
-    <p className="text-center mt-3 p-3"> This example makes calls directly from the Gateway app using the <code>near-api-js</code> and <code>wallet-selector</code> libraries </p>
-
-    <div className="container border mt-2 border-warning p-3">
-
-      <h3 className="text-center">
-        The contract says:
-        <span className="text-decoration-underline"> {greeting} </span>
-      </h3>
-
-      <p className='pt-4 pb-2'>
-        Look at that! A greeting stored on <b>{CONTRACT}</b>.
-      </p>
-
-      <p>
-        <b> Note </b>: The contract address is being loaded from
-        an <code> env </code> variable. If you chose to add a contract during
-        the wizard, running <code> npm run deploy </code> will deploy the
-        contract code and update the <code> env </code> variable used here.
-      </p>
-
-      {signedIn ? greetingForm : notLoggedInWarning}
-    </div>
-  </>;
-};
-
-ExampleAPIPage.getLayout = useDefaultLayout;
-
-export default ExampleAPIPage;

package/templates/frontend/gateway/src/pages/hello-component.tsx

@@ -1,23 +0,0 @@
-import { ComponentWrapperPage } from '@/components/component/ComponentWrapperPage';
-import { useBosComponents } from '@/hooks/useBosComponents';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const ExampleComponentPage: NextPageWithLayout = () => {
-  const components = useBosComponents();
-
-  return <>
-    <p className="text-center mt-4 p-1"> This example retrieves the <code><a href="https://near.org/near/widget/ComponentDetailsPage?src=gagdiez.near/widget/HelloNear&tab=source">Hello Near component</a></code> from the NEAR Blockchain (please wait while it loads...) </p>
-    
-    <ComponentWrapperPage
-      src={components.helloExample}
-      meta={{
-        title: 'Hello NEAR',
-        description: '"A Page that loads a full-page Component"',
-      }} />
-  </>;
-};
-
-ExampleComponentPage.getLayout = useDefaultLayout;
-
-export default ExampleComponentPage;

package/templates/frontend/gateway/src/pages/hello-ethereum.tsx

@@ -1,23 +0,0 @@
-import { ComponentWrapperPage } from '@/components/component/ComponentWrapperPage';
-import { useBosComponents } from '@/hooks/useBosComponents';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const ExampleComponentPage: NextPageWithLayout = () => {
-  const components = useBosComponents();
-
-  return <>
-    <p className="text-center mt-4 p-1 text-dark"> This example retrieves an Ethereum component from the NEAR Blockchain (wait while it loads...) </p>
-    
-    <ComponentWrapperPage
-      src={components.lidoExample}
-      meta={{
-        title: 'Hello NEAR',
-        description: '"A Page that loads a full-page Component"',
-      }} />
-  </>;
-};
-
-ExampleComponentPage.getLayout = useDefaultLayout;
-
-export default ExampleComponentPage;

package/templates/frontend/gateway/src/pages/hello-social.tsx

@@ -1,31 +0,0 @@
-import { VmComponent } from '@/components/vm/VmComponent';
-import { useBosComponents } from '@/hooks/useBosComponents';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const ExampleComponentPage: NextPageWithLayout = () => {
-  const components = useBosComponents();
-
-  return <>
-    <p className="text-center mt-4 p-1"> This example shows the social feed of <a href="https://near.social">NEAR Social</a></p>
-    
-    <div className="container p-2">
-      <VmComponent
-        key="compose"
-        src={components.social.compose}
-        props={{}}
-      />
-
-      <VmComponent
-        key="reg-feed"
-        src={components.social.feed}
-        props={{}}
-      />
-
-    </div>
-  </>;
-};
-
-ExampleComponentPage.getLayout = useDefaultLayout;
-
-export default ExampleComponentPage;

package/templates/frontend/gateway/src/pages/index.tsx

@@ -1,51 +0,0 @@
-import { isPassKeyAvailable } from '@near-js/biometric-ed25519';
-import { useEffect } from 'react';
-
-import { openToast } from '@/components/lib/Toast';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import { useAuthStore } from '@/stores/auth';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const HomePage: NextPageWithLayout = () => {
-  const signedIn = useAuthStore((store) => store.signedIn);
-
-  useEffect(() => {
-    if (signedIn) {
-      isPassKeyAvailable().then((passKeyAvailable: boolean) => {
-        if (!passKeyAvailable) {
-          openToast({
-            title: 'Limited Functionality',
-            type: 'WARNING',
-            description: 'To access all account features, try using a browser that supports passkeys',
-            duration: 5000,
-          });
-        }
-      });
-    }
-  }, [signedIn]);
-
-  return (
-    <div className="container mx-auto">
-      <h1 className="mt-5 text-center"> Your Gateway to an Open Web </h1>
-      <h3 className="text-center"> Welcome to your NEAR Gateway </h3>
-      
-      <p className="mt-5">
-        A gateway is a simple web app that can be augmented with <span className="red"> NEAR Components</span>.
-        This Gateway is built using `Next.js` and readily allows users to login
-        using FastAuth.
-      </p>
-
-      <h5 className="mt-5"> Configure your Gateway </h5>
-      <ul>
-        <li> Select the network <code>mainnet</code> or <code>testnet</code> in the <code> ./src/utils/config.ts </code> </li>
-        <li> Modify the navigation menu in <code>./src/components/navigation/navigation-categories.ts</code> </li>
-        <li> Create new pages by adding files in <code>./src/pages</code> </li>
-        <li> Define general components in <code>./src/data/components.ts</code> to use them across pages </li>
-      </ul>
-    </div>
-  );
-};
-
-HomePage.getLayout = useDefaultLayout;
-
-export default HomePage;

package/templates/frontend/gateway/src/pages/nui.tsx

@@ -1,25 +0,0 @@
-import { VmComponent } from '@/components/vm/VmComponent';
-import { useBosComponents } from '@/hooks/useBosComponents';
-import { useDefaultLayout } from '@/hooks/useLayout';
-import type { NextPageWithLayout } from '@/utils/types';
-
-const ExampleComponentPage: NextPageWithLayout = () => {
-  const components = useBosComponents();
-
-  return <>
-    <p className="text-center mt-4 p-1"> This example shows a UI library for Near components</p>
-    
-    <div className="container p-2">
-      <VmComponent
-        key="compose"
-        src={components.NUI}
-        props={{}}
-      />
-
-    </div>
-  </>;
-};
-
-ExampleComponentPage.getLayout = useDefaultLayout;
-
-export default ExampleComponentPage;

package/templates/frontend/gateway/src/stores/auth.ts

@@ -1,29 +0,0 @@
-import type Big from 'big.js';
-import { create } from 'zustand';
-
-type AuthState = {
-  account: any;
-  accountId: string;
-  availableStorage: Big | null;
-  logOut: () => Promise<void>;
-  refreshAllowance: () => Promise<void>;
-  requestSignInWithWallet: () => void;
-  signedIn: boolean;
-  vmNear: any;
-};
-
-type AuthStore = AuthState & {
-  set: (state: AuthState) => void;
-};
-
-export const useAuthStore = create<AuthStore>((set) => ({
-  account: null,
-  accountId: '',
-  availableStorage: null,
-  logOut: async () => undefined,
-  refreshAllowance: async () => undefined,
-  requestSignInWithWallet: () => undefined,
-  signedIn: false,
-  set: (state) => set((previousState) => ({ ...previousState, ...state })),
-  vmNear: null,
-}));

package/templates/frontend/gateway/src/stores/bos-loader.ts

@@ -1,20 +0,0 @@
-import { create } from 'zustand';
-
-type BosLoaderState = {
-  failedToLoad: boolean;
-  hasResolved: boolean;
-  loaderUrl: string;
-  redirectMap: Record<string, unknown>;
-};
-
-type BosLoaderStore = BosLoaderState & {
-  set: (state: Partial<BosLoaderState>) => void;
-};
-
-export const useBosLoaderStore = create<BosLoaderStore>((set) => ({
-  failedToLoad: false,
-  hasResolved: false,
-  loaderUrl: '',
-  redirectMap: {},
-  set: (state) => set((previousState) => ({ ...previousState, ...state })),
-}));

package/templates/frontend/gateway/src/stores/current-component.ts

@@ -1,11 +0,0 @@
-import { create } from 'zustand';
-
-type CurrentComponentStore = {
-  src: string | null;
-  setSrc: (src: string | null) => void;
-};
-
-export const useCurrentComponentStore = create<CurrentComponentStore>((set) => ({
-  src: null,
-  setSrc: (src) => set(() => ({ src })),
-}));

package/templates/frontend/gateway/src/stores/vm.ts

@@ -1,24 +0,0 @@
-import { create } from 'zustand';
-
-type VmState = {
-  cache: any;
-  CommitButton: any;
-  ethersContext: any;
-  EthersProvider: any;
-  Widget: any;
-  near: any;
-};
-
-type VmStore = VmState & {
-  set: (update: VmState) => void;
-};
-
-export const useVmStore = create<VmStore>((set) => ({
-  cache: null,
-  CommitButton: null,
-  ethersContext: null,
-  EthersProvider: null,
-  Widget: null,
-  near: null,
-  set: (params) => set(() => ({ ...params })),
-}));

package/templates/frontend/gateway/src/styles/globals.css

@@ -1,68 +0,0 @@
-@import 'bootstrap';
-
-@font-face {
-  font-family: 'Mona Sans';
-  src: url('/fonts/Mona-Sans.woff2') format('woff2 supports variations'),
-    url('/fonts/Mona-Sans.woff2') format('woff2-variations');
-  font-weight: 200 900;
-  font-stretch: 75% 125%;
-}
-
-@font-face {
-  font-family: 'FK Grotesk';
-  src: url('/fonts/FKGrotesk.woff2') format('woff2 supports variations'),
-    url('/fonts/FKGrotesk.woff2') format('woff2-variations');
-  font-weight: 200 900;
-  font-stretch: 75% 125%;
-}
-
-body,
-html {
-  --body-top-padding: 24px;
-  -webkit-font-smoothing: antialiased;
-  color: var(--sand12);
-  font: var(--text-base);
-}
-
-a {
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: underline;
-}
-.btn {
-  text-decoration: none;
-}
-
-#near-wallet-selector-modal .open {
-  z-index: 1001;
-}
-
-#w3m-modal {
-  z-index: 1002;
-}
-
-#launcher {
-  color-scheme: light;
-  width: 48px;
-  height: 50px;
-  padding: 0px;
-  margin: 10px 20px;
-  position: fixed;
-  bottom: 10px;
-  overflow: visible;
-  opacity: 1;
-  border: 0px;
-  z-index: 999998;
-  transition-duration: 250ms;
-  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition-property: opacity, top, bottom;
-  right: 10px;
-}
-
-@media (max-width: 650px) {
-  #launcher {
-    right: 2px;
-    bottom: 10px;
-  }
-}

package/templates/frontend/gateway/src/styles/theme.css

@@ -1,129 +0,0 @@
-:root {
-  --text-xs: 450 12px/1.4 'Mona Sans', sans-serif;
-  --text-s: 450 14px/1.5 'Mona Sans', sans-serif;
-  --text-base: 450 16px/1.5 'Mona Sans', sans-serif;
-  --text-l: 400 20px/1.3 'FK Grotesk', 'Mona Sans', sans-serif;
-  --text-xl: 400 24px/1.3 'FK Grotesk', 'Mona Sans', sans-serif;
-  --text-2xl: 400 30px/1.3 'FK Grotesk', 'Mona Sans', sans-serif;
-  --text-3xl: 400 42px/1.3 'FK Grotesk', 'Mona Sans', sans-serif;
-  --text-hero: 500 72px/1 'FK Grotesk', 'Mona Sans', sans-serif;
-
-  --black: hsl(0, 0%, 0%);
-  --blackA1: hsla(0, 0%, 0%, 0.012);
-  --blackA2: hsla(0, 0%, 0%, 0.027);
-  --blackA3: hsla(0, 0%, 0%, 0.047);
-  --blackA4: hsla(0, 0%, 0%, 0.071);
-  --blackA5: hsla(0, 0%, 0%, 0.09);
-  --blackA6: hsla(0, 0%, 0%, 0.114);
-  --blackA7: hsla(0, 0%, 0%, 0.141);
-  --blackA8: hsla(0, 0%, 0%, 0.22);
-  --blackA9: hsla(0, 0%, 0%, 0.439);
-  --blackA10: hsla(0, 0%, 0%, 0.478);
-  --blackA11: hsla(0, 0%, 0%, 0.565);
-  --blackA12: hsla(0, 0%, 0%, 0.91);
-
-  --white: hsl(0, 0%, 100%);
-  --whiteA1: hsla(0, 0%, 100%, 0);
-  --whiteA2: hsla(0, 0%, 100%, 0.013);
-  --whiteA3: hsla(0, 0%, 100%, 0.034);
-  --whiteA4: hsla(0, 0%, 100%, 0.056);
-  --whiteA5: hsla(0, 0%, 100%, 0.086);
-  --whiteA6: hsla(0, 0%, 100%, 0.124);
-  --whiteA7: hsla(0, 0%, 100%, 0.176);
-  --whiteA8: hsla(0, 0%, 100%, 0.249);
-  --whiteA9: hsla(0, 0%, 100%, 0.386);
-  --whiteA10: hsla(0, 0%, 100%, 0.446);
-  --whiteA11: hsla(0, 0%, 100%, 0.592);
-  --whiteA12: hsla(0, 0%, 100%, 0.923);
-
-  --amber1: hsl(39, 70%, 99%);
-  --amber2: hsl(40, 100%, 96.5%);
-  --amber3: hsl(44, 100%, 91.7%);
-  --amber4: hsl(43, 100%, 86.8%);
-  --amber5: hsl(42, 100%, 81.8%);
-  --amber6: hsl(38, 99.7%, 76.3%);
-  --amber7: hsl(36, 86.1%, 67.1%);
-  --amber8: hsl(35, 85.2%, 55.1%);
-  --amber9: hsl(39, 100%, 57%);
-  --amber10: hsl(35, 100%, 55.5%);
-  --amber11: hsl(30, 100%, 34%);
-  --amber12: hsl(20, 80%, 17%);
-
-  --cyan1: hsla(180, 82%, 98%, 1);
-  --cyan2: hsla(180, 75%, 97%, 1);
-  --cyan3: hsla(178, 78%, 93%, 1);
-  --cyan4: hsla(179, 77%, 88%, 1);
-  --cyan5: hsla(178, 78%, 82%, 1);
-  --cyan6: hsla(178, 73%, 77%, 1);
-  --cyan7: hsla(179, 65%, 72%, 1);
-  --cyan8: hsla(178, 60%, 52%, 1);
-  --cyan9: hsla(179, 72%, 64%, 1);
-  --cyan10: hsla(178, 67%, 57%, 1);
-  --cyan11: hsla(186, 78%, 33%, 1);
-  --cyan12: hsla(186, 78%, 14%, 1);
-
-  --green1: hsla(150, 100%, 98%, 1);
-  --green2: hsla(152, 100%, 97%, 1);
-  --green3: hsla(150, 94%, 93%, 1);
-  --green4: hsla(151, 93%, 88%, 1);
-  --green5: hsla(151, 93%, 82%, 1);
-  --green6: hsla(151, 93%, 77%, 1);
-  --green7: hsla(150, 86%, 72%, 1);
-  --green8: hsla(150, 60%, 51%, 1);
-  --green9: hsla(150, 80%, 64%, 1);
-  --green10: hsla(150, 74%, 58%, 1);
-  --green11: hsla(155, 66%, 32%, 1);
-  --green12: hsla(150, 79%, 10%, 1);
-
-  --mauve1: hsl(300, 20%, 99%);
-  --mauve2: hsl(300, 7.7%, 97.5%);
-  --mauve3: hsl(294, 5.5%, 95.3%);
-  --mauve4: hsl(289, 4.7%, 93.3%);
-  --mauve5: hsl(283, 4.4%, 91.3%);
-  --mauve6: hsl(278, 4.1%, 89.1%);
-  --mauve7: hsl(271, 3.9%, 86.3%);
-  --mauve8: hsl(255, 3.7%, 78.8%);
-  --mauve9: hsl(252, 4%, 57.3%);
-  --mauve10: hsl(253, 3.5%, 53.5%);
-  --mauve11: hsl(252, 4%, 44.8%);
-  --mauve12: hsl(260, 25%, 11%);
-
-  --red1: hsla(6, 100%, 98%, 1);
-  --red2: hsla(8, 100%, 97%, 1);
-  --red3: hsla(8, 100%, 93%, 1);
-  --red4: hsla(7, 100%, 88%, 1);
-  --red5: hsla(8, 100%, 82%, 1);
-  --red6: hsla(7, 100%, 77%, 1);
-  --red7: hsla(8, 99%, 72%, 1);
-  --red8: hsla(8, 65%, 57%, 1);
-  --red9: hsla(7, 90%, 69%, 1);
-  --red10: hsla(7, 81%, 65%, 1);
-  --red11: hsla(8, 100%, 33%, 1);
-  --red12: hsla(7, 95%, 15%, 1);
-
-  --sand1: hsl(50, 20%, 99%);
-  --sand2: hsl(60, 7.7%, 97.5%);
-  --sand3: hsl(59, 6.5%, 95.1%);
-  --sand4: hsl(58, 6.1%, 92.9%);
-  --sand5: hsl(57, 6%, 90.7%);
-  --sand6: hsl(56, 5.9%, 88.4%);
-  --sand7: hsl(55, 5.9%, 85.2%);
-  --sand8: hsl(51, 6%, 77.1%);
-  --sand9: hsl(50, 2%, 55.7%);
-  --sand10: hsl(55, 1.7%, 51.9%);
-  --sand11: hsl(50, 2%, 43.1%);
-  --sand12: hsl(50, 6%, 10%);
-
-  --violet1: hsla(248, 80%, 98%, 1);
-  --violet2: hsla(245, 73%, 97%, 1);
-  --violet3: hsla(245, 67%, 93%, 1);
-  --violet4: hsla(244, 67%, 88%, 1);
-  --violet5: hsla(245, 67%, 82%, 1);
-  --violet6: hsla(245, 68%, 77%, 1);
-  --violet7: hsla(245, 62%, 72%, 1);
-  --violet8: hsla(250, 53%, 54%, 1);
-  --violet9: hsla(245, 64%, 68%, 1);
-  --violet10: hsla(246, 57%, 61%, 1);
-  --violet11: hsla(241, 50%, 32%, 1);
-  --violet12: hsla(244, 49%, 17%, 1);
-}

package/templates/frontend/gateway/src/utils/config.ts

@@ -1,49 +0,0 @@
-import type { Network, NetworkId } from './types';
-
-export const networks: Record<NetworkId, Network> = {
-  mainnet: {
-    networkId: 'mainnet',
-    viewAccountId: 'near',
-    nodeUrl: 'https://rpc.mainnet.near.org',
-    walletUrl: 'https://wallet.near.org',
-    helperUrl: 'https://helper.mainnet.near.org',
-    fastAuth: {
-      mpcRecoveryUrl: 'https://mpc-recovery-leader-mainnet-cg7nolnlpa-ue.a.run.app',
-      authHelperUrl: 'https://api.kitwallet.app',
-      accountIdSuffix: 'near',
-      firebase: {
-        apiKey: 'AIzaSyDhxTQVeoWdnbpYTocBAABbLULGf6H5khQ',
-        authDomain: 'near-fastauth-prod.firebaseapp.com',
-        projectId: 'near-fastauth-prod',
-        storageBucket: 'near-fastauth-prod.appspot.com',
-        messagingSenderId: '829449955812',
-        appId: '1:829449955812:web:532436aa35572be60abff1',
-        measurementId: 'G-T2PPJ8QRYY',
-      },
-    },
-  },
-  testnet: {
-    networkId: 'testnet',
-    viewAccountId: 'testnet',
-    nodeUrl: 'https://rpc.testnet.near.org',
-    walletUrl: 'https://wallet.testnet.near.org',
-    helperUrl: 'https://helper.testnet.near.org',
-    fastAuth: {
-      mpcRecoveryUrl: 'https://mpc-recovery-7tk2cmmtcq-ue.a.run.app',
-      authHelperUrl: 'https://testnet-api.kitwallet.app',
-      accountIdSuffix: 'testnet',
-      firebase: {
-        apiKey: 'AIzaSyDAh6lSSkEbpRekkGYdDM5jazV6IQnIZFU',
-        authDomain: 'pagoda-oboarding-dev.firebaseapp.com',
-        projectId: 'pagoda-oboarding-dev',
-        storageBucket: 'pagoda-oboarding-dev.appspot.com',
-        messagingSenderId: '116526963563',
-        appId: '1:116526963563:web:053cb0c425bf514007ca2e',
-        measurementId: 'G-HF2NBGE60S',
-      },
-    },
-  },
-};
-
-export const networkId: NetworkId = 'mainnet';
-export const network = networks[networkId];