fix: re-enable virtual topup modal when balance is 0

src/javascript/app/pages/user/account/top_up_virtual/pop_up.js

@@ -68,7 +68,7 @@ const TopUpVirtualPopup = (() => {
         showPopup({
             form_id,
             popup_id,
-            // url               : urlFor('user/top_up_virtual_pop_up'), // Unused in pages.js.
+            url               : urlFor('user/top_up_virtual_pop_up'), // Unused in pages.js.
             // TODO: Uncomment/update popup logic when restoring TopUpVirtualPopup. Removed JSX can be found in PR#592 (4f8e0ff)
             content_id        : '#top_up',
             additionalFunction: () => {

src/templates/app/user/top_up_virtual/pop_up.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+const TopUpVirtualPopup = () => (
+    <React.Fragment>
+        <div id='top_up' className='gr-padding-10 gr-gutter'>
+            <h1>{it.L('Top up Virtual Account')}</h1>
+            <p id='top_up_message' />
+            <p>{it.L('Do you want to top up for another [_1]? If not, you can do this later on the [_2]Cashier page[_3], too.', '$10,000.00', `<a id='top_up_cashier_redirect'>`, '</a>')}</p>
+            <form id='frm_confirm'>
+                <div className='hint no-margin gr-padding-20 gr-parent'>
+                    <input id='chk_hide_top_up' type='checkbox' />
+                    &nbsp;
+                    <label htmlFor='chk_hide_top_up'>{it.L('Don\'t show again')}</label>
+                </div>
+                <div className='gr-row'>
+                    <div className='gr-6'>
+                        <a className='button button-secondary' id='btn_cancel' href='javascript:;'><span>{it.L('Continue trading')}</span></a>
+                    </div>
+                    <div className='gr-6 gr-no-gutter-left'>
+                        <button className='button' type='submit' id='btn_ok'>{it.L('Top up')}</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </React.Fragment>
+);
+
+export default TopUpVirtualPopup;