<commit_before>import React             from 'react';
import { Button }        from '../../_common/components/elements.jsx';
import { SeparatorLine } from '../../_common/components/separator_line.jsx';

const IconWithLink = ({ button_id, button_link, img_id, img_src }) => (
    <div className='gr-2 gr-4-m'>
        { button_link ?
            <a href={button_link} id={button_id}>
                <img className='responsive' id={img_id} src={img_src} />
            </a>
            :
            <img className='responsive' id={img_id} src={img_src} />
        }
    </div>
);

const DepositWithdrawButton = ({ id, is_payment_agent, is_virtual }) => (
    <div className='gr-2 gr-12-m'>
        <SeparatorLine className='gr-parent gr-hide gr-show-m gr-padding-10' invisible />
        <div className='gr-row gr-row-align-left gr-row-align-right-m'>
            { is_virtual ?
                <div className='gr-adapt'>
                    <Button className='toggle button' id='VRT_topup_link' text={it.L('Get USD 10,000.00')} />
                </div>
                :
                <React.Fragment>
                    <div className='gr-adapt gr-no-gutter-m client_real invisible gr-parent'>
                        <Button
                            className='toggle button client_real invisible'
                            id={id}
                            href={it.url_for(is_payment_agent ? '/cashier/payment_agent_listws' : '/cashier/forwardws?action=deposit')}
                            text={it.L('Deposit')}
                            text_className='deposit'
                        />
                    </div>
                    <div className='gr-adapt client_real invisible'>
                        <Button
                            className='toggle button client_real invisible'
                            id={id}
                            href={it.url_for(is_payment_agent ? '/paymentagent/withdrawws' : '/cashier/forwardws?action=withdraw')}
                            text={it.L('Withdraw')}
                            text_className='withdraw'
                        />
                    </div>
                </React.Fragment>
            }
        </div>
    </div>
);

export const CashierNote = ({ text, className }) => (
    <div className={`gr-padding-10 invisible cashier_note ${className || ''}`}>
        <div className='gr-12 color-dark-white'>
            <div className='gr-row'>
                <div className='gr-adapt gr-1-m gr-no-gutter-left'>
                    <div className='notice-circle faded margin-top-3'>i</div>
                </div>
                <div className='gr-11 gr-9-t gr-9-p gr-11-m gr-no-gutter align-start'>
                    <p className='no-margin'>
                        {text}
                    </p>
                </div>
            </div>
        </div>
    </div>
);

const Cashier = () => (
    <React.Fragment>
        <h1>{it.L('Cashier')}</h1>

        <div className='invisible' id='message_cashier_unavailable'>
            <p className='notice-msg center-text'>{it.L('Sorry, this feature is not available in your jurisdiction.')}</p>
        </div>

        <div className='invisible' id='account_currency'>
            <img id='account_currency_img' alt='Currency Icon' />
            <div>
                <h2 className='no-margin' id='account_currency_current' />
                <p id='account_currency_hint' />
            </div>
        </div>

        <div className='gr-padding-10 table-body client_virtual invisible gr-parent'>
            <h3 className='gr-padding-10'>{it.L('Top up virtual account')}</h3>
            <div className='gr-row'>
                <IconWithLink img_id='virtual_money_icon' img_src={it.url_for('images/pages/cashier/virtual_topup.svg')} />
                <div className='gr-6 gr-8-m'>
                    <span id={'virtual_topup_info'} />
                </div>
                <DepositWithdrawButton is_virtual />
            </div>
        </div>

        <div className='gr-padding-10 client_virtual invisible' />

        <div className='gr-padding-10 table-body'>
            <h3 className='gr-padding-10'>
                <span className='invisible normal_currency client_logged_out'>{it.L('Bank wire, credit card, e-wallet')}</span>
                <span className='invisible crypto_currency'>{it.L('Cryptocurrency')}</span>
            </h3>
            <div className='gr-row'>
                <IconWithLink
                    button_link={it.url_for('cashier/forwardws?action=deposit')}
                    button_id='payment_methods'
                    img_id='payment_methods_icon'
                    img_src={it.url_for('images/pages/cashier/payment-methods.svg')}
                />
                <div className='gr-6 gr-8-m'>
                    <span className='invisible normal_currency client_logged_out'>{it.L('Deposit or withdraw to your account via bank wire, credit card, or e-wallet.')}</span>
                    <span className='invisible crypto_currency'>{it.L('Manage the funds in your cryptocurrency account.')}</span>
                    &nbsp;
                    <a href={`${it.url_for('cashier/payment_methods')}`} id='view_payment_methods'>
                        <span>{it.L('View available payment methods')}</span>
                    </a>
                    <CashierNote className='gr-hide-m gr-child' text={it.L('Please do not share your bank account, credit card, or e-wallet with another client, as this may cause delays in your withdrawals.')} /><commit_msg>add class names to link<commit_after>import React             from 'react';
import { Button }        from '../../_common/components/elements.jsx';
import { SeparatorLine } from '../../_common/components/separator_line.jsx';

const IconWithLink = ({ button_id, button_link, img_id, img_src }) => (
    <div className='gr-2 gr-4-m'>
        { button_link ?
            <a href={button_link} id={button_id}>
                <img className='responsive' id={img_id} src={img_src} />
            </a>
            :
            <img className='responsive' id={img_id} src={img_src} />
        }
    </div>
);

const DepositWithdrawButton = ({ id, is_payment_agent, is_virtual }) => (
    <div className='gr-2 gr-12-m'>
        <SeparatorLine className='gr-parent gr-hide gr-show-m gr-padding-10' invisible />
        <div className='gr-row gr-row-align-left gr-row-align-right-m'>
            { is_virtual ?
                <div className='gr-adapt'>
                    <Button className='toggle button' id='VRT_topup_link' text={it.L('Get USD 10,000.00')} />
                </div>
                :
                <React.Fragment>
                    <div className='gr-adapt gr-no-gutter-m client_real invisible gr-parent'>
                        <Button
                            className='toggle button client_real invisible'
                            id={id}
                            href={it.url_for(is_payment_agent ? '/cashier/payment_agent_listws' : '/cashier/forwardws?action=deposit')}
                            text={it.L('Deposit')}
                            text_className='deposit'
                        />
                    </div>
                    <div className='gr-adapt client_real invisible'>
                        <Button
                            className='toggle button client_real invisible'
                            id={id}
                            href={it.url_for(is_payment_agent ? '/paymentagent/withdrawws' : '/cashier/forwardws?action=withdraw')}
                            text={it.L('Withdraw')}
                            text_className='withdraw'
                        />
                    </div>
                </React.Fragment>
            }
        </div>
    </div>
);

export const CashierNote = ({ text, className }) => (
    <div className={`gr-padding-10 invisible cashier_note ${className || ''}`}>
        <div className='gr-12 color-dark-white'>
            <div className='gr-row'>
                <div className='gr-adapt gr-1-m gr-no-gutter-left'>
                    <div className='notice-circle faded margin-top-3'>i</div>
                </div>
                <div className='gr-11 gr-9-t gr-9-p gr-11-m gr-no-gutter align-start'>
                    <p className='no-margin'>
                        {text}
                    </p>
                </div>
            </div>
        </div>
    </div>
);

const Cashier = () => (
    <React.Fragment>
        <h1>{it.L('Cashier')}</h1>

        <div className='invisible' id='message_cashier_unavailable'>
            <p className='notice-msg center-text'>{it.L('Sorry, this feature is not available in your jurisdiction.')}</p>
        </div>

        <div className='invisible' id='account_currency'>
            <img id='account_currency_img' alt='Currency Icon' />
            <div>
                <h2 className='no-margin' id='account_currency_current' />
                <p id='account_currency_hint' />
            </div>
        </div>

        <div className='gr-padding-10 table-body client_virtual invisible gr-parent'>
            <h3 className='gr-padding-10'>{it.L('Top up virtual account')}</h3>
            <div className='gr-row'>
                <IconWithLink img_id='virtual_money_icon' img_src={it.url_for('images/pages/cashier/virtual_topup.svg')} />
                <div className='gr-6 gr-8-m'>
                    <span id={'virtual_topup_info'} />
                </div>
                <DepositWithdrawButton is_virtual />
            </div>
        </div>

        <div className='gr-padding-10 client_virtual invisible' />

        <div className='gr-padding-10 table-body'>
            <h3 className='gr-padding-10'>
                <span className='invisible normal_currency client_logged_out'>{it.L('Bank wire, credit card, e-wallet')}</span>
                <span className='invisible crypto_currency'>{it.L('Cryptocurrency')}</span>
            </h3>
            <div className='gr-row'>
                <IconWithLink
                    button_link={it.url_for('cashier/forwardws?action=deposit')}
                    button_id='payment_methods'
                    img_id='payment_methods_icon'
                    img_src={it.url_for('images/pages/cashier/payment-methods.svg')}
                />
                <div className='gr-6 gr-8-m'>
                    <span className='invisible normal_currency client_logged_out'>{it.L('Deposit or withdraw to your account via bank wire, credit card, or e-wallet.')}</span>
                    <span className='invisible crypto_currency'>{it.L('Manage the funds in your cryptocurrency account.')}</span>
                    &nbsp;
                    <a className='invisible normal_currency crypto_currency' href={`${it.url_for('cashier/payment_methods')}`} id='view_payment_methods'>
                        <span>{it.L('View available payment methods')}</span>
                    </a>
                    <CashierNote className='gr-hide-m gr-child' text={it.L('Please do not share your bank account, credit card, or e-wallet with another client, as this may cause delays in your withdrawals.')} />
{'fraction_non_alphanumeric': 0.13591624910522548, 'fraction_numerical': 0.008410880458124553, 'mean_word_length': 1.6854877462758289, 'pattern_counts': {'":': 0, '<': 165, '<?xml version=': 0, '>': 173, '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': '3086860', 'n_tokens_mistral': 3224, 'n_tokens_neox': 3070, 'n_words': 589}