Prod to staging (#1124)

* HOTFIX - IBAN country detection and incorrect bank acc details (#1094)

* Fix: Iban country detection and incorrect bank acc details

* Fix: update IBAN country validation to use correct locale string comparison

* add validations for US and mexican bank accounts

* fix typo

* fix claim flow and create a reusable function for getting 3 letter code

* fix country code mismatch

* fix: show error below input field

* remove unnecessary checks

* remove unnecessary CLABE check

* Prod LP v2.1 (#1098)

* feat: lpv2.1

* fix: gigaclouds, font and exchange widget

* fixes and improvements

* remove duplicate export

* remove unused component

* Fix: Landing page hero section responsiveness issue (#1107)

* fix: hero section responsiveness issue

* fix: stars position

* fix height on desktop

* remove unused code

* fix margins (#1113)

* [TASK-14052] Prod release 105 (#1122)

* feat: handle send link claims to bank account for peanut users (#1078)

* reafactor: create reusable country list component and use it for all the flows

* feat: reusable user accounts components

* feat: handle different cases based on kyc status for bank claim

* fix: account creation

* chore: add docstring to hooks

* chore: better comments for bank flow manager

* fix: kyc modal closing after tos acceptance issue

* fix: remove bank acc caching from withdraw flow

* fix: update confirm claim modal copy

* fix: remove bank acc caching from claim flow

* fix: navheader title

* remove duplicate debounce code and use `useDebounce` hook instead (#1079)

* Landing page v2.1 (#1089)

* lpv2.1 part 1

* Add exchange widget

* add and integrate exchange API

* add yourMoney component bg

* update landing countries svg

* integrate frankfurter API

* fixes and improvements

* decrease hero section height

* allow max 2 decimal places

* Add `/exchange` route

* fix: overlay

* make destination amount editable and bugg fixes

* some fixes & currency improvements

* crucial commit

* fix checkmark, font size and weight

---------

Co-authored-by: Hugo Montenegro <h@hugo0.com>

* [TASK-13186] refactor: use networkName instead of axelarChainName (#1095)

* refactor: use networkName instead of axelarChainName

* fix: types

* fix: onramp currency (#1096)

* fix: stretched favicon (#1099)

* [TASK-13971] fix: scientific notation in eip681 parsing (#1097)

* fix: scientific notation in eip681 parsing

* fix: qr handling tests

* fix: peanut sdk mock

* pull iban hotfix (#1100)

* fix: claim flow bugs (#1102)

* fix: cross chain claim

* fix: full name issue on confirm bank claim view

* fix: back navigation on desktop views

* Fix back button not working on /profile (#1101)

* Fix back button not working

* fix public profile page

* extract internal navigation logic to utility function

* fix: send link claims to us bank accounts (#1108)

* fix: usa bank account claims

* fix: show bank account details in confirm claim view

* Sync Landing page changes (#1111)

* reduce clouds size and update font

* fix: hero section responsiveness issue

* fix: formatting errors

* add currency animation

* fix: us bank claims after kyc for logged in users (#1112)

* fix: trim account form inputs for spaces (#1114)

* [TASK-14107] fix: don't allow claiming on xChain if route is not found (#1115)

* fix: don't allow claiming on xChain if route is not found

* fix(claim): use correct decimals for min receive amount

* feat: handle redirect uri when on unsupported browsers (#1117)

* feat: handle redirect uri when on unsupported browsers

* fix: confirm bank claim ui rows for iban guest claim

* remove animation (#1118)

* fix: formatting

---------

Co-authored-by: Kushagra Sarathe <76868364+kushagrasarathe@users.noreply.github.com>
Co-authored-by: Mohd Zishan <72738005+Zishan-7@users.noreply.github.com>
Co-authored-by: Hugo Montenegro <h@hugo0.com>

---------

Co-authored-by: Mohd Zishan <72738005+Zishan-7@users.noreply.github.com>
Co-authored-by: Kushagra Sarathe <76868364+kushagrasarathe@users.noreply.github.com>
Co-authored-by: Hugo Montenegro <h@hugo0.com>

Author: 4 people

src/app/page.tsx

@@ -10,9 +10,9 @@ import {
     SecurityBuiltIn,
     SendInSeconds,
     YourMoney,
+    RegulatedRails,
 } from '@/components/LandingPage'
 import Footer from '@/components/LandingPage/Footer'
-import { RegulatedRails } from '@/components/LandingPage/RegulatedRails'
 import { useFooterVisibility } from '@/context/footerVisibility'
 import { useEffect, useState, useRef } from 'react'
 

src/assets/illustrations/landing-countries.svg

@@ -1,6 +1,11 @@
 'use client'
 
-import { COUNTRY_SPECIFIC_METHODS, countryData, SpecificPaymentMethod } from '@/components/AddMoney/consts'
+import {
+    COUNTRY_SPECIFIC_METHODS,
+    countryCodeMap,
+    countryData,
+    SpecificPaymentMethod,
+} from '@/components/AddMoney/consts'
 import StatusBadge from '@/components/Global/Badges/StatusBadge'
 import { IconName } from '@/components/Global/Icons/Icon'
 import NavHeader from '@/components/Global/NavHeader'
@@ -11,7 +16,7 @@ import Image, { StaticImageData } from 'next/image'
 import { useParams, useRouter } from 'next/navigation'
 import EmptyState from '../Global/EmptyStates/EmptyState'
 import { useAuth } from '@/context/authContext'
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { InitiateKYCModal } from '@/components/Kyc'
 import { DynamicBankAccountForm, IBankAccountDetails } from './DynamicBankAccountForm'
 import { addBankAccount, updateUserById } from '@/app/actions/users'

src/components/AddWithdraw/AddWithdrawCountriesList.tsx

@@ -54,12 +54,12 @@ export const DynamicBankAccountForm = forwardRef<{ handleSubmit: () => void }, D
         const [isSubmitting, setIsSubmitting] = useState(false)
         const [submissionError, setSubmissionError] = useState<string | null>(null)
         const [showBicField, setShowBicField] = useState(false)
-        const { country: countryName } = useParams()
+        const { country: countryNameParams } = useParams()
         const { amountToWithdraw } = useWithdrawFlow()
         const [firstName, ...lastNameParts] = (user?.user.fullName ?? '').split(' ')
         const lastName = lastNameParts.join(' ')
 
-        let selectedCountry = (countryNameFromProps ?? (countryName as string)).toLowerCase()
+        let selectedCountry = (countryNameFromProps ?? (countryNameParams as string)).toLowerCase()
 
         const {
             control,

src/components/AddWithdraw/DynamicBankAccountForm.tsx

@@ -1,3 +1,4 @@
+'use client'
 import Image from 'next/image'
 import { motion } from 'framer-motion'
 import { Button } from '../0_Bruddle'

src/components/LandingPage/dropLink.tsx

@@ -139,7 +139,9 @@ export function Hero({ primaryCta, secondaryCta, buttonVisible, buttonScale = 1
                     </Button>
                 </a>
 
-                <p className="mx-auto mt-2 text-xs italic text-n-1 md:text-sm">Takes 10 seconds</p>
+                <p className="font-roboto-flex-bold mx-auto mt-2 text-xs italic text-n-1 md:text-sm">
+                    Takes 10 seconds
+                </p>
 
                 {renderArrows(variant, arrowOpacity, buttonVisible)}
             </motion.div>

src/components/LandingPage/hero.tsx

@@ -7,3 +7,4 @@ export * from './nutsDivider'
 export * from './securityBuiltIn'
 export * from './sendInSeconds'
 export * from './yourMoney'
+export * from './RegulatedRails'

src/components/LandingPage/index.ts

@@ -141,7 +141,7 @@ export function NoFees() {
                 />
             </div>
 
-            <div className="relative mx-auto max-w-3xl text-center">
+            <div className="relative mx-auto w-full max-w-3xl text-center">
                 {/* Animated stars */}
                 <motion.img
                     src={Star.src}

src/components/LandingPage/noFees.tsx

@@ -4,10 +4,9 @@ import iphoneYourMoney3 from '@/assets/iphone-ss/iphone-your-money-3.png'
 import freeGlobalTransfers from '@/assets/illustrations/free-global-transfers.svg'
 import payAnyoneAnywhere from '@/assets/illustrations/pay-anyone-anywhere.svg'
 import getPaidWorldwide from '@/assets/illustrations/get-paid-worldwide.svg'
-
-import { Button } from '../0_Bruddle'
 import Image from 'next/image'
 import { LandingCountries } from '@/assets'
+import { Button } from '../0_Bruddle'
 
 interface Feature {
     id: number