feat(wire): add wire bank modal to withdraw

[mperdomo-bc]

GROWUX-2401
This adds an "Add Wire Bank" flow to both withdraw/deposit from FIAT section.

Form won't allow moving forward if any field is empty and if Account Number is not 9 digits long where required.
Confirm screen only allows moving forward if checkbox is checked

User Bank Info

Intermediary Bank (if yes selected)

Information Screen (without Intermediary)

Information Screen (with Intermediary)

Success screen

Failure screen (default error)

Failure screen (already linked)

[mrodriguez-bc]

Looks good to me. Were you able to test this in staging and confirm it properly implements the BE calls etc?

[milan-bc]

Like this since we had a lot of such spread properties thing

[milan-bc]

maybe move 'YES' to const

[mperdomo-bc]

I typed the hasIntermediaryBank property so autocompletion/error handling alerts you of any error so I didn't deem it necessary

[milan-bc]

why we need this it should be a wrapper itself

[mperdomo-bc]

In the latest version this is a component in the same file that is right below it so it's more explicit what it does, but if it's not clear I can create two new (Text) wrappers

[milan-bc]

Suggested change

	const formValues = useSelector((state) =>
	formValueSelector('addWireBank')(
	state,
	'accountNumber',
	'bankName',
	'hasIntermediaryBank',
	'intermediaryAccountNumber',
	'intermediaryBankName',
	'intermediaryRoutingNumber',
	'routingNumber'
	)
	) as WireBankFormType
	const formValues = useSelector(
	useMemo(
	() =>
	formValueSelector('addWireBank')(
	state,
	'accountNumber',
	'bankName',
	'hasIntermediaryBank',
	'intermediaryAccountNumber',
	'intermediaryBankName',
	'intermediaryRoutingNumber',
	'routingNumber'
	) as WireBankFormType,
	[state] // Add dependencies as needed
	)
	);

Consider using the useMemo hook to memoize the result of the formValueSelector to avoid unnecessary re-computations.

[mperdomo-bc]

Nice! It sent me digging in the docs and found out that redux offers a shallowEqual function that helps with this - see https://react-redux.js.org/api/hooks#equality-comparisons-and-updates

[milan-bc]

Overall looks good to me, give it a try on staging if all works as expected, we can merge it 🙏