1082 lines
92 KiB
HTML
1082 lines
92 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>RanchiMall Pay</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<meta charset="UTF-8">
|
|
<meta name="description"
|
|
content="This webapp allows monitoring FLO addresses and performing transactions based on blockchain.">
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="css/main.min.css">
|
|
<script id="floGlobals">
|
|
/* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
|
|
const floGlobals = {
|
|
|
|
//Required for all
|
|
blockchain: "FLO",
|
|
|
|
//Required for blockchain API operators
|
|
apiURL: {
|
|
FLO: ['https://flosight.duckdns.org/', 'https://livenet.flocha.in/'],
|
|
FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
|
|
},
|
|
adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
|
|
sendAmt: 0.001,
|
|
fee: 0.0005,
|
|
|
|
//Required for token API operations
|
|
tokenURL: "https://ranchimallflo.duckdns.org/",
|
|
currency: "rupee",
|
|
|
|
//Required for Supernode operations
|
|
SNStorageID: "FNaN9McoBAEFUjkRmNQRYLmBF8SpS7Tgfk",
|
|
supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
|
|
|
|
//for cloud apps
|
|
subAdmins: [],
|
|
application: "TEST_MODE",
|
|
appObjects: {},
|
|
generalData: {},
|
|
lastVC: {}
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="onLoadStartUp()" class="hide">
|
|
<sm-notifications id="notification_drawer"></sm-notifications>
|
|
<sm-popup id="confirmation_popup">
|
|
<h4 id="confirm_title"></h4>
|
|
<p id="confirm_message"></p>
|
|
<div class="flex align-center">
|
|
<sm-button variant="no-outline" class="cancel-btn">Cancel</sm-button>
|
|
<sm-button variant="no-outline" class="submit-btn">OK</sm-button>
|
|
</div>
|
|
</sm-popup>
|
|
<div id="secondary_pages" class="page hide">
|
|
<header class="flex align-center gap-1">
|
|
<div class="flex align-center flex-1">
|
|
<svg class="icon" style="margin-right:0.3rem" viewBox="0 0 96 108"
|
|
style="enable-background:new 0 0 90.5 106.3;" xml:space="preserve">
|
|
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
|
c1.3-3.6,2.6-5.2,12.9-15.1c6.2-5.9,9.3-10.3,11.1-15.5c0.7-2.1,0.8-7.6,0.2-9.4C66.5,12,61.7,6.7,53.7,1.6c-3-1.9-4.3-2.1-4.3-0.8
|
|
c0,0.3-0.5,1.4-1,2.4l-1,1.8l-2.8-1.9c-1.5-1.1-3.4-2.2-4.1-2.6c-1.3-0.7-2.4-0.6-2.4,0.2c0,0.3-1.4,3.4-2,4.4
|
|
c0,0.1-0.4-0.1-0.9-0.4c-6.1-4.4-8.7-5.5-8.7-3.9c0,0.7-1.8,4.2-4,7.9C16,19.5,9.4,24.9,2.6,24.9c-3,0-2.9-0.1-2,3.4
|
|
c0.7,2.8,1.1,3.1,3.6,2.3c2.3-0.7,3.9-1.5,5.8-2.9c0.8-0.6,1.5-0.9,1.6-0.9c0.1,0.1,0.5,1,0.7,2.1s0.7,2,0.9,2.1
|
|
c0.8,0.3,5.1-1.3,7.5-2.9l2.3-1.5l0.5,1.8c0.6,2.4,1,2.7,3.3,2.1c3.9-1,7.7-3.7,11.5-8.2l2-2.4l-0.2,2.1c-0.6,5.4-4.3,11.4-11.3,18
|
|
c-1.8,1.7-4.7,4.5-6.5,6.2c-10.7,10.2-10,18.6,2,26.5c2.7,1.8,10.3,5.8,15.3,8c0.9,0.4,3.3,1.7,5.3,2.9c11,6.5,16.4,13.1,16.4,19.7
|
|
c0,1.3,0.1,2.4,0.2,2.6l0,0c0.3,0.3,0.1,0.3,3-0.5c1.4-0.4,2.6-0.9,2.8-1.1c0.4-0.6-0.6-3.7-1.8-6.1c-1.3-2.5-5.6-7-8.9-9.4
|
|
c-3.8-2.8-9.3-5.9-17-9.7c-8.5-4.2-11.8-6.2-14.7-9.1c-2.6-2.6-3.9-5.3-3.9-8.2c0-4.6,2.3-8.6,8.3-14.1c9.4-8.7,13-13,15.5-18.8
|
|
c1.3-3,1.4-3.4,1.4-6.7c0-3.1-0.1-3.8-1.1-6l-1.1-2.4l1-1.6c0.5-0.9,1.2-2.1,1.5-2.6l0.5-1l1.5,2.1c1.8,2.6,3.2,6.8,3.2,9.3
|
|
c0,1.7-0.6,4.7-1.4,6.4c-0.2,0.4-0.4,1-0.5,1.3c-0.1,0.3-1.1,2-2.2,3.7c-2,3-5.2,6.4-13.4,14.2c-5.7,5.4-7.6,8.6-7.8,13.1
|
|
c-0.2,3.7,0.7,5.9,3.7,9.2c3.2,3.4,6.9,5.8,17.4,11c12.1,6,17.3,9.6,21.3,14.5c2.5,3.2,3.7,5.8,3.9,9.3c0.1,1.6,0.3,3,0.5,3
|
|
c0.1,0.1,0.8,0,1.4-0.2s1.9-0.5,2.7-0.7l1.5-0.4l-0.2-1.5c-0.7-5.1-5.4-10.8-13.1-16c-4.4-2.9-5.8-3.7-17.3-9.4
|
|
c-5.7-2.8-9.2-5.1-11.8-7.6c-4.3-4.2-5.1-8.8-2.7-13.9c1.4-2.8,2.7-4.4,12.5-13.8c8-7.7,11.4-13.7,11.4-20.1c0-5.1-2.3-9.9-6.9-14.3
|
|
c-1.1-1-2-2-2.1-2.2c-0.2-0.4,1.5-3.9,1.9-3.9c1.2,0,7.8,6.3,9.7,9.2c2,3.3,2.5,5,2.5,8.9c0,3.9-0.6,5.9-2.9,9.8
|
|
c-2.4,4.1-4.2,6-14.2,15.5c-3.4,3.2-5.7,6.1-6.9,8.7c-0.9,2-1.1,2.7-1.1,5.1c0,2.3,0.2,3.2,1,4.9c1.9,4,7.4,8.5,15.4,12.4
|
|
c12.5,6.1,15.1,7.6,19.4,10.7c7.2,5.3,10.6,10.5,10.6,16c0,1.3,0.1,2.4,0.3,2.5c0.4,0.3,4.8-0.8,5.5-1.3
|
|
C90.7,104.4,90.7,104.3,90.2,102.5z M20.3,23.3L20.3,23.3c-2,1-3.3,1.4-4.8,1.5L13.3,25l2.3-2.8c3.7-4.5,6.4-8.9,10-16
|
|
c0.9-1.8,1.8-3.5,2-3.6c0.4-0.4,2.6,1.1,5.1,3.4l2.1,1.9l-1.9,2.8C28.2,17.5,24.5,21.2,20.3,23.3z M39.3,17.4
|
|
c-1.2,1.7-6.5,5.7-8.6,6.5v0c-1.1,0.4-2.8,0.8-3.9,0.9L24.9,25l2.1-2.6c2.5-3.1,5.1-7,7-10.4c0.7-1.4,1.4-2.5,1.5-2.6
|
|
c0.3-0.4,1.7,1.4,3,4.1l1.5,3L39.3,17.4z M44.6,10c-0.7,1.2-1.4,2.1-1.5,2.1c-0.1,0-1.5-1.4-3-3l-2.8-3l0.6-1.5
|
|
c1.1-2.6,1.3-2.7,3.4-1c1.9,1.5,4.5,3.8,4.5,4.1C45.8,7.8,45.3,8.9,44.6,10z" />
|
|
</svg>
|
|
<h4>RanchiMall Pay</h4>
|
|
</div>
|
|
<theme-toggle></theme-toggle>
|
|
</header>
|
|
<article id="landing" class="inner-page page-layout hide">
|
|
<section class="grid justify-center gap-1">
|
|
<h1 class="h1">Send.request</h1>
|
|
<div class="flex gap-0-5">
|
|
<a href="#/sign_up" class="button">Sign up</a>
|
|
<a href="#/sign_in" class="button button--primary">Sign in</a>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
<article id="sign_in" class="inner-page page-layout hide">
|
|
<section>
|
|
<h1 class="h2">Sign In</h1>
|
|
<p>Welcome back, glad to see you again</p>
|
|
<sm-form>
|
|
<sm-input id="private_key_field" type="password" placeholder="FLO private key"
|
|
error-text="Private key is invalid" data-private-key required></sm-input>
|
|
<sm-button id="sign_in_button" variant="primary" disabled>Sign In</sm-button>
|
|
</sm-form>
|
|
<p>
|
|
New here? <a href="#/sign_up">get your FLO login credentials</a>
|
|
</p>
|
|
</section>
|
|
</article>
|
|
<article id="sign_up" class="inner-page page-layout hide">
|
|
<section class="grid">
|
|
<h1 class="h2">FLO credentials</h1>
|
|
<p>Get your FLO credentials to use RanchiMall Pay and all RanchiMall FLO apps. </p>
|
|
<div class="grid gap-1-5 card">
|
|
<div class="grid gap-0-5">
|
|
<h5>FLO ID</h5>
|
|
<sm-copy id="generated_flo_id"></sm-copy>
|
|
</div>
|
|
<div class="grid gap-0-5">
|
|
<h5>Private key</h5>
|
|
<sm-copy id="generated_private_key"></sm-copy>
|
|
</div>
|
|
</div>
|
|
<sm-button id="sign_up_button" variant="primary">Sign in with these credentials</sm-button>
|
|
<strong class="warning">
|
|
Keep your private key secure and don't share with anyone.
|
|
Once lost there is no way to recover private key.
|
|
</strong>
|
|
</section>
|
|
</article>
|
|
<div id="loading" class="inner-page flex align-center justify-center">
|
|
<div class="grid gap-1 text-center">
|
|
<sm-spinner></sm-spinner>
|
|
<h4>Loading RanchiMall Pay</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main_card" class="page hide">
|
|
<header id="main_header" class="flex align-center space-between">
|
|
<div class="flex align-center flex-1">
|
|
<svg class="icon" style="margin-right:0.3rem" viewBox="0 0 96 108"
|
|
style="enable-background:new 0 0 90.5 106.3;" xml:space="preserve">
|
|
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
|
c1.3-3.6,2.6-5.2,12.9-15.1c6.2-5.9,9.3-10.3,11.1-15.5c0.7-2.1,0.8-7.6,0.2-9.4C66.5,12,61.7,6.7,53.7,1.6c-3-1.9-4.3-2.1-4.3-0.8
|
|
c0,0.3-0.5,1.4-1,2.4l-1,1.8l-2.8-1.9c-1.5-1.1-3.4-2.2-4.1-2.6c-1.3-0.7-2.4-0.6-2.4,0.2c0,0.3-1.4,3.4-2,4.4
|
|
c0,0.1-0.4-0.1-0.9-0.4c-6.1-4.4-8.7-5.5-8.7-3.9c0,0.7-1.8,4.2-4,7.9C16,19.5,9.4,24.9,2.6,24.9c-3,0-2.9-0.1-2,3.4
|
|
c0.7,2.8,1.1,3.1,3.6,2.3c2.3-0.7,3.9-1.5,5.8-2.9c0.8-0.6,1.5-0.9,1.6-0.9c0.1,0.1,0.5,1,0.7,2.1s0.7,2,0.9,2.1
|
|
c0.8,0.3,5.1-1.3,7.5-2.9l2.3-1.5l0.5,1.8c0.6,2.4,1,2.7,3.3,2.1c3.9-1,7.7-3.7,11.5-8.2l2-2.4l-0.2,2.1c-0.6,5.4-4.3,11.4-11.3,18
|
|
c-1.8,1.7-4.7,4.5-6.5,6.2c-10.7,10.2-10,18.6,2,26.5c2.7,1.8,10.3,5.8,15.3,8c0.9,0.4,3.3,1.7,5.3,2.9c11,6.5,16.4,13.1,16.4,19.7
|
|
c0,1.3,0.1,2.4,0.2,2.6l0,0c0.3,0.3,0.1,0.3,3-0.5c1.4-0.4,2.6-0.9,2.8-1.1c0.4-0.6-0.6-3.7-1.8-6.1c-1.3-2.5-5.6-7-8.9-9.4
|
|
c-3.8-2.8-9.3-5.9-17-9.7c-8.5-4.2-11.8-6.2-14.7-9.1c-2.6-2.6-3.9-5.3-3.9-8.2c0-4.6,2.3-8.6,8.3-14.1c9.4-8.7,13-13,15.5-18.8
|
|
c1.3-3,1.4-3.4,1.4-6.7c0-3.1-0.1-3.8-1.1-6l-1.1-2.4l1-1.6c0.5-0.9,1.2-2.1,1.5-2.6l0.5-1l1.5,2.1c1.8,2.6,3.2,6.8,3.2,9.3
|
|
c0,1.7-0.6,4.7-1.4,6.4c-0.2,0.4-0.4,1-0.5,1.3c-0.1,0.3-1.1,2-2.2,3.7c-2,3-5.2,6.4-13.4,14.2c-5.7,5.4-7.6,8.6-7.8,13.1
|
|
c-0.2,3.7,0.7,5.9,3.7,9.2c3.2,3.4,6.9,5.8,17.4,11c12.1,6,17.3,9.6,21.3,14.5c2.5,3.2,3.7,5.8,3.9,9.3c0.1,1.6,0.3,3,0.5,3
|
|
c0.1,0.1,0.8,0,1.4-0.2s1.9-0.5,2.7-0.7l1.5-0.4l-0.2-1.5c-0.7-5.1-5.4-10.8-13.1-16c-4.4-2.9-5.8-3.7-17.3-9.4
|
|
c-5.7-2.8-9.2-5.1-11.8-7.6c-4.3-4.2-5.1-8.8-2.7-13.9c1.4-2.8,2.7-4.4,12.5-13.8c8-7.7,11.4-13.7,11.4-20.1c0-5.1-2.3-9.9-6.9-14.3
|
|
c-1.1-1-2-2-2.1-2.2c-0.2-0.4,1.5-3.9,1.9-3.9c1.2,0,7.8,6.3,9.7,9.2c2,3.3,2.5,5,2.5,8.9c0,3.9-0.6,5.9-2.9,9.8
|
|
c-2.4,4.1-4.2,6-14.2,15.5c-3.4,3.2-5.7,6.1-6.9,8.7c-0.9,2-1.1,2.7-1.1,5.1c0,2.3,0.2,3.2,1,4.9c1.9,4,7.4,8.5,15.4,12.4
|
|
c12.5,6.1,15.1,7.6,19.4,10.7c7.2,5.3,10.6,10.5,10.6,16c0,1.3,0.1,2.4,0.3,2.5c0.4,0.3,4.8-0.8,5.5-1.3
|
|
C90.7,104.4,90.7,104.3,90.2,102.5z M20.3,23.3L20.3,23.3c-2,1-3.3,1.4-4.8,1.5L13.3,25l2.3-2.8c3.7-4.5,6.4-8.9,10-16
|
|
c0.9-1.8,1.8-3.5,2-3.6c0.4-0.4,2.6,1.1,5.1,3.4l2.1,1.9l-1.9,2.8C28.2,17.5,24.5,21.2,20.3,23.3z M39.3,17.4
|
|
c-1.2,1.7-6.5,5.7-8.6,6.5v0c-1.1,0.4-2.8,0.8-3.9,0.9L24.9,25l2.1-2.6c2.5-3.1,5.1-7,7-10.4c0.7-1.4,1.4-2.5,1.5-2.6
|
|
c0.3-0.4,1.7,1.4,3,4.1l1.5,3L39.3,17.4z M44.6,10c-0.7,1.2-1.4,2.1-1.5,2.1c-0.1,0-1.5-1.4-3-3l-2.8-3l0.6-1.5
|
|
c1.1-2.6,1.3-2.7,3.4-1c1.9,1.5,4.5,3.8,4.5,4.1C45.8,7.8,45.3,8.9,44.6,10z" />
|
|
</svg>
|
|
<h4>RanchiMall Pay</h4>
|
|
</div>
|
|
<theme-toggle></theme-toggle>
|
|
</header>
|
|
<section id="home" class="inner-page hide">
|
|
<div id="user" class="hide grid user-element">
|
|
<div id="quick_actions_container">
|
|
<button class="primary-action" onclick="showTokenTransfer('send')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
|
|
</svg>
|
|
Send rupee
|
|
</button>
|
|
<button class="primary-action" onclick="showTokenTransfer('request')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<path
|
|
d="M20,2H4.01c-1.1,0-2,0.9-2,2L2,22l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M12,6c1.1,0,2,0.9,2,2s-0.9,2-2,2 s-2-0.9-2-2S10.9,6,12,6z M16,14H8v-0.57c0-0.81,0.48-1.53,1.22-1.85C10.07,11.21,11.01,11,12,11c0.99,0,1.93,0.21,2.78,0.58 C15.52,11.9,16,12.62,16,13.43V14z" />
|
|
</g>
|
|
</svg>
|
|
Request rupee
|
|
</button>
|
|
<!-- <button class="primary-action" onclick="">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<g>
|
|
<path d="M3,11h8V3H3V11z M5,5h4v4H5V5z" />
|
|
<path d="M3,21h8v-8H3V21z M5,15h4v4H5V15z" />
|
|
<path d="M13,3v8h8V3H13z M19,9h-4V5h4V9z" />
|
|
<rect height="2" width="2" x="19" y="19" />
|
|
<rect height="2" width="2" x="13" y="13" />
|
|
<rect height="2" width="2" x="15" y="15" />
|
|
<rect height="2" width="2" x="13" y="17" />
|
|
<rect height="2" width="2" x="15" y="19" />
|
|
<rect height="2" width="2" x="17" y="17" />
|
|
<rect height="2" width="2" x="17" y="13" />
|
|
<rect height="2" width="2" x="19" y="15" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
Scan FLO QR
|
|
</button> -->
|
|
</div>
|
|
<section class="flex direction-column h-100">
|
|
<div class="grid align-center gap-0-5">
|
|
<div class="flex align-center">
|
|
<svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M21 5v14h2V5h-2zm-4 14h2V5h-2v14zM14 5H2c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM8 7.75c1.24 0 2.25 1.01 2.25 2.25S9.24 12.25 8 12.25 5.75 11.24 5.75 10 6.76 7.75 8 7.75zM12.5 17h-9v-.75c0-1.5 3-2.25 4.5-2.25s4.5.75 4.5 2.25V17z" />
|
|
</svg>
|
|
<h4>Saved FLO IDs</h4>
|
|
</div>
|
|
<p class="flex align-center">
|
|
<svg class="icon margin-right-0-5" style="fill: #ffc107;" xmlns="http://www.w3.org/2000/svg"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z" />
|
|
</svg>
|
|
<span id="saved_ids_tip">Click 'Add FLO ID' to add a new FLO ID.</span>
|
|
</p>
|
|
</div>
|
|
<ul id="saved_ids_list" class="observe-empty-state grid"></ul>
|
|
<div class="empty-state justify-center text-center align-center h-100"
|
|
style="align-content: center;">
|
|
<svg class="justify-self-center" style="height: 12rem;"
|
|
id="bb7dac0d-c86d-4eae-9345-05ead570be6d" data-name="Layer 1"
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
|
|
<defs>
|
|
<style>
|
|
.e4b4c873-5e79-4c66-a530-269f7775150b {
|
|
fill: rgba(var(--text-color), 0.03);
|
|
}
|
|
|
|
.f8c35eef-c260-42fc-be6f-7c8afb0beeeb {
|
|
fill: rgba(var(--text-color), 0.2);
|
|
}
|
|
|
|
.ee8c2e6d-b8f3-4b81-80ab-31d470d121b9 {
|
|
fill: rgba(var(--text-color), 0.1);
|
|
}
|
|
</style>
|
|
</defs>
|
|
<rect class="e4b4c873-5e79-4c66-a530-269f7775150b" x="34.76" y="40.75" width="177.53"
|
|
height="41.42" rx="4" />
|
|
<circle class="f8c35eef-c260-42fc-be6f-7c8afb0beeeb" cx="57.21" cy="61.46" r="9.29" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="75.4" y="51.37" width="40.44"
|
|
height="9.03" rx="1.92" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="75.4" y="62.79" width="80.09"
|
|
height="9.03" rx="1.92" />
|
|
<rect class="e4b4c873-5e79-4c66-a530-269f7775150b" x="10" y="99.29" width="177.53"
|
|
height="41.42" rx="4" />
|
|
<circle class="f8c35eef-c260-42fc-be6f-7c8afb0beeeb" cx="32.45" cy="120" r="9.29" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="50.64" y="109.91" width="40.44"
|
|
height="9.03" rx="1.92" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="50.64" y="121.33" width="80.09"
|
|
height="9.03" rx="1.92" />
|
|
<rect class="e4b4c873-5e79-4c66-a530-269f7775150b" x="52.47" y="157.83" width="177.53"
|
|
height="41.42" rx="4" />
|
|
<circle class="f8c35eef-c260-42fc-be6f-7c8afb0beeeb" cx="74.93" cy="178.54" r="9.29" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="93.12" y="168.46" width="40.44"
|
|
height="9.03" rx="1.92" />
|
|
<rect class="ee8c2e6d-b8f3-4b81-80ab-31d470d121b9" x="93.12" y="179.87" width="80.09"
|
|
height="9.03" rx="1.92" />
|
|
</svg>
|
|
<h4>No Saved FLO ID</h4>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<button id="add_address_button" class="button interact fab user-element"
|
|
onclick="showPopup('add_address_popup')">
|
|
<svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" />
|
|
</svg>
|
|
Add FLO ID
|
|
</button>
|
|
<section id="cashier" class=" grid gap-1 hide admin-element">
|
|
<h4>Requests</h4>
|
|
<ul id="cashier_request_list" class="observe-empty-state"></ul>
|
|
<div class="empty-state">
|
|
<h4>No requests to process</h4>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<section id="history" class="inner-page hide grid gap-1">
|
|
<div class="page__header">
|
|
<div class="grid">
|
|
<h4>Payments</h4>
|
|
<h1>history</h1>
|
|
</div>
|
|
<svg class="illustration" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="904.36151"
|
|
height="586.40556" viewBox="0 0 904.36151 586.40556" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<path
|
|
d="M176.48137,606.86124c4.48183-45.74693,31.57027-91.41208,74.6711-107.3851a211.78287,211.78287,0,0,0,3.80025,145.35351c7.15367,17.90139,16.97423,37.0672,11.16353,55.44857-3.61532,11.43741-12.95662,20.35944-23.50968,26.061-10.55372,5.7016-22.35566,8.59565-34.01041,11.43411l-2.257,1.96793C186.63718,698.21181,171.99953,652.60817,176.48137,606.86124Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#f0f0f0" />
|
|
<path
|
|
d="M251.6065,500.32709c-24.3354,28.72351-39.652,65.40748-42.33,103.01475-.579,8.1306-.4587,16.42884,1.52256,24.37642a44.70919,44.70919,0,0,0,11.65642,20.44014c5.15372,5.37408,11.04774,10.27436,14.80536,16.80764,3.96072,6.88643,4.31282,14.819,1.91945,22.30586-2.92836,9.1604-8.97355,16.7223-15.14224,23.91176-6.84915,7.98252-14.08974,16.16536-16.818,26.58246-.33057,1.26217-2.26971.67544-1.93964-.58483,4.74673-18.124,21.94191-28.79677,29.84688-45.21542,3.6886-7.66125,5.09074-16.48052,1.23988-24.36584-3.36741-6.89536-9.44106-11.95377-14.70634-17.35-5.52863-5.66617-9.81771-11.92932-12.14213-19.56139-2.37774-7.80719-2.8227-16.11821-2.45413-24.22795a175.619,175.619,0,0,1,11.43083-53.68534,184.22708,184.22708,0,0,1,31.73151-53.93217c.84063-.99221,2.21479.49823,1.37966,1.48395Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M209.502,591.07182a27.15836,27.15836,0,0,1-21.40734-27.90091,1.01382,1.01382,0,0,1,2.02582.0483,25.148,25.148,0,0,0,19.96635,25.913c1.27568.26837.68355,2.20648-.58483,1.93965Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M219.48341,645.77769a52.34557,52.34557,0,0,0,22.58173-30.7462c.335-1.261,2.27427-.67461,1.93964.58483a54.44728,54.44728,0,0,1-23.56337,31.94644c-1.10563.69542-2.05763-1.09342-.958-1.78507Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M227.84859,534.9895a15.37292,15.37292,0,0,0,14.54413-1.119c1.09627-.70909,2.04714,1.08059.958,1.78507a17.22664,17.22664,0,0,1-16.087,1.27357,1.047,1.047,0,0,1-.67741-1.26224,1.01808,1.01808,0,0,1,1.26224-.67741Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M385.83271,577.46554c-.67194.46224-1.34388.92448-2.0162,1.40385a202.453,202.453,0,0,0-25.35041,20.8777c-.61791.58057-1.23537,1.17825-1.83531,1.77536a213.4309,213.4309,0,0,0-44.68323,64.63776,207.26687,207.26687,0,0,0-10.58392,29.66048c-3.82564,14.00525-6.85927,29.49489-14.85286,41.07746a35.55812,35.55812,0,0,1-2.68,3.49066L208.915,742.34206c-.17248-.081-.34535-.145-.51867-.226l-2.98759.21475c.10637-.533.22814-1.0835.33451-1.61649.06041-.30943.13752-.6193.19793-.92874.04557-.20642.092-.413.12128-.60186.01491-.06876.03065-.13755.046-.18932.02931-.18888.0766-.36121.10636-.533q1.00829-4.61864,2.085-9.23916c-.00044-.01711-.00044-.01711.0158-.03465,5.5293-23.45682,13.06545-46.65811,23.88353-67.978.32569-.64133.6501-1.29975,1.01-1.942A197.78,197.78,0,0,1,250.266,631.86718a174.84769,174.84769,0,0,1,11.29281-13.61835,145.39679,145.39679,0,0,1,35.6617-28.19346c26.4996-14.88715,57.46538-21.13354,86.4069-13.21642C384.36766,577.042,385.092,577.24538,385.83271,577.46554Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#f0f0f0" />
|
|
<path
|
|
d="M385.68908,578.42077c-36.724,8.28252-71.03976,28.35094-95.82017,56.7659-5.35746,6.14324-10.25754,12.84133-13.46061,20.37989a44.70911,44.70911,0,0,0-2.99937,23.33828c.87939,7.39379,2.63513,14.855,1.70188,22.33381-.98369,7.88305-5.47849,14.42874-11.89708,18.96561-7.85333,5.551-17.23287,7.94913-26.48677,9.97554-10.27469,2.24993-20.98253,4.42413-29.43272,11.099-1.02386.80875-2.2189-.82722-1.19659-1.63475,14.70188-11.61312,34.857-9.78206,51.05387-18.1321,7.55775-3.89629,13.98709-10.0938,15.65989-18.70826,1.4628-7.533-.34116-15.22859-1.29626-22.70727-1.00288-7.85274-.65662-15.43583,2.0825-22.92908,2.802-7.66517,7.4505-14.56894,12.62741-20.82222a175.61909,175.61909,0,0,1,41.44916-35.98259A184.22707,184.22707,0,0,1,385.481,576.40527c1.26856-.28611,1.46841,1.73126.20813,2.0155Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M297.43643,625.52556a27.15837,27.15837,0,0,1-.29429-35.166c.839-.99754,2.42856.25939,1.58843,1.25826a25.14805,25.14805,0,0,0,.34061,32.71117c.857.98232-.78267,2.17329-1.63475,1.19659Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M272.46929,675.21461a52.34551,52.34551,0,0,0,36.54158-10.95336c1.02669-.80509,2.222.83063,1.19659,1.63475a54.44724,54.44724,0,0,1-38.048,11.32067c-1.30148-.11041-.98459-2.11187.30982-2.00206Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M345.85055,591.79286a15.373,15.373,0,0,0,12.28639,7.86312c1.30223.09386.98393,2.09531-.30983,2.00206a17.22664,17.22664,0,0,1-13.61131-8.66859,1.047,1.047,0,0,1,.21908-1.41567,1.01807,1.01807,0,0,1,1.41567.21908Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#fff" />
|
|
<path
|
|
d="M825.52225,196.935c-1.11853-3.30279-15.14533-14.52982-6.55011-16.41685l7.04864,9.39857,32.40662-32.406,3.25928,3.2593Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M825.52225,307.129c-1.11853-3.30276-15.14533-14.52982-6.55011-16.41684l7.04864,9.39859,32.40662-32.406,3.25928,3.25928Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M825.52225,418.89715c-1.11853-3.30277-15.14533-14.52979-6.55011-16.41684l7.04864,9.39859,32.40662-32.406,3.25928,3.25928Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<circle cx="647.86176" cy="161.73826" r="10" fill="#3f3d56" />
|
|
<circle cx="647.86176" cy="52.73826" r="10" fill="#3f3d56" />
|
|
<rect x="743.36151" y="29.73819" width="161" height="2" fill="#3f3d56" />
|
|
<circle cx="652.86176" cy="277.93224" r="10" fill="#3f3d56" />
|
|
<rect x="743.36151" y="139.93202" width="161" height="2" fill="#3f3d56" />
|
|
<rect x="743.36151" y="251.70009" width="161" height="2" fill="#3f3d56" />
|
|
<polygon
|
|
points="702.96 277 652.96 277 652.96 226 686.96 226 686.96 228 654.96 228 654.96 275 700.96 275 700.96 252 702.96 252 702.96 277"
|
|
fill="#3f3d56" />
|
|
<polygon
|
|
points="702.96 165 652.96 165 652.96 114 686.96 114 686.96 116 654.96 116 654.96 163 700.96 163 700.96 140 702.96 140 702.96 165"
|
|
fill="#3f3d56" />
|
|
<polygon
|
|
points="702.96 51 652.96 51 652.96 0 686.96 0 686.96 2 654.96 2 654.96 49 700.96 49 700.96 26 702.96 26 702.96 51"
|
|
fill="#3f3d56" />
|
|
<path
|
|
d="M524.324,338.56887s-13.36292,56.4212,2.96954,56.4212S582.23,331.145,582.23,331.145L568.867,314.81255l-23.985,33.29993-1.2561-16.96747Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#a0616a" />
|
|
<circle cx="430.84992" cy="163.80056" r="13" fill="#a0616a" />
|
|
<polygon points="365.175 566.048 382.478 566.047 390.711 499.301 365.171 499.302 365.175 566.048"
|
|
fill="#a0616a" />
|
|
<path
|
|
d="M512.38428,740.89682l53.2129-.002v-.673a20.71307,20.71307,0,0,0-20.71194-20.71162H544.884l-9.72-7.37412-18.13541,7.37524-4.64513.00016Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#2f2e41" />
|
|
<polygon points="179.038 544.459 194.521 552.185 231.693 496.14 208.841 484.736 179.038 544.459"
|
|
fill="#a0616a" />
|
|
<path
|
|
d="M318.25035,717.13553l47.61317,23.76129.30052-.60213a20.71307,20.71307,0,0,0-9.28291-27.781l-.00115-.00057-5.404-10.93862-19.52019-1.49967-4.15631-2.07422Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#2f2e41" />
|
|
<rect y="584.16484" width="569.84992" height="2.24072" fill="#ccc" />
|
|
<path
|
|
d="M401.1174,440.9251s-6.91528,83.1485-8.4,100.9657a126.70952,126.70952,0,0,1-7.42383,32.66492s-2.96954,5.93908-2.96954,11.87817l-33.65482,61.16389s-10.28424,7.55932-8.7995,13.4984-6.2005,9.5016-6.2005,9.5016l35.44159,6.83086s-1.48477-4.45428,2.96954-5.93908,8-14.36292,8-14.36292l49.75629-81.08612L465.471,501.80209s20.78677,66.8146,25.24106,74.23843c0,0,16.33246,83.147,19.302,90.57092s4.45432,7.42383,2.96954,10.39337-1.48477,5.93909,0,7.42383,29.69538,0,29.69538,0l-7.42386-105.41858L521.89224,452.80465l-68.29937-20.78677Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#2f2e41" />
|
|
<circle cx="320.16699" cy="54.45159" r="31.18014" fill="#a0616a" />
|
|
<path
|
|
d="M524.86176,287.99532l-37.118-22.48858s-1.02884-13.9648-11.60471-14.6219c-5.30952-.32989-13.27738-.83427-25.23451-1.6052-2.527-.16293-4.23227,13.66223-7.12824,13.47462l-39.18082,10.39338,5.93909,100.96426s-8.9086,40.08878-5.93909,47.5126-7.42383,10.39338-4.45432,11.87815,0,11.87814,0,11.87814,57.906,29.69537,121.751,7.42383l-5.93909-19.302a15.58023,15.58023,0,0,0-2.96954-14.84769s5.93909-8.9086-1.48477-16.33246c0,0,2.96954-13.36291-4.45432-19.302l-1.48477-20.78677,4.45432-10.39338Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#e6e6e6" />
|
|
<path
|
|
d="M440.9299,229.06116l-.87158-2.02441c-.1123-.26172-11.13916-26.32911-1.36523-42.40821,4.52441-7.44384,12.75146-11.64648,24.45166-12.49023,18.30713-1.32373,30.83691,3.019,37.251,12.89844a11.07543,11.07543,0,0,1-9.335,17.061h-.24609l-3.36377-4.36767-.1958.4248c-1.21778,2.63477-4.01465,4.07715-7.29053,3.76123-.55713-.04-1.05078.44092-1.44726,1.47022a2.61528,2.61528,0,0,1-1.95752,1.814c-2.42041.47119-5.87061-2.57764-7.415-4.09717a2.47811,2.47811,0,0,1-1.15528,1.70117c-1.62744.939-4.16015-.28759-4.8872-.67822-5.79151,1.23047-9.54053.90137-11.14649-.97705-1.08887,7.70361-3.42578,21.56982-6.228,22.33838a1.40089,1.40089,0,0,1-1.52929-.66846c-.67481-.876-1.27783-1.3125-1.6543-1.18994-.91162.29-1.44971,3.292-1.52685,5.22949Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#2f2e41" />
|
|
<path
|
|
d="M508.5293,289.48013l14.81131-2.40638a72.31352,72.31352,0,0,1,20.82315,38.04084c4.45431,23.75628,5.939,28.2106,5.939,28.2106l-35.63443,8.90857-19.302-37.11924Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#e6e6e6" />
|
|
<rect x="496.82503" y="270.45449" width="116.39452" height="234.31056"
|
|
transform="translate(-22.85274 753.63479) rotate(-85.48966)" fill="#fff" />
|
|
<path
|
|
d="M467.762,329.3696c-5.71637-4.08217-12.974-4.37733-15.74644-4.31865.84581,2.64018,3.47435,9.41156,9.19058,13.49552,5.73028,4.09245,12.97891,4.37863,15.74716,4.32149C476.10786,340.22872,473.47911,333.45457,467.762,329.3696Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M490.31257,403.20446l-37.507-2.95868a8.4653,8.4653,0,1,0-1.33141,16.87817h0l37.507,2.95868a8.4653,8.4653,0,0,0,1.33141-16.87817Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M667.1829,327.52712l-210.29-16.59005a18.68264,18.68264,0,0,0-20.0917,17.15915L428.71374,430.547a18.69345,18.69345,0,0,0,17.16161,20.1014l210.29,16.59006a18.68261,18.68261,0,0,0,20.0917-17.15915l7.68556-97.37532.15463-1.98944.24481-3.09575A18.68267,18.68267,0,0,0,667.1829,327.52712Zm-6.20967,89.13782-1.33248,16.87858a11.31529,11.31529,0,0,1-12.14159,10.36082l-28.13346-2.21676A11.31528,11.31528,0,0,1,609.00488,429.546l1.33252-16.87865A11.31941,11.31941,0,0,1,622.479,402.30651l28.12371,2.21931A11.32876,11.32876,0,0,1,660.97323,416.66494ZM441.83967,407.8638a10.34611,10.34611,0,0,1,11.11422-9.49093l37.50561,2.96061a10.34238,10.34238,0,1,1-1.60873,20.6221l-.01934.00492-37.50561-2.96061A10.334,10.334,0,0,1,441.83967,407.8638Zm8.02924-83.48172-.25639-1.04919,1.0789-.09888c.42182-.04533,10.39871-.941,18.16489,4.60653,7.76627,5.5476,10.14774,15.28086,10.25123,15.688l.24673,1.05158-1.07643.10859a28.42311,28.42311,0,0,1-4.589-.03035,27.13718,27.13718,0,0,1-13.57847-4.58588C452.34423,334.52489,449.96268,324.79159,449.86891,324.38208Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M629.4225,427.85879l-12.18974-.96157a3.29206,3.29206,0,0,0-.51776,6.56372l12.18973.96157a3.29206,3.29206,0,0,0,.51777-6.56372Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M651.92674,429.634l-12.18979-.96157a3.29206,3.29206,0,0,0-.51777,6.56371l12.1898.96157a3.29206,3.29206,0,0,0,.51776-6.56371Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M630.0882,419.4197l-12.18973-.96156a3.29206,3.29206,0,0,0-.51777,6.56371l12.18973.96157a3.29206,3.29206,0,0,0,.51777-6.56372Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M652.59245,421.19491l-12.1898-.96157a3.29206,3.29206,0,0,0-.51776,6.56372l12.18979.96157a3.29206,3.29206,0,0,0,.51777-6.56372Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M630.7539,410.98062l-12.18973-.96157a3.29206,3.29206,0,0,0-.51777,6.56372l12.18973.96156a3.29206,3.29206,0,0,0,.51777-6.56371Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<path
|
|
d="M653.25815,412.75583l-12.18979-.96157a3.29206,3.29206,0,0,0-.51777,6.56371l12.18979.96157a3.29206,3.29206,0,0,0,.51777-6.56371Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#6c63ff" />
|
|
<rect x="556.02303" y="247.30876" width="2.0007" height="247.61314"
|
|
transform="translate(-4.39383 740.56745) rotate(-85.50837)" fill="#fff" />
|
|
<polygon
|
|
points="536.278 193.917 536.123 195.907 527.532 195.233 435.999 188.043 436.164 186.051 527.687 193.243 536.278 193.917"
|
|
fill="#3f3d56" />
|
|
<path
|
|
d="M382.324,329.56887s-13.36292,56.4212,2.96954,56.4212S440.23,322.145,440.23,322.145L426.867,305.81255l-23.985,33.29993-1.2561-16.96747Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#a0616a" />
|
|
<circle cx="288.84992" cy="154.80056" r="13" fill="#a0616a" />
|
|
<path
|
|
d="M415.41156,282.05627l-8.90863-8.9086s-17.81723,10.39337-19.302,20.78677-8.9086,43.05829-8.9086,43.05829l27.46823,2.22714,8.9086-13.36291Z"
|
|
transform="translate(-147.81924 -156.79722)" fill="#e6e6e6" />
|
|
</svg>
|
|
</div>
|
|
<ul id="payments_history" class="observe-empty-state"></ul>
|
|
<div class=" empty-state gap-1 justify-center text-center">
|
|
<h4>No transactions</h4>
|
|
</div>
|
|
</section>
|
|
<section id="contact" class="inner-page hide">
|
|
<div class="flex align-center">
|
|
<a href="#/home" class="button icon-only margin-right-0-5">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
|
|
</svg>
|
|
</a>
|
|
<h4 id="contact__title"></h4>
|
|
</div>
|
|
<ul id="contact__transactions"></ul>
|
|
<div class="flex">
|
|
<button class="button flex-1">Pay</button>
|
|
<button class="button flex-1">Request</button>
|
|
</div>
|
|
</section>
|
|
<section id="requests" class="inner-page hide">
|
|
<div class="page__header">
|
|
<div class="grid">
|
|
<h4>Payment</h4>
|
|
<h1>requests</h1>
|
|
</div>
|
|
<svg class="illustration" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="523"
|
|
height="336" viewBox="0 0 523 336" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<circle cx="766.34968" cy="561.77555" r="43.06732"
|
|
transform="translate(-511.27668 424.4313) rotate(-45)" fill="#2f2e41" />
|
|
<circle cx="762.92874" cy="551.36577" r="14.71924"
|
|
transform="translate(-439.63078 -104.08519) rotate(-12.48125)" fill="#fff" />
|
|
<circle cx="756.9663" cy="547.56454" r="4.90643"
|
|
transform="translate(-438.95016 -105.46366) rotate(-12.48125)" fill="#3f3d56" />
|
|
<path
|
|
d="M764.64834,532.6599c-17.61323-.03251-29.97775-3.17854-29.94827-19.13582s14.33174-28.86688,31.945-28.83431,31.86768,12.99488,31.8382,28.95216C798.45372,529.59929,782.26156,532.69241,764.64834,532.6599Z"
|
|
transform="translate(-338.5 -282)" fill="#6c63ff" />
|
|
<path
|
|
d="M833.85155,568.97444c-5.05211,17.52641-19.80364,29.79509-35.19135,40.21716q-3.22281,2.18327-6.44766,4.266c-.01457.00636-.02957.02-.04432.02649-.10343.06645-.20707.133-.30344.19991-.44372.286-.88759.57222-1.32762.855l.24171.10858s.23735.12621-.02233.02024c-.07728-.03233-.15825-.06136-.23537-.09387-8.93929-3.60536-18.03735-7.4764-24.888-14.23042-7.1065-7.0136-11.25952-18.01413-7.41141-27.228a17.5918,17.5918,0,0,1,1.90481-3.41886c.31214-.44666.64831-.87416.99832-1.29373a18.85591,18.85591,0,0,1,32.3856,5.72979c1.1305-10.52576-7.54879-19.34265-15.90135-25.84822-8.35623-6.50228-17.85125-13.58341-19.46674-24.05074-.90215-5.82388,1.12306-11.46778,4.81224-15.99852.11421-.13766.22827-.27514.3459-.409a27.51849,27.51849,0,0,1,17.68718-9.48885c12.81321-1.33167,25.25927,5.4506,34.56779,14.35941C830.53754,527.0305,839.59482,549.047,833.85155,568.97444Z"
|
|
transform="translate(-338.5 -282)" fill="#e6e6e6" />
|
|
<path
|
|
d="M809.76735,546.05008a46.77965,46.77965,0,0,1,5.60443,12.36093,40.61967,40.61967,0,0,1,1.404,11.9968,52.04376,52.04376,0,0,1-6.81624,23.68461A74.9024,74.9024,0,0,1,798.6602,609.1916q-3.22281,2.18327-6.44766,4.266c-.01457.00636-.02957.02-.04432.02649-.10343.06645-.20707.133-.30344.19991-.44372.286-.88759.57222-1.32762.855,0,0,.47906.23479.21938.12882-.07728-.03233-.15825-.06136-.23537-.09387a41.40487,41.40487,0,0,0-13.249-35.6508,41.75957,41.75957,0,0,0-17.14558-9.22645c.31214-.44666.64831-.87416.99832-1.29373a43.296,43.296,0,0,1,7.14664,2.70436,42.424,42.424,0,0,1,19.18179,18.49347,43.37384,43.37384,0,0,1,4.72253,23.80133c.36729-.33284.735-.67291,1.09167-1.00976,6.7929-6.33309,12.82634-13.60244,16.90958-21.99189A48.41647,48.41647,0,0,0,815.247,567.493c-.33324-8.65329-3.781-16.66846-8.77294-23.64614a101.34553,101.34553,0,0,0-19.21051-19.79842,115.15792,115.15792,0,0,0-23.89219-14.75057.828.828,0,0,1-.41667-1.06262.7042.7042,0,0,1,.3459-.409.61308.61308,0,0,1,.53243.02261c1.0539.48518,2.10048.977,3.13867,1.49007a116.46492,116.46492,0,0,1,24.06247,15.87266C798.11694,531.25013,804.785,538.14914,809.76735,546.05008Z"
|
|
transform="translate(-338.5 -282)" fill="#fff" />
|
|
<ellipse cx="73.71401" cy="331.4603" rx="10.90314" ry="4.08868" fill="#2f2e41" />
|
|
<ellipse cx="99.88149" cy="330.91516" rx="10.90314" ry="4.08868" fill="#2f2e41" />
|
|
<ellipse cx="469.74364" cy="542.42432" rx="21.53369" ry="6.76007"
|
|
transform="translate(-546.62487 25.10005) rotate(-29.96257)" fill="#2f2e41" />
|
|
<circle cx="420.93647" cy="555.94632" r="43.06735"
|
|
transform="translate(-533.75772 600.39468) rotate(-80.78252)" fill="#2f2e41" />
|
|
<rect x="62.81087" y="307.746" width="13.08374" height="23.44171" fill="#2f2e41" />
|
|
<rect x="88.97835" y="307.746" width="13.08374" height="23.44171" fill="#2f2e41" />
|
|
<circle cx="83.52681" cy="263.04321" r="14.71922" fill="#fff" />
|
|
<circle cx="83.52681" cy="263.04321" r="4.90642" fill="#3f3d56" />
|
|
<path
|
|
d="M379.15975,515.89493c-3.47748-15.57379,7.63867-31.31046,24.82861-35.14884s33.94421,5.67508,37.42169,21.24887-7.91491,21.31766-25.10486,25.156S382.63723,531.46875,379.15975,515.89493Z"
|
|
transform="translate(-338.5 -282)" fill="#e6e6e6" />
|
|
<ellipse cx="372.42832" cy="535.96292" rx="6.76007" ry="21.53368"
|
|
transform="translate(-609.92557 360.7865) rotate(-64.62574)" fill="#2f2e41" />
|
|
<path
|
|
d="M399.78194,571.48328c0,4.21514,10.85327,12.53857,22.89654,12.53857s23.33515-11.867,23.33515-16.08209-11.29193.81775-23.33515.81775S399.78194,567.26813,399.78194,571.48328Z"
|
|
transform="translate(-338.5 -282)" fill="#fff" />
|
|
<ellipse cx="232.60883" cy="331.4603" rx="10.90314" ry="4.08868" fill="#2f2e41" />
|
|
<ellipse cx="206.44135" cy="330.91516" rx="10.90314" ry="4.08868" fill="#2f2e41" />
|
|
<ellipse cx="513.57919" cy="542.42432" rx="6.76007" ry="21.53369"
|
|
transform="translate(-551.35011 434.45934) rotate(-60.03743)" fill="#2f2e41" />
|
|
<circle cx="223.88636" cy="273.94632" r="43.06734" fill="#2f2e41" />
|
|
<rect x="230.42822" y="307.746" width="13.08374" height="23.44171" fill="#2f2e41" />
|
|
<rect x="204.26074" y="307.746" width="13.08374" height="23.44171" fill="#2f2e41" />
|
|
<circle cx="213.79602" cy="263.04321" r="14.71922" fill="#fff" />
|
|
<ellipse cx="545.29602" cy="543.04321" rx="4.92055" ry="4.88593"
|
|
transform="translate(-562.77667 262.29055) rotate(-44.97427)" fill="#3f3d56" />
|
|
<path
|
|
d="M567.01764,527.15094c-17.18994-3.83832-28.58234-9.58219-25.10486-25.156s20.23175-25.08725,37.42169-21.24887,28.3061,19.57505,24.82862,35.14884S584.20758,530.98926,567.01764,527.15094Z"
|
|
transform="translate(-338.5 -282)" fill="#6c63ff" />
|
|
<ellipse cx="601.89451" cy="567.96293" rx="6.76007" ry="21.53368"
|
|
transform="translate(-464.12902 -108.45868) rotate(-14.87459)" fill="#2f2e41" />
|
|
<path
|
|
d="M552.62933,568.75815c-7.90666,0-15.32008-5.03284-15.32008-.81775s7.41338,16.08209,15.32008,16.08209,15.03213-8.32343,15.03213-12.53857S560.536,568.75815,552.62933,568.75815Z"
|
|
transform="translate(-338.5 -282)" fill="#fff" />
|
|
<path
|
|
d="M496.97168,484.53906H493.147a12.93742,12.93742,0,0,1-12.92285-12.92285v-3.21094c0-7.95312,1.50684-14.6123,4.479-19.79248a104.11414,104.11414,0,0,1,12.542-16.85156,74.26915,74.26915,0,0,0,8.52783-10.27881,17.29,17.29,0,0,0,2.69336-9.5625c0-7.978-5.19776-11.85644-15.89063-11.85644a64.52587,64.52587,0,0,0-17.51513,2.6289,14.7451,14.7451,0,0,1-18.79248-14.17822v-6.5a14.46343,14.46343,0,0,1,8.53222-13.25635A78.08334,78.08334,0,0,1,496.61035,362.5c11.44434,0,21.77539,1.92236,30.707,5.71289,8.94776,3.79932,16.01709,9.15674,21.01123,15.92383a38.35194,38.35194,0,0,1,7.53614,23.24414c0,8.98-2.45166,16.80127-7.28663,23.24658-4.78222,6.37988-11.63769,13.36426-20.376,20.76026a145.20407,145.20407,0,0,0-13.06348,12.30664,22.71817,22.71817,0,0,0-5.43115,10.11132A12.888,12.888,0,0,1,496.97168,484.53906Z"
|
|
transform="translate(-338.5 -282)" fill="#6c63ff" />
|
|
<path
|
|
d="M494.84521,545.31055h-.50439a23.95118,23.95118,0,0,1,0-47.90235h.50439a23.95118,23.95118,0,1,1,0,47.90235Z"
|
|
transform="translate(-338.5 -282)" fill="#6c63ff" />
|
|
<path d="M650.5,618h-311a1,1,0,0,1,0-2h311a1,1,0,0,1,0,2Z" transform="translate(-338.5 -282)"
|
|
fill="#ccc" />
|
|
<path d="M860.5,618h-166a1,1,0,0,1,0-2h166a1,1,0,0,1,0,2Z" transform="translate(-338.5 -282)"
|
|
fill="#ccc" />
|
|
<ellipse cx="757.33858" cy="582.0315" rx="21.53368" ry="6.76007"
|
|
transform="translate(-349.73597 -267.08009) rotate(-1.12041)" fill="#2f2e41" />
|
|
<path
|
|
d="M746.66142,431h-26a5.00573,5.00573,0,0,1-5-5V400a5.00573,5.00573,0,0,1,5-5h26a5.00573,5.00573,0,0,1,5,5v26A5.00573,5.00573,0,0,1,746.66142,431Zm-26-34a3.00328,3.00328,0,0,0-3,3v26a3.00328,3.00328,0,0,0,3,3h26a3.00328,3.00328,0,0,0,3-3V400a3.00328,3.00328,0,0,0-3-3Z"
|
|
transform="translate(-338.5 -282)" fill="#f2f2f2" />
|
|
<path
|
|
d="M758.66142,414h-26a5.00573,5.00573,0,0,1-5-5V383a5.00573,5.00573,0,0,1,5-5h26a5.00573,5.00573,0,0,1,5,5v26A5.00573,5.00573,0,0,1,758.66142,414Zm-26-34a3.00328,3.00328,0,0,0-3,3v26a3.00328,3.00328,0,0,0,3,3h26a3.00328,3.00328,0,0,0,3-3V383a3.00328,3.00328,0,0,0-3-3Z"
|
|
transform="translate(-338.5 -282)" fill="#f2f2f2" />
|
|
<path
|
|
d="M553.66142,331h-26a5.00573,5.00573,0,0,1-5-5V300a5.00573,5.00573,0,0,1,5-5h26a5.00573,5.00573,0,0,1,5,5v26A5.00573,5.00573,0,0,1,553.66142,331Zm-26-34a3.00328,3.00328,0,0,0-3,3v26a3.00328,3.00328,0,0,0,3,3h26a3.00328,3.00328,0,0,0,3-3V300a3.00328,3.00328,0,0,0-3-3Z"
|
|
transform="translate(-338.5 -282)" fill="#f2f2f2" />
|
|
<path
|
|
d="M537.66142,318h-26a5.00573,5.00573,0,0,1-5-5V287a5.00573,5.00573,0,0,1,5-5h26a5.00573,5.00573,0,0,1,5,5v26A5.00573,5.00573,0,0,1,537.66142,318Zm-26-34a3.00328,3.00328,0,0,0-3,3v26a3.00328,3.00328,0,0,0,3,3h26a3.00328,3.00328,0,0,0,3-3V287a3.00328,3.00328,0,0,0-3-3Z"
|
|
transform="translate(-338.5 -282)" fill="#f2f2f2" />
|
|
<circle cx="321.22047" cy="183.17011" r="6.46689" fill="#f2f2f2" />
|
|
<circle cx="61.22047" cy="160.17011" r="6.46689" fill="#f2f2f2" />
|
|
<circle cx="497.22047" cy="216.17011" r="6.46689" fill="#f2f2f2" />
|
|
</svg>
|
|
</div>
|
|
<ul id="user-money-requests" class="observe-empty-state"></ul>
|
|
<div class=" empty-state gap-1 justify-center text-center">
|
|
<h4>No requests</h4>
|
|
</div>
|
|
</section>
|
|
<section id="wallet" class="inner-page hide">
|
|
<div class="page__header">
|
|
<h1>Wallet</h1>
|
|
<svg class="illustration" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="740.67538"
|
|
height="597.17519" viewBox="0 0 740.67538 597.17519" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<path
|
|
d="M651.61162,679.71942c-5.12158-7.17175-12.05469-12.41919-20.771-14.38311-7.60058-1.71259-15.416-1.42072-23.14209-1.36115l-97.69238.7533c-8.3667.06451-16.38867,7.31311-16,16,.38574,8.61358,7.03174,16.06915,16,16q42.92578-.331,85.85108-.662c6.74658-.052,13.49707-.17371,20.24414-.15155,1.51513.00494,3.02392.08484,4.53759.102.3667.00415.63135.00091.81836-.007.04688.01428.08643.02734.14746.04407.78956.21679,1.59961.36621,2.394.57214-.27832.0083.51513.5033.91357.671.05469.108.17139.29938.36621.59515.272.51,1.07715,2.05866,1.11035,2.00989a71.76183,71.76183,0,0,1,2.98682,9.39289c1.85938,7.04718,2.26807,8.52026,2.53565,15.13195.33837,8.352,7.11718,16.39783,16,16,8.3789-.3753,16.36279-7.04236,16-16C663.3001,709.33283,660.65068,692.37738,651.61162,679.71942Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#e6e6e6" />
|
|
<path
|
|
d="M515.74883,715.82494c-1.835-11.11963-3.63477-22.24637-5.50537-33.35952-1.898-11.27417-5.77442-21.59812-14.54786-28.9975-2.34423-1.97688-4.7749-3.82268-7.21582-5.66276-.85839-.6468-1.71533-1.29456-2.56347-1.95566-.05078-.03952-.083-.0643-.127-.09861-.09326-.0802-.20507-.17551-.35546-.30272-3.65674-3.0948-7.19-6.32723-10.55567-9.76318q-4.48315-4.57729-8.57471-9.545-1.02246-1.24071-2.01855-2.50366c-.11426-.14481-.72949-.93992-1.13477-1.45875-.377-.51927-1.06591-1.457-1.18164-1.62073q-1.1638-1.64569-2.28613-3.322a156.12618,156.12618,0,0,1-13.187-24.11549q-.54713-1.25119-1.06836-2.51707c-.09326-.25754-.21387-.58834-.374-1.02876-.74121-2.03833-1.481-4.07418-2.15869-6.13665q-2.15992-6.57108-3.71387-13.3362-.76832-3.34049-1.3833-6.7149-.31715-1.73529-.59326-3.47777c-.03028-.19285-.21-1.44617-.31592-2.15436-.07813-.71162-.22364-1.97155-.24317-2.16618q-.17577-1.75646-.312-3.51634-.30688-3.96012-.415-7.93346-.18456-7.06137.25293-14.12171c.166-2.64466.40235-5.28245.69336-7.91529.01758-.16178.03125-.29046.04395-.40642.01758-.11756.03808-.25112.0625-.41735.21533-1.455.44189-2.908.69531-4.35644a159.29393,159.29393,0,0,1,3.73926-16.31344q1.08765-3.80858,2.36279-7.55538.56836-1.66325,1.17285-3.31377c-.02637.071,1.18213-3.01574,1.19824-3.11945,4.79493-11.32906,12.6377-21.657,12.64844-34.52643.00733-8.71332-7.36426-17.06006-16-16.65739a16.62541,16.62541,0,0,0-16,16.65739c0,.19565-.001.36258-.00146.52461-.08057.27127-.14795.49761-.2085.69777-.93506,2.032-2.08057,3.96285-3.10693,5.94438-2.81055,5.42345-5.20948,11.02482-7.48828,16.70842a159.82519,159.82519,0,0,0-8.5293,28.62825,182.098,182.098,0,0,0-.96777,65.04019c6.20361,37.8128,26.66162,74.009,55.103,98.33928,2.46826,2.11134,4.99658,4.15171,7.54883,6.15089,1.05615.82714,2.12109,1.63909,3.19141,2.44577.50586.38139,2.60156,2.034,1.67968,1.23331,1.98243,1.69183,2.8169,2.5433,3.32618,3.78944.07373.2876.17431.67762.31054,1.21088.35889,1.40538.69971,2.80751.98291,4.23259,2.47559,12.45143,4.19629,25.11159,6.26416,37.64359,1.42139,8.61064,12.022,14.21487,19.68213,11.6342C513.49,733.31151,517.27178,725.05119,515.74883,715.82494Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#e6e6e6" />
|
|
<path
|
|
d="M653.23,748.12012a25.37427,25.37427,0,0,1-25.43994-25.25V704.61865c-19.10889,2.13916-84.54321,1.64356-103.29981-1.37011v18.8916a25.4409,25.4409,0,0,1-50.88037,0v-37.0918a163.30721,163.30721,0,0,1-84-142.38818c0-49.83008,22.583-96.31446,61.95874-127.5337a164.07476,164.07476,0,0,1,89.32251-35.17333c4.427-.34717,8.88086-.52295,13.23877-.52295,15.3523,0,84.61866,2.37158,101.99781,7.37158L695.75562,347.48a4.16,4.16,0,0,1,4.55-.90674,4.10044,4.10044,0,0,1,2.58448,3.84668v6.252l7.71631-7.64209a4.1505,4.1505,0,0,1,4.54638-.90821,4.10219,4.10219,0,0,1,2.5874,3.84815v69.86474a162.75915,162.75915,0,0,1-39.07031,267.86621v33.16944A25.37427,25.37427,0,0,1,653.23,748.12012ZM629.79,702.35059v20.51953a23.44072,23.44072,0,0,0,46.87988,0V688.4375l.571-.271a162.45628,162.45628,0,0,0,66.53076-58.18164,160.32526,160.32526,0,0,0-27.69922-206.96l-.33228-.29834V351.96973a2.10314,2.10314,0,0,0-1.34179-1.99561,2.1492,2.1492,0,0,0-2.38135.47315l-11.127,11.0205V350.41992a2.10314,2.10314,0,0,0-1.3418-1.9956,2.15435,2.15435,0,0,0-2.38525.47656l-40.47632,40.16357-.5752-.18017c-16.156-5.05664-86.51269-7.4541-101.98169-7.4541-4.30591,0-8.70727.17382-13.08154.51709a162.07488,162.07488,0,0,0-88.23682,34.74609c-38.89453,30.83789-61.20166,76.751-61.20166,125.9668A161.31464,161.31464,0,0,0,475.094,683.585l.51587.28565v38.26953a23.441,23.441,0,0,0,46.88037,0V700.85449l1.18482.22266c16.85571,3.17139,87.83179,3.67139,104.98486,1.42139Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
<path
|
|
d="M517.66016,270.53,406.91992,303.81a13.8823,13.8823,0,0,0,7.99024,26.59l96.90966-29.13,2.03028-.61005a67.51666,67.51666,0,0,1,8.29-29.86,6.16489,6.16489,0,0,0-2-.52A6.367,6.367,0,0,0,517.66016,270.53Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#6c63ff" />
|
|
<path
|
|
d="M412.995,337.49524a7.01287,7.01287,0,0,1-6.63781-4.80127l-6.92481-20.896a6.99947,6.99947,0,0,1,4.44324-8.84668l90.13122-29.87012a6.99966,6.99966,0,0,1,8.84668,4.44189l6.92481,20.896a6.97565,6.97565,0,0,1-4.19312,8.75928q-.12487.04688-.25219.08838l-90.12915,29.86914A7.003,7.003,0,0,1,412.995,337.49524Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<path
|
|
d="M581.79,233.42a70.03128,70.03128,0,0,0-69.97022,67.85c-.02.71-.02978,1.43-.02978,2.15a70,70,0,1,0,70-70Zm0,138a68.071,68.071,0,0,1-68-68q0-1.395.06006-2.76A67.998,67.998,0,1,1,581.79,371.42Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
<path d="M640.79,303.42a59,59,0,0,1-118,0c0-1.87.08984-3.71.25976-5.53A59,59,0,0,1,640.79,303.42Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#e6e6e6" />
|
|
<path
|
|
d="M599.35986,307.34a14.04753,14.04753,0,0,0-5.46972-4.33,53.13872,53.13872,0,0,0-8.22022-2.7V284.25a23.39587,23.39587,0,0,1,11.68994,5.33l3.26026-6.95a21.56068,21.56068,0,0,0-6.36035-3.93,31.25931,31.25931,0,0,0-8.06983-2.07v-8.14h-7.5498v8.22a20.67243,20.67243,0,0,0-8.25,2.77,16.3988,16.3988,0,0,0-5.59034,5.48,13.77113,13.77113,0,0,0-1.98974,7.29,12.46275,12.46275,0,0,0,2.29,7.8,14.51022,14.51022,0,0,0,5.6997,4.52,52.69206,52.69206,0,0,0,8.36036,2.77v15.39A24.98812,24.98812,0,0,1,565.25,317.18l-3.25977,6.96a24.58042,24.58042,0,0,0,7.43995,4.22,34.16142,34.16142,0,0,0,9.21,1.92v8.07h7.5498v-8.22a19.5385,19.5385,0,0,0,11.21-5.14,13.58959,13.58959,0,0,0,4.18018-10.1A12.0549,12.0549,0,0,0,599.35986,307.34Zm-20.1997-8.73a14.49857,14.49857,0,0,1-5.03028-2.7,5.32046,5.32046,0,0,1-1.77978-4.18,6.72557,6.72557,0,0,1,1.81982-4.81,9.20221,9.20221,0,0,1,4.99024-2.59Zm11.25,21.28a8.5575,8.5575,0,0,1-4.74024,2.47V309.12a13.23964,13.23964,0,0,1,4.74024,2.37,4.65775,4.65775,0,0,1,1.62988,3.7A6.8039,6.8039,0,0,1,590.41016,319.89Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#6c63ff" />
|
|
<path
|
|
d="M416.209,422.18421a7.02318,7.02318,0,0,1-6.775-5.21582l-3.77014-14.27a7.0039,7.0039,0,0,1,4.97509-8.55127l118.94068-31.42969a7.01537,7.01537,0,0,1,8.551,4.98535l3.19385,12.08984-.59839.04639a160.16254,160.16254,0,0,0-84.10754,31.8711l-.17346.084-38.46021,10.15967A6.96258,6.96258,0,0,1,416.209,422.18421Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<path
|
|
d="M396.51011,492.6705a98.108,98.108,0,0,1-39.12217-14.79216A95.527,95.527,0,0,1,341.214,464.65c-4.82786-4.92434-9.4465-10.52122-11.83781-17.0792a25.299,25.299,0,0,1,.33124-18.7693,24.33352,24.33352,0,0,1,13.16876-13.12553c5.98961-2.38861,13.22619-2.64412,19.05541-.02821a17.08926,17.08926,0,0,1,6.96433,5.60584,11.43493,11.43493,0,0,1,1.8103,3.75816,7.67372,7.67372,0,0,1,.09036,3.75911,9.01634,9.01634,0,0,1-4.77388,5.723,24.06819,24.06819,0,0,1-8.1521,2.48626c-2.86013.39-6.96868.74485-9.268-1.551a4.66934,4.66934,0,0,1-1.09261-1.61079,3.1144,3.1144,0,0,1-.17238-1.45807c-.03354.21724.13872-.47236.12891-.44486-.03636.10194-.19384.3504.03-.03135a3.39683,3.39683,0,0,1,.23311-.363c-.076.09827-.24291.26227.05515-.01912a1.96186,1.96186,0,0,1,.91427-.56441c.13841-.04032.27883-.07242.41763-.11033.35277-.09637-.35161.00526.0093-.00631.13927-.00446.28021-.001.419-.00726.354-.01591-.34927-.09655-.01-.01126.13173.03312.26222.06547.392.10635.28208.08887-.19974-.20693-.00859.01446.224.25945-.23521-.25235.0194-.00119a4.6244,4.6244,0,0,1,.35767.39431,2.35924,2.35924,0,0,0,3.315,0,2.39935,2.39935,0,0,0,0-3.315c-2.3114-2.86535-6.87707-2.15735-9.21528.26436-2.982,3.08848-1.80111,7.98318,1.09954,10.678,3.2837,3.05076,7.9344,3.26284,12.15834,2.75114a29.817,29.817,0,0,0,10.26918-2.902,14.39829,14.39829,0,0,0,7.024-7.58817,13.17381,13.17381,0,0,0-1.05641-10.76889c-3.7293-7.01118-11.45152-10.60575-19.08437-11.22837a29.81221,29.81221,0,0,0-21.81879,7.16278,30.15422,30.15422,0,0,0-9.88822,20.075c-.66626,7.996,2.43608,15.76128,6.95922,22.21432a84.62746,84.62746,0,0,0,16.77944,17.3533,102.47323,102.47323,0,0,0,42.812,20.19071q2.79237.57685,5.61474.98758a2.42141,2.42141,0,0,0,2.88342-1.63715,2.36125,2.36125,0,0,0-1.63716-2.88343Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
<path
|
|
d="M619.8954,390.79425q-30.6631-.43278-61.133,1.55634c-6.9433.45338-12.95072,2.90742-12.95072,7.03206,0,3.44855,5.95964,7.48858,12.95072,7.032q30.45443-1.9887,61.133-1.55633C636.56931,405.09367,636.55948,391.02941,619.8954,390.79425Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#ccc" />
|
|
<path
|
|
d="M589.68169,404.16175c-2.20923,0-54.10571-.08252-54.10571-7.251,0-7.168,51.89648-7.25049,54.10571-7.25049s54.10571.08252,54.10571,7.25049C643.7874,404.07923,591.89092,404.16175,589.68169,404.16175Zm-52.07642-7.251c1.42017,2.17334,20.49634,5.251,52.07642,5.251s50.656-3.07764,52.07641-5.251c-1.42016-2.17285-20.49633-5.25049-52.07641-5.25049S539.02544,394.73792,537.60527,396.91077Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
<path
|
|
d="M754.33555,592.61209c11.48831-.319,25.78612-.71776,36.801-8.76407a28.26188,28.26188,0,0,0,11.12052-21.10332c.22483-6.35459-2.071-11.90149-6.46488-15.61408-5.75306-4.86143-14.154-6.00169-23.20738-3.34108l9.38-68.548-6.88568-.94343L764.052,554.885l5.75009-2.63856c6.66637-3.05766,15.81731-4.61365,21.50378.19174a12.21541,12.21541,0,0,1,4.00576,10.06213,21.36089,21.36089,0,0,1-8.275,15.7346c-8.5719,6.26126-19.96858,7.06894-32.89451,7.43036Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
<rect x="468.20272" y="329.7408" width="37.43223" height="6.95017" fill="#3f3d56" />
|
|
<path
|
|
d="M433.14751,454.15a7.01243,7.01243,0,0,1-6.904-5.91748L423.95867,433.651a7.00763,7.00763,0,0,1,5.83215-7.99951L551.32231,406.609a7.0074,7.0074,0,0,1,7.999,5.832l2.28467,14.582a7.00726,7.00726,0,0,1-5.83179,7.99952l-121.5315,19.042A7.09551,7.09551,0,0,1,433.14751,454.15Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<circle cx="153.18938" cy="80.85472" r="51" fill="#6c63ff" />
|
|
<path
|
|
d="M411.727,245.46306a12.09515,12.09515,0,0,0,4.36685-2.67614,8.13345,8.13345,0,0,0,2.25475-6.483,5.47156,5.47156,0,0,0-2.51209-4.16412c-1.8457-1.13505-4.28459-1.09217-6.74692.0493l-.2842-19.90787-1.99969.02846.334,23.40381,1.52231-.99844c1.76529-1.15588,4.30177-1.99407,6.12663-.87157a3.51373,3.51373,0,0,1,1.57291,2.68953,6.14619,6.14619,0,0,1-1.67626,4.83366c-2.16794,2.15111-5.37684,2.87189-9.03924,3.53112l.35442,1.96814A32.96256,32.96256,0,0,0,411.727,245.46306Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<rect x="418.83797" y="211.67905" width="10.77167" height="1.99975"
|
|
transform="translate(-256.7253 -85.49311) rotate(-8.61162)" fill="#2f2e41" />
|
|
<rect x="385.22114" y="216.76898" width="10.77167" height="1.99975"
|
|
transform="translate(-257.86644 -90.46937) rotate(-8.61162)" fill="#2f2e41" />
|
|
<path
|
|
d="M416.55474,453.25843a9.03041,9.03041,0,0,1-8.43445-5.855L372.9572,353.2345a46.53156,46.53156,0,0,1,27.28418-59.80225L428.83306,282.756a8.95769,8.95769,0,0,1,6.87805.23877,8.83186,8.83186,0,0,1,4.67541,4.98584L505.523,410.96448a9.0015,9.0015,0,0,1-5.25659,11.63818L419.7,452.68665A8.97612,8.97612,0,0,1,416.55474,453.25843Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<path d="M420.15839,285.99487l64.629,86.42566L441.05579,286.902a8.079,8.079,0,0,0-10.349-4.846Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#e6e6e6" />
|
|
<path
|
|
d="M522.49036,351.63l-115.39525-7.43312a13.87944,13.87944,0,1,1,1.78425-27.70148l115.3953,7.43258a6.49946,6.49946,0,0,1,6.06882,6.90407l-.9485,14.72919a6.50056,6.50056,0,0,1-6.90462,6.06876Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#6c63ff" />
|
|
<path
|
|
d="M491.65508,356.39514q-.22852,0-.45825-.01464h-.00025l-94.7561-6.10352a6.99919,6.99919,0,0,1-6.53565-7.43506l1.62036-25.1582a6.99967,6.99967,0,0,1,7.43592-6.53516l94.756,6.103a7.00755,7.00755,0,0,1,6.5354,7.43506l-1.62012,25.15869a7.01886,7.01886,0,0,1-4.54614,6.11084A6.926,6.926,0,0,1,491.65508,356.39514Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<path
|
|
d="M382.26706,198.35294c6.70923-5.77031,15.92258-.60839,23.61673-1.512,7.36114-.86455,13.17369-7.46753,14.65857-14.48237,1.73235-8.184-2.51553-16.38319-8.77663-21.48577-6.85745-5.58858-15.95214-7.19293-24.57042-6.159-9.87767,1.185-18.91123,5.78935-27.017,11.35854a121.85037,121.85037,0,0,0-21.44164,18.16917c-5.75111,6.35166-10.62377,13.9227-12.17974,22.46976-1.414,7.76751-.33431,16.375,4.2575,22.95514a24.20528,24.20528,0,0,0,9.47417,7.80529c3.93743,1.93344,8.13754,3.31565,11.95217,5.50169,5.76775,3.30532,11.37351,10.15883,9.56677,17.29094a9.79281,9.79281,0,0,1-2.226,4.19c-1.29065,1.43275-3.6187-.46055-2.32465-1.89708,2.27282-2.52305,2.18331-5.88792.97206-8.90023a16.27233,16.27233,0,0,0-7.23346-7.95427c-3.993-2.28294-8.40146-3.6921-12.494-5.77156a27.02254,27.02254,0,0,1-9.91143-8.21385c-4.89822-6.807-6.36338-15.66585-5.2525-23.861,1.20214-8.86841,5.75869-16.9272,11.47065-23.68045,6.21621-7.34944,13.8519-13.57054,21.65246-19.15936,8.37006-5.99685,17.61734-11.06678,27.85008-12.90049,8.87016-1.58954,18.48474-.61091,26.24132,4.22294,7.24026,4.51209,12.79232,12.27377,13.34449,20.9467a22.23537,22.23537,0,0,1-10.37627,19.94206,19.101,19.101,0,0,1-11.41,2.64333c-4.2616-.27279-8.52728-1.57778-12.81609-1.21548a8.94077,8.94077,0,0,0-5.26807,2.1285c-1.46588,1.26074-3.21292-1.1807-1.75908-2.43109Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#2f2e41" />
|
|
<path
|
|
d="M969.147,748.5876H230.853a1.19069,1.19069,0,0,1,0-2.38137H969.147a1.19068,1.19068,0,0,1,0,2.38137Z"
|
|
transform="translate(-229.66231 -151.4124)" fill="#3f3d56" />
|
|
</svg>
|
|
</div>
|
|
<div class="grid">
|
|
<div class="grid gap-0-5">
|
|
<h5>Balance</h5>
|
|
<h1 class="h1" id="rupee_balance"></h1>
|
|
</div>
|
|
<div class="flex">
|
|
<button class="wallet-action" onclick="walletAction('deposit')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
|
|
</svg>
|
|
Top-up wallet
|
|
</button>
|
|
<button class="wallet-action" onclick="walletAction('deposit')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<g>
|
|
<rect height="7" width="3" x="4" y="10" />
|
|
<rect height="7" width="3" x="10.5" y="10" />
|
|
<rect height="3" width="20" x="2" y="19" />
|
|
<rect height="7" width="3" x="17" y="10" />
|
|
<polygon points="12,1 2,6 2,8 22,8 22,6" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
Transfer to bank
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="wallet_history_wrapper" class="grid gap-1-5">
|
|
<div class="hide grid gap-1">
|
|
<h4>Pending transactions</h4>
|
|
<ul id="pending_wallet_transactions" class="grid gap-0-5"></ul>
|
|
</div>
|
|
<div class="grid gap-1">
|
|
<h4>History</h4>
|
|
<ul id="wallet_history" class="observe-empty-state grid gap-0-5"></ul>
|
|
<div class=" empty-state gap-1 justify-center text-center">
|
|
<h4>No transactions</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div id="transaction" class="inner-page hide">
|
|
<div class="flex align-center">
|
|
<button class="button icon-only margin-right-0-5" onclick="history.back()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
|
|
</svg>
|
|
</button>
|
|
<h4 id="contact__title"></h4>
|
|
</div>
|
|
</div>
|
|
<section id="settings" class="inner-page hide">
|
|
<div class="page__header">
|
|
<div class="grid">
|
|
<h1>Settings</h1>
|
|
</div>
|
|
<svg class="illustration" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="753"
|
|
height="480.95111" viewBox="0 0 753 480.95111" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<path
|
|
d="M372.67989,690.09163l-2-.03906a463.83342,463.83342,0,0,1,7.09961-66.28711c8.64844-46.88086,23.02929-77.66992,42.74316-91.51172l1.14844,1.63672C375.61934,566.22444,372.70333,688.85628,372.67989,690.09163Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M397.67989,689.61311l-2-.03906c.043-2.21484,1.293-54.41406,21.84277-68.8418l1.14844,1.63672C398.9504,636.21468,397.68965,689.08089,397.67989,689.61311Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<circle cx="209.54903" cy="314.54765" r="10.00001" fill="#6c63ff" />
|
|
<circle cx="204.59688" cy="400.54767" r="10" fill="#6c63ff" />
|
|
<path
|
|
d="M393.01866,540.06667c1.87935,12.004-3.0189,22.7406-3.0189,22.7406s-7.9453-8.72583-9.82465-20.72986,3.01891-22.7406,3.01891-22.7406S391.1393,528.06264,393.01866,540.06667Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M425.70583,569.22047c-11.493,3.9422-22.91878.98963-22.91878.98963s7.20793-9.34412,18.70088-13.28632,22.9188-.98962,22.9188-.98962S437.19878,565.27828,425.70583,569.22047Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M426.07508,645.38161a31.13456,31.13456,0,0,1-16.06421.69366,28.37369,28.37369,0,0,1,29.172-10.00628A31.13431,31.13431,0,0,1,426.07508,645.38161Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<polygon points="606.671 467.453 593.531 467.453 587.28 416.768 606.674 416.769 606.671 467.453"
|
|
fill="#9e616a" />
|
|
<path
|
|
d="M833.52257,689.71536l-42.3702-.00157v-.53592a16.49256,16.49256,0,0,1,16.49166-16.4914h.001l25.87827.001Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<polygon points="525.57 467.453 512.429 467.453 506.178 416.768 525.572 416.769 525.57 467.453"
|
|
fill="#9e616a" />
|
|
<path
|
|
d="M752.421,689.71536l-42.3702-.00157v-.53592a16.49256,16.49256,0,0,1,16.49166-16.4914h.00105l25.87827.001Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M716.28867,393.14081l-18.19929-2.81212-5.87957,9.464-63.27234,16.12848.1713.87221a11.90415,11.90415,0,1,0,2.58765,12.30932L708.321,413.12185Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#9e616a" />
|
|
<path
|
|
d="M898.0541,381.87169a11.85506,11.85506,0,0,0-4.37548.841l.36312-.63329-80.44329-41.58032L802.631,358.229l83.63476,37.12523a11.89949,11.89949,0,1,0,11.78838-13.48252Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#9e616a" />
|
|
<circle cx="736.07056" cy="267.73324" r="35.53801"
|
|
transform="translate(130.38899 741.8887) rotate(-80.78252)" fill="#2f2e41" />
|
|
<circle cx="512.26421" cy="70.76964" r="22.6708" fill="#a0616a" />
|
|
<ellipse cx="512.57057" cy="48.4052" rx="24.50896" ry="14.70538" fill="#2f2e41" />
|
|
<circle cx="515.02148" cy="22.67078" r="14.70537" fill="#2f2e41" />
|
|
<path
|
|
d="M718.91431,224.22982A14.70692,14.70692,0,0,1,732.08789,209.604a14.86918,14.86918,0,0,0-1.53183-.07951,14.70539,14.70539,0,0,0,0,29.41076,14.86917,14.86917,0,0,0,1.53183-.0795A14.70693,14.70693,0,0,1,718.91431,224.22982Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M723.97781,336.57587l1.82839-17.57652s24.80562-16.34735,33.23625-6.68558l50.38786,86.21281s31.323,11.13572,30.21575,53.658l-1.498,205.5398L802.631,661.61826,781.063,501.3681l-19.48674,166.026-41.35039-1.29476,3.72025-109.37556,19.71737-106.02732-.1889-35.18233-8.68389-14.19874s-15.90728-6.39038-16.35213-24.44983l-.34823-25.38571Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M749.98787,317.13922l.48927-8.23917s75.032,19.772,69.07954,33.90894-17.11318,18.60128-17.11318,18.60128l-43.155-17.11318Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path
|
|
d="M730.38083,337.64127l-5.64584-6.02061s-45.03187,63.189-31.41423,70.24916,25.0524,3.35351,25.0524,3.35351l22.22821-40.75684Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#2f2e41" />
|
|
<path d="M640.24484,543.397,922.80569,486.993l-23.614-118.29636L616.63089,425.1006Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#fff" />
|
|
<path
|
|
d="M925.11811,488.5359,638.702,545.70941,614.31843,423.5577l286.41613-57.1735ZM641.78762,541.08463l278.70571-55.63437L897.64892,371.009,618.94321,426.64335Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#e4e4e4" />
|
|
<rect x="649.55431" y="429.35966" width="233.18398" height="6.07982"
|
|
transform="translate(-293.32159 -51.18186) rotate(-11.28883)" fill="#e4e4e4" />
|
|
<rect x="654.1884" y="452.57456" width="233.18398" height="6.07982"
|
|
transform="translate(-297.77636 -49.82557) rotate(-11.28883)" fill="#e4e4e4" />
|
|
<rect x="658.84925" y="475.92356" width="233.18398" height="6.07982"
|
|
transform="translate(-302.25687 -48.46145) rotate(-11.28883)" fill="#e4e4e4" />
|
|
<path
|
|
d="M770.62873,443.64449,762.631,445.241a2.24918,2.24918,0,0,1-2.643-1.76342L756.20675,424.535a2.24917,2.24917,0,0,1,1.76341-2.643l7.99772-1.59648a2.24918,2.24918,0,0,1,2.643,1.76342l3.78125,18.94256A2.24917,2.24917,0,0,1,770.62873,443.64449Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#6c63ff" />
|
|
<path
|
|
d="M861.72707,449.59966l-7.99771,1.59648a2.24916,2.24916,0,0,1-2.643-1.76342l-3.78126-18.94255a2.24917,2.24917,0,0,1,1.76342-2.643l7.99772-1.59648a2.24917,2.24917,0,0,1,2.643,1.76342l3.78125,18.94255A2.24916,2.24916,0,0,1,861.72707,449.59966Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#6c63ff" />
|
|
<path
|
|
d="M812.39337,483.72688l-7.99771,1.59648a2.24916,2.24916,0,0,1-2.643-1.76342l-3.78126-18.94255a2.24917,2.24917,0,0,1,1.76342-2.643l7.99772-1.59648a2.24917,2.24917,0,0,1,2.643,1.76342l3.78125,18.94256A2.24915,2.24915,0,0,1,812.39337,483.72688Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#6c63ff" />
|
|
<path d="M975.5,690.47556h-751a1,1,0,0,1,0-2h751a1,1,0,0,1,0,2Z"
|
|
transform="translate(-223.5 -209.52444)" fill="#cacaca" />
|
|
</svg>
|
|
</div>
|
|
<section class="grid gap-1">
|
|
<div class="grid">
|
|
<h5>My FLO ID</h5>
|
|
<sm-copy id="logged_in_user_id" style="font-size: 0.9rem;"></sm-copy>
|
|
</div>
|
|
<sm-button class="danger justify-self-start" onclick="signOut()">Sign out</sm-button>
|
|
</section>
|
|
<section class="admin-element grid gap-1">
|
|
<h4>Change UPI ID</h4>
|
|
<sm-form style="width: min(100%,24rem);">
|
|
<sm-input id="upi_id" placeholder="UPI ID" pattern="[a-zA-Z0-9_]{3,}@[a-zA-Z]{3,}"
|
|
error-text="Invalid UPI ID" animate required></sm-input>
|
|
<button class="button button--primary cta justify-self-start" type="submit" onclick="changeUpi()">
|
|
Change
|
|
</button>
|
|
</sm-form>
|
|
</section>
|
|
</section>
|
|
<nav id="main_navbar">
|
|
<ul>
|
|
<li>
|
|
<a href="#/home" class="nav-item interact">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
|
|
</svg>
|
|
<span class="nav-item__title">Home</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#/history" class="nav-item interact" title='View payment requests'>
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<path d="M0,0h24v24H0V0z" fill="none" />
|
|
<g>
|
|
<path
|
|
d="M19.5,3.5L18,2l-1.5,1.5L15,2l-1.5,1.5L12,2l-1.5,1.5L9,2L7.5,3.5L6,2v14H3v3c0,1.66,1.34,3,3,3h12c1.66,0,3-1.34,3-3V2 L19.5,3.5z M19,19c0,0.55-0.45,1-1,1s-1-0.45-1-1v-3H8V5h11V19z" />
|
|
<rect height="2" width="6" x="9" y="7" />
|
|
<rect height="2" width="2" x="16" y="7" />
|
|
<rect height="2" width="6" x="9" y="10" />
|
|
<rect height="2" width="2" x="16" y="10" />
|
|
</g>
|
|
</svg>
|
|
<span class="nav-item__title">History</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#/requests" class="nav-item interact" title='View payment requests'>
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<path
|
|
d="M20,2H4.01c-1.1,0-2,0.9-2,2L2,22l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M12,6c1.1,0,2,0.9,2,2s-0.9,2-2,2 s-2-0.9-2-2S10.9,6,12,6z M16,14H8v-0.57c0-0.81,0.48-1.53,1.22-1.85C10.07,11.21,11.01,11,12,11c0.99,0,1.93,0.21,2.78,0.58 C15.52,11.9,16,12.62,16,13.43V14z" />
|
|
</g>
|
|
</svg>
|
|
<span class="nav-item__title">Requests</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#/wallet" class="nav-item interact" title='View payment requests'>
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
|
|
</svg>
|
|
<span class="nav-item__title">Wallet</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#/settings" class="nav-item interact">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<path d="M0,0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z" />
|
|
</g>
|
|
</svg>
|
|
<span class="nav-item__title">Settings</span>
|
|
</button>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!-- Popups -->
|
|
<sm-popup id="add_address_popup">
|
|
<header slot="header" class="popup__header">
|
|
<button class="popup__header__close justify-self-start" onclick="hidePopup()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
|
|
</svg>
|
|
</button>
|
|
<h4>Save FLO ID</h4>
|
|
</header>
|
|
<sm-form>
|
|
<sm-input id="flo_id_to_save" placeholder="FLO ID" error-text="Invalid FLO ID" data-flo-id animate required
|
|
autofocus>
|
|
</sm-input>
|
|
<sm-input id="flo_id_title_to_save" placeholder="Title" animate required></sm-input>
|
|
<button class="button button--primary cta" onclick="saveId()" type="submit">Save</button>
|
|
</sm-form>
|
|
</sm-popup>
|
|
<sm-popup id="edit_saved_popup">
|
|
<header slot="header" class="popup__header">
|
|
<div class="flex align-center">
|
|
<button class="popup__header__close" onclick="hidePopup()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
|
|
</svg>
|
|
</button>
|
|
<h3>Edit</h3>
|
|
</div>
|
|
</header>
|
|
<section class="grid gap-1-5">
|
|
<div class="grid gap-0-5">
|
|
<h5>FLO ID</h5>
|
|
<sm-copy id="edit_saved_id"></sm-copy>
|
|
</div>
|
|
<sm-form>
|
|
<sm-input id="newAddrLabel" placeholder="Name" autofocus animate required></sm-input>
|
|
<div class="flex align-center space-between">
|
|
<button class="button icon-only" title="Delete this FLO ID?" onclick="deleteSaved()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
|
width="24px" fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" />
|
|
</svg>
|
|
</button>
|
|
<button class="button button--primary cta" type="submit" onclick="saveChanges()">Save</button>
|
|
</div>
|
|
</sm-form>
|
|
</section>
|
|
</sm-popup>
|
|
<sm-popup id="token_transfer_popup">
|
|
<header slot="header" class="popup__header">
|
|
<button class="popup__header__close justify-self-start" onclick="hidePopup()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
|
|
</svg>
|
|
</button>
|
|
</header>
|
|
<section class="grid gap-2">
|
|
<h4 id="token_transfer__title"></h4>
|
|
<sm-form>
|
|
<sm-input id="tt_flo_id" placeholder="FLO ID" error-text="Invalid FLO ID" data-flo-id animate required
|
|
autofocus>
|
|
</sm-input>
|
|
<sm-input id="tt_amount" type="number" placeholder="0" required min="1">
|
|
<svg slot="icon" class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<g>
|
|
<path
|
|
d="M13.66,7C13.1,5.82,11.9,5,10.5,5L6,5V3h12v2l-3.26,0c0.48,0.58,0.84,1.26,1.05,2L18,7v2l-2.02,0c-0.25,2.8-2.61,5-5.48,5 H9.77l6.73,7h-2.77L7,14v-2h3.5c1.76,0,3.22-1.3,3.46-3L6,9V7L13.66,7z" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</sm-input>
|
|
<sm-input id="tt_remark" placeholder="Add a message" animate></sm-input>
|
|
<button id="tt_button" class="button button--primary cta" onclick="executeUserAction()"
|
|
type="submit">Send</button>
|
|
</sm-form>
|
|
</section>
|
|
</sm-popup>
|
|
<sm-popup id="wallet_popup">
|
|
<header slot="header" class="popup__header">
|
|
<button class="popup__header__close justify-self-start" onclick="hidePopup()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0V0z" fill="none" />
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
|
|
</svg>
|
|
</button>
|
|
<h4 id="wallet_popup__title"></h4>
|
|
</header>
|
|
<sm-form>
|
|
<sm-input id="request_cashier_amount" type="number" name="amount" placeholder="Amount" animate>
|
|
</sm-input>
|
|
<button id="wallet_popup__cta" class="button button--primary cta" type="submit">Save</button>
|
|
</sm-form>
|
|
</sm-popup>
|
|
|
|
<!-- templates -->
|
|
<template id="saved_id_template">
|
|
<li class="saved-id grid interact" tabindex="0">
|
|
<button class="interact edit-saved" title="Edit saved ID">
|
|
<div class="saved-id__initials"></div>
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" />
|
|
</svg>
|
|
</button>
|
|
<h4 class="saved-id__title"></h4>
|
|
</li>
|
|
</template>
|
|
<template id="transaction_template">
|
|
<li class="transaction grid">
|
|
<div class="transaction__icon"></div>
|
|
<div class="transaction__receiver breakable"></div>
|
|
<time class="transaction__time"></time>
|
|
<div class="transaction__amount"></div>
|
|
</li>
|
|
</template>
|
|
<template id="cashier_request_template">
|
|
<li class="cashier-request flex-wrap">
|
|
<div class="cashier-request__mode"></div>
|
|
<div class="grid gap-0-5 flex-1">
|
|
<div class="cashier-request__requestor breakable"></div>
|
|
<time class="cashier-request__time"></time>
|
|
</div>
|
|
<div class="cashier-request__status"></div>
|
|
</li>
|
|
</template>
|
|
<template id="wallet_request_template">
|
|
<li>
|
|
<a href="" class="wallet-request interact">
|
|
<div class="wallet-request__icon"></div>
|
|
<div class="wallet-request__details"></div>
|
|
<div class="flex align-center space-between">
|
|
<time class="wallet-request__time"></time>
|
|
<div class="wallet-request__status flex align-center"></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</template>
|
|
<template id="payment_request_template">
|
|
<li class="payment-request">
|
|
<div class="grid gap-0-5 flex-1">
|
|
<div class="payment-request__requestor breakable"></div>
|
|
<div class="payment-request__remark"></div>
|
|
</div>
|
|
<div class="payment-request__amount"></div>
|
|
<div class="flex space-between full-bleed align-center">
|
|
<time class="payment-request__time"></time>
|
|
<div class="payment-request__actions"></div>
|
|
</div>
|
|
</li>
|
|
</template>
|
|
<template id="transaction_message_template">
|
|
<li class="transaction-message grid">
|
|
<h3 class="transaction-message__amount"></h3>
|
|
<time class="transaction-message__time"></time>
|
|
</li>
|
|
</template>
|
|
<script src="scripts/components.js"></script>
|
|
<script src="scripts/std_ui.js"></script>
|
|
<script src="scripts/std_op.js"></script>
|
|
<script src="scripts/fn_pay.js"></script>
|
|
<script src="scripts/fn_ui.js"></script>
|
|
<script id="onLoadStartUp">
|
|
function onLoadStartUp() {
|
|
showPage('loading')
|
|
console.log("Starting the app! Please Wait!")
|
|
floDapps.setCustomPrivKeyInput(getSignedIn)
|
|
floDapps.setAppObjectStores({ savedIds: {} })
|
|
floDapps.launchStartUp().then(result => {
|
|
console.log(`Welcome ${myFloID}`);
|
|
getRef('logged_in_user_id').value = myFloID;
|
|
floGlobals.isSubAdmin = floGlobals.subAdmins.includes(myFloID)
|
|
tokenAPI.getBalance(myFloID).then(balance => {
|
|
const formattedBalance = formatAmount(balance)
|
|
const [beforeDecimal, afterDecimal] = formattedBalance.split('.')
|
|
getRef('rupee_balance').innerHTML = `<span><b>${beforeDecimal}</b></span>.<span>${afterDecimal}</span>`
|
|
})
|
|
if (floGlobals.isSubAdmin) {
|
|
cashierUI.renderRequests(Cashier.Requests);
|
|
Cashier.init().then(result => {
|
|
console.log(result);
|
|
document.querySelectorAll('.admin-element').forEach(elem => elem.classList.remove('hide'))
|
|
document.querySelectorAll('.user-element').forEach(elem => elem.classList.add('hide'))
|
|
showPage(window.location.hash, { firstLoad: true })
|
|
}).catch(error => console.error(error))
|
|
} else {
|
|
userUI.renderSavedIds()
|
|
userUI.renderCashierRequests(User.cashierRequests);
|
|
userUI.renderMoneyRequests(User.moneyRequests);
|
|
User.init().then(result => {
|
|
console.log(result);
|
|
console.log("Cashiers:", cashierUPI);
|
|
document.querySelectorAll('.admin-element').forEach(elem => elem.classList.add('hide'))
|
|
document.querySelectorAll('.user-element').forEach(elem => elem.classList.remove('hide'))
|
|
showPage(window.location.hash, { firstLoad: true })
|
|
}).catch(error => console.error(error))
|
|
}
|
|
}).catch(error => console.error(error))
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |