refactor: wallet receive flow redesign

messages/en.json

@@ -1,5 +1,6 @@
 {
   "App": {
+    "copy": "Copy",
     "Dashboard": {
       "asset": "An asset in your wallet.",
       "buy": "Buy",
@@ -14,8 +15,12 @@
       "what-asset": "What is {asset}?"
     },
     "miban": "MIBAN Code",
+    "save": "Save",
     "view-all": "View all",
     "Wallet": {
+      "amount": "Please specify an amount.",
+      "amount-custom": "Customize Amount",
+      "amount-ln": "Please specify an amount to generate a Lightning invoice.",
       "assets": "Assets",
       "receive": "Receive",
       "send": "Send"

messages/es.json

@@ -1,5 +1,6 @@
 {
   "App": {
+    "copy": "Copy",
     "Dashboard": {
       "asset": "Un activo en tu billetera.",
       "buy": "Comprar",
@@ -14,8 +15,12 @@
       "what-asset": "Qué es {asset}?"
     },
     "miban": "Código MIBAN",
+    "save": "Save",
     "view-all": "Ver todos",
     "Wallet": {
+      "amount": "Please specify an amount.",
+      "amount-custom": "Customize Amount",
+      "amount-ln": "Please specify an amount to generate a Lightning invoice.",
       "assets": "Activos",
       "receive": "Recibir",
       "send": "Envíar"

src/app/(app)/(layout)/wallet/receive/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import { Receive } from '@/views/wallet/Receive';
+
+export default function Page() {
+  return <Receive />;
+}

src/graphql/mutations/createInvoice.ts

@@ -0,0 +1,11 @@
+import { gql } from '@apollo/client';
+
+export const CreateLightningInvoice = gql`
+  mutation CreateLightningInvoice($input: CreateLightingInvoiceInput!) {
+    wallets {
+      create_lightning_invoice(input: $input) {
+        payment_request
+      }
+    }
+  }
+`;

src/graphql/types.ts

@@ -91,6 +91,16 @@ export type CreateContactInput = {
   wallet_id: Scalars['String']['input'];
 };
 
+export type CreateLightingInvoice = {
+  __typename?: 'CreateLightingInvoice';
+  payment_request: Scalars['String']['output'];
+};
+
+export type CreateLightingInvoiceInput = {
+  amount: Scalars['Float']['input'];
+  wallet_account_id: Scalars['String']['input'];
+};
+
 export type CreateLiquidTransaction = {
   __typename?: 'CreateLiquidTransaction';
   base_64: Scalars['String']['output'];
@@ -810,6 +820,7 @@ export type WalletMutations = {
   broadcast_liquid_transaction: BroadcastLiquidTransaction;
   change_name: Scalars['Boolean']['output'];
   create: CreateWallet;
+  create_lightning_invoice: CreateLightingInvoice;
   create_onchain_address: CreateOnchainAddress;
   create_onchain_address_swap: ReceiveSwap;
   refresh_wallet: Scalars['Boolean']['output'];
@@ -828,6 +839,10 @@ export type WalletMutationsCreateArgs = {
   input: CreateWalletInput;
 };
 
+export type WalletMutationsCreate_Lightning_InvoiceArgs = {
+  input: CreateLightingInvoiceInput;
+};
+
 export type WalletMutationsCreate_Onchain_AddressArgs = {
   input: CreateOnchainAddressInput;
 };

src/utils/routes.ts

@@ -16,8 +16,7 @@ export const ROUTES = {
   wallet: {
     home: '/wallet',
     settings: (id: string) => `/wallet/${id}/settings`,
-    receive: (walletId: string, accountId: string) =>
-      `/wallet/${walletId}/account/${accountId}/receive`,
+    receive: '/wallet/receive',
     send: {
       home: (walletId: string, accountId: string, assetId?: string) =>
         `/wallet/${walletId}/account/${accountId}/send${assetId ? `?assetId=${assetId}` : ''}`,

src/views/dashboard/BancoCode.tsx

@@ -88,7 +88,7 @@ export const BancoCode: FC<{ id: string }> = ({ id }) => {
 
               <div className="round-canvas mx-auto w-fit">
                 <Canvas
-                  text={'lightning:' + address}
+                  text={address}
                   options={{
                     margin: 3,
                     width: 250,