<commit_before>import React                 from 'react';
import Loading               from './loading.jsx';
import { Fieldset, FormRow } from './forms.jsx';

export const Salutation = ({ className, row_class, row_id }) => (
    <FormRow
        type='select'
        className={className}
        id='salutation'
        label={it.L('Title')}
        row_class={row_class}
        row_id={row_id}
    >
        <option value='Mr'>{it.L('Mr')}</option>
        <option value='Mrs' className='ru-hide'>{it.L('Mrs')}</option>
        <option value='Ms'>{it.L('Ms')}</option>
        <option value='Miss' className='ru-hide'>{it.L('Miss')}</option>
    </FormRow>
);

export const FirstName = ({ className, hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='first_name'
        label={it.L('First name')}
        attributes={{ maxLength: '30', className: className || undefined, 'data-lpignore': true }}
        row_class={row_class}
        row_id={row_id}
        hint={hint}
    />
);

export const LastName = ({ className, hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='last_name'
        label={it.L('Family name')}
        attributes={{ maxLength: '30', className: className || undefined, 'data-lpignore': true }}
        hint={hint}
        row_id={row_id}
        row_class={row_class}
    />
);

export const DateOfBirth = ({ className, row_class, row_id }) => (
    <FormRow
        type='text'
        id='date_of_birth'
        label={it.L('Date of birth')}
        row_class={row_class}
        row_id={row_id}
        attributes={{ size: '12', readOnly: true, className: className || undefined, 'data-lpignore': true }}
    />
);

export const Citizenship = ({ className, row_class }) => (
    <FormRow
        type='select'
        id='citizen'
        label={it.L('Citizenship')}
        className={className}
        row_class={row_class}
        row_id='citizen_row'
        attributes={{ single: 'single' }}
    />
);

export const Residence = ({ className, row_class, row_id }) => (
    <FormRow
        type='custom'
        id='residence'
        row_class={row_class}
        row_id={row_id}
        className={className || ''}
        label={it.L('Country of residence')}
    >
        <label id='lbl_residence' />
    </FormRow>
);

export const AccountOpeningReason  = ({ row_id, row_class }) => (
    <FormRow
        type='select'
        id='account_opening_reason'
        label={it.L('Account opening reason')}
        row_id={row_id}
        row_class={row_class}
    >
        <option value=''>{it.L('Please select')}</option>
        <option value='Speculative'>{it.L('Speculative')}</option>
        <option value='Income Earning'>{it.L('Income earning')}</option>
        <option value='Hedging'>{it.L('Hedging')}</option>
    </FormRow>
);

export const AddressLine1 = ({ hint }) => (
    <FormRow
        type='text'
        id='address_line_1'
        label={it.L('First line')}
        attributes={{ maxLength: '70', 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressLine2 = ({ hint }) => (
    <FormRow
        type='text'
        id='address_line_2'
        label={it.L('Second line')}
        attributes={{ maxLength: '70', 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressCity = ({ hint }) => (
    <FormRow
        type='text'
        id='address_city'
        label={it.L('Town/City')}
        attributes={{ maxLength: 35, 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressState = () => (
    <FormRow type='select' id='address_state' label={it.L('State/Province')} attributes={{ single: 'single' }} />
);

export const AddressPostcode = ({ children, hint }) => (
    <FormRow
        type='text'
        id='address_postcode'
        label={it.L('Postal/ZIP code')}
        attributes={{ maxLength: '20', 'data-lpignore': true }}
        hint={hint}
        has_geovalidator
        row_class='postcode-form-row'
    >
        {children}
    </FormRow>
);

export const Phone = ({ hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='phone'
        label={it.L('Contact number')}
        attributes={{ 'data-lpignore': true }}
        hint={hint}
        row_class={row_class}
        row_id={row_id}
    />
);

export const SecretQuestion = () => (
    <FormRow type='select' id='secret_question' label={it.L('Secret question')}>
        <option value='Favourite dish'>{it.L('Favourite dish')}</option>
        <option value="Mother's maiden name">{it.L('Mother\'s maiden name')}</option>
        <option value='Name of your pet'>{it.L('Name of your pet')}</option>
        <option value='Name of first love'>{it.L('Name of first love')}</option>
        <option value='Memorable town/city'>{it.L('Memorable town/city')}</option>
        <option value='Memorable date'>{it.L('Memorable date')}</option>
        <option value='Brand of first car'>{it.L('Brand of first car')}</option>
        <option value='Favourite artist'>{it.L('Favourite artist')}</option>
    </FormRow>
);

export const SecretAnswer = () => (
    <FormRow<commit_msg>change contact number to mobile number in profile page<commit_after>import React                 from 'react';
import Loading               from './loading.jsx';
import { Fieldset, FormRow } from './forms.jsx';

export const Salutation = ({ className, row_class, row_id }) => (
    <FormRow
        type='select'
        className={className}
        id='salutation'
        label={it.L('Title')}
        row_class={row_class}
        row_id={row_id}
    >
        <option value='Mr'>{it.L('Mr')}</option>
        <option value='Mrs' className='ru-hide'>{it.L('Mrs')}</option>
        <option value='Ms'>{it.L('Ms')}</option>
        <option value='Miss' className='ru-hide'>{it.L('Miss')}</option>
    </FormRow>
);

export const FirstName = ({ className, hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='first_name'
        label={it.L('First name')}
        attributes={{ maxLength: '30', className: className || undefined, 'data-lpignore': true }}
        row_class={row_class}
        row_id={row_id}
        hint={hint}
    />
);

export const LastName = ({ className, hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='last_name'
        label={it.L('Family name')}
        attributes={{ maxLength: '30', className: className || undefined, 'data-lpignore': true }}
        hint={hint}
        row_id={row_id}
        row_class={row_class}
    />
);

export const DateOfBirth = ({ className, row_class, row_id }) => (
    <FormRow
        type='text'
        id='date_of_birth'
        label={it.L('Date of birth')}
        row_class={row_class}
        row_id={row_id}
        attributes={{ size: '12', readOnly: true, className: className || undefined, 'data-lpignore': true }}
    />
);

export const Citizenship = ({ className, row_class }) => (
    <FormRow
        type='select'
        id='citizen'
        label={it.L('Citizenship')}
        className={className}
        row_class={row_class}
        row_id='citizen_row'
        attributes={{ single: 'single' }}
    />
);

export const Residence = ({ className, row_class, row_id }) => (
    <FormRow
        type='custom'
        id='residence'
        row_class={row_class}
        row_id={row_id}
        className={className || ''}
        label={it.L('Country of residence')}
    >
        <label id='lbl_residence' />
    </FormRow>
);

export const AccountOpeningReason  = ({ row_id, row_class }) => (
    <FormRow
        type='select'
        id='account_opening_reason'
        label={it.L('Account opening reason')}
        row_id={row_id}
        row_class={row_class}
    >
        <option value=''>{it.L('Please select')}</option>
        <option value='Speculative'>{it.L('Speculative')}</option>
        <option value='Income Earning'>{it.L('Income earning')}</option>
        <option value='Hedging'>{it.L('Hedging')}</option>
    </FormRow>
);

export const AddressLine1 = ({ hint }) => (
    <FormRow
        type='text'
        id='address_line_1'
        label={it.L('First line')}
        attributes={{ maxLength: '70', 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressLine2 = ({ hint }) => (
    <FormRow
        type='text'
        id='address_line_2'
        label={it.L('Second line')}
        attributes={{ maxLength: '70', 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressCity = ({ hint }) => (
    <FormRow
        type='text'
        id='address_city'
        label={it.L('Town/City')}
        attributes={{ maxLength: 35, 'data-lpignore': true }}
        hint={hint}
    />
);

export const AddressState = () => (
    <FormRow type='select' id='address_state' label={it.L('State/Province')} attributes={{ single: 'single' }} />
);

export const AddressPostcode = ({ children, hint }) => (
    <FormRow
        type='text'
        id='address_postcode'
        label={it.L('Postal/ZIP code')}
        attributes={{ maxLength: '20', 'data-lpignore': true }}
        hint={hint}
        has_geovalidator
        row_class='postcode-form-row'
    >
        {children}
    </FormRow>
);

export const Phone = ({ hint, row_class, row_id }) => (
    <FormRow
        type='text'
        id='phone'
        label={it.L('Mobile number')}
        attributes={{ 'data-lpignore': true }}
        hint={hint}
        row_class={row_class}
        row_id={row_id}
    />
);

export const SecretQuestion = () => (
    <FormRow type='select' id='secret_question' label={it.L('Secret question')}>
        <option value='Favourite dish'>{it.L('Favourite dish')}</option>
        <option value="Mother's maiden name">{it.L('Mother\'s maiden name')}</option>
        <option value='Name of your pet'>{it.L('Name of your pet')}</option>
        <option value='Name of first love'>{it.L('Name of first love')}</option>
        <option value='Memorable town/city'>{it.L('Memorable town/city')}</option>
        <option value='Memorable date'>{it.L('Memorable date')}</option>
        <option value='Brand of first car'>{it.L('Brand of first car')}</option>
        <option value='Favourite artist'>{it.L('Favourite artist')}</option>
    </FormRow>
);

export const SecretAnswer = () => (
    <FormRow
{'fraction_non_alphanumeric': 0.1758326878388846, 'fraction_numerical': 0.0034856700232378003, 'mean_word_length': 2.630579964850615, 'pattern_counts': {'":': 0, '<': 109, '<?xml version=': 0, '>': 137, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7055460', 'n_tokens_mistral': 3315, 'n_tokens_neox': 3310, 'n_words': 637}