[TASK-13082] Sprint 100 prod release

.env.example

@@ -15,6 +15,7 @@ export NEXT_PUBLIC_WC_PROJECT_ID=""
 export NEXT_PUBLIC_SENTRY_DSN=""
 export NEXT_PUBLIC_RECAPTCHA_SITE_KEY=""
 export NEXT_PUBLIC_INFURA_API_KEY=""
+export NEXT_PUBLIC_ALCHEMY_API_KEY=""
 export NEXT_PUBLIC_JUSTANAME_ENS_DOMAIN=""
 
 export MOBULA_API_KEY=""
@@ -26,6 +27,10 @@ export WC_PROJECT_ID=""
 export GA_KEY=""
 export SOCKET_API_KEY=""
 
+# SQUID
+export SQUID_API_URL=""
+export SQUID_INTEGRATOR_ID=""
+
 # Passkey envs
 export NEXT_PUBLIC_ZERO_DEV_PASSKEY_PROJECT_ID=""
 export NEXT_PUBLIC_ZERO_DEV_BUNDLER_URL=""
@@ -34,6 +39,7 @@ export NEXT_PUBLIC_ZERO_DEV_PASSKEY_SERVER_URL=""
 export NEXT_PUBLIC_POLYGON_PAYMASTER_URL=""
 export NEXT_PUBLIC_POLYGON_BUNDLER_URL=""
 export NEXT_PUBLIC_BALANCE_WARNING_THRESHOLD=1
+export NEXT_PUBLIC_BALANCE_WARNING_EXPIRY=15
 
 export NEXT_PUBLIC_INFURA_API_KEY=""
 

package.json

@@ -33,6 +33,7 @@
         "@hookform/resolvers": "3.9.1",
         "@justaname.id/react": "0.3.180",
         "@justaname.id/sdk": "0.2.177",
+        "@radix-ui/react-slider": "^1.3.5",
         "@reduxjs/toolkit": "^2.5.0",
         "@reown/appkit": "1.6.9",
         "@reown/appkit-adapter-wagmi": "1.6.9",

src/app/(mobile-ui)/add-money/[country]/bank/page.tsx

@@ -38,7 +38,7 @@ export default function OnrampBankPage() {
 
     const [isKycModalOpen, setIsKycModalOpen] = useState(false)
     const [liveKycStatus, setLiveKycStatus] = useState<KYCStatus | undefined>(undefined)
-    const { amountToOnramp: amountFromContext, setAmountToOnramp, setError, error } = useOnrampFlow()
+    const { amountToOnramp: amountFromContext, setAmountToOnramp, setError, error, setOnrampData } = useOnrampFlow()
     const formRef = useRef<{ handleSubmit: () => void }>(null)
     const [isUpdatingUser, setIsUpdatingUser] = useState(false)
     const [userUpdateError, setUserUpdateError] = useState<string | null>(null)
@@ -186,7 +186,7 @@ export default function OnrampBankPage() {
                 amount: cleanedAmount,
                 country: selectedCountry,
             })
-            sessionStorage.setItem('onrampData', JSON.stringify(onrampDataResponse))
+            setOnrampData(onrampDataResponse)
 
             if (onrampDataResponse.transferId) {
                 setStep('showDetails')

src/app/(mobile-ui)/home/page.tsx

@@ -16,7 +16,14 @@ import { UserHeader } from '@/components/UserHeader'
 import { useAuth } from '@/context/authContext'
 import { useWallet } from '@/hooks/wallet/useWallet'
 import { useUserStore, useWalletStore } from '@/redux/hooks'
-import { formatExtendedNumber, getUserPreferences, printableUsdc, updateUserPreferences } from '@/utils'
+import {
+    formatExtendedNumber,
+    getUserPreferences,
+    printableUsdc,
+    updateUserPreferences,
+    getFromLocalStorage,
+    saveToLocalStorage,
+} from '@/utils'
 import { useDisconnect } from '@reown/appkit/react'
 import Image from 'next/image'
 import Link from 'next/link'
@@ -30,6 +37,7 @@ import { formatUnits } from 'viem'
 import { PEANUT_WALLET_TOKEN_DECIMALS } from '@/constants'
 
 const BALANCE_WARNING_THRESHOLD = parseInt(process.env.NEXT_PUBLIC_BALANCE_WARNING_THRESHOLD ?? '500')
+const BALANCE_WARNING_EXPIRY = parseInt(process.env.NEXT_PUBLIC_BALANCE_WARNING_EXPIRY ?? '1814400') // 21 days in seconds
 
 export default function Home() {
     const { balance, address, isFetchingBalance, isFetchingRewardBalance } = useWallet()
@@ -106,7 +114,7 @@ export default function Home() {
     // effect for showing balance warning modal
     useEffect(() => {
         if (typeof window !== 'undefined' && !isFetchingBalance) {
-            const hasSeenBalanceWarningThisSession = sessionStorage.getItem('hasSeenBalanceWarningThisSession')
+            const hasSeenBalanceWarning = getFromLocalStorage('hasSeenBalanceWarning')
             const balanceInUsd = Number(formatUnits(balance, PEANUT_WALLET_TOKEN_DECIMALS))
 
             // show if:
@@ -115,12 +123,11 @@ export default function Home() {
             // 3. no other modals are currently active
             if (
                 balanceInUsd > BALANCE_WARNING_THRESHOLD &&
-                !hasSeenBalanceWarningThisSession &&
+                !hasSeenBalanceWarning &&
                 !showIOSPWAInstallModal &&
                 !showAddMoneyPromptModal
             ) {
                 setShowBalanceWarningModal(true)
-                sessionStorage.setItem('hasSeenBalanceWarningThisSession', 'true')
             }
         }
     }, [balance, isFetchingBalance, showIOSPWAInstallModal, showAddMoneyPromptModal])
@@ -212,7 +219,10 @@ export default function Home() {
             {/* Balance Warning Modal */}
             <BalanceWarningModal
                 visible={showBalanceWarningModal}
-                onCloseAction={() => setShowBalanceWarningModal(false)}
+                onCloseAction={() => {
+                    setShowBalanceWarningModal(false)
+                    saveToLocalStorage('hasSeenBalanceWarning', 'true', BALANCE_WARNING_EXPIRY)
+                }}
             />
         </PageContainer>
     )

src/app/(mobile-ui)/request/create/page.tsx

@@ -11,7 +11,7 @@ export const metadata = generateMetadata({
 
 export default function RequestCreate() {
     return (
-        <PageContainer className="self-start">
+        <PageContainer className="h-full min-h-[inherit] w-full md:self-start">
             <CreateRequestLinkView />
         </PageContainer>
     )

src/app/(mobile-ui)/send/page.tsx

@@ -12,7 +12,7 @@ export const metadata = generateMetadata({
 
 export default function SendPage() {
     return (
-        <PageContainer className="self-start">
+        <PageContainer className="h-full min-h-[inherit] w-full md:self-start">
             <SendRouterView />
         </PageContainer>
     )