[wip] feat: send flow isolated from payment from

src/app/(mobile-ui)/layout.tsx

@@ -157,7 +157,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
                                 'relative flex-1 overflow-y-auto bg-background p-6 pb-24 md:pb-6',
                                 !!isSupport && 'p-0 pb-20 md:p-6',
                                 !!isHome && 'p-0 md:p-6 md:pr-0',
-                                isUserLoggedIn ? 'pb-24' : 'pb-6'
+                                isUserLoggedIn ? 'pb-24' : 'pb-4'
                             )
                         )}
                     >

src/app/[...recipient]/payment-layout-wrapper.tsx

@@ -41,7 +41,7 @@ export default function PaymentLayoutWrapper({ children }: { children: React.Rea
                         className={classNames(
                             twMerge(
                                 'flex-1 overflow-y-auto bg-background p-6 md:pb-6',
-                                isUserLoggedIn ? 'pb-24' : 'pb-6'
+                                isUserLoggedIn ? 'pb-24' : 'pb-4'
                             )
                         )}
                     >

src/app/send/[...username]/page.tsx

@@ -1,6 +1,6 @@
-import PaymentPage from '@/app/[...recipient]/client'
 import { generateMetadata as generateBaseMetadata } from '@/app/metadata'
 import PageContainer from '@/components/0_Bruddle/PageContainer'
+import { SendPageWrapper } from '@/features/payments/flows/send/SendPageWrapper'
 import { type Metadata } from 'next'
 import { use } from 'react'
 
@@ -11,12 +11,11 @@ type PageProps = {
 export default function DirectPaymentPage(props: PageProps) {
     const params = use(props.params)
     const usernameSegments = params.username ?? []
-
-    const recipient = usernameSegments
+    const username = usernameSegments[0] ? decodeURIComponent(usernameSegments[0]) : ''
 
     return (
         <PageContainer>
-            <PaymentPage recipient={recipient} flow="direct_pay" />
+            <SendPageWrapper username={username} />
         </PageContainer>
     )
 }

src/components/Common/ActionList.tsx

@@ -20,7 +20,6 @@ import { type ParsedURL } from '@/lib/url-parser/types/payment'
 import { useAppDispatch, usePaymentStore } from '@/redux/hooks'
 import { BankRequestType, useDetermineBankRequestType } from '@/hooks/useDetermineBankRequestType'
 import { GuestVerificationModal } from '../Global/GuestVerificationModal'
-import ActionListDaimoPayButton from './ActionListDaimoPayButton'
 import { DEVCONNECT_CLAIM_METHODS, type PaymentMethod } from '@/constants/actionlist.consts'
 import useClaimLink from '../Claim/useClaimLink'
 import { setupActions } from '@/redux/slices/setup-slice'
@@ -319,28 +318,6 @@ export default function ActionList({
             <Divider text="or" />
             <div className="space-y-2">
                 {sortedActionMethods.map((method) => {
-                    if (flow === 'request' && method.id === 'exchange-or-wallet') {
-                        return (
-                            <div key={method.id}>
-                                <ActionListDaimoPayButton
-                                    handleContinueWithPeanut={handleContinueWithPeanut}
-                                    showConfirmModal={isInviteLink && !userHasAppAccess}
-                                    onBeforeShow={() => {
-                                        // Check balance before showing Daimo widget
-                                        if (!isUsePeanutBalanceModalShown && hasSufficientPeanutBalance) {
-                                            setSelectedPaymentMethod(method)
-                                            setShowUsePeanutBalanceModal(true)
-                                            return false // Don't show Daimo yet
-                                        }
-                                        return true // Proceed with Daimo
-                                    }}
-                                    isDisabled={!isAmountEntered}
-                                    clickHandlerRef={daimoButtonClickRef}
-                                />
-                            </div>
-                        )
-                    }
-
                     let methodRequiresVerification = method.id === 'bank' && requiresVerification
 
                     if (!isUserMantecaKycApproved && ['mercadopago', 'pix'].includes(method.id)) {