APM-5: Fix digital wallet flow (#50)

src/app/components/app/modal-container/modal/form-container/wallet-form/fields/sticpay-account.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 import { Field, WrappedFieldProps } from 'redux-form';
 
-import { State } from 'checkout/state';
+import { KnownDigitalWalletProviders, State } from 'checkout/state';
 import { Locale } from 'checkout/locale';
 import { Letter } from 'checkout/components';
 import { formatEmail, isError, validateEmail } from 'checkout/utils';
@@ -18,7 +18,7 @@ const getCustomInput = (props: EmailDefProps, fieldProps: WrappedFieldProps) =>
         {...fieldProps.meta}
         error={isError(fieldProps.meta)}
         icon={<Letter />}
-        placeholder={props.locale['digital.wallet.providers'].sticpay.fields.account}
+        placeholder={props.locale['digital.wallet.providers'][KnownDigitalWalletProviders.Sticpay].fields.account}
         mark={true}
         type="email"
         id="sticpay-account-input"

src/app/components/app/modal-container/modal/form-container/wallet-form/wallet-provider-form-group.tsx

@@ -6,7 +6,7 @@ import { SticpayAccount } from './fields';
 
 export const WalletProviderFormGroup: React.FC<{ provider: KnownDigitalWalletProviders }> = (props) => {
     switch (props.provider) {
-        case KnownDigitalWalletProviders.sticpay:
+        case KnownDigitalWalletProviders.Sticpay:
             return (
                 <FormGroup>
                     <SticpayAccount />

src/app/components/app/modal-container/modal/form-container/wallet-form/wallet-provider-logo.tsx

@@ -6,7 +6,7 @@ import { assertUnreachable } from 'checkout/utils';
 
 export const Logo: React.FC<{ provider: KnownDigitalWalletProviders }> = ({ provider }) => {
     switch (provider) {
-        case KnownDigitalWalletProviders.sticpay:
+        case KnownDigitalWalletProviders.Sticpay:
             return <ReactSVG src="/assets/wallet-providers/logos/sticpay.svg" />;
         default:
             assertUnreachable(provider);
@@ -20,6 +20,7 @@ export const Container = styled.div`
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
+    height: 48px;
 `;
 
 export const WalletProviderLogo: React.FC<{ provider: KnownDigitalWalletProviders }> = (props) => (

src/app/components/app/modal-container/modal/form-container/wallet-provider-payment-method-item/wallet-provider-payment-method-item.tsx

@@ -15,7 +15,7 @@ const toWalletProvider = (props: SticpayPaymentMethodItemProps) =>
 
 const Icon: React.FC<{ provider: KnownDigitalWalletProviders }> = ({ provider }) => {
     switch (provider) {
-        case KnownDigitalWalletProviders.sticpay:
+        case KnownDigitalWalletProviders.Sticpay:
             return <ReactSVG src="/assets/wallet-providers/logos/sticpay.svg" />;
         default:
             assertUnreachable(provider);

src/app/sagas/create-payment-resource/create-digital-wallet.ts

@@ -6,7 +6,7 @@ import { assertUnreachable } from 'checkout/utils';
 
 const getID = (formValues: WalletFormValues): string => {
     switch (formValues.provider) {
-        case KnownDigitalWalletProviders.sticpay:
+        case KnownDigitalWalletProviders.Sticpay:
             return (formValues as SticpayWalletFormValues).sticpayAccount;
         default:
             assertUnreachable(formValues.provider);

src/app/state/payment-method/payment-method.ts

@@ -6,7 +6,7 @@ export interface PaymentMethod {
 }
 
 export enum KnownDigitalWalletProviders {
-    sticpay = 'sticpay'
+    Sticpay = 'Sticpay'
 }
 
 export interface DigitalWalletPaymentMethod extends PaymentMethod {

src/locale/en.json

@@ -149,7 +149,7 @@
     "RejectedByIssuer": "Rejected by issuing bank",
     "PaymentRejected": "Payment is rejected",
     "digital.wallet.providers": {
-        "sticpay": {
+        "Sticpay": {
             "name": "Sticpay",
             "fields": {
                 "account": "Sticpay account (email)"

src/locale/ru.json

@@ -149,7 +149,7 @@
     "RejectedByIssuer": "Отклонено эмитентом",
     "PaymentRejected": "Платёж отклонен",
     "digital.wallet.providers": {
-        "sticpay": {
+        "Sticpay": {
             "name": "Sticpay",
             "fields": {
                 "account": "Sticpay account (email)"