This commit is contained in:
sairaj mote 2020-09-09 02:24:58 +05:30
parent ce28287677
commit 8e263559aa
4 changed files with 109 additions and 127 deletions

View File

@ -375,16 +375,16 @@ textarea {
color: var(--accent-color);
}
.container:empty ~ .empty {
*:empty + .empty-state {
display: grid;
}
.empty {
.empty-state {
display: none;
place-items: center;
width: 100%;
}
.empty svg {
.empty-state svg {
stroke: rgba(var(--text-color), 0.8);
height: 12em;
width: 12em;
@ -526,7 +526,7 @@ form {
margin-bottom: 1em;
}
#sign_in_popup h1 {
#sign_in_popup h3 {
margin-top: 2rem;
}
#sign_in_popup h4 {
@ -637,35 +637,17 @@ form {
position: relative;
padding: 1.5rem;
border-radius: 0.6rem;
background: linear-gradient(160deg, #ffffff10 50%, #00000040 80%), linear-gradient(-120deg, #ffffff10 50%, #00000040 10%), rgba(var(--text-color), 0.8);
box-shadow: 0 0.1rem 0.6rem #00000020;
background: radial-gradient(circle at top left, #EF6C00 20%, #C51162 30%, #4A148C 40%, #251f44);
box-shadow: 0 0.1rem 0.1rem #00000020, 0 2rem 1rem -1rem #00000040;
color: rgba(var(--foreground-color), 1);
align-self: flex-start;
}
.user-panel .icon {
stroke: rgba(var(--foreground-color), 1);
}
.user-panel::before, .user-panel::after {
content: "";
position: absolute;
height: 2rem;
bottom: 0.8rem;
box-shadow: 0 1rem 0.2rem #00000030;
z-index: -1;
border-radius: 0.4rem;
}
.user-panel::before {
left: 0;
right: 50%;
transform: rotate(-3deg);
}
.user-panel::after {
left: 50%;
right: 0;
transform: rotate(3deg);
}
.user-panel .copy-row {
margin-bottom: 1.5rem;
text-shadow: 0.1rem 0.1rem 0.1rem #000000;
}
.user-panel .grid {
margin-top: 0.5rem;
@ -756,8 +738,9 @@ sm-tab-header {
position: sticky;
top: 0;
background: rgba(var(--foreground-color), 1);
z-index: 1;
z-index: 2;
margin-bottom: 1rem;
border-bottom: solid 1px rgba(var(--text-color), 0.2);
}
sm-tab::part(tab) {
@ -978,7 +961,7 @@ sm-panel {
align-items: center;
flex-direction: column;
}
#main_loader button {
#main_loader sm-button {
margin-left: 0;
margin-top: 1.5rem;
}
@ -1003,6 +986,14 @@ sm-panel {
word-spacing: 0.16em;
}
#upi_txId_section .copy-row {
margin-bottom: 1.5rem;
}
#send_amount_to_deposit {
margin-bottom: 0 !important;
}
@media only screen and (max-width: 640px) {
#home_page, #deposit {
display: grid;

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -401,15 +401,14 @@ textarea {
}
}
.container:empty~.empty {
*:empty + .empty-state {
display: grid;
}
.empty {
.empty-state {
display: none;
place-items: center;
width: 100%;
svg {
stroke: rgba(var(--text-color), 0.8);
height: 12em;
@ -564,7 +563,7 @@ form {
}
#sign_in_popup {
h1 {
h3 {
margin-top: 2rem;
}
@ -690,39 +689,18 @@ form {
position: relative;
padding: 1.5rem;
border-radius: 0.6rem;
background: linear-gradient(160deg, #ffffff10 50%, #00000040 80%), linear-gradient(-120deg, #ffffff10 50%, #00000040 10%), rgba(var(--text-color), 0.8);
box-shadow: 0 0.1rem 0.6rem #00000020;
//background: linear-gradient(160deg, #ffffff10 50%, #00000040 80%), linear-gradient(-120deg, #ffffff10 50%, #00000040 10%), midnightblue;
background: radial-gradient(circle at top left, #EF6C00 20%, #C51162 30%, #4A148C 40%, #251f44);
box-shadow: 0 0.1rem 0.1rem #00000020, 0 2rem 1rem -1rem #00000040;
color: rgba(var(--foreground-color), 1);
align-self: flex-start;
.icon {
stroke: rgba(var(--foreground-color), 1);
}
&::before,
&::after {
content: '';
position: absolute;
height: 2rem;
bottom: 0.8rem;
box-shadow: 0 1rem 0.2rem #00000030;
z-index: -1;
border-radius: 0.4rem;
}
&::before {
left: 0;
right: 50%;
transform: rotate(-3deg);
}
&::after {
left: 50%;
right: 0;
transform: rotate(3deg);
}
.copy-row {
margin-bottom: 1.5rem;
text-shadow: 0.1rem 0.1rem 0.1rem #000000;
}
.grid {
@ -837,8 +815,9 @@ sm-tab-header {
position: sticky;
top: 0;
background: rgba(var(--foreground-color), 1);
z-index: 1;
z-index: 2;
margin-bottom: 1rem;
border-bottom: solid 1px rgba(var(--text-color), 0.2);
}
sm-tab::part(tab){
padding: 0.8rem 0;
@ -1094,7 +1073,7 @@ sm-panel{
align-items: center;
flex-direction: column;
button {
sm-button {
margin-left: 0;
margin-top: 1.5rem;
}
@ -1121,6 +1100,14 @@ sm-panel{
word-spacing: 0.16em;
}
}
#upi_txId_section{
.copy-row{
margin-bottom: 1.5rem;
}
}
#send_amount_to_deposit{
margin-bottom: 0 !important;
}
@media only screen and (max-width: 640px) {
#home_page, #deposit{

View File

@ -51,7 +51,7 @@
<div class="popup-container solid-background hide">
<div id="sign_in_popup" class="popup">
<div class="container-header">
<h1>Sign In</h1>
<h3>Sign In</h3>
</div>
<h4 class="expand light-text">Welcome to RanchiMall Blockchain UPI.<br>Please enter your FLO private key to
continue.</h4>
@ -344,14 +344,11 @@
<h5>Complaints</h5>
</div>
<div title="profile page" class="navbar-item" onclick="showPage(this, 'settings_page')">
<svg class="icon" id="profile_pic" viewBox="0 0 49.54 61.12">
<path
d="M49.34,19.94c7.73,0,13.26,5.26,13.26,14S58.18,50.14,49.71,50.08,36.82,42.66,36.82,33.93s5.53-14,13.26-14"
transform="translate(-25.23 -20)" />
<path
d="M43.83,52c-2.34,4.38-9.77,6.64-15.31,9.06-2.29,1-4.11,13-1.53,13a46.06,46.06,0,0,0,23.51,6,40.48,40.48,0,0,0,22.51-6c2.58,0,.76-12-1.53-13-5.54-2.42-13-4.68-15.31-9.06"
transform="translate(-25.23 -19.44)" />
</svg>
<svg class="icon" viewBox="0 0 64 64">
<title>settings</title>
<path d="M41,62.92a1.7,1.7,0,0,1-1.45-.83L37,57.7a2.63,2.63,0,0,0-2.27-1.34h-.26a23.91,23.91,0,0,1-5,0h-.26A2.63,2.63,0,0,0,27,57.7l-2.54,4.39a1.67,1.67,0,0,1-1.44.83,1.72,1.72,0,0,1-.83-.22L10.33,55.86a1.67,1.67,0,0,1-.61-2.27l2.54-4.41a2.61,2.61,0,0,0-.12-2.85A23.77,23.77,0,0,1,9.65,42,2.65,2.65,0,0,0,7.24,40.5H2.17A1.67,1.67,0,0,1,.5,38.83V25.17A1.67,1.67,0,0,1,2.17,23.5H7.24A2.64,2.64,0,0,0,9.65,22a25,25,0,0,1,2.49-4.31,2.63,2.63,0,0,0,.12-2.85l-2.54-4.4a1.67,1.67,0,0,1,.61-2.27L22.17,1.3A1.72,1.72,0,0,1,23,1.08a1.67,1.67,0,0,1,1.44.83L27,6.3a2.63,2.63,0,0,0,2.27,1.34h.26a23.91,23.91,0,0,1,5,0h.26A2.63,2.63,0,0,0,37,6.3l2.53-4.39A1.7,1.7,0,0,1,41,1.08a1.72,1.72,0,0,1,.83.22L53.67,8.14a1.67,1.67,0,0,1,.61,2.27l-2.54,4.41a2.61,2.61,0,0,0,.12,2.85A24.46,24.46,0,0,1,54.35,22a2.65,2.65,0,0,0,2.41,1.52h5.07a1.67,1.67,0,0,1,1.67,1.67V38.83a1.67,1.67,0,0,1-1.67,1.67H56.76A2.63,2.63,0,0,0,54.35,42a24.63,24.63,0,0,1-2.49,4.31,2.63,2.63,0,0,0-.12,2.85l2.54,4.4a1.68,1.68,0,0,1-.61,2.27L41.83,62.7A1.72,1.72,0,0,1,41,62.92Z"/>
<path d="M23,1.58h0a1.16,1.16,0,0,1,1,.58l2.54,4.39a3.14,3.14,0,0,0,2.7,1.59l.31,0C30.37,8,31.19,8,32,8s1.63,0,2.44.12l.31,0a3.14,3.14,0,0,0,2.7-1.59L40,2.16a1.16,1.16,0,0,1,1-.58,1.1,1.1,0,0,1,.58.16L53.42,8.57a1.16,1.16,0,0,1,.42,1.59L51.3,14.57a3.15,3.15,0,0,0,.15,3.4,23.69,23.69,0,0,1,2.45,4.21A3.12,3.12,0,0,0,56.76,24h5.07A1.17,1.17,0,0,1,63,25.17V38.83A1.17,1.17,0,0,1,61.83,40H56.76a3.11,3.11,0,0,0-2.86,1.82,24.33,24.33,0,0,1-2.44,4.23,3.11,3.11,0,0,0-.15,3.39l2.53,4.4a1.13,1.13,0,0,1,.12.88,1.17,1.17,0,0,1-.54.71L41.58,62.26a1.08,1.08,0,0,1-.58.16,1.16,1.16,0,0,1-1-.58l-2.54-4.39a3.14,3.14,0,0,0-2.7-1.59l-.31,0C33.63,56,32.81,56,32,56s-1.63,0-2.44-.12l-.31,0a3.14,3.14,0,0,0-2.7,1.59L24,61.84a1.16,1.16,0,0,1-1,.58,1.1,1.1,0,0,1-.58-.16L10.58,55.43a1.16,1.16,0,0,1-.42-1.59l2.54-4.41a3.15,3.15,0,0,0-.15-3.4,23.69,23.69,0,0,1-2.45-4.21A3.12,3.12,0,0,0,7.24,40H2.17A1.17,1.17,0,0,1,1,38.83V25.17A1.17,1.17,0,0,1,2.17,24H7.24a3.11,3.11,0,0,0,2.86-1.82A24.33,24.33,0,0,1,12.54,18a3.11,3.11,0,0,0,.15-3.39l-2.53-4.4a1.16,1.16,0,0,1,.42-1.59L22.42,1.74A1.08,1.08,0,0,1,23,1.58m0-1a2.11,2.11,0,0,0-1.08.29L10.08,7.7a2.17,2.17,0,0,0-.79,3l2.54,4.4a2.15,2.15,0,0,1-.1,2.31,24.92,24.92,0,0,0-2.54,4.4A2.13,2.13,0,0,1,7.24,23H2.17A2.17,2.17,0,0,0,0,25.17V38.83A2.17,2.17,0,0,0,2.17,41H7.24a2.13,2.13,0,0,1,1.95,1.23,25.25,25.25,0,0,0,2.55,4.39,2.13,2.13,0,0,1,.09,2.31L9.29,53.34a2.17,2.17,0,0,0,.79,3l11.84,6.83a2.11,2.11,0,0,0,1.08.29,2.17,2.17,0,0,0,1.88-1.08L27.41,58a2.14,2.14,0,0,1,1.84-1.09h.21a24.88,24.88,0,0,0,5.08,0h.21A2.14,2.14,0,0,1,36.59,58l2.53,4.39A2.17,2.17,0,0,0,41,63.42a2.11,2.11,0,0,0,1.08-.29L53.92,56.3a2.17,2.17,0,0,0,.79-3l-2.54-4.4a2.15,2.15,0,0,1,.1-2.31,24.92,24.92,0,0,0,2.54-4.4A2.13,2.13,0,0,1,56.76,41h5.07A2.17,2.17,0,0,0,64,38.83V25.17A2.17,2.17,0,0,0,61.83,23H56.76a2.13,2.13,0,0,1-1.95-1.23,25.25,25.25,0,0,0-2.55-4.39,2.13,2.13,0,0,1-.09-2.31l2.54-4.41a2.17,2.17,0,0,0-.79-3L42.08.87A2.11,2.11,0,0,0,41,.58a2.17,2.17,0,0,0-1.88,1.08L36.59,6.05a2.14,2.14,0,0,1-1.84,1.09h-.21a24.88,24.88,0,0,0-5.08,0h-.21a2.14,2.14,0,0,1-1.84-1.09L24.88,1.66A2.17,2.17,0,0,0,23,.58Z"/><circle class="a" cx="32" cy="32" r="11.5"/><path d="M32,21A11,11,0,1,1,21,32,11,11,0,0,1,32,21m0-1A12,12,0,1,0,44,32,12,12,0,0,0,32,20Z"/>
</svg>
<h5>Settings</h5>
</div>
</nav>
@ -439,11 +436,11 @@
<div id="display_balance" class="grid grid-2">
<div class="balance">
<h5>Rupee</h5>
<h3 id="token_balance">0</h3>
<h3 class="token-balance">0</h3>
</div>
<div class="balance">
<h5>FLO</h5>
<h3 id="flo_balance">0</h3>
<h3 class="flo-balance">0</h3>
</div>
</div>
</div>
@ -464,7 +461,7 @@
</sm-button>
</div>
<div id="pending_deposits_container" class="container"></div>
<div id="deposit_illustration" class="empty">
<div id="deposit_illustration" class="empty-state">
<svg viewBox="0 0 529.94 446.5">
<defs>
<style>
@ -523,7 +520,7 @@
<sm-button id="fetch_withdraws" onclick="show_withdraw_request()">Load pending</sm-button>
</div>
<div id="pending_withdrawals_container" class="container"></div>
<div id="withdraw_illustration" class="empty">
<div id="withdraw_illustration" class="empty-state">
<svg viewBox="0 0 529.94 446.5">
<defs>
<style>
@ -584,7 +581,7 @@
</sm-button>
</div>
<div id="pay_requests_container" class="container"></div>
<div id="pay_illustration" class="empty">
<div id="pay_illustration" class="empty-state">
<svg viewBox="0 0 529.94 446.5">
<defs>
<style>
@ -665,33 +662,35 @@
</div>
<div class="balance">
<h5>FLO</h5>
<h3 id="flo_balance">0</h3>
<h3 class="flo-balance">0</h3>
</div>
</div>
</div>
</section>
<section id="request_page" class="page hide-completely">
<h2>Payment Requests</h2>
<p class="bottom-margin">Your payment requests will appear here.</p>
<h3>Payment Requests</h3>
<sm-tab-header target="payment_request_tab">
<sm-tab>Pending</sm-tab>
<sm-tab>Approved</sm-tab>
<sm-tab>Declined</sm-tab>
</sm-tab-header>
<sm-tab-panels id="payment_request_tab">
<sm-panel id="pending_payment_request_container" class="container">
<h4>You don't have any requests.</h4>
<sm-panel>
<div id="pending_payment_request_container" class="container"></div>
<h4 class="empty-state">You don't have any requests.</h4>
</sm-panel>
<sm-panel id="approved_payment_request_container" class="container">
<h4>You don't have any requests.</h4>
<sm-panel>
<div id="approved_payment_request_container" class="container"></div>
<h4 class="empty-state">You don't have any requests.</h4>
</sm-panel>
<sm-panel id="declined_payment_request_container" class="container">
<h4>You don't have any requests.</h4>
<sm-panel>
<div id="declined_payment_request_container" class="container"></div>
<h4 class="empty-state">You don't have any requests.</h4>
</sm-panel>
</sm-tab-panels>
</section>
<section id="activity_page" class="page">
<h2>Activity</h2>
<h3>Activity</h3>
<p class="bottom-margin">*If your request isn't completed in 12hrs, use <strong>REPORT</strong> to get
assistance from our helpline.</p>
<sm-tab-header target="user_activities">
@ -701,23 +700,27 @@
<sm-tab>System Notifications</sm-tab>
</sm-tab-header>
<sm-tab-panels id="user_activities">
<sm-panel id="deposit_activity_container" class="container activity-container">
<h4>You haven't deposited rupee yet.</h4>
<sm-panel>
<div id="deposit_activity_container" class="container activity-container"></div>
<h4 class="empty-state">You haven't deposited rupee yet.</h4>
</sm-panel>
<sm-panel id="withdraw_activity_container" class="container activity-container">
<h4>You haven't withdrawn rupee yet.</h4>
<sm-panel>
<div id="withdraw_activity_container" class="container activity-container"></div>
<h4 class="empty-state">You haven't withdrawn rupee yet.</h4>
</sm-panel>
<sm-panel id="pay_cashier_activity_container" class="container activity-container">
<h4>You haven't paid through cashier yet.</h4>
<sm-panel>
<div id="pay_cashier_activity_container" class="container activity-container"></div>
<h4 class="empty-state">You haven't paid through cashier yet.</h4>
</sm-panel>
<sm-panel id="cashier_message_container" class="container activity-container">
<h4>No messages from cashier.</h4>
<sm-panel>
<div id="cashier_message_container" class="container activity-container"></div>
<h4 class="empty-state">No messages from cashier.</h4>
</sm-panel>
</sm-tab-panels>
</section>
<section id="helpline_page" class="page hide-completely">
<div class="container-header">
<h2>Complaints</h2>
<h3>Complaints</<h3>
</div>
<h5 class="label">Select Cashier</h5>
<sm-strip-select name="cashier" id="select_cashier"></sm-strip-select>
@ -727,19 +730,22 @@
<sm-tab>Pay through cashier</sm-tab>
</sm-tab-header>
<sm-tab-panels id="all_complaints">
<sm-panel id="deposit_complaints_container" class="complaints-container">
<h4>No deposit complaints.</h4>
<sm-panel>
<div id="deposit_complaints_container" class="complaints-container"></div>
<h4 class="empty-state">No deposit complaints.</h4>
</sm-panel>
<sm-panel id="withdraw_complaints_container" class="complaints-container hide-completely">
<h4>No withdraw complaints.</h4>
<sm-panel>
<div id="withdraw_complaints_container" class="complaints-container"></div>
<h4 class="empty-state">No withdraw complaints.</h4>
</sm-panel>
<sm-panel id="pay_cashier_complaints_container" class="complaints-container hide-completely">
<h4>No pay through cashier complaints.</h4>
<sm-panel>
<div id="pay_cashier_complaints_container" class="complaints-container"></div>
<h4 class="empty-state">No pay through cashier complaints.</h4>
</sm-panel>
</sm-tab-panels>
</section>
<section id="settings_page" class="page hide-completely">
<h2>Settings</h2>
<h3 class="bottom-margin">Settings<h3>
<h4>My FLO ID</h4>
<div class="copy-row">
<h4 class="user-flo-id copy"></h4>
@ -868,7 +874,7 @@
'data-type': 'deposit'
})
card.innerHTML = ` <h5 class="time">${formatedTime(time)}</h5>
<h5>UPI Transanction ID</h5>
<h5>UPI Address</h5>
<div class="copy-row">
<h4 class="copy">${txid}</h4>
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 64 64">
@ -926,7 +932,7 @@
'data-type': 'pay_thru_cashier'
})
card.innerHTML = ` <h5 class="time">${formatedTime(time)}</h5>
<h5>UPI Transanction ID</h5>
<h5>UPI Address</h5>
<div class="copy-row">
<h4 class="copy">${upiTxid}</h4>
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 64 64">
@ -11175,6 +11181,9 @@
"upi_id": "krishraj1012-2@okicici"
}
}`
/*
*/
text = removeWhiteSpaces(text);
return text;
const master_data = await ajaxGet(
@ -11323,7 +11332,7 @@
})
show_user_activities()
show_payment_requests()
userType.forEach(user => user.textContent = 'Cashier')
userType.forEach(user => user.textContent = 'User')
showPage(document.getElementById('home_page_btn'), 'home_page')
}
@ -11703,11 +11712,11 @@
'https://ranchimallflo.duckdns.org/api/v1.0/getFloAddressBalance?token=rupee&floAddress=' +
myFloID)
const get_user_flo_balance = await ajaxGet(`
https://ranchimallflo.duckdns.org/api/v1.0/getFloAddressBalance?floAddress=${myFloID}`)
https://ranchimallflo.duckdns.org/api/v1.0/getFloAddressBalance?floAddress=${myFloID}`)
console.log(get_user_flo_balance)
if (typeof get_user_rupee_balance === "object" && get_user_rupee_balance.balance >= 0) {
if (get_user_rupee_balance.balance === null)
get_user_rupee_balance.balance = 0;
get_user_rupee_balance.balance = 0;
document.querySelectorAll('.token-balance').forEach(bal => bal.textContent = get_user_rupee_balance.balance);
}
/*if (typeof get_user_flo_balance === "object" && get_user_flo_balance.balance >= 0) {
@ -12033,8 +12042,8 @@
} = usr_deposits.message;
frag.append(render.depositActivity(usr_deposits.vectorClock, upi_txid, deposit_amount))
}
if (frag.children.length)
depositActivityContainer.innerHTML = ``;
depositActivityContainer.innerHTML = ``;
depositActivityContainer.append(frag)
@ -12047,9 +12056,7 @@
frag.append(render.withdrawActivity(usr_withdraws.vectorClock, token_txid, withdrawer_upi,
withdraw_amount))
}
if (frag.children.length)
withdrawActivityContainer.innerHTML = ``;
withdrawActivityContainer.innerHTML = ``;
withdrawActivityContainer.append(frag)
for (cashier_message of pay_thru_cashier_msg) {
@ -12063,16 +12070,14 @@
amount))
}
if (frag.children.length)
payCashierActivityContainer.innerHTML = ``;
payCashierActivityContainer.innerHTML = ``;
payCashierActivityContainer.append(frag)
for (msg of user_msg) {
frag.append(render.cashierMessage(msg))
}
if (frag.children.length)
cashierMessageContainer.innerHTML = ``;
cashierMessageContainer.innerHTML = ``;
cashierMessageContainer.append(frag)
} catch (e) {
notify(e, 'error');
@ -12165,19 +12170,23 @@
declined_reqs_list = floDapps.getNextGeneralData(token_app.master_configurations
.TYPE_REQUEST_PAYMENT_DECLINED, "0").reverse(),
approved_reqs_list = floDapps.getNextGeneralData(token_app.master_configurations
.TYPE_REQUEST_PAYMENT_APPROVED, "0").reverse();
console.log(general_msg);
console.log(approved_reqs_list);
console.log(declined_reqs_list);
.TYPE_REQUEST_PAYMENT_APPROVED, "0").reverse();
console.log(general_msg);
console.log(approved_reqs_list);
console.log(declined_reqs_list);
let processed_payments_requests = approved_reqs_list.map(m => m.message).concat(declined_reqs_list
.map(m => m.message));
.map(m => m.message));
let pendingPaymentRequestContainer = document.getElementById("pending_payment_request_container"),
approvedPaymentRequestContainer = document.getElementById("approved_payment_request_container"),
declinedPaymentRequestContainer = document.getElementById("declined_payment_request_container");
pendingPaymentRequestContainer.innerHTML = ``;
approvedPaymentRequestContainer.innerHTML = ``;
declinedPaymentRequestContainer.innerHTML = ``;
for (const m of general_msg) {
let {
sender_flo_id,
@ -12190,8 +12199,6 @@
if (typeof sender_flo_id !== "string") continue;
frag.append(render.paymentRequest(datetime, sender_flo_id, amount, pay_req_id, true))
}
if (frag.children.length)
pendingPaymentRequestContainer.innerHTML = ``;
pendingPaymentRequestContainer.append(frag)
for (const m of approved_reqs_list) {
@ -12204,8 +12211,6 @@
} = m.message;
frag.append(render.paymentRequest(datetime, sender_flo_id, amount, pay_req_id))
}
if (frag.children.length)
approvedPaymentRequestContainer.innerHTML = ``;
approvedPaymentRequestContainer.append(frag)
for (const m of declined_reqs_list) {
@ -12216,10 +12221,9 @@
datetime,
pay_req_id
} = m.message;
console.log(m)
frag.append(render.paymentRequest(datetime, sender_flo_id, amount, pay_req_id))
}
if (frag.children.length)
declinedPaymentRequestContainer.innerHTML = ``;
declinedPaymentRequestContainer.append(frag)
} catch (e) {
console.error(e);