feat: API endpoint dropdown, mainnet by default (#5)

docs/api/README.md

@@ -8,6 +8,19 @@ description: For people new to Galoy, this page will point you in the right dire
 * visit [get.blink.sv](https://get.blink.sv) for the App Store / Google Play / App Gallery links
 * or download the Android apk from [github.com/GaloyMoney/galoy-mobile/releases](https://github.com/GaloyMoney/galoy-mobile/releases)
 
+## Set up the email login
+### Upgrade the account with a phone number
+* select the menu on the top right and tap `Account`
+* `Backup/upgrade account`
+* complete the Account set up with a phone number
+
+### Add an email address for login
+* only available if a phone number was added previously
+* select the menu on the top right and tap `Account`
+* select `Email (for login)`
+* enter an email address and complete the verification to enable login with email
+* now can delete the phone number if desired
+
 ## For testing and development connect to our Staging environment
 * more info on the [staging environment](https://dev.galoy.io/deployment/staging-environment)
 * more info on [testing on signet](https://dev.galoy.io/deployment/signet)
@@ -26,16 +39,3 @@ description: For people new to Galoy, this page will point you in the right dire
 * select `Staging` under `Update Environment`, `Save changes` and go back to `Settings`
 * the wallet is now connected to the staging environment
 * carry on with: `Create new account`, `Start with trial account` or `Log back in with Phone or Email`
-
-## Set up the email login
-### Upgrade the account with a phone number
-* select the menu on the top right and tap `Account`
-* `Backup/upgrade account`
-* complete the Account set up with a phone number
-
-### Add an email address for login
-* only available if a phone number was added previously
-* select the menu on the top right and tap `Account`
-* select `Email (for login)`
-* enter an email address and complete the verification to enable login with email
-* now can delete the phone number if desired

docs/api/a-auth.md

@@ -5,10 +5,7 @@ slug: /api/auth
 ---
 
 import { AuthProvider } from '/src/components/apiTutorial/AuthContext';
-import PhoneLoginButton from '/src/components/apiTutorial/PhoneLoginButton';
 import EmailLoginButton from '/src/components/apiTutorial/EmailLoginButton';
-import AuthRequestBtcButton from '/src/components/apiTutorial/AuthRequestBtcButton';
-import AuthRequestUsdButton from '/src/components/apiTutorial/AuthRequestUsdButton';
 
 There are multiple ways to obtain an auth token to be used with the API.
 

docs/api/b-stablesats.md

@@ -7,10 +7,6 @@ slug: /api/stablesats
 import { AuthProvider } from '/src/components/apiTutorial/AuthContext';
 import AuthRequestUsdButton from '/src/components/apiTutorial/AuthRequestUsdButton';
 
-:::note
-By default the calls are directed to the staging environment where the funds are worthless, using the default bitcoin [signet](https://dev.galoy.io/deployment/signet).
-:::
-
 <AuthProvider>
 
   <AuthRequestUsdButton />

docs/api/c-sats.md

@@ -7,9 +7,6 @@ slug: /api/sats
 import { AuthProvider } from '/src/components/apiTutorial/AuthContext';
 import AuthRequestBtcButton from '/src/components/apiTutorial/AuthRequestBtcButton';
 
-:::note
-By default the calls are directed to the staging environment where the funds are worthless, using the default bitcoin [signet](https://dev.galoy.io/deployment/signet).
-:::
 <AuthProvider>
 
   <AuthRequestBtcButton />

docs/api/d-postman.md

@@ -12,7 +12,7 @@ or go ahead and fork the collection with the staging environment preset to your
 
 [![Run in Postman](https://run.pstmn.io/button.svg)](https://god.gw.postman.com/run-collection/29391384-67b79565-f9ed-4ff7-800c-10eabfd0fc38?action=collection%2Ffork&source=rip_markdown&collection-url=entityId%3D29391384-67b79565-f9ed-4ff7-800c-10eabfd0fc38%26entityType%3Dcollection%26workspaceId%3Db8a32fb0-cb8e-4323-934f-c100c6ec02b7#?env%5Bgaloy-staging%5D=W3sia2V5IjoicHJvdG9jb2wiLCJ2YWx1ZSI6Imh0dHBzIiwiZW5hYmxlZCI6dHJ1ZSwic2Vzc2lvblZhbHVlIjoiaHR0cHMiLCJzZXNzaW9uSW5kZXgiOjB9LHsia2V5IjoiZG9tYWluIiwidmFsdWUiOiJhcGkuc3RhZ2luZy5nYWxveS5pbyIsImVuYWJsZWQiOnRydWUsInNlc3Npb25WYWx1ZSI6ImFwaS5zdGFnaW5nLmdhbG95LmlvIiwic2Vzc2lvbkluZGV4IjoxfSx7ImtleSI6InBvcnQiLCJ2YWx1ZSI6IjQ0MyIsImVuYWJsZWQiOnRydWUsInNlc3Npb25WYWx1ZSI6IjQ0MyIsInNlc3Npb25JbmRleCI6Mn0seyJrZXkiOiJjdXJyZW5jeSIsInZhbHVlIjoiQlRDIiwiZW5hYmxlZCI6dHJ1ZSwic2Vzc2lvblZhbHVlIjoiQlRDIiwic2Vzc2lvbkluZGV4IjozfSx7ImtleSI6InBob25lIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6NH0seyJrZXkiOiJjb2RlIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6NX0seyJrZXkiOiJ0b2tlbiIsInZhbHVlIjoiIiwiZW5hYmxlZCI6dHJ1ZSwic2Vzc2lvblZhbHVlIjoiIiwic2Vzc2lvbkluZGV4Ijo2fSx7ImtleSI6IndhbGxldElkIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJzZXNzaW9uVmFsdWUiOiIiLCJzZXNzaW9uSW5kZXgiOjd9LHsia2V5Ijoid2FsbGV0SWRVc2QiLCJ2YWx1ZSI6IiIsImVuYWJsZWQiOnRydWUsInR5cGUiOiJkZWZhdWx0Iiwic2Vzc2lvblZhbHVlIjoiIiwic2Vzc2lvbkluZGV4Ijo4fSx7ImtleSI6IndhbGxldElkQnRjIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6OX0seyJrZXkiOiJzaWduZXQtcDJwa2gtYWRkcmVzcyIsInZhbHVlIjoibXY0cm55WTNTdTVnamNETnpiTUxLQlFrQmljQ3RIVXRGQiIsImVuYWJsZWQiOnRydWUsInNlc3Npb25WYWx1ZSI6Im12NHJueVkzU3U1Z2pjRE56Yk1MS0JRa0JpY0N0SFV0RkIiLCJzZXNzaW9uSW5kZXgiOjEwfSx7ImtleSI6InNpZ25ldC1wMnNoLWFkZHJlc3MiLCJ2YWx1ZSI6IjJOR1lIZm9OVXRlckt2dUxWeVZVNW5wbUpQS21Cd3RvTXp1IiwiZW5hYmxlZCI6dHJ1ZSwic2Vzc2lvblZhbHVlIjoiMk5HWUhmb05VdGVyS3Z1TFZ5VlU1bnBtSlBLbUJ3dG9NenUiLCJzZXNzaW9uSW5kZXgiOjExfSx7ImtleSI6InNpZ25ldC1zZWd3aXRWMC1hZGRyZXNzIiwidmFsdWUiOiJ0YjFxNzk2NzQwamFleXBwd3NkZnRlNWpxZ2F5NXlxdnl2a3NtdXhrNmciLCJlbmFibGVkIjp0cnVlLCJzZXNzaW9uVmFsdWUiOiJ0YjFxNzk2NzQwamFleXBwd3NkZnRlNWpxZ2F5NXlxdnl2a3NtdXhrNmciLCJzZXNzaW9uSW5kZXgiOjEyfSx7ImtleSI6InR3b0ZBU2VjcmV0IiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6MTN9LHsia2V5IjoiZW1haWxBZGRyZXNzIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6MTR9LHsia2V5IjoiZW1haWxMb2dpbklkIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6MTV9LHsia2V5IjoiZW1haWxDb2RlIiwidmFsdWUiOiIiLCJlbmFibGVkIjp0cnVlLCJ0eXBlIjoiZGVmYXVsdCIsInNlc3Npb25WYWx1ZSI6IiIsInNlc3Npb25JbmRleCI6MTZ9XQ==)
 
-## `staging` and `mainnet` API access
+## API access
 
 Follow the links to register and get an authentication token:
 * [Start with Blink](/api)
@@ -28,8 +28,8 @@ We've included the following files here that can be imported into Postman to get
 
 ### Environment variables
 
-* [galoy-staging.postman_environment.json](https://dev.galoy.io/galoy-staging.postman_environment.json): environment variables to hit our deployed staging with signet bitcoin
 * [galoy-mainnet.postman_environment.json](https://dev.galoy.io/galoy-mainnet.postman_environment.json): environment variables to hit our deployed Blink production environment with mainnet bitcoin
+* [galoy-staging.postman_environment.json](https://dev.galoy.io/galoy-staging.postman_environment.json): environment variables to hit our deployed staging with signet bitcoin
 
 ### Usage
 

src/components/apiTutorial/AuthRequestBtcButton.jsx

@@ -5,7 +5,7 @@ import { useAuth } from './AuthContext';
 
 function AuthRequestButton() {
   const { authToken, setAuthToken } = useAuth();
-  const [apiEndpoint, setApiEndpoint] = useState('https://api.staging.galoy.io/graphql');
+  const [apiEndpoint, setApiEndpoint] = useState('https://api.blink.sv/graphql');
   const [manualAuthToken, setManualAuthToken] = useState('');
   const [amount, setAmount] = useState(1000);
   const [accountWalletId, setAccountWalletId] = useState('');
@@ -266,13 +266,16 @@ mutation LnInvoicePaymentSend($input: LnInvoicePaymentInput!) {
 
   return (
     <div>
-      The GraphQL endpoint to connect to:
-      <input
+      <div>The GraphQL endpoint to connect to:</div>
+      <select
         type="text"
         value={apiEndpoint}
         onChange={handleApiEndpointChange}
-        style={{ width: '100%', marginBottom: '10px' }}
-      />
+        style={{ width: '50%', marginBottom: '10px' }}
+      >
+        <option value="https://api.blink.sv/graphql">Blink (mainnet) - https://api.blink.sv/graphql</option>
+        <option value="https://api.staging.galoy.io/graphql">Staging (signet) - https://api.staging.galoy.io/graphql</option>
+      </select>
       <div>The following methods require a valid auth token set in the header as a bearer token:</div>
       {authTokenSection}
 

src/components/apiTutorial/AuthRequestUsdButton.jsx

@@ -5,7 +5,7 @@ import { useAuth } from './AuthContext';
 
 function AuthRequestButton() {
   const { authToken, setAuthToken } = useAuth();
-  const [apiEndpoint, setApiEndpoint] = useState('https://api.staging.galoy.io/graphql');
+  const [apiEndpoint, setApiEndpoint] = useState('https://api.blink.sv/graphql');
   const [manualAuthToken, setManualAuthToken] = useState('');
   const [amount, setAmount] = useState(100);
   const [accountWalletId, setAccountWalletId] = useState('');
@@ -267,12 +267,15 @@ mutation LnInvoicePaymentSend($input: LnInvoicePaymentInput!) {
   return (
     <div>
       <div>The GraphQL endpoint to connect to:</div>
-      <input
+      <select
         type="text"
         value={apiEndpoint}
         onChange={handleApiEndpointChange}
         style={{ width: '50%', marginBottom: '10px' }}
-      />
+      >
+        <option value="https://api.blink.sv/graphql">Blink (mainnet) - https://api.blink.sv/graphql</option>
+        <option value="https://api.staging.galoy.io/graphql">Staging (signet) - https://api.staging.galoy.io/graphql</option>
+      </select>
       <div>The following methods require a valid auth token set in the header as a bearer token:</div>
       {authTokenSection}
 

src/components/apiTutorial/EmailLoginButton.jsx

@@ -5,7 +5,7 @@ import { generateCurlCommandRequestEmailCode, generateCurlCommandEmailLogin } fr
 
 function EmailLoginButton() {
   const { authToken, setAuthToken } = useAuth();
-  const [authEndpoint, setAuthEndpoint] = useState('https://api.staging.galoy.io/auth');
+  const [authEndpoint, setAuthEndpoint] = useState('https://api.blink.sv/auth');
   const [emailAddress, setEmailAddress] = useState('');
   const [emailCode, setEmailCode] = useState('');
   const [successMessageEmailCode, setSuccessMessageEmailCode] = useState(null);
@@ -68,18 +68,26 @@ function EmailLoginButton() {
       <h3>1) Request a 2FA code to your email</h3>
       <div style={{ marginTop: '10px' }}></div>
       <div>
-      <div>The REST authentication endpoint to connect to:</div>
-        <input type="text" value={authEndpoint} onChange={e => setAuthEndpoint(e.target.value)} style={{ width: '50%', marginBottom: '10px' }} />
+        <div>The REST authentication endpoint to connect to:</div>
+        <select
+          type="text"
+          value={authEndpoint}
+          onChange={e => setAuthEndpoint(e.target.value)}
+          style={{ width: '50%', marginBottom: '10px' }}
+        >
+          <option value="https://api.blink.sv/auth">Blink (mainnet) - https://api.blink.sv/graphql</option>
+          <option value="https://api.staging.galoy.io/auth">Staging (signet) - https://api.staging.galoy.io/graphql</option>
+        </select>
         <div></div>
-        <input type="email" placeholder="Fill in the email address used with Blink" value={emailAddress} onChange={e => setEmailAddress(e.target.value)} style={{ width: '50%', marginBottom: '10px' }} />
+        <input type="email" placeholder="Fill in the email address used for the account" value={emailAddress} onChange={e => setEmailAddress(e.target.value)} style={{ width: '50%', marginBottom: '10px' }} />
       </div>
       <button onClick={handleRequestEmailCode}>Request code</button>
       <div style={{ marginTop: '20px' }}>
         <h4>cURL command to request an email code:</h4>
         <pre style={{
           backgroundColor: 'auto',
           padding: '10px',
-          marginLeft: '10px' ,
+          marginLeft: '10px',
           overflowX: 'auto',
           whiteSpace: 'pre-wrap'
         }}>
@@ -115,7 +123,7 @@ function EmailLoginButton() {
         <pre style={{
           backgroundColor: 'auto',
           padding: '10px',
-          marginLeft: '10px' ,
+          marginLeft: '10px',
           overflowX: 'auto',
           whiteSpace: 'pre-wrap'
         }}>

src/components/apiTutorial/PhoneLoginButton.jsx

@@ -5,7 +5,7 @@ import { generateCurlCommandPhoneLogin } from './curlCommandGenerators';
 
 function PhoneLoginButton() {
   const { authToken, setAuthToken } = useAuth();
-  const [apiEndpoint, setApiEndpoint] = useState('https://api.staging.galoy.io/graphql');
+  const [apiEndpoint, setApiEndpoint] = useState('https://api.blink.sv/graphql');
   const [phone, setPhone] = useState('');
   const [code, setCode] = useState('');
   const [showToken, setShowToken] = useState(false);
@@ -53,11 +53,20 @@ function PhoneLoginButton() {
     <div>
       <div>
         <h2>Log in with phone and code</h2>
-        <input type="text" value={apiEndpoint} onChange={handleApiEndpointChange} style={{ width: '100%', marginBottom: '10px' }} />
+        <div>The GraphQL endpoint to connect to:</div>
+        <select
+          type="text"
+          value={apiEndpoint}
+          onChange={handleApiEndpointChange}
+          style={{ width: '50%', marginBottom: '10px' }}
+        >
+          <option value="https://api.blink.sv/graphql">Blink (mainnet) - https://api.blink.sv/graphql</option>
+          <option value="https://api.staging.galoy.io/graphql">Staging (signet) - https://api.staging.galoy.io/graphql</option>
+        </select>
+
         <input type="text" placeholder="Phone" value={phone} onChange={handlePhoneChange} />
         <input type="text" placeholder="Code" value={code} onChange={handleCodeChange} />
 
-
         <button onClick={handleLogin}>Log in</button>
       </div>
 
@@ -66,7 +75,7 @@ function PhoneLoginButton() {
         <pre style={{
           backgroundColor: 'auto',
           padding: '10px',
-          marginLeft: '10px' ,
+          marginLeft: '10px',
           overflowX: 'auto',
           whiteSpace: 'pre-wrap'
         }}>